备货单 加 审批流程

src/views/admin/user/user_info.vue

@@ -116,6 +116,19 @@
               <ElFormItem label="邮箱" prop="email">
                 <ElInput v-model="form.email" :disabled="!isEdit" />
               </ElFormItem>
+              <ElFormItem label="签名" prop="signature" class="right-input">
+                <template v-if="form.signature_pic_full">
+                  <img :src="form.signature_pic_full" class="signature-img" />
+                </template>
+                <template v-else>
+                  <div class="signature-qrcode">
+                    <qrcode-vue :value="qrcodeUrl" :size="120" level="M" />
+                    <div class="qrcode-tip">手机扫码进行签名</div>
+                  </div>
+                </template>
+                <el-button @click="handleSignature" type="primary">签名</el-button>
+                <el-input type="hidden" v-model="form.signature" />
+              </ElFormItem>
             </ElRow>
             <!-- <ElRow>
               <ElFormItem
@@ -218,6 +231,8 @@
   import { UserService } from '@/api/usersApi'
   import { useUploadHeaders } from '@/composables/useUploadHeaders'
   import { useUserStore } from '@/store/modules/user'
+  import { computed } from 'vue'
+  import QrcodeVue from 'qrcode.vue'
   const { uploadHeaders } = useUploadHeaders()
   let actionImageUplode = `${import.meta.env.VITE_API_URL}/ticket/upload`
   defineOptions({ name: 'UserCenter' })
@@ -277,6 +292,22 @@
     // await getarea()
     await getuserInfo()
   })
+  const qrcodeUrl = computed(() => {
+    const userId = form.value?.id || userInfo.value?.id || ''
+    const base = location.origin
+    const token = (useUserStore() as any).accessToken || ''
+    const params = new URLSearchParams({ userId: String(userId) })
+    if (token) params.append('token', token)
+    return `${base}/auth/signature/mobile?${params.toString()}`
+  })
+  const handleSignature = async () => {
+    const userId = form.value?.id || userInfo.value?.id || ''
+    const base = location.origin
+    const token = (useUserStore() as any).accessToken || ''
+    const params = new URLSearchParams({ userId: String(userId) })
+    if (token) params.append('token', token)
+    window.location.href = `${base}/auth/signature/mobile?${params.toString()}`
+  }
   const edit = async () => {
     if (isEdit.value) {
       const res = await UserService.editUserInfo(form.value)
@@ -328,7 +359,7 @@
 </style>
 
 <style lang="scss" scoped>
-  :deep(.qrcode-radio-group .el-form-item__content){
+  :deep(.qrcode-radio-group .el-form-item__content) {
     height: 40px;
   }
   .avatar {
@@ -337,7 +368,7 @@
     border-radius: 50%;
     object-fit: cover;
   }
-  .qrcode-img{
+  .qrcode-img {
     width: 80px;
     height: 80px;
   }
@@ -372,7 +403,7 @@
           overflow: hidden;
           text-align: center;
           // background: var(--art-main-bg-color);
-          background: linear-gradient(180deg, #E9F0FF 0%, #FFFFFF 67.9%);
+          background: linear-gradient(180deg, #e9f0ff 0%, #ffffff 67.9%);
 
           border-radius: $box-radius;
           .avatar {