From 137910cf4fc73a3a2787a3a02718f1e1f637c368 Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: 星期五, 14 六月 2024 16:01:17 +0800
Subject: [PATCH] bug修改

---
 src/layout/components/Register/index.vue |  200 +++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 175 insertions(+), 25 deletions(-)

diff --git a/src/layout/components/Register/index.vue b/src/layout/components/Register/index.vue
index f1c788d..e419bde 100644
--- a/src/layout/components/Register/index.vue
+++ b/src/layout/components/Register/index.vue
@@ -11,6 +11,7 @@
           <el-col :span="8">
             <el-form-item prop="agency.name" label="机构名称">
               <el-input
+                  :disabled="isAbleEdit"
                   v-model="registerForm.agency.name"
                   size="large"
                   placeholder="请输入机构名称"
@@ -21,6 +22,7 @@
           <el-col :span="8">
             <el-form-item prop="agency.creditCode" label="社会信用代码">
               <el-input
+                  :disabled="isAbleEdit"
                   v-model="registerForm.agency.creditCode"
                   size="large"
                   placeholder="请输入社会信用代码"
@@ -106,7 +108,7 @@
               <el-input
                   v-model="registerForm.agency.certNumber"
                   size="large"
-                  placeholder="请输入机构负责人"
+                  placeholder="请输入资质证书编号"
               />
             </el-form-item>
           </el-col>
@@ -132,6 +134,18 @@
                   size="large"
                   style="width: 100%"
               />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="30">
+          <el-col :span="8">
+            <el-form-item prop="agency.certPath" label="资质证书">
+              <el-upload accept="image/*" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'证书')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='state.imgLimit' v-model:file-list="state.certList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'证书')" >
+                <el-icon><Plus /></el-icon>
+                <template #tip>
+                  <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传1张</div>
+                </template>
+              </el-upload>
             </el-form-item>
           </el-col>
         </el-row>
@@ -179,7 +193,7 @@
           </el-col>
           <el-col :span="8">
             <el-form-item prop="agency.business" label="申请的法定安全评价业务范围">
-              <el-select v-model="registerForm.agency.business" placeholder="请选择业务范围" multiple size="large" style="width: 100%">
+              <el-select :disabled="isAbleEdit" v-model="registerForm.agency.business" placeholder="请选择业务范围" multiple size="large" style="width: 100%">
                 <el-option
                     v-for="item in state.busList"
                     :key="item.id"
@@ -191,8 +205,8 @@
           </el-col>
         </el-row>
         <el-row :gutter="30">
-          <el-col :span="8">
-            <el-form-item prop="agency.reportPath" label="加盖公章的《机构信息上报表》">
+          <el-col :span="24">
+            <el-form-item prop="agency.reportPath" label="加盖公章的《机构信息上报表》(请上传加盖公章的营业执照)">
               <!--              <el-upload-->
               <!--                  v-model:file-list="state.fileList"-->
               <!--                  class="upload-demo"-->
@@ -211,12 +225,13 @@
               <!--                  </div>-->
               <!--                </template>-->
               <!--              </el-upload>-->
-              <el-upload accept="image/*" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="handleAvatarSuccess" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='state.imgLimit' v-model:file-list="state.fileList" list-type="picture-card" :before-upload="picSize" :on-remove="handleRemove" :before-remove="beforeRemove">
+              <el-upload accept="image/*" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'上报表')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='state.imgLimit' v-model:file-list="state.fileList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'上报表')" >
                 <el-icon><Plus /></el-icon>
                 <template #tip>
                   <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传1张</div>
                 </template>
               </el-upload>
+
             </el-form-item>
           </el-col>
         </el-row>
@@ -224,6 +239,7 @@
           <el-col :span="12">
             <el-form-item prop="username" label="登录用户名(字母+数字,长度在5-16之间)">
               <el-input
+                  :disabled="state.title == '编辑'"
                   v-model.trim="registerForm.username"
                   size="large"
                   placeholder="请输入登录用户名"
@@ -242,7 +258,7 @@
         </el-row>
         <el-row :gutter="30" v-if="state.title == '新增/注册'">
           <el-col :span="12">
-            <el-form-item prop="password" label="密码">
+            <el-form-item prop="password" label="密码(字母+数字+特殊字符,长度在6-16之间)">
               <el-input
                   v-model.trim="registerForm.password"
                   type="password"
@@ -273,6 +289,7 @@
             type="primary"
             style="width:40%;margin: 0 auto"
             @click.prevent="handleRegister"
+            v-preReClick
           >
             <div v-if="state.title == '新增/注册'">
               <span v-if="!loading">注 册</span>
@@ -294,13 +311,16 @@
 <script setup>
 import {ref, watch, defineExpose, onMounted, reactive, toRefs, watchEffect} from "vue"
 import {ElMessage, ElMessageBox} from "element-plus"
-import { register,delPic,getDict,checkUserName, checkPhone } from "@/api/login"
+import {register, delPic, getDict, checkUserName, checkPhone, editAgency} from "@/api/login"
 import { getRegionTree } from "@/api/area"
 import { getToken } from "@/utils/auth";
 import {verifyPhone, verifyUsername, verifyPwd} from "../../../utils/validate";
 let { proxy } = getCurrentInstance()
 import { Base64 } from 'js-base64'
 import {getAgencyById} from "../../../api/sysUsers";
+import Cookies from "js-cookie";
+import {getInstitutionDetail} from "@/api/backManage/insitution";
+const emit = defineEmits(["getList"]);
 
 const props = {
   expandTrigger: 'hover',
@@ -313,6 +333,7 @@
   areaList: [],
   busList: [],
   fileList: [],
+  certList: [],
   imgLimit: 1,
   uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile',
   header: {
@@ -344,6 +365,7 @@
       regAddress: '',
       business: '',
       reportPath: '',
+      certPath: ''
     },
     username: '',
     phone: '',
@@ -351,7 +373,11 @@
     confirmPassword: ''
   }
 })
+const isSuper = ref(false);
+
 const {registerForm} = toRefs(state);
+const startUsername = ref('');
+const startPhone = ref('');
 const equalToPassword = (rule, value, callback) => {
   if (state.registerForm.password !== value) {
     callback(new Error("两次输入的密码不一致"));
@@ -375,11 +401,26 @@
 const validateUserPhone = (rule, value, callback)=>{
   if(value === ''){
     callback(new Error('请输入手机号'))
-  }else{
+  }else if(state.title == '编辑' && value == startPhone.value){
+      callback()
+  } else{
     if(!verifyPhone(value)){
       callback(new Error('手机号格式有误'))
     }else{
-      checkPhone({phone:value}).then((res)=>{
+        let param = {}
+        if(state.title=='新增/注册') {
+            param = {
+                phone:value,
+                identity: 1
+            }
+        }else if(state.title=='编辑'){
+            param = {
+                phone:value,
+                identity: 1,
+                id: state.registerForm.id
+            }
+        }
+      checkPhone(param).then((res)=>{
         if(res.data == false){
           callback(new Error('该手机号已被绑定用户,请更换其他手机号'))
         }else{
@@ -393,11 +434,24 @@
 const validateUsername = (rule, value, callback)=>{
   if(value === ''){
     callback(new Error('请输入登录时用户名'))
+  }else if(state.title == '编辑' && value == startUsername.value){
+      callback()
   }else{
     if(!verifyUsername(value)){
-      callback(new Error('用户名须使用字母+数字,长度在5-16之间'))
+      callback(new Error('用户名须使用字母或数字,长度在5-16之间'))
     }else{
-      checkUserName({username:value}).then((res)=>{
+        let param = {}
+        if(state.title=='新增/注册') {
+            param = {
+                username:value
+            }
+        }else if(state.title=='编辑'){
+            param = {
+                username:value,
+                id: state.registerForm.id
+            }
+        }
+      checkUserName(param).then((res)=>{
         if(res.data == false){
           callback(new Error('用户名已被占用,请更换其他用户名'))
         }else{
@@ -413,7 +467,7 @@
     callback(new Error('请输入密码'))
   }else{
     if(!verifyPwd(value)){
-      callback(new Error('密码须包含字母、数字、特殊字符(不包括下划线),长度在6-16之间'))
+      callback(new Error('密码须包含字母、数字、特殊字符,长度在6-16之间'))
     }else{
       callback()
     }
@@ -439,6 +493,7 @@
   "agency.regAddress": [{required: true, trigger: "blur", message: "请输入注册地址"}],
   "agency.business": [{required: true, trigger: "blur", message: "请选择申请的法定安全评价业务范围"}],
   "agency.reportPath": [{required: true, trigger: "blur", message: "请上传加盖公章的《机构信息上报表》"}],
+  "agency.certPath": [{required: true, trigger: "blur", message: "请上传资质证书"}],
   username: [{ required: true, trigger: "blur", validator: validateUsername }],
   phone: [{ required: true, trigger: "blur", validator: validateUserPhone }],
   password: [{ required: true, trigger: "blur", validator: validatePwd }],
@@ -453,19 +508,35 @@
 const registerRef = ref(null)
 
 onMounted(()=>{
-  getBusiness()
-  watchEffect(() => {
-    // 在副作用中调用 getArea()
-    getArea();
-  });
-})
+    if(getToken()){
+        const userInfo = JSON.parse(Cookies.get('userInfo'))
+        if(userInfo.identity == 0){isSuper.value = true}
+    }
 
+  getBusiness()
+    getArea()
+  // watchEffect(() => {
+  //   // 在副作用中调用 getArea()
+  //   getArea();
+  // });
+})
+const isAbleEdit = ref(false);
+const isReject = ref(false);
 const openDialog=(type, value)=>{
-  state.title = type === 'add' ? '新增/注册' : type ==='edit' ? '编辑' : '查看' ;
-  if(type === 'edit' || type == 'view') {
+  state.title = type === 'add' ? '新增/注册' : (type ==='edit' || type ==='reject') ? '编辑' : '查看' ;
+  getArea()
+  if(type === 'edit' || type == 'view' || type ==='reject') {
     state.registerForm.id = value.id
     state.registerForm.username = value.username
     state.registerForm.phone = value.phone
+    startUsername.value = value.username
+    startPhone.value = value.phone
+    state.registerForm.agency.id = value.agencyId
+    if( isSuper.value){
+        isAbleEdit.value = false
+    }else{
+        isAbleEdit.value = true
+    }
     getAgencyById({agencyId: value.agencyId}).then((res)=>{
       if(res.code == 200){
         const info = JSON.parse(JSON.stringify(res.data))
@@ -474,7 +545,25 @@
             state.registerForm.agency[i] = info[i]
           }
         }
+        getArea()
+        state.registerForm.phone = info.user.phone
+        startPhone.value = info.user.phone
         state.registerForm.agency.business = info.business.split(',').map(Number)
+          if(state.registerForm.agency.attribute === 0){
+              state.registerForm.agency.area = [info.city,info.district].filter(item => { return item && item.trim() })
+          }else {
+              state.registerForm.agency.area = [info.province,info.city,info.district].filter(item => { return item && item.trim() })
+          }
+          if(res.data.reportPath) {
+              const imgUrl = import.meta.env.VITE_APP_BASE_API + "/" +  res.data.reportPath
+              state.fileList = imgUrl ? imgUrl.split(',').map(url => {return {url} }) : []
+          }
+          if(res.data.certPath) {
+            const imgUrl = import.meta.env.VITE_APP_BASE_API + "/" +  res.data.certPath
+            state.certList = imgUrl ? imgUrl.split(',').map(url => {return {url} }) : []
+          }
+
+
       }else{
         ElMessage.warning(res.message)
       }
@@ -482,8 +571,12 @@
     if(type == 'view'){
       state.isView = true
     }
+    if(type === 'reject'){
+      isReject.value = true;
+    }
   }
   dialogVisible.value = true
+  console.log('state.registerForm',state.registerForm)
 }
 
 const validKey=(key,obj)=>{
@@ -522,6 +615,10 @@
 }
 
 const changeAttr=()=>{
+  state.registerForm.agency.area = []
+  state.registerForm.agency.province = ''
+  state.registerForm.agency.city = ''
+  state.registerForm.agency.district  = ''
   getArea()
 }
 
@@ -549,9 +646,15 @@
 };
 
 
-const handleAvatarSuccess = (res, uploadFile) => {
+const handleAvatarSuccess = (res, uploadFile,type) => {
   if(res.code == 200){
-    state.registerForm.agency.reportPath = res.data.path
+    console.log("type",type)
+    if(type === '上报表'){
+      state.registerForm.agency.reportPath = res.data.path
+    }else {
+      state.registerForm.agency.certPath = res.data.path
+    }
+
   }else{
     ElMessage({
       type: 'warning',
@@ -560,8 +663,14 @@
   }
 }
 
-const handleRemove = async (file, uploadFiles) => {
-  const res = await delPic({path: state.registerForm.agency.reportPath})
+const handleRemove = async (file, uploadFiles,type) => {
+  let path = '';
+  if(type === '上报表'){
+    path = state.registerForm.agency.reportPath;
+  }else {
+    path = state.registerForm.agency.certPath;
+  }
+  const res = await delPic({path: path})
   if(res.code == 200){
     ElMessage({
       type: 'success',
@@ -580,10 +689,11 @@
     if (valid) {
       loading.value = true;
       if(state.title == '新增/注册'){
-        const {confirmPassword, ...data} = state.registerForm
+        const {confirmPassword,id, ...data} = JSON.parse(JSON.stringify(state.registerForm))
         data.password = Base64.encode(data.password)
         data.agency.business = data.agency.business.join(',')
         delete data.agency.area
+          delete data.agency.id
         register(data).then(res => {
           if(res.code == 200){
             const username = state.registerForm.username
@@ -591,10 +701,15 @@
               dangerouslyUseHTMLString: true,
               type: "success",
             }).then(() => {
+                emit("getList")
+
               dialogVisible.value = false
+                state.registerForm.agency.attribute = 0
               proxy.$refs.registerRef.resetFields()
               proxy.$refs.registerRef.clearValidate()
               state.fileList = []
+              state.certList = []
+                loading.value = false
               // router.push("/homePage")
             }).catch(() => {})
           }else{
@@ -606,15 +721,50 @@
         }).catch(() => {
           loading.value = false
         })
+      }else {
+          const {confirmPassword, ...data} = JSON.parse(JSON.stringify(state.registerForm))
+          data.password = Base64.encode(data.password)
+          data.agency.business = data.agency.business.join(',')
+          if(isReject.value) {
+            data.state = 1;
+          }
+          // delete data.agency.area
+          console.log('data',data)
+          editAgency(data).then(res => {
+              if(res.code == 200){
+                  ElMessage({
+                      type: 'success',
+                      message: '编辑成功'
+                  })
+
+                  dialogVisible.value = false
+                  state.registerForm.agency.attribute = 0
+                  proxy.$refs.registerRef.resetFields()
+                  proxy.$refs.registerRef.clearValidate()
+                  state.fileList = []
+                  state.certList = []
+                  loading.value = false
+                emit("getList")
+              }else{
+                  ElMessage({
+                      type: 'warning',
+                      message: res.message
+                  })
+              }
+          }).catch(() => {
+              loading.value = false
+          })
       }
     }
   });
 }
 
 const closeDialog = ()=>{
+    state.registerForm.agency.attribute = 0
   proxy.$refs.registerRef.resetFields()
   proxy.$refs.registerRef.clearValidate()
   state.fileList = []
+  state.certList = []
 }
 
 defineExpose({

--
Gitblit v1.9.2