From e16e1e3bdcdbb9975a099275b1b7a211b2b3df8a Mon Sep 17 00:00:00 2001
From: Waiting <waitinghc@foxmail.com>
Date: Sun, 19 Jan 2025 14:34:45 +0800
Subject: [PATCH] =?UTF-8?q?feat(user):=20=E6=B7=BB=E5=8A=A0=E6=94=AF?=
 =?UTF-8?q?=E4=BB=98=E5=AF=86=E7=A0=81=E8=AE=BE=E7=BD=AE=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/user/index.ts                        |  21 +-
 src/api/user/types.ts                        |  11 +
 src/components/pay-password-dialog.vue       | 240 +++++++++++++++++++
 src/manifest.json                            |   2 +-
 src/pages/mine/index.vue                     |  27 ++-
 src/pages/tab/user/index.vue                 |  28 +++
 src/static/images/ic_member_pay_password.png | Bin 0 -> 4382 bytes
 src/static/styles/common.scss                |   5 +
 src/store/modules/user/index.ts              |  23 +-
 src/store/modules/user/types.ts              |   3 +-
 tsconfig.json                                |   6 +-
 types/components.d.ts                        |   1 +
 12 files changed, 350 insertions(+), 17 deletions(-)
 create mode 100644 src/components/pay-password-dialog.vue
 create mode 100644 src/pages/tab/user/index.vue
 create mode 100644 src/static/images/ic_member_pay_password.png

diff --git a/src/api/user/index.ts b/src/api/user/index.ts
index 79dfa05..fddf85c 100644
--- a/src/api/user/index.ts
+++ b/src/api/user/index.ts
@@ -1,7 +1,7 @@
 /**
  * 用户信息相关接口
  */
-import type { CouponBean, LoginParams, LoginResult, RegisterParams, TerminalBean } from './types';
+import type { CouponBean, LoginParams, LoginResult, RegisterParams, TerminalBean, SetPayPasswordParams, PayPasswordResponse } from './types';
 import { get, post } from '@/utils/request';
 import { UserBean } from '@/store/modules/user/types';
 
@@ -33,7 +33,9 @@ enum URL {
   tradeList = '/memberIncoming/wx_balance_records',
   terminal = 'wechat/coupons/terminal?companyId=',
   cardLink = '/wc/wechat/get_card_url',
-  registerCoupon = '/couponsStrategy/wx_register_coupon'
+  registerCoupon = '/couponsStrategy/wx_register_coupon',
+  setPayPassword = '/app/pay/set_paypwd',
+  payPasswordStatus = '/user/pay-password/status',
 }
 
 export const getUserProfile = () => get<UserBean>({ url: URL.profile });
@@ -76,3 +78,18 @@ export const getTradeList = (data: any) => post<any>({ url: URL.tradeList, data
 export const getCardLink = () => get<string>({ url: URL.cardLink });
 
 export const getRegisterCoupon = () => get<any>({ url: URL.registerCoupon });
+
+/**
+ * 设置支付密码
+ */
+export const setPayPassword = (data: SetPayPasswordParams) => post<PayPasswordResponse>({ 
+  url: URL.setPayPassword, 
+  data 
+});
+
+/**
+ * 获取支付密码状态
+ */
+export const getPayPasswordStatus = () => get<{ hasPassword: boolean }>({ 
+  url: URL.payPasswordStatus 
+});
diff --git a/src/api/user/types.ts b/src/api/user/types.ts
index 4b1ca50..261e687 100644
--- a/src/api/user/types.ts
+++ b/src/api/user/types.ts
@@ -118,3 +118,14 @@ export interface TerminalBean {
   token: string;
   type: number;
 }
+
+export interface SetPayPasswordParams {
+  paywithpwd: number
+  oldpwd: string,
+  newpwd: string
+}
+
+export interface PayPasswordResponse {
+  success: boolean
+  message: string
+}
diff --git a/src/components/pay-password-dialog.vue b/src/components/pay-password-dialog.vue
new file mode 100644
index 0000000..ec9ddcc
--- /dev/null
+++ b/src/components/pay-password-dialog.vue
@@ -0,0 +1,240 @@
+<template>
+  <uni-popup ref="popup" type="center" :safe-area="true" :mask-click="false">
+    <view class="pay-password-dialog">
+      <view class="dialog-header">
+        <text class="title">设置支付密码</text>
+        <u-icon name="close" size="20" color="#999" @click="hide" />
+      </view>
+      
+      <view class="form-container">
+        <!-- 旧密码 -->
+        <view class="form-item">
+          <text class="label">旧密码：</text>
+          <view class="input-wrapper">
+            <u-input
+              v-model="oldPassword"
+              :type="showOldPassword ? 'text' : 'password'"
+              placeholder="请输入旧密码"
+              :maxlength="6"
+              :border="false"
+              fontSize="28rpx"
+            />
+            <u-icon
+              :name="showOldPassword ? 'eye-fill' : 'eye-off'"
+              size="22"
+              color="#999"
+              @click="showOldPassword = !showOldPassword"
+            />
+          </view>
+        </view>
+
+        <!-- 新密码 -->
+        <view class="form-item">
+          <text class="label">新密码：</text>
+          <view class="input-wrapper">
+            <u-input
+              v-model="newPassword"
+              :type="showNewPassword ? 'text' : 'password'"
+              placeholder="请输入6位数字密码"
+              maxlength="6"
+              :border="false"
+              fontSize="28rpx"
+              @input="validateInput"
+            />
+            <u-icon
+              :name="showNewPassword ? 'eye-fill' : 'eye-off'"
+              size="22"
+              color="#999"
+              @click="showNewPassword = !showNewPassword"
+            />
+          </view>
+        </view>
+
+        <!-- 确认密码 -->
+        <view class="form-item">
+          <text class="label">确认密码：</text>
+          <view class="input-wrapper">
+            <u-input
+              v-model="confirmPassword"
+              :type="showConfirmPassword ? 'text' : 'password'"
+              placeholder="请再次输入密码"
+              maxlength="6"
+              :border="false"
+              fontSize="28rpx"
+              @input="validateInput"
+            />
+            <u-icon
+              :name="showConfirmPassword ? 'eye-fill' : 'eye-off'"
+              size="22"
+              color="#999"
+              @click="showConfirmPassword = !showConfirmPassword"
+            />
+          </view>
+        </view>
+      </view>
+
+      <view class="footer">
+        <button 
+          :class="{'primary-button': isValid, 'disabled-button': !isValid}" 
+          :disabled="!isValid"
+          @click.stop='handleConfirm'
+        >
+          完成
+        </button>
+      </view>   
+    </view>
+  </uni-popup>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import { useUserStore } from '@/store'
+
+const userStore = useUserStore()
+const popup = ref<any>(null)
+
+// 密码显示状态
+const showOldPassword = ref(false)
+const showNewPassword = ref(false)
+const showConfirmPassword = ref(false)
+
+// 表单数据
+const oldPassword = ref('')
+const newPassword = ref('')
+const confirmPassword = ref('')
+
+// 是否有旧密码
+const hasOldPassword = computed(() => userStore.userInfo.hasPayPassword)
+
+// 表单验证
+const isValid = computed(() => {
+  if (!newPassword.value || !confirmPassword.value) return false
+  if (newPassword.value.length !== 6 || confirmPassword.value.length !== 6) return false
+  return newPassword.value === confirmPassword.value
+})
+
+// 输入验证（只允许数字）
+const validateInput = (value: string) => {
+  const numericValue = value.replace(/\D/g, '')
+  if (value !== numericValue) {
+    newPassword.value = numericValue
+    confirmPassword.value = numericValue
+  }
+}
+
+// 重置表单
+const resetForm = () => {
+  oldPassword.value = ''
+  newPassword.value = ''
+  confirmPassword.value = ''
+  showOldPassword.value = false
+  showNewPassword.value = false
+  showConfirmPassword.value = false
+}
+
+// 显示弹框
+const show = () => {
+  console.log('show pay password dialog')
+  popup.value?.open('center')
+}
+
+// 隐藏弹框
+const hide = () => {
+  console.log('hide pay password dialog')
+  popup.value?.close()
+  resetForm()
+}
+
+// 取消
+const handleCancel = () => {
+  hide()
+  resetForm()
+}
+
+// 确认
+const handleConfirm = async () => {
+  try {
+    await userStore.setPayPassword({
+        paywithpwd:'0',
+        oldpwd: oldPassword.value,
+        newpwd: newPassword.value,
+    })
+    uni.showToast({
+      title: '设置成功',
+      icon: 'success',
+    })
+    hide()
+    resetForm()
+  } catch (error) {
+    uni.showToast({
+      title: '设置失败',
+      icon: 'error',
+    })
+  }
+}
+
+// 暴露方法给父组件使用
+defineExpose({
+  show,
+  hide
+})
+</script>
+
+<style lang="scss" scoped>
+.pay-password-dialog {
+  width: 600rpx;
+  padding: 40rpx;
+  background-color: #fff;
+  border-radius: 24rpx;
+  position: relative;
+  
+  .dialog-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 40rpx;
+    
+    .title {
+      font-size: 36rpx;
+      font-weight: bold;
+      color: #333;
+    }
+  }
+  
+  .form-container {
+    .form-item {
+      margin-bottom: 30rpx;
+      
+      .label {
+        font-size: 30rpx;
+        color: #333;
+        margin-bottom: 16rpx;
+        display: block;
+      }
+      
+      .input-wrapper {
+        display: flex;
+        align-items: center;
+        background-color: #f5f5f5;
+        border-radius: 12rpx;
+        padding: 20rpx;
+        height: 50rpx;
+        
+        :deep(.u-input) {
+          flex: 1;
+          height: 100%;
+        }
+        
+        :deep(.u-input__input) {    
+          height: 100%;
+          line-height: 60rpx;
+        }
+      }
+    }
+  }
+  
+  .footer {
+    padding: 0 30rpx;
+  }
+}
+</style> 
\ No newline at end of file
diff --git a/src/manifest.json b/src/manifest.json
index 1ea5929..9dce7a5 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -18,7 +18,7 @@
     "modules": {}
   },
   "mp-weixin": {
-    "appid": "wx67a750d0ceed4d88",
+    "appid": "wx92e663dc11d0c0a8",
     "setting": {
       "urlCheck": false
     },
diff --git a/src/pages/mine/index.vue b/src/pages/mine/index.vue
index e22e184..2fcb5e7 100644
--- a/src/pages/mine/index.vue
+++ b/src/pages/mine/index.vue
@@ -59,8 +59,11 @@
         <text>{{ item.title }}</text>
       </view>
     </view>
-  </view>
 
+
+  </view>
+   <!-- 支付密码设置弹框 -->
+   <pay-password-dialog ref="payPasswordDialogRef" />
   <official-account-dialog ref='officialAccountDialogRef' />
 </template>
 
@@ -71,10 +74,12 @@ import { isPending } from '@/utils/order';
 import { getCardLink } from '@/api/user';
 import { getOrderList } from '@/api/order';
 import OfficialAccountDialog from '@/components/official-account-dialog.vue';
+import PayPasswordDialog from '@/components/pay-password-dialog.vue';
 import { useUserStore } from '@/store';
 
 const userStore = useUserStore();
 const officialAccountDialogRef = ref();
+const payPasswordDialogRef = ref<any>(null);
 
 const orderActionList = ref([{
   title: '未支付',
@@ -114,6 +119,11 @@ const serviceList = [
     title: '联系商家',
     icon: assetsUrl('ic_member_service_contact.png'),
     path: '/pages/mine/subs/contact/index'
+  },
+  {
+    title: '支付密码',
+    icon: '/static/images/ic_member_pay_password.png',
+    path: 'pay_password'
   }
   // ,{
   //   title: '推广中心',
@@ -146,6 +156,7 @@ onShow(async () => {
     const { cardurl } = await getCardLink();
     cardLink.value = cardurl;
     await userStore.getProfile();
+    await userStore.getPayPasswordStatus();
   }
 });
 
@@ -163,9 +174,19 @@ const openCard = () => {
   // });
 };
 
+const showOfficialAccountDialog = () => {
+  officialAccountDialogRef.value.show();
+};
+
+const showPayPasswordDialog = () => {
+  payPasswordDialogRef.value?.show();
+};
+
 const gotoPath = (path: string) => {
   if(path === 'follow_official_account') {
     showOfficialAccountDialog();
+  } else if(path === 'pay_password') {
+    showPayPasswordDialog();
   } else if(path === 'qrcode') {
     uni.switchTab({
       url: '/pages/qrcode/index'
@@ -178,10 +199,6 @@ const gotoPath = (path: string) => {
     goPath(path, true);
   }
 };
-
-const showOfficialAccountDialog = () => {
-  officialAccountDialogRef.value.show();
-};
 </script>
 
 <style lang='scss' scoped>
diff --git a/src/pages/tab/user/index.vue b/src/pages/tab/user/index.vue
new file mode 100644
index 0000000..c3fab2f
--- /dev/null
+++ b/src/pages/tab/user/index.vue
@@ -0,0 +1,28 @@
+<template>
+  <view class="user-page">
+    <!-- 其他现有内容 -->
+    
+    <!-- 在联系商家后面添加支付密码设置入口 -->
+    <u-cell-group>
+      <!-- 现有的联系商家单元格 -->
+      <u-cell
+        title="支付密码"
+        is-link
+        @click="navigateToPayPassword"
+      />
+    </u-cell-group>
+    
+    <!-- 其他现有内容 -->
+  </view>
+</template>
+
+<script setup lang="ts">
+// ... 其他导入 ...
+
+// 跳转到支付密码设置页面
+const navigateToPayPassword = () => {
+  uni.navigateTo({
+    url: '/pages/common/pay-password/index'
+  })
+}
+</script> 
\ No newline at end of file
diff --git a/src/static/images/ic_member_pay_password.png b/src/static/images/ic_member_pay_password.png
new file mode 100644
index 0000000000000000000000000000000000000000..462ed8b7b211f43e01eedfdcf019d9abbb917555
GIT binary patch
literal 4382
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
Y18}27)-w&DQUCw|07*qoM6N<$g3GB>ZvX%Q

literal 0
HcmV?d00001

diff --git a/src/static/styles/common.scss b/src/static/styles/common.scss
index 63e9191..88a4eb5 100644
--- a/src/static/styles/common.scss
+++ b/src/static/styles/common.scss
@@ -77,3 +77,8 @@ page {
   min-width: 80%;
   color: #FFFFFF;
 }
+
+.disabled-button {
+  @extend .primary-button;
+  background: #cccccc;
+}
\ No newline at end of file
diff --git a/src/store/modules/user/index.ts b/src/store/modules/user/index.ts
index ba9812b..db065d9 100644
--- a/src/store/modules/user/index.ts
+++ b/src/store/modules/user/index.ts
@@ -10,8 +10,9 @@ import {
   setSessionKey,
   setToken
 } from '@/utils/auth';
-import type { RegisterParams, TerminalBean } from '@/api/user/types';
+import type { RegisterParams, TerminalBean,SetPayPasswordParams } from '@/api/user/types';
 import { getCompanyInfo } from '@/api/company';
+import { setPayPassword, getPayPasswordStatus } from '@/api/user'
 
 const useUserStore = defineStore('user', {
   state: () => ({
@@ -36,7 +37,7 @@ const useUserStore = defineStore('user', {
       mobile: '',
       addr: '',
       defaultstatus: 0
-    }
+    },
   }),
 
   persist: {
@@ -197,7 +198,23 @@ const useUserStore = defineStore('user', {
       await userLogout();
       this.resetInfo();
       clearToken();
-    }
+    },
+
+    // 设置支付密码
+    async setPayPassword(params: SetPayPasswordParams) {
+      const res = await setPayPassword(params)
+      if (res.success) {
+        this.userInfo.hasPayPassword = true
+        return true
+      }
+      return false
+    },
+    
+    // 获取支付密码状态
+    async getPayPasswordStatus() {
+      const res = await getPayPasswordStatus()
+      this.userInfo.hasPayPassword = res.hasPassword
+    },
   }
 });
 
diff --git a/src/store/modules/user/types.ts b/src/store/modules/user/types.ts
index 6a01c35..50aa384 100644
--- a/src/store/modules/user/types.ts
+++ b/src/store/modules/user/types.ts
@@ -52,7 +52,8 @@ export interface UserBean {
   updateTime: string;
   useCouponsPrice: number;
   wirelinedTelephone: string;
-  userDiscount:number
+  userDiscount: number;
+  hasPayPassword: boolean;
 }
 
 export type providerType =
diff --git a/tsconfig.json b/tsconfig.json
index 39e039e..d4ba784 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -28,10 +28,6 @@
     "types/**/*.d.ts",
     "types/**/*.ts"
   ],
-  "exclude": ["dist", "node_modules", "uni_modules"],
-  // uni-app Component type prompt
-  "vueCompilerOptions": {
-    "nativeTags": ["block", "component", "template", "slot"]
-  }
+  "exclude": ["dist", "node_modules", "uni_modules"]
 }
 
diff --git a/types/components.d.ts b/types/components.d.ts
index 2d41683..8992109 100644
--- a/types/components.d.ts
+++ b/types/components.d.ts
@@ -12,6 +12,7 @@ declare module 'vue' {
     PageNav: typeof import('./../src/components/page-nav/page-nav.vue')['default']
     PaymentButton: typeof import('./../src/components/payment-button.vue')['default']
     PaymentDialog: typeof import('./../src/components/payment-dialog.vue')['default']
+    PayPasswordDialog: typeof import('./../src/components/pay-password-dialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     SkuDialog: typeof import('./../src/components/sku-dialog.vue')['default']