From e8e17acc60c337194c6a46ec1ef98adee6b9e12c Mon Sep 17 00:00:00 2001 From: fangyuan <527392886@qq.com> Date: 星期一, 12 十二月 2022 14:32:42 +0800 Subject: [PATCH] 车辆管理及审核管理 批处理修改 --- src/views/systemSetting/platform/cockpitManage/updateUser/index.vue | 241 +++++++++++++++++++----------------------------- 1 files changed, 95 insertions(+), 146 deletions(-) diff --git a/src/views/systemSetting/platform/cockpitManage/updateUser/index.vue b/src/views/systemSetting/platform/cockpitManage/updateUser/index.vue index f1cffaa..9aaa8a0 100644 --- a/src/views/systemSetting/platform/cockpitManage/updateUser/index.vue +++ b/src/views/systemSetting/platform/cockpitManage/updateUser/index.vue @@ -6,182 +6,131 @@ ref="user" label-width="140px" autoComplete="on" - :model="depart" - :rules="createDepartRules" + :model="updateData" + :rules="rules" label-position="right" > <!-- 閮ㄩ棬鍚嶇О --> - <span style="heght:18px;display:block;line-height: 14px;"> + <span style="height:18px;display:block;line-height: 14px;"> 鎵ф硶浜哄憳缁撴瀯 </span> - <el-form-item class="optionItem" label="閮ㄩ棬鍚嶇О:" prop="departName"> - <el-input v-model="depart.departName" placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�"></el-input> + <el-form-item class="optionItem" label="閮ㄩ棬鍚嶇О:" prop="name"> + <el-input v-model="updateData.name" placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�"></el-input> </el-form-item> <!-- 涓婄骇閮ㄩ棬 --> - <el-form-item class="optionItem" label="閮ㄩ棬浜烘暟:" prop="departName"> - <el-input v-model="depart.departName" placeholder="璇疯緭鍏ラ儴闂ㄤ汉鏁�"></el-input> + <el-form-item class="optionItem" label="閮ㄩ棬浜烘暟:" prop="peopleNumber"> + <el-input v-model="updateData.peopleNumber" placeholder="璇疯緭鍏ラ儴闂ㄤ汉鏁�"></el-input> </el-form-item> - <el-form-item class="optionItem" label="杈栧尯绠$悊:" prop="departName"> - <el-input v-model="depart.departName" placeholder="璇疯緭鍏ヨ緰鍖虹鐞�"></el-input> + <el-form-item class="optionItem" label="杈栧尯绠$悊:" prop="regionIds"> + <el-input v-model="updateData.regionIds" placeholder="璇疯緭鍏ヨ緰鍖虹鐞�"></el-input> </el-form-item> - <el-form-item class="optionItem" label="鏈瀛﹀巻浠ヤ笂浜烘暟:" prop="departName"> - <el-input v-model="depart.departName" placeholder="璇疯緭鍏ユ湰绉戝鍘嗕互涓婁汉鏁�"></el-input> + <el-form-item class="optionItem" label="鏈瀛﹀巻浠ヤ笂浜烘暟:" prop="upUndergraduatePeopleNumber"> + <el-input v-model="updateData.upUndergraduatePeopleNumber" placeholder="璇疯緭鍏ユ湰绉戝鍘嗕互涓婁汉鏁�"></el-input> </el-form-item> - <el-form-item class="optionItem" label="鎸佽瘉浜哄憳鏁�:" prop="departName"> - <el-input v-model="depart.departName" placeholder="璇疯緭鍏ユ寔璇佷汉鍛樻暟"></el-input> + <el-form-item class="optionItem" label="鎸佽瘉浜哄憳鏁�:" prop="holderNumber"> + <el-input v-model="updateData.holderNumber" placeholder="璇疯緭鍏ユ寔璇佷汉鍛樻暟"></el-input> </el-form-item> - <el-form-item class="optionItem" label="45宀佷互涓嬩汉鏁�:" prop="departName"> - <el-input v-model="depart.departName" placeholder="璇疯緭鍏�45宀佷互涓嬩汉鏁�"></el-input> + <el-form-item class="optionItem" label="45宀佷互涓嬩汉鏁�:" prop="underFortyFivePeopleNumber"> + <el-input v-model="updateData.underFortyFivePeopleNumber" placeholder="璇疯緭鍏�45宀佷互涓嬩汉鏁�"></el-input> </el-form-item> - <el-form-item class="optionItem" label="鎸佹硶寰嬭亴涓氳祫鏍艰瘉涔︿汉鏁�:" prop="departName"> - <el-input v-model="depart.departName" placeholder="璇疯緭鍏ユ寔娉曞緥鑱屼笟璧勬牸璇佷功浜烘暟"></el-input> + <el-form-item class="optionItem" label="鎸佹硶寰嬭亴涓氳祫鏍艰瘉涔︿汉鏁�:" prop="legalProfessionalQualificationCertificatePeopleNumber"> + <el-input v-model="updateData.legalProfessionalQualificationCertificatePeopleNumber" placeholder="璇疯緭鍏ユ寔娉曞緥鑱屼笟璧勬牸璇佷功浜烘暟"></el-input> </el-form-item> <span> 浣滈绾緥 </span> - <el-form-item class="optionItem" label="閫氭姤鏁伴噺:" prop="departName"> - <el-input v-model="depart.departName" placeholder="璇疯緭鍏ラ�氭姤鏁伴噺"></el-input> + <el-form-item class="optionItem" label="閫氭姤鏁伴噺:" prop="reportNumber"> + <el-input v-model="updateData.reportNumber" placeholder="璇疯緭鍏ラ�氭姤鏁伴噺"></el-input> </el-form-item> - <el-form-item class="optionItem" label="杩濈邯琛屼负鏁伴噺:" prop="departName"> - <el-input v-model="depart.departName" placeholder="璇疯緭鍏ヨ繚绾涓烘暟閲�"></el-input> + <el-form-item class="optionItem" label="杩濈邯琛屼负鏁伴噺:" prop="disciplinaryOffenceNumber"> + <el-input v-model="updateData.disciplinaryOffenceNumber" placeholder="璇疯緭鍏ヨ繚绾涓烘暟閲�"></el-input> </el-form-item> - <el-form-item class="optionItem" label="杩濇硶鐘姜琛屼负鏁伴噺:" prop="departName"> - <el-input v-model="depart.departName" placeholder="璇疯緭鍏ヨ繚娉曠姱缃涓烘暟閲�"></el-input> + <el-form-item class="optionItem" label="杩濇硶鐘姜琛屼负鏁伴噺:" prop="criminalOffenseNumber"> + <el-input v-model="updateData.criminalOffenseNumber" placeholder="璇疯緭鍏ヨ繚娉曠姱缃涓烘暟閲�"></el-input> </el-form-item> <span>妗堜欢鍔炵悊</span> - <el-form-item class="optionItem" label="姣忔湀妗堜欢鍔炵悊閲�:" prop="departName"> - <el-input v-model="depart.departName" placeholder="璇疯緭鍏ユ瘡鏈堟浠跺姙鐞嗛噺"></el-input> + <el-form-item class="optionItem" label="姣忔湀妗堜欢鍔炵悊閲�:" prop="monthCaseNumber"> + <el-input v-model="updateData.monthCaseNumber" placeholder="璇疯緭鍏ユ瘡鏈堟浠跺姙鐞嗛噺"></el-input> </el-form-item> - <el-form-item class="optionItem" label="鏈秴鏃舵浠堕噺:" prop="departName"> - <el-input v-model="depart.departName" placeholder="璇疯緭鍏ユ湭瓒呮椂妗堜欢閲�"></el-input> + <el-form-item class="optionItem" label="鏈秴鏃舵浠堕噺:" prop="noTimeoutCaseNumber"> + <el-input v-model="updateData.noTimeoutCaseNumber" placeholder="璇疯緭鍏ユ湭瓒呮椂妗堜欢閲�"></el-input> </el-form-item> - <el-form-item class="optionItem" label="澶嶈鎴栬瘔璁兼暟:" prop="departName"> - <el-input v-model="depart.departName" placeholder="璇疯緭鍏ュ璁垨璇夎鏁�"></el-input> + <el-form-item class="optionItem" label="澶嶈鎴栬瘔璁兼暟:" prop="reviewOrLawsuitNumber"> + <el-input v-model="updateData.reviewOrLawsuitNumber" placeholder="璇疯緭鍏ュ璁垨璇夎鏁�"></el-input> </el-form-item> </el-form> </div> </main> + <footer> + <div class="optionBtn"> + <el-button @click="closeDialog">鍙栨秷</el-button> + <el-button type="primary" class="btn submit" @click="submitUpdate">纭畾</el-button> + </div> + </footer> </div> </template> <script> -import { getTypeList } from "@/utils/helper"; +import { deepClone } from "@/utils/helper"; +import {addTeam, updateTeamInfo} from "@/api/system/portal/teamConstruction"; + export default { data() { - return { - depart:{}, - imagedata: { - code: "SJ202211010001", - questionType: "杩濊", - bigType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝", - smallType: "鍦ㄥ眳姘戜綇瀹呮ゼ銆佹湭閰嶅璁剧珛涓撶敤鐑熼亾鐨勫晢浣忕患鍚堟ゼ銆佸晢浣忕患鍚堟ゼ鍐呬笌灞呬綇灞傜浉閭荤殑鍟嗕笟妤煎眰鍐呮柊寤恒�佹敼寤恒�佹墿寤轰骇鐢熸补鐑熴�佸紓鍛炽�佸簾姘旂殑椁愰ギ鏈嶅姟椤圭洰", - imagesId: "1", - uploadTime: "2022-10-31 20:20:01", - imageUrl: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.fabao365.xuanfa.cn%2Fimage%2F202107%2F130f9d19f204302f.jpg&refer=http%3A%2F%2Fimg.fabao365.xuanfa.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670034077&t=974b018f9e27023a01d2d8ad3c7c44f2" - }, + updateData: null, + rules: { + name: [{ required: true, trigger: "blur", message: '閮ㄩ棬鍚嶇О蹇呭~' }], + peopleNumber: [{ required: true, trigger: "blur", message: '閮ㄩ棬浜烘暟蹇呭~' }], + regionIds: [{ required: true, trigger: "blur", message: '杈栧尯绠$悊蹇呭~' }], + upUndergraduatePeopleNumber: [{ required: true, trigger: "blur", message: '鏈瀛﹀巻浠ヤ笂浜烘暟蹇呭~' }], + holderNumber: [{ required: true, trigger: "blur", message: '鎸佽瘉浜哄憳鏁板繀濉�' }], + underFortyFivePeopleNumber: [{ required: true, trigger: "blur", message: '45宀佷互涓嬩汉鏁板繀濉�' }], + legalProfessionalQualificationCertificatePeopleNumber: [{ required: true, trigger: "blur", message: '鎸佹硶寰嬭亴涓氳祫鏍艰瘉涔︿汉鏁板繀濉�' }], + reportNumber: [{ required: true, trigger: "blur", message: '閫氭姤鏁伴噺蹇呭~' }], + disciplinaryOffenceNumber: [{ required: true, trigger: "blur", message: '杩濈邯琛屼负鏁伴噺:蹇呭~' }], + criminalOffenseNumber: [{ required: true, trigger: "blur", message: '杩濇硶鐘姜琛屼负鏁伴噺蹇呭~' }], + monthCaseNumber: [{ required: true, trigger: "blur", message: '姣忔湀妗堜欢鍔炵悊閲忓繀濉�' }], + noTimeoutCaseNumber: [{ required: true, trigger: "blur", message: '鏈秴鏃舵浠堕噺蹇呭~' }], + reviewOrLawsuitNumber: [{ required: true, trigger: "blur", message: '澶嶈鎴栬瘔璁兼暟蹇呭~' }] + } } }, created() { - // const that = this; - // this.user = JSON.parse(JSON.stringify(that.userInfo)); - // console.log(this.user); - // this.user.parentId = this.user.parentId === 0 ? '鏆傛棤涓婄骇閮ㄩ棬' : this.user.parentId; - // this.checkedList = this.user.userInfoDTOS; - // this.checkedList.forEach((e) => { - // this.checkedUser.push(e.userId); - // }); - // console.log(this.checkedUser) - // this.$axios({ - // method: "get", - // url: "sccg/depart/tree", - // }).then((res) => { - // that.departList = res.data; - // }); - // this.getUserList(this.user.id); - // // 鑾峰彇閮ㄩ棬绫诲瀷 - // this.getDepartType(); + this.updateData = deepClone(this.updateDepartmentData); }, methods: { - // handleUser() { - // this.$refs["user"].validate((valid) => { - // if (valid) { - // const { user, checkedList } = this; - // const arr = []; - // checkedList.forEach((item) => { - // arr.push({ leader: item.leader, userId: item.id ? item.id : item.userId }); - // }); - // if (arr.length === 0) { - // this.$message({ - // type: 'warning', - // message: '璇烽�夋嫨閮ㄩ棬浜哄憳', - // }) - // } else { - // this.$axios - // .post("sccg/depart/update", { - // id: user.id, - // departName: user.departName, - // parentId: user.parentId === '鏆傛棤涓婄骇閮ㄩ棬' ? 0 : user.parentId, - // departDes: user.departDes, - // departManagerList: arr, - // }) - // .then((res) => { - // this.$message({ - // message: res.message, - // type: res.code === 200 ? "success" : "warning", - // }); - // this.$emit("changeDialog", { flag: false }); - // this.getDepartList(); - // }); - // } - // } else { - // return false; - // } - // }); - // }, - // // 鑾峰彇閮ㄩ棬绫诲瀷 - // async getDepartType() { - // this.typeList = await getTypeList(1, "08"); - // }, + submitUpdate() { + this.$refs.user.validate((valid) => { + if (valid) { + if (this.isUpdate) { + updateTeamInfo(this.updateData) + .then(() => { + this.$emit('closeUpdateDialog'); + this.$message({ type: 'success', message: '鎿嶄綔鎴愬姛' }); + }) + .catch(err => { + this.$message({ type: 'error', message: err }); + }); + } else { + addTeam(this.depart) + .then(() => { + this.$message({ type: 'success', message: '鎿嶄綔鎴愬姛' }); + this.$emit('closeUpdateDialog'); + }) + .catch(err => { + this.$message({ type: 'error', message: err }); + }); + } + } else { + this.$message({ type: 'warning', message: '璇锋鏌ュ繀濉」' }); + } + }); + }, - // // 璁剧疆棰嗗 - // setLeader(idx) { - // if (this.updateFlag) { - // this.checkedList.forEach((item, index) => { - // item.leader = index === idx; - // }); - // } - // }, - - // // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭� - // getUserList(id) { - // // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�佺敤鎴锋煡璇�(鏆傛椂鏀寔鐢佃瘽鍙风爜) - // this.$axios.get(`/sccg/depart/query_surplus_exist_user?id=`+id).then((res) => { - // if (res.code === 200) { - // this.userList = res.data; - // } - // }); - // }, - // addUser() { - // this.checkedList = []; - // this.userList.forEach((item) => { - // this.checkedUser.forEach((child) => { - // if (item.id == child) { - // this.checkedList.push({ - // id: item.id, - // username: item.username, - // leader: false, - // }); - // } - // }); - // }); - // this.checkedList[0].leader = true; - // console.log(this.checkedList); - // this.openUser = false; - // }, - // }, - // props: ["userInfo", "updateFlag", "getDepartList", "changeDialog"], + closeDialog() { + this.$emit('closeUpdateDialog'); + } }, - props: ['updateFlag'] + props: ['updateDepartmentData', 'isUpdate'] }; </script> <style lang="scss" scoped> @@ -190,18 +139,9 @@ background-color: #09152f; main { - // border: 1px solid #fff; text-align: left; padding: 0 55px; background-color: #09152f; - padding-bottom: 50px; - - // .mainTitle { - // color: #4b9bb7; - // font-weight: 600; - // line-height: 100px; - // font-size: 14px; - // } .mainContent { display: flex; @@ -340,4 +280,13 @@ .el-input { width: 280px !important; } + +footer { + border-top: 1px solid #fff; + height: 80px; + display: flex; + align-items: center; + justify-content: center; + padding-right: 20px; +} </style> \ No newline at end of file -- Gitblit v1.8.0