调整权限 去掉系统选择

src/views/admin/user/user_info.vue

@@ -27,6 +27,14 @@
               <span class="info-label">公 司：</span>
               <span class="info-value">{{ userInfo.corp_name }}</span>
             </div>
+            <div class="info-row" v-if="isshownq">
+              <span class="info-label">上 级：</span>
+              <span class="info-value">{{ userInfo.report_to_info?.name || '' }}</span>
+            </div>
+            <div class="info-row" v-if="isshownq">
+              <span class="info-label">内 勤：</span>
+              <span class="info-value">{{ userInfo.office_clerk_info?.name || '' }}</span>
+            </div>
             <!-- <div class="info-row">
               <span class="info-label">国 家：</span>
               <span class="info-value">{{ userInfo.country_txt }}</span>
@@ -210,6 +218,54 @@
             </div>
           </ElForm>
         </div>
+        <div class="info box-style" style="margin-top: 20px" v-if="isshownq">
+          <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="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" style="margin-top: 20px">
           <h1 class="title">更改密码</h1>
@@ -256,12 +312,13 @@
 </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 { UserService } from '@/api/usersApi'
   import { useUploadHeaders } from '@/composables/useUploadHeaders'
   import { useUserStore } from '@/store/modules/user'
+  import { commonService } from '@/api/commonApi'
   import { computed } from 'vue'
   import QrcodeVue from 'qrcode.vue'
   const { uploadHeaders } = useUploadHeaders()
@@ -277,6 +334,8 @@
   // const socialize_pic_full = ref('')
   // const countryOptions = ref<any>()
   const form = ref<CustomerInfo>({})
+  const formbd = ref<CustomerInfo>({})
+  const isshownq = ref(false)
   //获取公司 getCompanyList
   // const companyList = ref<any>()
   //国家
@@ -291,11 +350,15 @@
   const userInfo = ref<CustomerInfo>({})
   const getuserInfo = async () => {
     const data = await UserService.getUserInfo()
+    isshownq.value = data.user.roles_id?.some((id: number) => [2, 4].includes(id)) || false
     userInfo.value = data.user
     form.value = data.user
     imageUrlavatar.value = data.user.avatar
     // socialize_pic_full.value = data.socialize_pic_full
     sign_img_url.value = data.user.sign_img_url
+    formbd.value = data.user
+    formbd.value.office_clerk_id = data.user.office_clerk_info?.id || ''
+    formbd.value.report_to = data.user.report_to_info?.id || ''
     // userInfo.value = getUserInfo.user
     // form.value = getUserInfo.user
     // imageUrlavatar.value = getUserInfo.user.avatar
@@ -305,6 +368,7 @@
   const isEdit = ref(false)
   const showReSignQR = ref(false)
   const isEditPwd = ref(false)
+  const isEditbd = ref(false)
   const pwdForm = reactive({
     password: '',
     password_new: '',
@@ -312,6 +376,11 @@
   })
 
   const ruleFormRef = ref<FormInstance>()
+  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 = [
     {
@@ -330,6 +399,7 @@
   onMounted(async () => {
     // await getarea()
     await getuserInfo()
+    await getuserOptions()
   })
   const qrcodeUrl = computed(() => {
     const userStore = useUserStore() as any
@@ -374,6 +444,27 @@
     }
     isEditPwd.value = !isEditPwd.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 editbd = async (formEl: FormInstance | undefined) => {
+    if (isEditbd.value) {
+      if (formbd.value.report_to == '' || formbd.value.office_clerk_id == '') {
+        ElMessage.error('直属上级或所属内勤不能为空')
+        return
+      }
+      const res = await CrmService.crmuseredit(formbd.value)
+      ElMessage.success(res?.message || '操作成功')
+      getuserInfo()
+    }
+    isEditbd.value = !isEditbd.value
+  }
   //头像上传
   function handleUploadavatar(response: any) {
     // 假设返回图片地址字段为 response.url 或 response.data.url