判断是否有签名换到长链接推送 然后添加 报关价 预估退税计算

src/views/system/user-center/index.vue

@@ -29,6 +29,14 @@
               <span class="info-label">国 家：</span>
               <span class="info-value">{{ userInfo.country_txt }}</span>
             </div>
+            <div class="info-row">
+              <span class="info-label">上 级：</span>
+              <span class="info-value">{{ userInfo.report_to_info?.name || '' }}</span>
+            </div>
+            <div class="info-row">
+              <span class="info-label">内 勤：</span>
+              <span class="info-value">{{ userInfo.office_clerk_info?.name || '' }}</span>
+            </div>
           </div>
         </div>
       </div>
@@ -111,48 +119,6 @@
               <ElFormItem label="邮箱" prop="email">
                 <ElInput v-model="form.email" :disabled="!isEdit" />
               </ElFormItem>
-              <ElFormItem label="签名" prop="signature" class="right-input">
-                <template v-if="form.sign_img">
-                  <img :src="sign_img_url" class="signature-img" />
-                  <el-button
-                    v-if="isEdit"
-                    style="margin-left: 12px"
-                    @click="showReSignQR = !showReSignQR"
-                  >
-                    重新签名
-                  </el-button>
-                  <div
-                    v-if="isEdit && showReSignQR"
-                    class="signature-qrcode"
-                    style="margin-top: 20px; margin-left: 20px"
-                  >
-                    <qrcode-vue
-                      :value="qrcodeUrl"
-                      :size="200"
-                      level="M"
-                      render-as="svg"
-                      :include-margin="true"
-                      background="#ffffff"
-                      foreground="#000000"
-                    />
-                    <div class="qrcode-tip">手机扫码重新签名</div>
-                  </div>
-                </template>
-                <template v-else>
-                  <div class="signature-qrcode">
-                    <qrcode-vue
-                      :value="qrcodeUrl"
-                      :size="200"
-                      level="M"
-                      render-as="svg"
-                      :include-margin="true"
-                      background="#ffffff"
-                      foreground="#000000"
-                    />
-                    <div class="qrcode-tip">手机扫码进行签名</div>
-                  </div>
-                </template>
-              </ElFormItem>
             </ElRow>
             <ElRow>
               <ElFormItem
@@ -203,8 +169,100 @@
             </div>
           </ElForm>
         </div>
+        <div class="info box-style">
+          <h1 class="title"><span class="border" style="margin-right: 5px"></span>绑定信息</h1>
+          <ElForm
+            :model="formbd"
+            class="form"
+            ref="ruleFormbdRef"
+            :rules="rulesbd"
+            label-width="86px"
+            label-position="left"
+          >
+            <ElRow>
+              <ElFormItem label="直属上级" prop="report_to" required>
+                <ElSelect
+                  v-model="formbd.report_to"
+                  placeholder="请选择直属上级"
+                  :disabled="!isEditbd"
+                >
+                  <ElOption
+                    v-for="item in userOptions"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                  />
+                </ElSelect>
+              </ElFormItem>
+              <ElFormItem label="所属内勤" prop="office_clerk_id" class="right-input" required>
+                <ElSelect
+                  v-model="formbd.office_clerk_id"
+                  placeholder="请选择所属内勤"
+                  :disabled="!isEditbd"
+                >
+                  <ElOption
+                    v-for="item in usernqOptions"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                  />
+                </ElSelect>
+              </ElFormItem>
+            </ElRow>
 
-        <div class="info box-style" style="margin-top: 20px">
+            <ElRow>
+              <ElFormItem label="签名" prop="signature" class="right-input">
+                <template v-if="formbd.sign_img">
+                  <img :src="sign_img_url" class="signature-img" />
+                  <el-button
+                    v-if="isEditbd"
+                    style="margin-left: 12px"
+                    @click="showReSignQR = !showReSignQR"
+                  >
+                    重新签名
+                  </el-button>
+                  <div
+                    v-if="isEditbd && showReSignQR"
+                    class="signature-qrcode"
+                    style="margin-top: 20px; margin-left: 20px"
+                  >
+                    <qrcode-vue
+                      :value="qrcodeUrl"
+                      :size="200"
+                      level="M"
+                      render-as="svg"
+                      :include-margin="true"
+                      background="#ffffff"
+                      foreground="#000000"
+                    />
+                    <div class="qrcode-tip">手机扫码重新签名</div>
+                  </div>
+                </template>
+                <template v-else>
+                  <div class="signature-qrcode">
+                    <qrcode-vue
+                      :value="qrcodeUrl"
+                      :size="200"
+                      level="M"
+                      render-as="svg"
+                      :include-margin="true"
+                      background="#ffffff"
+                      foreground="#000000"
+                    />
+                    <div class="qrcode-tip">手机扫码进行签名</div>
+                  </div>
+                </template>
+              </ElFormItem>
+            </ElRow>
+            <div class="el-form-item-right">
+              <ElButton type="primary" style="width: 90px" v-ripple @click="editbd(ruleFormbdRef)">
+                <i v-if="!isEditbd" class="iconfont-sys"> &#xe6bf;</i>
+                {{ isEditbd ? '保存' : '编辑' }}
+              </ElButton>
+            </div>
+          </ElForm>
+        </div>
+        <div class="info box-style">
           <h1 class="title">更改密码</h1>
 
           <ElForm :model="pwdForm" class="form" label-width="86px" label-position="left">
@@ -249,9 +307,10 @@
 </template>
 
 <script setup lang="ts">
-  import { ElForm, FormInstance } from 'element-plus'
+  import { ElForm, FormInstance, FormRules } from 'element-plus'
   import imageUrl from '@/assets/img/crm/upimg.png'
   import { CrmService } from '@/api/crmApi'
+  import { commonService } from '@/api/commonApi'
   import { useUserStore } from '@/store/modules/user'
   import QrcodeVue from 'qrcode.vue'
   import { useUploadHeaders } from '@/composables/useUploadHeaders'
@@ -268,6 +327,7 @@
   const sign_img_url = ref('')
   const countryOptions = ref<any>()
   const form = ref<CustomerInfo>({})
+  const formbd = ref<CustomerInfo>({})
   //获取公司 getCompanyList
   // const companyList = ref<any>()
   //国家
@@ -280,17 +340,30 @@
       countryOptions.value = []
     }
   }
+  //用户下拉
+  const userOptions = ref<any>()
+  const usernqOptions = ref<any>()
+  const getuserOptions = async () => {
+    const res = await commonService.getUserSelect()
+    const resparams = await commonService.getUserSelectparams({ role_id: '5' })
+    userOptions.value = res
+    usernqOptions.value = resparams
+  }
   const userInfo = ref<CustomerInfo>({})
   const getuserInfo = async () => {
     const data = await CrmService.userget()
     userInfo.value = data
     form.value = data
+    formbd.value = data
+    formbd.value.office_clerk_id = data.office_clerk_info?.id || ''
+    formbd.value.report_to = data.report_to_info?.id || ''
     imageUrlavatar.value = data.avatar_full
     socialize_pic_full.value = data.socialize_pic_full
     sign_img_url.value = data.sign_img_url
   }
 
   const isEdit = ref(false)
+  const isEditbd = ref(false)
   const showReSignQR = ref(false)
   const isEditPwd = ref(false)
   const pwdForm = reactive({
@@ -315,22 +388,27 @@
   //   address: [{ required: true, message: '请输入地址', trigger: 'blur' }],
   //   sex: [{ type: 'array', required: true, message: '请选择性别', trigger: 'blur' }]
   // })
-
+  const ruleFormbdRef = ref<FormInstance>()
+  const rulesbd = reactive<FormRules>({
+    report_to: [{ required: true, message: '请选择直属上级', trigger: 'blur' }],
+    office_clerk_id: [{ required: true, message: '请选择所属内勤', trigger: 'blur' }]
+  })
   const options = [
     {
       value: '',
       label: '未知'
     },
     {
-      value: '1',
+      value: 1,
       label: '男'
     },
     {
-      value: '2',
+      value: 2,
       label: '女'
     }
   ]
   onMounted(async () => {
+    await getuserOptions()
     await getarea()
     await getuserInfo()
   })
@@ -343,7 +421,21 @@
       getuserInfo()
     }
     isEdit.value = !isEdit.value
-    if (!isEdit.value) {
+  }
+  const editbd = async (formEl: FormInstance | undefined) => {
+    if (isEditbd.value) {
+      if (formbd.value.report_to == '' || formbd.value.office_clerk_id == '') {
+        ElMessage.error('直属上级或所属内勤不能为空')
+        return
+      }
+      const payload: any = { ...(formbd.value as any) }
+      delete payload.sign_img_url
+      const res = await CrmService.crmuseredit(payload)
+      ElMessage.success(res?.message || '操作成功')
+      getuserInfo()
+    }
+    isEditbd.value = !isEditbd.value
+    if (!isEditbd.value) {
       showReSignQR.value = false
     }
   }
@@ -434,6 +526,7 @@
 
     .box-style {
       border: 1px solid var(--art-border-color);
+      margin-bottom: 20px;
     }
 
     .content {