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/operate/disposal/casepool/notDeal/index.vue | 206 +++++++++++++-------------------------------------- 1 files changed, 54 insertions(+), 152 deletions(-) diff --git a/src/views/operate/disposal/casepool/notDeal/index.vue b/src/views/operate/disposal/casepool/notDeal/index.vue index ac2a9cb..9267ef7 100644 --- a/src/views/operate/disposal/casepool/notDeal/index.vue +++ b/src/views/operate/disposal/casepool/notDeal/index.vue @@ -6,7 +6,7 @@ <span>绛涢�夋潯浠�:</span> <div class="option"> <el-select v-model="mystatus" placeholder="杩濊" @change="setMystatus"> - <el-option v-for="item in typeList" :key="item.label" :label="item.name" + <el-option v-for="item in resourceOptions" :key="item.label" :label="item.label" :value="item.value"> </el-option> </el-select> @@ -30,29 +30,36 @@ @selection-change="tableChange"> <el-table-column type="selection" min-width="5"> </el-table-column> - <el-table-column prop="code" label="浜嬩欢缂栧彿" min-width="10"> + <el-table-column prop="code" label="浜嬩欢缂栧彿" min-width="18"> <template slot-scope="scope"> <el-link @click="JumpView(scope.row)">{{scope.row.code}}</el-link> </template> </el-table-column> - <el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="10"> + <el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="7"> <template slot-scope="scope"> <span>{{scope.row.eventSource === 2 ? '浜哄伐涓婃姤' : '瑙嗛涓婁紶'}}</span> </template> </el-table-column> - <el-table-column prop="category" label="澶х被鍚嶇О" min-width="10"> + <el-table-column :prop="mystatus === 1 ? 'category' :'category'" :label="mystatus===1 ? '澶х被鍚嶇О' : '杩濆缓绫诲埆'" :min-width="mystatus===1?'10':'20'"> </el-table-column> - <el-table-column prop="type" label="灏忕被鍚嶇О" min-width="10"> + <el-table-column :prop="mystatus === 1 ? 'type' :'site'" :label="mystatus===1 ? '灏忕被鍚嶇О' : '杩濆缓鍦扮偣'" min-width="10"> </el-table-column> - <el-table-column prop="actionCause" label="妗堢敱" min-width="10"> + <el-table-column :prop="mystatus === 1 ? 'actionCause' :'communityId'" :label="mystatus===1 ? '妗堢敱' : '鎵�灞炵ぞ鍖�'" min-width="10"> </el-table-column> - <el-table-column prop="site" label="鎶ヨ鐐逛綅" min-width="10"> + <el-table-column :prop="mystatus === 1 ? 'site' :''" :label="mystatus===1 ? '鎶ヨ鐐逛綅' : '杩濇硶寤虹瓚闀裤�佸銆侀珮'" :min-width="mystatus===1?'10' :'20' "> + <template slot-scope="scope"> + <div v-if="mystatus ===2"><span>{{scope.row.buildingLength+'绫�'+'銆�'+ scope.row.buildingWidth+'绫�'+'銆�'+scope.row.buildingHigh+'绫�'}}</span></div> + <div v-else>{{scope.row.site}}</div> + </template> </el-table-column> - <el-table-column prop="streetId" label="鎵�灞炲尯鍩�" min-width="10"> + <el-table-column :prop="mystatus === 1 ? 'street' :'buildingArea'" :label="mystatus===1 ? '鎵�灞炲尯鍩�' : '杩濇硶寤虹瓚闈㈢Н'" min-width="10"> </el-table-column> - <el-table-column prop="alarmTime" label="鎶ヨ鏃堕棿" min-width="10"> + <el-table-column prop="alarmTime" label="鎶ヨ鏃堕棿" min-width="15" v-if="mystatus===1"> + <template slot-scope="scope"> + <span>{{filterTime(scope.row.alarmTime)}}</span> + </template> </el-table-column> - <el-table-column prop="continueTime" label="鎸佺画鏃堕棿" min-width="10"> + <el-table-column :prop="mystatus === 1 ? 'continueTime' :'materials'" :label="mystatus===1 ? '鎸佺画鏃堕棿' : '杩濇硶寤虹瓚鏉愭枡'" min-width="10"> </el-table-column> <el-table-column prop="operation" label="鎿嶄綔" min-width="20"> <template slot-scope="scope"> @@ -65,7 +72,8 @@ <!-- 璇︽儏椤靛睍绀� --> <el-dialog :visible.sync="dialogView" width="80%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView" :before-close="handleClose"> - <MyDetail :info=info></MyDetail> + <MyDetail :info=info v-if="mystatus===1"></MyDetail> + <MyIllDetail :info=info v-else></MyIllDetail> </el-dialog> <!-- 涓婁紶椤甸潰 --> <el-dialog :visible.sync="dialogUpload" width="60%" title="涓婁紶澶勭疆缁撴灉" @@ -76,10 +84,10 @@ <!-- tools --> <div class="tools"> <div class="funs"> - <div class="funsItem"> + <div class="funsItem funs-sp"> <el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox> </div> - <div class="funsItem"> + <div class="funsItem funs-sp"> <el-checkbox v-model="unsame" @change="disSame(tableData)">鍙嶉��</el-checkbox> </div> <div class="funsItem"> @@ -92,8 +100,7 @@ </div> <div class="pagination"> <el-pagination background :current-page="currentPage" layout="prev, pager, next" - :total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage" - @prev-click="handlePrev" @next-click="handleNext"> + :total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage"> </el-pagination> </div> </div> @@ -102,21 +109,23 @@ </div> </template> <script> -// import updateUser from "./updateUser" import uploadVio from './updateUser/uploadResult/vio' import uploadIll from "./updateUser/uploadResult/ill" import MyDetail from '@/components/detail' +import helper from '@/utils/mydate' +import MyIllDetail from '@/components/illdetail' +import basecase from "@/api/operate/basecase"; +import { RESOURCE_OPTIONS } from "@/utils/helper"; + export default { components: { - // updateUser, - uploadVio,uploadIll,MyDetail + uploadVio,uploadIll,MyDetail,MyIllDetail }, data() { return { tableData: [], context: "", dialogUpload:false, - // dialogUpdate: false, dialogView:false, info: {}, totalNum: null, @@ -159,8 +168,10 @@ }, ], statusArr:[], - mystatus:0, + mystatus:1, caseId:'', + resource: null, + resourceOptions: RESOURCE_OPTIONS } }, created() { @@ -175,14 +186,12 @@ methods: { // 椤堕儴涓嬫媺妗� setMystatus(value) { - console.log(value); this.statusArr[1] = value; this.changeTypeChecked(value - 1); this.getUserList(); }, // 鎵归噺鍒犻櫎 mulDelete(idArr){ - console.log(idArr); this.$axios({ method:'delete', url:'sccg/violations/batch_delete?ids='+idArr, @@ -196,7 +205,6 @@ }, // 鎵ц涓嬫媺妗嗘搷浣� selectChange(list) { - console.log(this.tempList); if (this.tempList.length !== 0) { if (list === 3) { this.preMyIdx = list; @@ -216,11 +224,7 @@ list.forEach(item => { this.tempList.push(item.code); }) - if (list.length === this.tableData.length) { - this.all = true; - } else { - this.all = false - } + this.all = list.length === this.tableData.length; }, // 鍏ㄩ�� selectAll() { @@ -234,16 +238,13 @@ }, // 鍒犻櫎鍗曟潯鏁版嵁 handleDelete({ number }) { - console.log(number); this.$confirm('纭鍒犻櫎锛�') .then(_ => { - console.log(1); this.$axios({ method: 'delete', url: `sccg/violations/delete?id=${number}`, }) .then(res => { - console.log(res); this.$message({ type: res.code === 200 ? 'success' : 'warning', message: res.message @@ -252,29 +253,28 @@ this.getUserList(); }) }) - .catch(_ => { console.log(2) }); + .catch(_ => { }); }, // 鑾峰彇鐢ㄦ埛鍒楄〃 getUserList() { - const { currentPage, pageSize, context, statusArr } = this; - console.log(statusArr); - this.$axios({ - method: 'get', - 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; - console.log(res); - }) + const params = { + current: this.currentPage, + state: this.statusArr[0] ?? null, + size: this.pageSize, + resource: this.resource, + type: this.statusArr[1] ?? null + } + basecase.baseCasePoolList(params) + .then(({ records, total }) => { + this.tableData = records; + this.totalNum = total; + }) + .catch(err => this.$message.error(err)) }, // 鏇存敼杩濊/杩濆缓 changeTypeChecked(idx) { this.typeList.forEach((item, index) => { - if (index === idx) { - item.checked = true; - } else { - item.checked = false; - } + item.checked = index === idx; }) this.mystatus = idx + 1; this.statusArr[1] = this.typeList[idx].value; @@ -282,25 +282,14 @@ }, // 璁剧疆琛ㄦ牸鏂戦┈绾� tableRowClassName({ row, rowIndex }) { - if ((rowIndex + 1) % 2 == 0) { + if ((rowIndex + 1) % 2 === 0) { return 'warning-row'; } else { return 'success-row'; } - return ''; }, // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠� changeCurrentPage(page) { - this.currentPage = page; - this.getUserList(); - }, - // 涓婁竴椤电偣鍑讳簨浠� - handlePrev(page) { - this.currentPage = page; - this.getUserList(); - }, - // 涓嬩竴椤电偣鍑讳簨浠� - handleNext(page) { this.currentPage = page; this.getUserList(); }, @@ -330,17 +319,14 @@ opernDialog(data){ this.dialogUpload = true; this.caseId = data.id; - // console.log(data); }, // 閲嶆柊澶勭疆 handleReset({id}){ - console.log(id); this.$axios({ method:'put', url:'sccg/base_case/case_status_update?caseId='+id+'&state=0' }) .then(res=>{ - console.log(res); if(res.code === 200){ this.$message({ type:'success', @@ -358,6 +344,9 @@ // 鍏抽棴涓婁紶鐣岄潰 closeDialog({flag}){ this.dialogUpload = flag; + }, + filterTime(time){ + return helper(time); } } } @@ -369,7 +358,6 @@ color: #4b9bb7; header { background-color: #09152f; - border: 1pox solid #fff; .headerContent { padding: 0 40px; @@ -389,11 +377,6 @@ .el-input { flex: 2; color: #1d3f57; - - &::v-deep .el-input__inner { - background-color: #09152f; - border: 1px solid #17324c; - } } } @@ -419,15 +402,10 @@ } } } - &::v-deep .el-input__inner { - background-color: #09152f; - border: 1px solid #17324c; - } main { background-color: #09152f; margin-top: 20px; padding-bottom: 50px; - border: 1pox solid #fff; .btn span:hover{ cursor: pointer; } @@ -462,12 +440,13 @@ .funs { display: flex; - + .funs-sp{ + border: 1px solid #17324c; + } .funsItem { line-height: 28px; display: flex; align-items: center; - border: 1px solid #17324c; border-radius: 4px; font-size: 12px; margin-left: 10px; @@ -479,11 +458,6 @@ .el-select { width: 120px; - } - - &::v-deep .el-input__inner { - border: none; - background-color: #09152f; } &:hover { @@ -529,15 +503,6 @@ white-space: nowrap; overflow: hidden; } - - &::v-deep .el-table__empty-block { - background-color: #09152f; - } - - &::v-deep .el-table__empty-block { - color: #4b9bb7; - } - .operation { display: flex; @@ -550,72 +515,9 @@ } } } - - .el-table::v-deep .warning-row { - background: #06122c; - } - - .el-table::v-deep .success-row { - background: #071f39; - } - - &::v-deep .switchStyle .el-switch__label { - position: absolute; - display: none; - color: #fff; - } - - &::v-deep .el-switch__core { - background-color: rgba(166, 166, 166, 1); - } - - &::v-deep .switchStyle .el-switch__label--left { - z-index: 9; - left: 20px; - } - - &::v-deep .switchStyle .el-switch__label--right { - z-index: 9; - left: 4px; - } - - &::v-deep .switchStyle .el-switch__label.is-active { - display: block; - } - - &::v-deep .switchStyle.el-switch .el-switch__core, - &::v-deep .el-switch .el-switch__label { - width: 50px !important; - } } .line{ padding: 0 5px; - } - &::v-deep .el-dialog__header, - &::v-deep .el-dialog__body { - background-color: #06122c; - } - - &::v-deep .el-dialog__header { - display: flex; - align-items: center; - background-color: #fff; - padding: 20px; - line-height: 60px; - } - - &::v-deep .el-dialog__title { - color: #4b9bb7; - } - - &::v-deep .el-dialog__close { - width: 20px; - height: 20px; - // color: #fff; - } - - &::v-deep .el-dialog__body { - padding: 0; } } </style> \ No newline at end of file -- Gitblit v1.8.0