From 893fc457a2daeb0aa33a5a9d0b32eef7db238c1f Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期一, 23 十月 2023 21:58:07 +0800 Subject: [PATCH] bug修改 --- src/views/intelligentPatrol/statistics/unlawful/time/index.vue | 100 +++++++++++++++++++++++++++++++++---------------- 1 files changed, 67 insertions(+), 33 deletions(-) diff --git a/src/views/intelligentPatrol/statistics/unlawful/time/index.vue b/src/views/intelligentPatrol/statistics/unlawful/time/index.vue index 791de09..b8de79b 100644 --- a/src/views/intelligentPatrol/statistics/unlawful/time/index.vue +++ b/src/views/intelligentPatrol/statistics/unlawful/time/index.vue @@ -13,6 +13,7 @@ start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" :picker-options="pickerOptions" + value-format="yyyy-MM-dd HH:mm:ss" > </el-date-picker> </div> @@ -40,11 +41,11 @@ <div class="main-content"> <!-- 鏁版嵁灞曠ず --> <el-table + border + stripe ref="multipleTable" :header-cell-style="{ - background: '#06122c', - 'font-size': '12px', - color: '#4b9bb7', + 'background':'#F5F5F5', 'font-weight': '650', 'line-height': '45px', }" @@ -140,9 +141,44 @@ methods: { ...mapActions(["searchByTime"]), - handleExport(e) {}, - setTableDataHandle(e) {}, - resetTableData(e) {}, + handleExport(e) { + this.$axios({ + method: 'post', + url: `sccg/intelligentPatrol/statistics/export/unlawful/time`, + responseType: 'arraybuffer', + data: { + beginTime: this.value2[0], + endTime: this.value2[1], + } + }) + .then(res => { + let time = new Date() + let deathdate =time.toLocaleDateString() + const blob = new Blob([res.data], { + type: "application/vnd.ms-excel;charset=utf-8", + }); + if (window.navigator.msSaveBlob) { + window.navigator.msSaveBlob(blob, deathdate+"鎸夋椂闂寸粺璁�" + ".xlsx"); + } else { + const url = window.URL.createObjectURL(blob); + const link = document.createElement("a"); + link.style.display = "none"; + link.href = url; + link.download = deathdate+"鎸夋椂闂寸粺璁�" + ".xlsx"; + document.body.appendChild(link); + link.click(); + document.body.removeChild(link); + } + this.$message.success('鎿嶄綔鎴愬姛'); + }) + }, + setTableDataHandle(e) { + this.setTableData() + }, + resetTableData(e) { + this.value2= '' + this.setTableData() + }, // 璁剧疆琛ㄦ牸鏂戦┈绾� tableRowClassName({ row, rowIndex }) { if ((rowIndex + 1) % 2 == 0) { @@ -158,13 +194,11 @@ this.searchByTime({ currentPage, pageSize, - beginTime:'2022-05-01 00:00:00', - endTime:'2022-09-01 00:00:00' + beginTime: this.value2[0], + endTime:this.value2[1], }).then((res) => { - if (res.data.code == 200) { - this.list = res.data.data.records; - this.totalNum = res.data.data.total; - } + this.list = res.records; + this.totalNum = res.total; }); }, // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠� @@ -188,15 +222,15 @@ <style lang="scss" scoped> .list { text-align: left; - margin: 10px 20px; + padding: 10px 20px; color: #4b9bb7; - + border: 1px solid #ccc; header { - background-color: #09152f; + background-color: white; border: 1pox solid #fff; .header-content { - padding: 0 40px; + //padding: 0 40px; display: flex; line-height: 100px; justify-content: space-between; @@ -215,7 +249,7 @@ color: #1d3f57; &::v-deep .el-input__inner { - background-color: #09152f; + // background-color: #09152f; border: 1px solid #17324c; } } @@ -225,9 +259,9 @@ .el-date-editor { flex: 1; } - :deep(.el-range-input) { - background-color: #09152f; - } + // :deep(.el-range-input) { + // background-color: #09152f; + // } } .find { margin-right: auto; @@ -240,7 +274,7 @@ padding: 0px !important; } main { - background-color: #09152f; + // background-color: #09152f; margin-top: 20px; padding-bottom: 50px; border: 1pox solid #fff; @@ -279,7 +313,7 @@ &::v-deep .el-input__inner { border: none; - background-color: #09152f; + // background-color: #09152f; } &:hover { @@ -302,7 +336,7 @@ &::v-deep li, &::v-deep .btn-prev, &::v-deep .btn-next { - background-color: #071f39; + // background-color: #071f39; color: #4b9bb7; } @@ -313,13 +347,13 @@ } } } - &::v-deep .warning-row { - background-color: #06122c; - } + // &::v-deep .warning-row { + // background-color: #06122c; + // } - &::v-deep .success-row { - background-color: #071f39; - } + // &::v-deep .success-row { + // background-color: #071f39; + // } .operationBox { display: flex; @@ -329,11 +363,11 @@ background-color: #4b9bb7; } .el-table { - color: #4b9bb7; - font-size: 10px; + // color: #4b9bb7; + // font-size: 10px; .operation { display: flex; - + color: var(--operation-color); .line { padding: 0 5px; } @@ -345,4 +379,4 @@ } } } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0