From 4d9a35462803c7392dedca8d95fe21ff3d949466 Mon Sep 17 00:00:00 2001 From: “dzb” <2632970487@qq.com> Date: 星期一, 03 十月 2022 08:42:36 +0800 Subject: [PATCH] 用户、角色、部门,新增批量操作,案件池详情展示、以及调度 --- src/views/operate/disposal/casepool/escalation/createUser/index.vue | 194 ++++++------------------------------------------ 1 files changed, 24 insertions(+), 170 deletions(-) diff --git a/src/views/operate/disposal/casepool/escalation/createUser/index.vue b/src/views/operate/disposal/casepool/escalation/createUser/index.vue index b609337..5fbe248 100644 --- a/src/views/operate/disposal/casepool/escalation/createUser/index.vue +++ b/src/views/operate/disposal/casepool/escalation/createUser/index.vue @@ -1,195 +1,49 @@ <template> <div class="createUser"> - <main> - <div class="mainContent"> - <el-form ref="user" label-width="140px" autoComplete="on" :model="things" label-position="right"> - <!-- 杩濊浜嬮」缂栧彿 --> - <el-form-item class="optionItem" label="杩濊浜嬮」缂栧彿:" prop="number"> - <el-input v-model="things.number" placeholder="璇峰~鍐欒繚瑙勪簨椤圭紪鍙�"></el-input> - </el-form-item> - <!-- 鎵�灞炵被鍨� --> - <el-form-item class="optionItems" label="鎵�灞炵被鍨�:" prop="typeThird"> - <el-select v-model="things.typeThird" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" > - <el-option v-for="item in typeThirdList" :key="item.id" :label="item.name" - :value="item.id"> - </el-option> - </el-select> - </el-form-item> - <!-- 鎵�灞炲ぇ绫� --> - <el-form-item class="optionItem" label="鎵�灞炲ぇ绫�:" prop="typeSecond"> - <el-select v-model="things.typeSecond" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" > - <el-option v-for="item in typeSecondList" :key="item.id" :label="item.name" - :value="item.id"> - </el-option> - </el-select> - </el-form-item> - <!-- 鎵�灞炲皬绫� --> - <el-form-item class="optionItem" label="鎵�灞炲皬绫�:" prop="typeFirst"> - <el-select v-model="things.typeFirst" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" disabled> - <el-option v-for="item in typeFirstList" :key="item.id" :label="item.name" - :value="item.id"> - </el-option> - </el-select> - </el-form-item> - <!-- 妗堢敱 --> - <el-form-item class="optionItem" label="妗堢敱:" prop="type"> - <el-input type="textarea" autosize v-model="things.type" placeholder="璇疯緭鍏ユ鐢辨弿杩板唴瀹�" - :disabled="!updateFlag" disabled></el-input> - </el-form-item> - <el-form-item v-if="updateFlag"> - <div class="optionBtn"> - <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">纭 - </el-button> - </div> - </el-form-item> - </el-form> - - </div> - </main> + <div class="chooseArea"> + <el-button type="primary" @click="toShow(0,'杩濊')">杩濊鐧昏</el-button> + <el-button type="primary" @click="toShow(1,'杩濆缓')">杩濆缓鐧昏</el-button> + </div> </div> </template> <script> export default { data() { return { - things: { - number: 0, - type: '', - typeFirst: '', - typeSecond: '', - typeThird: '', - }, - roleList: [], - typeThirdList:[], - typeSecondList:[], - typeFirstList:[], } }, created() { - console.log(this.userInfo); - this.things = JSON.parse(JSON.stringify(this.userInfo)); - // 鑾峰彇鎵�灞炵被鍨嬪垪琛� - this.getTypeThird(); - this.getTypeSecond(); - this.getTypeFirst(); + }, methods: { - // handleUser() { - // this.$refs.user.validate((valid) => { - // if (valid) { - // const { role } = this; - // console.log(role); - // this.$axios.post('/sccg/role/update/' + role.id, { - // id: role.id, - // status: role.status, - // description: role.description, - // name: role.name, - // sort: 0 - // }).then(res => { - // this.$emit('changeDialog', { dialogUpdate: false }); - // this.getUserList(); - // }) - // } else { - // return false; - // } - // }) - // }, - // 鏌ヨ鎵�灞炵被鍨� - getTypeThird() { - this.$axios({ - method: 'get', - url: "sccg/violations/query/type_first", - }) - .then(res => { - this.typeThirdList = res.data; + toShow(idx, lab) { + this.$confirm('鎮ㄧ‘瀹氳鍘讳笂鎶�' + lab + '浜嬩欢') + .then(_ => { + this.$emit('getPageProp',{flag:false,type:idx}); }) - }, - // 鏌ヨ鎵�灞炲ぇ绫� - getTypeSecond(){ - this.$axios({ - method: 'get', - url: "sccg/violations/query/type_second", - }) - .then(res => { - this.typeSecondList = res.data; - }) - }, - // 鏌ヨ鎵�灞炲皬绫� - getTypeFirst(){ - this.$axios({ - method: 'get', - url: "sccg/violations/query/type_third", - }) - .then(res => { - this.typeFirstList = res.data; - }) + .catch(_ => { console.log('err') }); } }, - props: ['getUserList'] + props:['getPageProp'] } </script> <style lang="scss" scoped> -.createUser { - border-radius: 1px; - background-color: #09152f; +.chooseArea { + display: flex; + flex-direction: column; + align-items: center; + padding-top: 50px; + padding-bottom: 80px; - main { - // border: 1px solid #fff; - text-align: left; - padding: 0 55px; - background-color: #09152f; - padding-bottom: 50px; - - .mainContent { - display: flex; - justify-content: center; - padding-top: 50px; - - .el-form-item__content { - width: 400px; - - .el-select { - width: 100%; - } - } - - .optionHandleSp { - display: flex; - - .areaNumber, - .moreNumber { - flex: 1; - } - - .telNumber { - flex: 2; - } - } - - .optionBtn { - display: flex; - margin-top: 20px; - - .btn { - padding: 12px 50px; - } - } - - } + .el-button { + width: 120px; + line-height: 40px; + padding: 0; + margin-top: 20px; } - &::v-deep .el-textarea__inner { - background-color: #09152f; - border: 1px solid #17324c; - } - - ::v-deep .el-form-item__label { - color: #4b9bb7; - } - - ::v-deep .el-input__inner { - background-color: #09152f; - border: 1px solid #17324c; + .el-button+.el-button { + margin-left: 0; } } </style> \ No newline at end of file -- Gitblit v1.8.0