From bfb2c6cc4ddb03fa32dc2345cfbe3dc3d90c9a18 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期四, 22 二月 2024 10:14:07 +0800 Subject: [PATCH] 权限平台 联系人姓名相关bug修复 --- src/views/unifiedManage/userManage/components/EditUserInfo.vue | 175 +++++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 118 insertions(+), 57 deletions(-) diff --git a/src/views/unifiedManage/userManage/components/EditUserInfo.vue b/src/views/unifiedManage/userManage/components/EditUserInfo.vue index 9dcbba9..b52d9f2 100644 --- a/src/views/unifiedManage/userManage/components/EditUserInfo.vue +++ b/src/views/unifiedManage/userManage/components/EditUserInfo.vue @@ -1,57 +1,74 @@ <template> <div class="add-quotation"> <el-dialog - :title="'鐢ㄦ埛璇︽儏'" - :visible.sync="editConfig.visible" + :title="editConfig.title + '鐢ㄦ埛'" + :visible.sync="isvisible" :width="dialogWidth" :before-close="handleClose" append-to-body custom-class="iframe-dialog" > <div class="drawerContent" style="overflow: auto"> - <el-form ref="form" :rules="rules" :model="form" label-position="right" label-width="100px"> - <el-form-item label="鐢ㄦ埛鍚�:" prop="username"> - <el-input v-model="form.username" placeholder="璇疯緭鍏�" disabled></el-input> + <el-form ref="form" :rules="rules" :model="editConfig.form" label-position="right" label-width="100px"> + <el-form-item label="鐢ㄦ埛鍚�:" prop="userName"> + <el-input + v-model="editConfig.form.userName" + :placeholder="editConfig.title == '娣诲姞' ? '璇疯緭鍏ョ敤鎴峰悕' : '--'" + :disabled="editConfig.title == '娣诲姞' ? false : true" + ></el-input> </el-form-item> - <el-form-item label="瀵嗙爜:" prop="password"> - <el-input v-model="form.password" placeholder="璇疯緭鍏�" disabled></el-input> + <el-form-item v-if="editConfig.title == '娣诲姞'" label="瀵嗙爜:" prop="passWord"> + <el-input v-model="editConfig.form.passWord" :placeholder="'璇疯緭鍏ュ瘑鐮�'"></el-input> + </el-form-item> + <el-form-item v-else label="瀵嗙爜:" prop="password"> + <el-input v-model="editConfig.form.passsord" :placeholder="'******'" disabled></el-input> </el-form-item> <el-form-item label="鎵嬫満鍙�:" prop="phone"> - <el-input-number - v-model="form.phone" - placeholder="" - :min="0" - :controls="false" - disabled - style="width: 100%" - ></el-input-number> + <el-input + v-model="editConfig.form.phone" + :placeholder="editConfig.title == '娣诲姞' ? '璇疯緭鍏ユ墜鏈哄彿' : '--'" + :disabled="editConfig.title == '娣诲姞' ? false : true" + ></el-input> </el-form-item> - <el-form-item label="鍏徃鍚嶇О:" prop="company"> - <el-input v-model="form.company" placeholder="璇疯緭鍏�" disabled></el-input> + <el-form-item label="鍏徃鍚嶇О:" prop="companyName"> + <el-input + v-model="editConfig.form.company" + :placeholder="editConfig.title == '娣诲姞' ? '璇疯緭鍏ュ叕鍙稿悕绉�' : '--'" + :disabled="editConfig.title == '娣诲姞' ? false : true" + ></el-input> </el-form-item> - <el-form-item label="鑱旂郴浜哄悕绉�:" prop="contact"> - <el-input v-model="form.contact" placeholder="璇疯緭鍏�" disabled></el-input> + <el-form-item label="鑱旂郴浜哄鍚�:" prop="companyContact"> + <el-input + v-model="editConfig.form.companyContact" + :placeholder="editConfig.title == '娣诲姞' ? '璇疯緭鍏ヨ仈绯讳汉濮撳悕' : '--'" + :disabled="editConfig.title == '娣诲姞' ? false : true" + ></el-input> </el-form-item> - <el-form-item label="閭:" prop="email"> - <el-input v-model="form.email" placeholder="璇疯緭鍏�" disabled></el-input> + <el-form-item label="閭:" prop="companyEmail"> + <el-input + v-model="editConfig.form.email" + :placeholder="editConfig.title == '娣诲姞' ? '璇疯緭鍏ラ偖绠�' : '--'" + :disabled="editConfig.title == '娣诲姞' ? false : true" + ></el-input> </el-form-item> - <el-form-item label="琛屼笟:" prop="industry"> - <el-input v-model="form.industry" placeholder="璇疯緭鍏�" disabled></el-input> + <el-form-item label="琛屼笟:" prop="companyTrade"> + <el-input + v-model="editConfig.form.companyTrade" + :placeholder="editConfig.title == '娣诲姞' ? '璇疯緭鍏ヨ涓�' : '--'" + :disabled="editConfig.title == '娣诲姞' ? false : true" + ></el-input> </el-form-item> - <el-form-item label="鍦板尯:" prop="region"> - <el-input v-model="form.region" placeholder="璇疯緭鍏�" disabled></el-input> + <el-form-item label="鍦板尯:" prop="companyProvince"> + <el-input + v-model="editConfig.form.companyProvince" + :placeholder="editConfig.title == '娣诲姞' ? '璇疯緭鍏ュ湴鍖�' : '--'" + :disabled="editConfig.title == '娣诲姞' ? false : true" + ></el-input> </el-form-item> - <el-form-item label="鐢ㄦ埛绛夌骇:" prop="level"> - <el-radio-group v-model="form.level" :disabled="editConfig.title == '鏌ョ湅' ? true : false"> - <div style="margin-top: 10px"> - <el-radio :label="1">涓夊悎涓�缁忓吀浼氬憳</el-radio> - <el-radio :label="2">APS+WMS鏅�氫細鍛�</el-radio> - </div> - <div style="margin-top: 10px"> - <el-radio :label="3">鍥涘悎涓�瓒呯骇浼氬憳</el-radio> - <el-radio :label="4">APS鏅�氫細鍛�</el-radio> - </div> - </el-radio-group> + <el-form-item label="鐢ㄦ埛绛夌骇:" prop="roleIDs"> + <el-checkbox-group v-model="editConfig.form.roleIDs" :disabled="editConfig.title == '鏌ョ湅' ? true : false"> + <el-checkbox v-for="role in roleList" :label="role.id" :key="role.id">{{ role.name }}</el-checkbox> + </el-checkbox-group> </el-form-item> </el-form> </div> @@ -66,6 +83,7 @@ </template> <script> +import { getRoleIDs, setUser, register } from "@/api/unifiedManage/userManage" export default { name: "EditUserInfo", props: { @@ -75,7 +93,9 @@ return { visible: false, title: "鏂板缓", - infomation: {} + form: { + roleIDs: [] + } } } } @@ -85,40 +105,78 @@ data() { return { dialogWidth: "30%", + isvisible: false, editConfig: this.editCommonConfig, - form: {}, + // form: {}, rules: { - username: [{ required: true, message: "璇疯緭鍏ョ敤鎴峰悕", trigger: "blur" }], - password: [{ required: true, message: "璇疯緭鍏ュ瘑鐮�", trigger: "blur" }], + userName: [{ required: true, message: "璇疯緭鍏ョ敤鎴峰悕", trigger: "blur" }], + passWord: [{ required: true, message: "璇疯緭鍏ュ瘑鐮�", trigger: "blur" }], phone: [{ required: true, message: "璇疯緭鍏ユ墜鏈哄彿", trigger: "blur" }], - company: [{ required: true, message: "璇疯緭鍏ュ叕鍙稿悕绉�", trigger: "blur" }], - contact: [{ required: true, message: "璇疯緭鍏ヨ仈绯讳汉鍚嶇О", trigger: "blur" }], - level: [{ required: true, message: "璇烽�夋嫨鐢ㄦ埛绛夌骇", trigger: "change" }] - } + // companyName: [{ required: true, message: "璇疯緭鍏ュ叕鍙稿悕绉�", trigger: "blur" }], + companyContact: [{ required: true, message: "璇疯緭鍏ヨ仈绯讳汉濮撳悕", trigger: "blur" }], + roleIDs: [{ required: true, message: "璇烽�夋嫨鐢ㄦ埛绛夌骇", trigger: "change" }] + }, + roleList: [] // 鐢ㄦ埛绛夌骇 } }, watch: { - "editCommonConfig.visible"(val) { + isvisible(val) { + console.log("ssss") if (val) { - this.$refs.form.resetFields() - // this.getDataInfo() - } - }, - "editCommonConfig.infomation"(val) { - if (this.isopen) { - this.$refs.form.resetFields() - if (val.id) { - // this.getDataInfo(val) - } + // this.formInfo() + console.log(val) + // this.$refs.form.resetFields() } } }, created() { - // this.getDataInfo() + this.getDataInfo() }, methods: { handleClose() { - this.editConfig.visible = false + this.isvisible = false + }, + // 鑾峰彇绛夌骇淇℃伅 + async getDataInfo() { + const rsp = await getRoleIDs({ useType: 1 }) + if (rsp.code == 200) { + this.roleList = rsp.data ? rsp.data : [] + } + }, + // 纭畾 + onSubmit(formName) { + this.$refs[formName].validate((valid) => { + console.log(valid) + if (valid) { + let requestUrl = this.editConfig.title == "娣诲姞" ? register : setUser + let param = this.saveParams() + requestUrl(param).then((reply) => { + if (reply && reply.code === 200) { + this.$message.success("淇濆瓨鎴愬姛") + this.handleClose() + this.$parent.getData() + } + }) + } + }) + }, + saveParams() { + let params = { + userName: this.editConfig.form.userName || "", + passWord: this.editConfig.form.passWord || "", + dutyIDs: this.editConfig.form.dutyIDs, + id: this.editConfig.form.id, + nickName: this.editConfig.form.nickName || "", + phone: this.editConfig.form.phone || "", + roleIDs: this.editConfig.form.roleIDs, + companyCity: this.editConfig.form.companyCity || "", + companyContact: this.editConfig.form.companyContact || "", + companyEmail: this.editConfig.form.companyEmail || "", + companyName: this.editConfig.form.companyName || "", + companyProvince: this.editConfig.form.companyProvince || "", + companyTrade: this.editConfig.form.companyTrade || "" + } + return params } } } @@ -146,5 +204,8 @@ text-align: right; padding-right: 20px; } + .el-input__inner { + text-align: left; + } } </style> -- Gitblit v1.8.0