From f20a554bdb24e9dfde9dc6a69d78595944f61d15 Mon Sep 17 00:00:00 2001 From: mark <mark18340872469@163.com> Date: 星期二, 25 十月 2022 14:53:57 +0800 Subject: [PATCH] 设备管理 样式调整 --- src/views/register/components/SelectType.vue | 63 +++++++++++++++++++++---------- 1 files changed, 43 insertions(+), 20 deletions(-) diff --git a/src/views/register/components/SelectType.vue b/src/views/register/components/SelectType.vue index ad6bf1f..0e63566 100644 --- a/src/views/register/components/SelectType.vue +++ b/src/views/register/components/SelectType.vue @@ -7,29 +7,33 @@ :validate-on-rule-change="false" label-width="76px" > - <el-form-item label="绫诲瀷" prop="type"> + <el-form-item label="绫诲瀷" prop="userType"> <el-radio-group - v-model="info.type" + v-model="info.userType" style="float: left; margin-top: 15px" > - <el-radio :label="1">涓汉寮�鍙戣��</el-radio> + <el-radio :label="1">涓汉</el-radio> <el-radio :label="2">鍏徃</el-radio> </el-radio-group> </el-form-item> - <el-form-item label="鐪熷疄濮撳悕" prop="trueName" v-show="info.type == '1'"> + <el-form-item + label="鐪熷疄濮撳悕" + prop="trueName" + v-show="info.userType == '1'" + > <el-input v-model="info.trueName" placeholder="璇疯緭鍏�"></el-input> </el-form-item> <el-form-item label="鍏徃鍚嶇О" prop="companyName" - v-show="info.type == '2'" + v-show="info.userType == '2'" > <el-input v-model="info.companyName" placeholder="璇疯緭鍏�"></el-input> </el-form-item> - <el-form-item label="鑱旂郴浜�" prop="contact" v-show="info.type == '2'"> + <el-form-item label="鑱旂郴浜�" prop="contact" v-show="info.userType == '2'"> <el-input v-model="info.contact" placeholder="璇疯緭鍏�"></el-input> </el-form-item> - <el-form-item label="閭"> + <el-form-item label="閭" prop="email"> <el-input v-model="info.email" clearable @@ -124,9 +128,9 @@ }, computed: { infoRules() { - if (this.info.type == 1) { + if (this.info.userType == 1) { return { - type: [{ required: true, message: "璇烽�夋嫨绫诲瀷" }], + userType: [{ required: true, message: "璇烽�夋嫨绫诲瀷" }], trueName: [ { required: true, message: "璇峰~鍐欑湡瀹炲鍚�", trigger: "change" }, ], @@ -134,7 +138,7 @@ }; } else { return { - type: [{ required: true, message: "璇烽�夋嫨绫诲瀷" }], + userType: [{ required: true, message: "璇烽�夋嫨绫诲瀷" }], companyName: [ { required: true, message: "璇峰~鍐欏叕鍙稿悕绉�", trigger: "change" }, ], @@ -146,11 +150,15 @@ } }, disabled() { - if (this.info.type == 1 && this.info.trueName) { + if (this.info.userType == 1 && this.info.trueName) { return false; } - if (this.info.type == 2 && this.info.companyName && this.info.contact) { + if ( + this.info.userType == 2 && + this.info.companyName && + this.info.contact + ) { return false; } @@ -169,6 +177,14 @@ }); this.info.provinceId = this.info.address[0]; this.info.areaId = this.info.address[1]; + for (const key in this.info) { + if (this.info[key] === "") { + delete this.info[key]; + } + } + if (this.info.userType == 2) { + this.info.trueName = this.info.companyName; + } entireUserInfo(this.info) .then(() => { this.loading.close(); @@ -185,11 +201,6 @@ }) .catch((err) => { this.loading.close(); - //鍚庨棬 - this.$router.push({ - path: "/register/success", - query: { info: this.userInfo }, - }); this.$notify({ type: "error", message: err.msg, @@ -310,8 +321,8 @@ } </style> -<style lang="scss"> -.industrySelect.el-select-dropdown.el-popper { +<style lang="scss" > +.industrySelect.el-select-dropdown.el-popper ::v-deep { margin: 0; .el-scrollbar { @@ -353,10 +364,14 @@ .el-popper.el-cascader__dropdown.selectCascader { border: none; margin: 0; - + width: auto !important; * { color: #3d3d3d; border-color: rgba(255, 255, 2555, 0.1); + } + + .el-cascader-panel { + height: 158px !important; } .in-active-path { @@ -403,5 +418,13 @@ width: 230px; height: 175px; } + + .el-scrollbar__view { + overflow: hidden; + } + + .el-cascader-node__postfix::before { + display: none !important; + } } </style> \ No newline at end of file -- Gitblit v1.8.0