From d95b36a88357d018f76d926e9074c521eb8335a7 Mon Sep 17 00:00:00 2001 From: lohir <3399054449@qq.com> Date: 星期三, 23 十月 2024 11:24:07 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- src/views/system/work-order/threshold/index.vue | 193 ++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 171 insertions(+), 22 deletions(-) diff --git a/src/views/system/work-order/threshold/index.vue b/src/views/system/work-order/threshold/index.vue index 4287d0f..5f98f68 100644 --- a/src/views/system/work-order/threshold/index.vue +++ b/src/views/system/work-order/threshold/index.vue @@ -14,7 +14,7 @@ <!-- </el-col>--> <!-- </el-row>--> <el-row> - <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> + <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"> <el-card style="margin-bottom: 20px; height: 350px; margin-right: 20px;color: #656565;"> <div style="display: flex; justify-content: space-between"> <div class="header鈥攖ext">瑙嗛</div> @@ -103,7 +103,7 @@ </div> </el-card> </el-col> - <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> + <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"> <el-card style="margin-bottom: 20px; height: 350px; margin-right: 20px;color: #656565;"> <div style="display: flex; justify-content: space-between"> <div class="header鈥攖ext">浜鸿劯</div> @@ -193,7 +193,7 @@ </div> </el-card></el-col > - <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> + <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8"> <el-card style="margin-bottom: 20px; height: 350px; margin-right: 20px;color: #656565;"> <div style="display: flex; justify-content: space-between"> <div class="header鈥攖ext">杞﹁締</div> @@ -283,6 +283,77 @@ </el-card></el-col > </el-row> + <el-row class="content-warp"> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true"> + <el-form-item label="璁惧缂栫爜" prop="serialNumber"> + <el-input + v-model="queryParams.serialNumber" + placeholder="璁惧缂栫爜" + clearable + @keyup.enter.native="getWhiteList" + @clear="getWhiteList" + /> + </el-form-item> + <el-form-item label="鐐逛綅鍚嶇О" prop="pointName"> + <el-input + v-model="queryParams.pointName" + placeholder="鐐逛綅鍚嶇О" + clearable + @keyup.enter.native="getWhiteList" + @clear="getWhiteList" + /> + </el-form-item> + <el-form-item> + <el-button type="primary" icon="el-icon-search" size="small" @click="getWhiteList">鎼滅储</el-button> + </el-form-item> + </el-form> + </el-row> + <el-row class="content-warp"> + <el-button size="small" type="success" @click="addOpen">鏂板</el-button> + <el-button size="small" type="danger" @click="bathDelete">鍒犻櫎</el-button> + </el-row> + <el-row class="content-warp"> + <el-col :span="24"> + <el-table v-loading="loading" :data="workOrderWhiteList" @selection-change="handleSelectionChange"> + <el-table-column type="selection" width="55" align="center" prop="id"/> + <el-table-column label="璁惧缂栫爜" align="center" prop="serialNumber"/> + <el-table-column label="鐐逛綅鍚嶇О" align="center" prop="pointName"/> + <el-table-column label="鍒涘缓浜�" align="center" prop="createBy"/> + <el-table-column label="澶囨敞" align="center" prop="remark"/> + </el-table> + + <pagination + v-show="total>0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getWhiteList" + /> + </el-col> + </el-row> + +<!-- 鏂板鐧藉悕鍗�--> + <el-dialog + title="鏂板鐧藉悕鍗�" + :visible.sync="addShow" + width="500px" + :close-on-click-modal="false" + :before-close="addClose"> + <div> + <el-form :model="addForm" label-position="top" :rules="addFormRules" ref="addForm" size="small"> + <el-form-item label="璁惧缂栫爜" prop="serialNumber"> + <el-input v-model="addForm.serialNumber"></el-input> + </el-form-item> + <el-form-item label="澶囨敞淇℃伅" prop="remark"> + <el-input v-model="addForm.remark"></el-input> + </el-form-item> + </el-form> + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="addClose">鍙� 娑�</el-button> + <el-button type="primary" @click="addSubmit">鏂� 澧�</el-button> + </span> + </el-dialog> </div> </template> @@ -299,6 +370,12 @@ getFace, getVideo, } from "../../../../api/platform/threshold"; + +import { + getWhiteList, + addWhiteList, + bathDelete, +} from "@/api/platform/work-order"; export default { dicts: ["image_qualify", "video_qualify"], @@ -337,6 +414,8 @@ pageNum: 1, pageSize: 10, monitorType: null, + serialNumber: null, + pointName: null, }, // 琛ㄥ崟鍙傛暟 videoForm: {}, @@ -345,48 +424,48 @@ // 琛ㄥ崟鏍¢獙 faceRules: { monitorType: [ - { required: true, message: "璁惧绫诲瀷涓嶈兘涓虹┖", trigger: "change" }, + {required: true, message: "璁惧绫诲瀷涓嶈兘涓虹┖", trigger: "change"}, ], captureNum: [ - { required: true, message: "璇峰~鍐欐姄鎷嶉噺", trigger: "blur" }, + {required: true, message: "璇峰~鍐欐姄鎷嶉噺", trigger: "blur"}, ], timelyRate: [ - { required: true, message: "璇峰~鍐欏強鏃剁巼", trigger: "blur" }, + {required: true, message: "璇峰~鍐欏強鏃剁巼", trigger: "blur"}, ], delayAmount: [ - { required: true, message: "璇峰~鍐欏欢杩熼噺", trigger: "blur" }, + {required: true, message: "璇峰~鍐欏欢杩熼噺", trigger: "blur"}, ], deviceActiveRate: [ - { required: true, message: "璇峰~鍐欒澶囨椿璺冪巼", trigger: "blur" }, + {required: true, message: "璇峰~鍐欒澶囨椿璺冪巼", trigger: "blur"}, ], timeAccuracy: [ - { required: true, message: "璇峰~鍐欐椂閽熷噯纭巼", trigger: "blur" }, + {required: true, message: "璇峰~鍐欐椂閽熷噯纭巼", trigger: "blur"}, ], timelyCapture: [ - { required: true, message: "璇峰~鍐欐姄鎷嶅強鏃剁巼", trigger: "blur" }, + {required: true, message: "璇峰~鍐欐姄鎷嶅強鏃剁巼", trigger: "blur"}, ], }, carRules: { monitorType: [ - { required: true, message: "璁惧绫诲瀷涓嶈兘涓虹┖", trigger: "change" }, + {required: true, message: "璁惧绫诲瀷涓嶈兘涓虹┖", trigger: "change"}, ], passCarNum: [ - { required: true, message: "璇峰~鍐欒繃杞︽暟鎹噺", trigger: "blur" }, + {required: true, message: "璇峰~鍐欒繃杞︽暟鎹噺", trigger: "blur"}, ], passCarMissRate: [ - { required: true, message: "璇峰~鍐欒繃杞︾己澶辩巼", trigger: "blur" }, + {required: true, message: "璇峰~鍐欒繃杞︾己澶辩巼", trigger: "blur"}, ], passCarEffectiveNum: [ - { required: true, message: "璇峰~鍐欐湁鏁堣繃杞︽暟鎹噺", trigger: "blur" }, + {required: true, message: "璇峰~鍐欐湁鏁堣繃杞︽暟鎹噺", trigger: "blur"}, ], timelyCapture: [ - { required: true, message: "璇峰~鍐欐姄鎷嶅強鏃剁巼", trigger: "blur" }, + {required: true, message: "璇峰~鍐欐姄鎷嶅強鏃剁巼", trigger: "blur"}, ], deviceActiveRate: [ - { required: true, message: "璇峰~鍐欒澶囨椿璺冪巼", trigger: "blur" }, + {required: true, message: "璇峰~鍐欒澶囨椿璺冪巼", trigger: "blur"}, ], timeAccuracy: [ - { required: true, message: "璇峰~鍐欐椂閽熷噯纭巼", trigger: "blur" }, + {required: true, message: "璇峰~鍐欐椂閽熷噯纭巼", trigger: "blur"}, ], }, rules: { @@ -398,19 +477,34 @@ }, ], videoQuality: [ - { required: true, message: "璇烽�夋嫨瑙嗛璐ㄩ噺闃堝��", trigger: "change" }, + {required: true, message: "璇烽�夋嫨瑙嗛璐ㄩ噺闃堝��", trigger: "change"}, ], imageQuality: [ - { required: true, message: "璇烽�夋嫨鍥惧儚璐ㄩ噺闃堝��", trigger: "change" }, + {required: true, message: "璇烽�夋嫨鍥惧儚璐ㄩ噺闃堝��", trigger: "change"}, ], annotationAccuracy: [ - { required: true, message: "璇峰~鍐欐爣娉ㄥ噯纭巼闃堝��", trigger: "blur" }, + {required: true, message: "璇峰~鍐欐爣娉ㄥ噯纭巼闃堝��", trigger: "blur"}, + ], + }, + // 鐧藉悕鍗曞垪琛� + workOrderWhiteList: [], + // 鏂板妗� + addShow: false, + addForm: { + serialNumber: "", + remark: "", + }, + // 鏂板妗嗘牎楠� + addFormRules: { + serialNumber: [ + {required: true, message: "璁惧缂栫爜涓嶈兘涓虹┖", trigger: "blur"}, ], }, }; }, created() { this.getList(); + this.getWhiteList(); }, methods: { showEdit(value) { @@ -503,6 +597,14 @@ this.videoList = JSON.parse(JSON.stringify(this.thresholdList.video)); this.faceList = JSON.parse(JSON.stringify(this.thresholdList.face)); this.carList = JSON.parse(JSON.stringify(this.thresholdList.car)); + this.total = response.total; + this.loading = false; + }); + }, + getWhiteList() { + this.loading = true; + getWhiteList(this.queryParams).then((response) => { + this.workOrderWhiteList = response.data; this.total = response.total; this.loading = false; }); @@ -658,7 +760,8 @@ this.getList(); this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }) - .catch(() => {}); + .catch(() => { + }); }, /** 鍒囨崲涓嶅悓鎸囨爣 */ handleModeNameChange() { @@ -749,7 +852,50 @@ ]; } }, - }, + // 鎵撳紑鏂板妗� + addOpen() { + this.addShow = true; + }, + // 鍏抽棴鏂板妗� + addClose() { + this.addShow = false; + this.addReset(); + }, + // 鏂板妗嗘彁浜� + addSubmit() { + this.$refs["addForm"].validate((valid) => { + if (valid) { + addWhiteList(this.addForm).then((response) => { + this.$modal.msgSuccess("鏂板鎴愬姛"); + this.addShow = false; + this.getWhiteList(); + this.addReset(); + }); + } + }); + }, + // 鏂板妗嗛噸缃� + addReset() { + this.addForm = { + serialNumber: "", + remark: "", + }; + }, + // 澶氶�夋閫変腑鏁版嵁 + handleSelectionChange(selection) { + this.ids = selection.map(item => item.id) + this.single = selection.length !== 1 + this.multiple = !selection.length + }, + // 鎵归噺鍒犻櫎 + bathDelete() { + bathDelete(this.ids).then(() => { + this.getWhiteList(); + this.$modal.msgSuccess("鎵归噺鍒犻櫎鎴愬姛"); + this.ids = []; + }) + } + } }; </script> <style scoped> @@ -786,4 +932,7 @@ margin-left: 5px; display: inline-block; } +.content-warp { + margin-top: 10px; +} </style> -- Gitblit v1.8.0