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