From 948cca39e334dde8a3ef04c030f8d691edf30bf8 Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期三, 08 三月 2023 09:24:58 +0800
Subject: [PATCH] 身份证正反面调整
---
src/views/operate/log/index.vue | 220 +++++++++++++++++++++++++++++--------------------------
1 files changed, 116 insertions(+), 104 deletions(-)
diff --git a/src/views/operate/log/index.vue b/src/views/operate/log/index.vue
index 2b7370d..f10f778 100644
--- a/src/views/operate/log/index.vue
+++ b/src/views/operate/log/index.vue
@@ -3,35 +3,42 @@
<header>
<div class="header-nav">
<span class="nav-left">鏁版嵁绛涢��</span>
- <span class="nav-right">楂樼骇鎼滅储</span>
+ <!-- <span class="nav-right">楂樼骇鎼滅储</span> -->
</div>
<div class="header-content">
<div class="search">
<span>杈撳叆鏌ヨ:</span>
- <el-input placeholder="鍐呭淇℃伅" v-model="context"></el-input>
+
+ <div class="option">
+ <el-input placeholder="鍐呭淇℃伅" v-model="context"></el-input>
+ </div>
</div>
<div class="message-status">
<span>鎿嶄綔绫诲瀷:</span>
- <el-select v-model="operationType">
- <el-option
- v-for="item in operationTypeList"
- :key="item.id"
- :label="item.operationType"
- :value="item.operationType"
- >
- </el-option>
- </el-select>
+ <div class="option">
+ <el-select v-model="operationType">
+ <el-option
+ v-for="item in operationTypeList"
+ :key="item.id"
+ :label="item.operationType"
+ :value="item.operationType"
+ >
+ </el-option>
+ </el-select>
+ </div>
</div>
<div class="message-kind">
<span>鏃堕棿鑼冨洿:</span>
- <el-date-picker
- v-model="mytime"
- type="daterange"
- range-separator="-"
- start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡"
- >
- </el-date-picker>
+ <div class="option">
+ <el-date-picker
+ v-model="mytime"
+ type="daterange"
+ range-separator="-"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡"
+ >
+ </el-date-picker>
+ </div>
</div>
<div class="find">
<el-button
@@ -62,12 +69,14 @@
</div>
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
- :default-sort="{ prop: 'createTime' }"
:header-cell-style="{
- background: '#06122c',
+ // background: '#06122c',
+ background: '#F5F5F5',
'font-size': '12px',
- color: '#4b9bb7',
+ color: '#606266',
'font-weight': '650',
'line-height': '45px',
}"
@@ -80,9 +89,10 @@
<el-table-column type="selection" min-width="5"> </el-table-column>
<el-table-column
prop="createTime"
- sortable
label="鏃ュ織鏃堕棿"
min-width="10"
+ :sort-orders="['descending', 'ascending']"
+ sortable="custom"
>
<template slot-scope="scope">
<span>{{ changeTime(scope.row.createTime) }}</span>
@@ -102,7 +112,7 @@
<!-- tools -->
<div class="tools">
<div class="funs">
- <div class="funsItem funs-sp">
+ <div class="funsItem funs-sp funs-first">
<el-checkbox v-model="all" @change="selectAll()"
>鍏ㄩ��</el-checkbox
>
@@ -147,6 +157,7 @@
</div>
</template>
<script>
+import { downloadFile, getNowDate } from "@/utils/helper";
import helper from "@/utils/mydate";
import { parseTime } from "@/utils/index";
import { createNamespacedHelpers } from "vuex";
@@ -170,7 +181,7 @@
label: "鎵归噺鍒犻櫎",
},
],
- mysort: 0,
+ mysort: 1,
tempList: [],
operationType: "鍏ㄩ儴",
operationTypeList: [],
@@ -198,17 +209,20 @@
},
// 瀵煎嚭鏃ュ織
async handleExport() {
- const { currentPage, pageSize, context, operationType } = this;
+ const { currentPage, pageSize, context, operationType, mysort, mytime } =
+ this;
let arr = await this.exportLogs({
content: context,
current: currentPage,
- size: pageSize,
+ endTime: mytime[1] !== "" ? parseTime(mytime[1]) : "",
+ id: "",
+ operationType: operationType === "鍏ㄩ儴" ? "" : operationType,
+ portEquipment: "",
+ size: 50000,
+ startTime: mytime[0] !== "" ? parseTime(mytime[0]) : "",
+ sort: mysort,
});
- let fileName = arr.headers["content-disposition"];
- console.log(fileName);
- if (fileName) {
- fileName = fileName.slice(fileName.indexOf("filename=") + 9);
- }
+ let fileName = getNowDate(new Date());
const blob = new Blob([arr.data], {
type: "application/octet-stream",
});
@@ -218,7 +232,7 @@
const href = window.URL.createObjectURL(blob);
downloadElement.href = href;
// // 涓嬭浇鍚庢枃浠跺悕
- downloadElement.download = fileName;
+ downloadElement.download = fileName + "鏃ュ織鏁版嵁.xlsx";
document.body.appendChild(downloadElement);
// 鐐瑰嚮涓嬭浇
downloadElement.click();
@@ -226,6 +240,7 @@
document.body.removeChild(downloadElement);
// 閲婃斁鎺塨lob瀵硅薄
window.URL.revokeObjectURL(href);
+ this.setTableData();
},
// 璁剧疆鎿嶄綔绫诲瀷
async setOperationType() {
@@ -278,7 +293,6 @@
async getLogList() {
const { currentPage, pageSize, context, operationType, mysort, mytime } =
this;
- console.log(mytime);
let arr = await this.getLogsList({
content: context,
current: currentPage,
@@ -290,12 +304,10 @@
startTime: mytime[0] !== "" ? parseTime(mytime[0]) : "",
sort: mysort,
});
- console.log(arr);
return arr.data.data;
},
// 鎵归噺涓嬫媺妗嗘搷浣�
async selectChange(list) {
- console.log(this.tempList);
if (this.tempList.length !== 0) {
this.preMyIdx = list;
if (list === 3) {
@@ -338,12 +350,9 @@
message: res.message,
});
}
- console.log(res);
});
})
- .catch((err) => {
- console.log(err);
- });
+ .catch((err) => {});
},
// 琛ㄦ牸鐩戝惉
tableChange(list) {
@@ -405,9 +414,7 @@
.then((_) => {
done();
})
- .catch((err) => {
- console.log(err);
- });
+ .catch((err) => {});
},
// 鑷畾涔夊叧闂脊绐�
closeDialog({ flag, index }) {
@@ -416,52 +423,53 @@
}
},
//
- timechange(data) {
- console.log(data);
- },
+ timechange(data) {},
},
};
</script>
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
+ padding: 10px 20px;
+ // color: #606266;
+ border: 1px solid #ccc;
header {
- background-color: #09152f;
- border: 1pox solid #fff;
+ background-color: white;
+ border: 1px solid #fff;
.header-nav {
line-height: 40px;
- padding: 0 30px;
+ padding-left: 10px;
display: flex;
justify-content: space-between;
font-weight: 650;
}
.header-content {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
- justify-content: space-between;
+ // justify-content: space-between;
align-items: center;
-
+ span {
+ min-width: 120px;
+ padding-left: 15px;
+ }
.search,
.message-status,
.message-kind {
display: flex;
justify-content: flex-start;
align-items: center;
- flex: 1;
+ // flex: 1;
.el-input {
flex: 1;
color: #1d3f57;
- &::v-deep .el-input__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
- }
+ //&::v-deep .el-input__inner {
+ // background-color: #09152f;
+ // border: 1px solid #17324c;
+ //}
}
.el-select {
flex: 1;
@@ -469,11 +477,13 @@
.el-date-editor {
flex: 1;
}
- :deep(.el-range-input) {
- background-color: #09152f;
- }
+ //:deep(.el-range-input) {
+ // background-color: #09152f;
+ //}
}
-
+ .find {
+ margin-left: 15px;
+ }
.findBtn {
line-height: 100px;
margin-left: 15px;
@@ -490,10 +500,10 @@
}
main {
- background-color: #09152f;
+ background-color: white;
margin-top: 20px;
padding-bottom: 50px;
- border: 1pox solid #fff;
+ border: 1px solid #fff;
.el-link {
color: #4b9bb7;
@@ -518,13 +528,15 @@
display: flex;
justify-content: space-between;
align-items: center;
- padding: 0 20px;
+ //padding: 0 20px;
.funs {
display: flex;
-
+ .funs-first {
+ margin-left: 0 !important;
+ }
.funs-sp {
- border: 1px solid #17324c;
+ border: 1px solid #dcdfe6;
}
.funsItem {
@@ -545,10 +557,10 @@
width: 120px;
}
- &::v-deep .el-input__inner {
- border: none;
- background-color: #09152f;
- }
+ //&::v-deep .el-input__inner {
+ // border: none;
+ // background-color: #09152f;
+ //}
&:hover {
border: 1px solid #4b9bb7;
@@ -566,33 +578,33 @@
line-height: 50px;
justify-content: center;
- .el-pagination {
- &::v-deep li,
- &::v-deep .btn-prev,
- &::v-deep .btn-next {
- background-color: #071f39;
- color: #4b9bb7;
- }
-
- &::v-deep .active {
- background-color: #409eff;
- color: #fff;
- }
- }
+ //.el-pagination {
+ // &::v-deep li,
+ // &::v-deep .btn-prev,
+ // &::v-deep .btn-next {
+ // background-color: #071f39;
+ // color: #4b9bb7;
+ // }
+ //
+ // &::v-deep .active {
+ // background-color: #409eff;
+ // color: #fff;
+ // }
+ //}
}
}
.el-table {
- color: #4b9bb7;
- font-size: 10px;
+ // color: #606266;
+ // font-size: 10px;
- &::v-deep .el-table__empty-block {
- background-color: #09152f;
- }
-
- &::v-deep .el-table__empty-block {
- color: #4b9bb7;
- }
+ //&::v-deep .el-table__empty-block {
+ // background-color: #09152f;
+ //}
+ //
+ //&::v-deep .el-table__empty-block {
+ // color: #4b9bb7;
+ //}
.operation {
display: flex;
@@ -600,20 +612,20 @@
.line {
padding: 0 5px;
}
-
+ color: var(--operation-color);
span:hover {
cursor: pointer;
}
}
}
- .el-table::v-deep .warning-row {
- background: #06122c;
- }
-
- .el-table::v-deep .success-row {
- background: #071f39;
- }
+ //.el-table::v-deep .warning-row {
+ // background: #06122c;
+ //}
+ //
+ //.el-table::v-deep .success-row {
+ // background: #071f39;
+ //}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0