From 7c20fd15b7fbc2bd5756b39d5ab655cc849ffcc3 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期三, 16 七月 2025 22:39:23 +0800
Subject: [PATCH] 添加时间筛选
---
src/views/operate/workOrder/index.vue | 131 ++++++++++++++++++++-----------------------
1 files changed, 61 insertions(+), 70 deletions(-)
diff --git a/src/views/operate/workOrder/index.vue b/src/views/operate/workOrder/index.vue
index 14f1681..b9c53e5 100644
--- a/src/views/operate/workOrder/index.vue
+++ b/src/views/operate/workOrder/index.vue
@@ -4,32 +4,22 @@
<header>
<div class="headerContent">
<div class="search">
- <span>濮撳悕:</span>
- <el-input
- placeholder="璇疯緭鍏ュ鍚�"
- v-model="context"
- ></el-input>
+ <span>濮撳悕锛�</span>
+ <el-input placeholder="璇疯緭鍏ュ鍚�" v-model="context"></el-input>
+ <span style="margin-left: 10px;">鎶ヨ鏃堕棿锛�</span>
+ <el-date-picker v-model="alarmTime" type="daterange" align="right" unlink-panels range-separator="鑷�"
+ start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" :picker-options="pickerOptions">
+ </el-date-picker>
+
<!-- 鎸夐挳鍖哄煙 -->
<div class="main-btns">
<div class="main-btns-left">
<!-- <el-button icon="el-icon-download">涓嬭浇鍥剧墖</el-button>-->
- <el-button
- icon="el-icon-folder"
- @click="exportTableData"
- >瀵煎嚭</el-button
- >
- </div>
- <div class="main-btns-right">
- <el-button
- icon="el-icon-search"
- @click="setTableData"
- >鏌ヨ</el-button
- >
- <el-button
- icon="el-icon-delete-solid"
- @click="handleReset"
- >閲嶇疆</el-button
- >
+ <el-button icon="el-icon-folder" @click="exportTableData">瀵煎嚭</el-button>
+ <!-- </div>
+ <div class="main-btns-right"> -->
+ <el-button icon="el-icon-search" @click="setTableData">鏌ヨ</el-button>
+ <el-button icon="el-icon-delete-solid" @click="handleReset">閲嶇疆</el-button>
</div>
</div>
</div>
@@ -38,49 +28,23 @@
<main>
<div class="main-content">
<!-- 鏁版嵁灞曠ず -->
- <el-table
- border
- stripe
- ref="multipleTable"
- :header-cell-style="{
- background: '#F5F5F5',
- 'font-weight': '650',
- 'line-height': '45px'
- }"
- :row-class-name="tableRowClassName"
- :data="list"
- style="width: 100%"
- >
+ <el-table border stripe ref="multipleTable" :header-cell-style="{
+ background: '#F5F5F5',
+ 'font-weight': '650',
+ 'line-height': '45px'
+ }" :row-class-name="tableRowClassName" :data="list" style="width: 100%">
<el-table-column label="搴忓彿" type="index" width="80px">
</el-table-column>
<el-table-column prop="name" label="濮撳悕" min-width="8">
</el-table-column>
- <el-table-column
- prop="taskCount"
- label="浠诲姟鎬绘暟"
- min-width="10"
- >
+ <el-table-column prop="taskCount" label="浠诲姟鎬绘暟" min-width="10">
</el-table-column>
- <el-table-column
- prop="finishCount"
- label="宸插畬鎴愭暟閲�"
- min-width="10"
- >
+ <el-table-column prop="finishCount" label="宸插畬鎴愭暟閲�" min-width="10">
</el-table-column>
- <el-table-column
- prop="notFinishCount"
- label="鏈畬鎴愭暟閲�"
- min-width="10"
- >
+ <el-table-column prop="notFinishCount" label="鏈畬鎴愭暟閲�" min-width="10">
</el-table-column>
- <el-table-column
- prop="finishRadio"
- label="瀹屾垚鐜�"
- min-width="10"
- >
- <template slot-scope="{ row }"
- >{{ fun(row.finishRadio * 100) }}%</template
- >
+ <el-table-column prop="finishRadio" label="瀹屾垚鐜�" min-width="10">
+ <template slot-scope="{ row }">{{ fun(row.finishRadio * 100) }}%</template>
</el-table-column>
</el-table>
</div>
@@ -89,16 +53,9 @@
<div class="tools">
<div class="funs"></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"
- >
+ <el-pagination background :current-page="currentPage" layout="prev, pager, next" :total="totalNum"
+ :page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev"
+ @next-click="handleNext">
</el-pagination>
</div>
</div>
@@ -114,10 +71,38 @@
data() {
return {
context: "",
+ alarmTime: [],
list: [],
totalNum: 0,
pageSize: 10,
currentPage: 1,
+ pickerOptions: {
+ shortcuts: [{
+ text: '鏈�杩戜竴鍛�',
+ onClick(picker) {
+ 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]);
+ }
+ }, {
+ text: '鏈�杩戜笁涓湀',
+ onClick(picker) {
+ const end = new Date();
+ const start = new Date();
+ start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+ picker.$emit('pick', [start, end]);
+ }
+ }]
+ },
};
},
created() {
@@ -131,6 +116,8 @@
currentPage,
pageSize,
keyword: context,
+ startTime: this.alarmTime[0],
+ endTime: this.alarmTime[1],
}).then((res) => {
this.list = res.records;
this.totalNum = res.total;
@@ -140,6 +127,8 @@
const { context } = this;
basecase.exportWorkOrder({
keyword: context,
+ startTime: this.alarmTime[0],
+ endTime: this.alarmTime[1],
}).then((res) => {
this.$message.success('鎿嶄綔鎴愬姛');
let time = new Date()
@@ -166,6 +155,7 @@
this.currentPage = 1;
this.pageSize = 10;
this.context = "";
+ this.alarmTime = ["", ""];
this.setTableData()
},
// 璁剧疆琛ㄦ牸鏂戦┈绾�
@@ -207,6 +197,7 @@
padding: 10px 20px;
// color: #4b9bb7;
border: 1px solid #ccc;
+
.headerTitle {
line-height: 40px;
}
@@ -217,7 +208,7 @@
.headerContent {
padding: 0;
display: flex;
- line-height: 100px;
+ line-height: 40px;
justify-content: space-between;
align-items: center;
@@ -226,7 +217,7 @@
justify-content: flex-start;
span {
- flex: 1;
+ text-align: right;
}
.el-input {
--
Gitblit v1.8.0