From c6935cb2e9e6f4e59552d929fd7860d00f4c39ec Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期一, 21 二月 2022 09:57:02 +0800 Subject: [PATCH] bug修复 --- src/pages/syslog/views/pollingLog.vue | 194 ++++++++++++++++++++++++++++-------------------- 1 files changed, 112 insertions(+), 82 deletions(-) diff --git a/src/pages/syslog/views/pollingLog.vue b/src/pages/syslog/views/pollingLog.vue index 0149e6f..92bcb10 100644 --- a/src/pages/syslog/views/pollingLog.vue +++ b/src/pages/syslog/views/pollingLog.vue @@ -1,5 +1,9 @@ <template> - <div class="polling-log" v-loading="loading" :element-loading-text="loadingText"> + <div + class="polling-log" + v-loading="loading" + :element-loading-text="loadingText" + > <div class="top"> <div class="first"> <div class="time-option"> @@ -17,10 +21,19 @@ class="input-with-select" @keyup.enter.native="getScheduleLog(1)" > - <span class="icon iconfont icon_clear" @click="clearSearch" slot="append" v-if="fuzzySearch"> + <span + class="icon iconfont icon_clear" + @click="clearSearch" + slot="append" + v-if="fuzzySearch" + >  </span> - <span class="icon iconfont icon_search" @click="getScheduleLog(1)" slot="append"> + <span + class="icon iconfont icon_search" + @click="getScheduleLog(1)" + slot="append" + >  </span> @@ -63,7 +76,8 @@ <template slot="empty"> <img :src="png" class="empty_img" alt="" /> </template> - <el-table-column :align="'center'" label="搴忓彿" type="index" width="50"> </el-table-column> + <el-table-column :align="'center'" label="搴忓彿" type="index" width="50"> + </el-table-column> <el-table-column :align="'center'" sortable @@ -78,8 +92,17 @@ prop="schedule_end_time" label="杞缁撴潫鏃堕棿" ></el-table-column> - <el-table-column :align="'center'" sortable prop="info" label="鎽勫儚鏈�"></el-table-column> - <el-table-column :align="'center'" prop="minute" label="杞鏃堕暱锛堝垎锛�"></el-table-column> + <el-table-column + :align="'center'" + sortable + prop="info" + label="鎽勫儚鏈�" + ></el-table-column> + <el-table-column + :align="'center'" + prop="minute" + label="杞鏃堕暱锛堝垎锛�" + ></el-table-column> </el-table> </div> @@ -94,7 +117,12 @@ > </el-pagination> - <el-dialog title="閫夋嫨鎽勫儚鏈�" :visible.sync="dialogVisible" width="50%" :before-close="handleClose"> + <el-dialog + title="閫夋嫨鎽勫儚鏈�" + :visible.sync="dialogVisible" + width="50%" + :before-close="handleClose" + > <el-tree ref="cameraTree" :data="cameraTree" @@ -109,16 +137,18 @@ <el-button size="small" @click="pickAllNot">鍙栨秷鍏ㄩ��</el-button> <el-button @click="pickAllCam" size="small">鍏ㄩ��</el-button> <el-button size="small" @click="cancelShow">鍙栨秷</el-button> - <el-button size="small" type="primary" @click="confirmCamera">纭畾</el-button> + <el-button size="small" type="primary" @click="confirmCamera" + >纭畾</el-button + > </span> </el-dialog> </div> </template> <script> -import { pad0 } from "@/api/utils" -import { getLocalCameraTree } from "@/api/area" -import { getOperations, getModules, queryScheduleLog } from "@/api/log" +import { pad0 } from "@/api/utils"; +import { getLocalCameraTree } from "@/api/area"; +import { getOperations, getModules, queryScheduleLog } from "@/api/log"; export default { data() { @@ -132,7 +162,7 @@ dateRange: [], cameraTree: [], props: { - label: "name" + label: "name", }, value: "", page: 1, @@ -153,91 +183,91 @@ { text: "鏈�杩戜竴鍛�", onClick(picker) { - const end = new Date() - const start = new Date() - start.setTime(start.getTime() - 3600 * 1000 * 24 * 7) - picker.$emit("pick", [start, end]) - } + const end = new Date(); + const start = new Date(); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); + picker.$emit("pick", [start, end]); + }, }, { text: "鏈�杩戜竴涓湀", onClick(picker) { - const end = new Date() - const start = new Date() - start.setTime(start.getTime() - 3600 * 1000 * 24 * 30) - picker.$emit("pick", [start, end]) - } + const end = new Date(); + const start = new Date(); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); + picker.$emit("pick", [start, end]); + }, }, { text: "鏈�杩戜笁涓湀", onClick(picker) { - const end = new Date() - const start = new Date() - start.setTime(start.getTime() - 3600 * 1000 * 24 * 90) - picker.$emit("pick", [start, end]) - } - } - ] - } - } + const end = new Date(); + const start = new Date(); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); + picker.$emit("pick", [start, end]); + }, + }, + ], + }, + }; }, mounted() { - this.getTimeRange(24 * 60 * 60 * 1000 * 30) - this.getScheduleLog() - this.getOptions() + this.getTimeRange(24 * 60 * 60 * 1000 * 30); + this.getScheduleLog(); + this.getOptions(); }, methods: { handleSizeChange(val) { - this.pageSize = val - this.getScheduleLog() + this.pageSize = val; + this.getScheduleLog(); }, handleCurrentChange(val) { - this.page = val - this.getScheduleLog() + this.page = val; + this.getScheduleLog(); }, cancelShow() { - this.dialogVisible = false - this.pickAllNot() + this.dialogVisible = false; + this.pickAllNot(); }, pickAllCam() { - this.$refs.cameraTree.setCheckedNodes(this.cameraTree) + this.$refs.cameraTree.setCheckedNodes(this.cameraTree); }, pickAllNot() { - this.$refs.cameraTree.setCheckedKeys([]) + this.$refs.cameraTree.setCheckedKeys([]); }, confirmCamera() { - const selectedIDs = this.$refs.cameraTree.getCheckedKeys() - this.pickNum = selectedIDs.length - this.procID = selectedIDs.join(",") - this.getScheduleLog() - this.dialogVisible = false + const selectedIDs = this.$refs.cameraTree.getCheckedKeys(); + this.pickNum = selectedIDs.length; + this.procID = selectedIDs.join(","); + this.getScheduleLog(); + this.dialogVisible = false; }, openDialog() { - this.dialogVisible = true + this.dialogVisible = true; getLocalCameraTree({ cameraName: "", - searchType: 0 + searchType: 0, }).then((res) => { - this.cameraTree = res.data - }) + this.cameraTree = res.data; + }); }, moduleChange(val) { - this.getScheduleLog() - this.gongneng = "" + this.getScheduleLog(); + this.gongneng = ""; getOperations({ - module: this.curModule + module: this.curModule, }).then((res) => { - this.gongnengOptions = res.data - }) + this.gongnengOptions = res.data; + }); }, getOptions() { getModules().then((res) => { - this.moduleOptions = res.data - }) + this.moduleOptions = res.data; + }); }, getScheduleLog(typ) { if (typ == 1) { - this.page = 1 + this.page = 1; } const data = { @@ -247,40 +277,40 @@ pageSize: this.pageSize, fuzzySearch: this.fuzzySearch, procID: this.procID, - procName: this.procName - } + procName: this.procName, + }; queryScheduleLog(data).then((res) => { - this.tableData = res.data.logs - this.total = res.data.total - }) + this.tableData = res.data.logs; + this.total = res.data.total; + }); }, dateChange(val) { - ;[this.timeStart, this.timeEnd] = val - this.getScheduleLog() + [this.timeStart, this.timeEnd] = val; + this.getScheduleLog(); }, getTimeStr(date) { - var month = pad0(date.getMonth() + 1) //鏈� - var day = pad0(date.getDate()) //鏃� - var hour = pad0(date.getHours()) //鏃� - var minute = pad0(date.getMinutes()) //鍒� - var second = pad0(date.getSeconds()) //绉� - return `${date.getFullYear()}-${month}-${day} ${hour}:${minute}:${second}` + var month = pad0(date.getMonth() + 1); //鏈� + var day = pad0(date.getDate()); //鏃� + var hour = pad0(date.getHours()); //鏃� + var minute = pad0(date.getMinutes()); //鍒� + var second = pad0(date.getSeconds()); //绉� + return `${date.getFullYear()}-${month}-${day} ${hour}:${minute}:${second}`; }, getTimeRange(gap) { - var date = new Date() //褰撳墠鏃堕棿 - var preDay = new Date(new Date().getTime() - gap) - this.timeStart = this.getTimeStr(preDay) - this.timeEnd = this.getTimeStr(date) - this.dateRange = [this.timeStart, this.timeEnd] + var date = new Date(); //褰撳墠鏃堕棿 + var preDay = new Date(new Date().getTime() - gap); + this.timeStart = this.getTimeStr(preDay); + this.timeEnd = this.getTimeStr(date); + this.dateRange = [this.timeStart, this.timeEnd]; }, handleSelectionChange() {}, handleClose() {}, clearSearch() { - this.fuzzySearch = "" - this.getScheduleLog(1) - } - } -} + this.fuzzySearch = ""; + this.getScheduleLog(1); + }, + }, +}; </script> <style lang="scss"> .polling-log { -- Gitblit v1.8.0