From bf83dce33b684ba07774d74a9460c2768f848b44 Mon Sep 17 00:00:00 2001 From: “dzb” <2632970487@qq.com> Date: 星期五, 30 九月 2022 16:29:46 +0800 Subject: [PATCH] 案件池违规、违建注册接口调试,审核页面构建 --- src/views/operate/disposal/casepool/pool/index.vue | 116 ++++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 77 insertions(+), 39 deletions(-) diff --git a/src/views/operate/disposal/casepool/pool/index.vue b/src/views/operate/disposal/casepool/pool/index.vue index d7593f3..3fc9de5 100644 --- a/src/views/operate/disposal/casepool/pool/index.vue +++ b/src/views/operate/disposal/casepool/pool/index.vue @@ -4,19 +4,27 @@ <div class="headerContent"> <div class="search"> <span>鏉ユ簮鏌ヨ:</span> - <el-input placeholder="璇疯緭鍏ラ棶棰樻潵婧�" v-model="context"></el-input> + <div class="option"> + <el-select v-model="mystatus" placeholder="杩濊" @change="setMystatus" > + <el-option v-for="item in typeList" :key="item.label" :label="item.name" + :value="item.value"> + </el-option> + </el-select> + </div> <div class="findBtn"> <el-button type="primary" @click="getUserList">鏌ヨ</el-button> </div> </div> <div class="addUser"> <el-button class="addBtn" type="primary" @click="dialogCreate = true">娣诲姞</el-button> - <el-dialog :before-close="handleClose" :visible.sync="dialogCreate" title="璇烽�夋嫨涓婃姤浜嬩欢绫诲瀷" width="45%" v-if="dialogCreate"> + <el-dialog :before-close="handleClose" :visible.sync="dialogCreate" title="璇烽�夋嫨涓婃姤浜嬩欢绫诲瀷" width="45%" + v-if="dialogCreate"> <createUser @getPageProp=setDialog /> </el-dialog> - <el-dialog :before-close="handleClose" :visible.sync="dialogNewAdd" :title="newAddType === 0 ? '杩濊浜嬩欢鐧昏' : '杩濆缓浜嬩欢鐧昏' " width="45%" v-if="dialogNewAdd"> + <el-dialog :before-close="handleClose" :visible.sync="dialogNewAdd" + :title="newAddType === 0 ? '杩濊浜嬩欢鐧昏' : '杩濆缓浜嬩欢鐧昏' " width="60%" v-if="dialogNewAdd"> <MyIll v-if="newAddType === 1" :mytype=newAddType @changeDialog=changeDialog /> - <myVio v-else :mytype=newAddType @changeDialog=changeDialog /> + <myVio v-else :mytype=newAddType @changeDialog=changeDialog /> </el-dialog> </div> </div> @@ -75,11 +83,11 @@ </el-table-column> </el-table> <!-- 璇︽儏椤靛睍绀� --> - <el-dialog :visible.sync="dialogView" width="80%" title="鍩虹淇℃伅(浜哄伐)" - v-if="dialogView" :before-close="handleClose"> + <el-dialog :visible.sync="dialogView" width="80%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView" + :before-close="handleClose"> <!-- <updateUser :updateFlag="updateFlag" :userInfo=userInfo :getUserList=" context ? getUserList : getUserList" @changeDialog="changeDialog" /> --> - <MyDetail :info=info ></MyDetail> + <MyDetail :info=info></MyDetail> </el-dialog> <!-- tools --> <div class="tools"> @@ -118,7 +126,7 @@ export default { components: { // updateUser - createUser,MyIll,MyVio,MyDetail + createUser, MyIll, MyVio, MyDetail }, data() { return { @@ -138,15 +146,16 @@ context: "", dialogCreate: false, dialogView: false, - dialogNewAdd:false, - newAddType:0, + dialogNewAdd: false, + newAddType: 0, totalNum: null, pageSize: 10, currentPage: 1, all: false, unsame: false, myIdx: 0, - info:{}, + preMyIdx: 0, + info: {}, options: [ { value: 0, @@ -206,8 +215,8 @@ checked: false, }, ], - mystatus:0, - statusArr:[], + mystatus: '', + statusArr: [], } }, @@ -225,7 +234,13 @@ this.getUserList(); }, methods: { - setDialog({flag,type}){ + setMystatus(value){ + console.log(value); + this.statusArr[1] = value; + this.changeTypeChecked(value-1); + this.getUserList(); + }, + setDialog({ flag, type }) { this.dialogCreate = flag; this.dialogNewAdd = true; this.newAddType = type; @@ -245,25 +260,27 @@ // }) }, // 鎵ц涓嬫媺妗嗘搷浣� - selectChange(val) { - let ids = []; - this.tempList.forEach(item => { - ids.push(item.number); - }) - if (ids.length !== 0) { - if (val === 3) { - this.mulDelete(ids); + selectChange(list) { + console.log(this.tempList); + if (this.tempList.length !== 0) { + if (list === 3) { + this.preMyIdx = list; + this.mulDelete(this.tempList); } } else { + this.myIdx = this.preMyIdx; this.$message({ type: 'warning', message: '鎮ㄨ繕娌¢�変腑浠讳綍鏁版嵁', }) } }, - // 鐩戝惉琛ㄦ牸閫変腑鐘舵�� + // 鐩戝惉琛ㄦ牸 tableChange(list) { - this.tempList = list; + this.tempList = []; + list.forEach(item => { + this.tempList.push(item.id); + }) if (list.length === this.tableData.length) { this.all = true; } else { @@ -308,7 +325,7 @@ console.log(statusArr); this.$axios({ method: 'get', - url: `sccg/base-case/query/${statusArr[1]}?state=${statusArr[0]}¤t=${currentPage}&size=${pageSize}&resource=2` + url: `sccg/base-case/query?state=${statusArr[0]}¤t=${currentPage}&size=${pageSize}&resource=2&type=${statusArr[1]}` }).then(res => { this.totalNum = res.data.total; this.tableData = res.data.records; @@ -371,6 +388,9 @@ }) this.typeList[0].checked = true; this.typeList[1].checked = false; + this.statusArr[0] = this.tagList[idx].value; + this.statusArr[1] = 1; + this.getUserList(); }, // 鏇存敼杩濊/杩濆缓 changeTypeChecked(idx) { @@ -381,20 +401,23 @@ item.checked = false; } }) + this.mystatus = idx+1; + this.statusArr[1] = this.typeList[idx].value; + this.getUserList(); }, - async JumpView(data){ + async JumpView(data) { await this.getEventInfo(data.code); - this.dialogView = true; }, // 鑾峰彇妗堜欢淇℃伅 - getEventInfo(code){ + getEventInfo(code) { this.$axios({ - method:'get', - url:`sccg/base-case/baseCaseDetail/${code}` + method: 'get', + url: `sccg/base-case/baseCaseDetail/${code}` }) - .then(res=>{ - this.info = res.data; - }) + .then(res => { + this.info = res.data; + this.dialogView = true; + }) } } } @@ -424,13 +447,23 @@ flex: 1; } - .el-input { - flex: 2; - color: #1d3f57; + .option { + line-height: 100px; + display: flex; + align-items: center; - &::v-deep .el-input__inner { - background-color: #09152f; - border: 1px solid #17324c; + // ::v-deep .el-select { + // background-color: #09152f; + // border: 1px solid #17324c; + // } + + .el-select { + line-height: 40px; + + .el-input { + flex: 2; + color: #1d3f57; + } } } @@ -458,6 +491,11 @@ } } + &::v-deep .el-input__inner { + background-color: #09152f; + border: 1px solid #17324c; + } + main { background-color: #09152f; margin-top: 20px; -- Gitblit v1.8.0