|
@@ -1,6 +1,36 @@
|
|
|
<template xmlns:el-col="http://www.w3.org/1999/html">
|
|
<template xmlns:el-col="http://www.w3.org/1999/html">
|
|
|
<div class="app-container">
|
|
<div class="app-container">
|
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
|
|
+ <el-form-item label="提醒状态">
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ size="mini"
|
|
|
|
|
+ type="danger"
|
|
|
|
|
+ @click="handleRemindFilter('overdue')"
|
|
|
|
|
+ >
|
|
|
|
|
+ 逾期
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ size="mini"
|
|
|
|
|
+ type="warning"
|
|
|
|
|
+ @click="handleRemindFilter('urgent')"
|
|
|
|
|
+ >
|
|
|
|
|
+ 7天内到期
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ size="mini"
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ @click="handleRemindFilter('important')"
|
|
|
|
|
+ >
|
|
|
|
|
+ 15天内到期
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ size="mini"
|
|
|
|
|
+ @click="handleRemindFilter('warnin')"
|
|
|
|
|
+ >
|
|
|
|
|
+ 30天内到期
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+
|
|
|
<el-form-item label="店铺名称" prop="storeName">
|
|
<el-form-item label="店铺名称" prop="storeName">
|
|
|
<el-input
|
|
<el-input
|
|
|
v-model="queryParams.storeName"
|
|
v-model="queryParams.storeName"
|
|
@@ -163,8 +193,24 @@
|
|
|
<el-table-column label="余额" align="center" prop="balance" />
|
|
<el-table-column label="余额" align="center" prop="balance" />
|
|
|
<el-table-column label="累计金额" align="center" prop="totalMoney" />
|
|
<el-table-column label="累计金额" align="center" prop="totalMoney" />
|
|
|
<el-table-column label="登录帐号" align="center" prop="account" width="150px" />
|
|
<el-table-column label="登录帐号" align="center" prop="account" width="150px" />
|
|
|
- <el-table-column label="证照重新上传倒计时" align="center" prop="daysDiff" width="150px">
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <el-table-column label="上次审核日期" align="center" prop="qualificationUpdateTime" width="150px" />
|
|
|
|
|
+ <el-table-column label="下次到期日" align="center" prop="nextQualificationUpdateTime" width="150px" />
|
|
|
|
|
+ <el-table-column label="剩余天数" align="center" prop="daysDiff" width="150px" />
|
|
|
|
|
+ <el-table-column label="提醒状态(标签)" align="center" prop="daysDiff" width="150px">
|
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
|
+ <el-tag
|
|
|
|
|
+ v-if="scope.row.daysDiff !== null"
|
|
|
|
|
+ :type="getRemindTagType(scope.row.daysDiff)"
|
|
|
|
|
+ size="small"
|
|
|
|
|
+ >
|
|
|
|
|
+ {{ getRemindTagName(scope.row.daysDiff) }}
|
|
|
|
|
+ </el-tag>
|
|
|
|
|
+ <span v-else>-</span>
|
|
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
<el-table-column label="创建时间" align="center" prop="createTime" width="150px"/>
|
|
<el-table-column label="创建时间" align="center" prop="createTime" width="150px"/>
|
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="300px">
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="300px">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
@@ -1102,6 +1148,8 @@ export default {
|
|
|
status: null,
|
|
status: null,
|
|
|
isAudit: null,
|
|
isAudit: null,
|
|
|
account: null,
|
|
account: null,
|
|
|
|
|
+ daysDiffMin: null, // 添加最小剩余天数查询条件
|
|
|
|
|
+ daysDiffMax: null // 添加最大剩余天数查询条件
|
|
|
},
|
|
},
|
|
|
// 表单参数
|
|
// 表单参数
|
|
|
form: {
|
|
form: {
|
|
@@ -1272,6 +1320,61 @@ export default {
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ // 处理提醒状态筛选
|
|
|
|
|
+ handleRemindFilter(type) {
|
|
|
|
|
+ // 重置其他查询条件
|
|
|
|
|
+ this.resetForm("queryForm");
|
|
|
|
|
+ // 根据不同类型设置查询参数
|
|
|
|
|
+ switch (type) {
|
|
|
|
|
+ case 'overdue': // 严重逾期
|
|
|
|
|
+ this.queryParams.daysDiffMin = null;
|
|
|
|
|
+ this.queryParams.daysDiffMax = 0;
|
|
|
|
|
+ break;
|
|
|
|
|
+ case 'urgent': // 紧急提醒 (7天内)
|
|
|
|
|
+ this.queryParams.daysDiffMin = 0;
|
|
|
|
|
+ this.queryParams.daysDiffMax = 7;
|
|
|
|
|
+ break;
|
|
|
|
|
+ case 'important': // 重点提醒 (15天内)
|
|
|
|
|
+ this.queryParams.daysDiffMin = 0;
|
|
|
|
|
+ this.queryParams.daysDiffMax = 15;
|
|
|
|
|
+ break;
|
|
|
|
|
+ case 'warning': // 常规预警 (30天内)
|
|
|
|
|
+ this.queryParams.daysDiffMin = 0;
|
|
|
|
|
+ this.queryParams.daysDiffMax = 30;
|
|
|
|
|
+ break;
|
|
|
|
|
+ default: // 默认情况,清空条件
|
|
|
|
|
+ this.queryParams.daysDiffMin = null;
|
|
|
|
|
+ this.queryParams.daysDiffMax = null;
|
|
|
|
|
+ break;
|
|
|
|
|
+ }
|
|
|
|
|
+ this.handleQuery();
|
|
|
|
|
+ },
|
|
|
|
|
+ // 获取提醒标签类型
|
|
|
|
|
+ getRemindTagType(daysDiff) {
|
|
|
|
|
+ if (daysDiff < 0) {
|
|
|
|
|
+ return 'danger'; // 严重逾期 - 红色
|
|
|
|
|
+ } else if (daysDiff <= 7) {
|
|
|
|
|
+ return 'warning'; // 紧急提醒 - 橙色
|
|
|
|
|
+ } else if (daysDiff <= 15) {
|
|
|
|
|
+ return ''; // 重点提醒 - 黄色 (Element UI 中空字符串是黄色)
|
|
|
|
|
+ } else if (daysDiff <= 30) {
|
|
|
|
|
+ return 'primary'; // 常规预警 - 蓝色 (Element UI 中 primary 是蓝色)
|
|
|
|
|
+ }
|
|
|
|
|
+ return 'info'; // 其他情况 - 灰色
|
|
|
|
|
+ },
|
|
|
|
|
+ // 获取提醒标签名称
|
|
|
|
|
+ getRemindTagName(daysDiff) {
|
|
|
|
|
+ if (daysDiff < 0) {
|
|
|
|
|
+ return '逾期';
|
|
|
|
|
+ } else if (daysDiff <= 7) {
|
|
|
|
|
+ return '7天内到期';
|
|
|
|
|
+ } else if (daysDiff <= 15) {
|
|
|
|
|
+ return '15天内到期';
|
|
|
|
|
+ } else if (daysDiff <= 30) {
|
|
|
|
|
+ return '30天内到期';
|
|
|
|
|
+ }
|
|
|
|
|
+ return '正常';
|
|
|
|
|
+ },
|
|
|
// 添加图片预览方法
|
|
// 添加图片预览方法
|
|
|
previewImage(url) {
|
|
previewImage(url) {
|
|
|
this.previewImageUrl = url;
|
|
this.previewImageUrl = url;
|
|
@@ -1513,6 +1616,8 @@ export default {
|
|
|
},
|
|
},
|
|
|
/** 重置按钮操作 */
|
|
/** 重置按钮操作 */
|
|
|
resetQuery() {
|
|
resetQuery() {
|
|
|
|
|
+ this.queryParams.daysDiffMin = null;
|
|
|
|
|
+ this.queryParams.daysDiffMax = null;
|
|
|
this.resetForm("queryForm");
|
|
this.resetForm("queryForm");
|
|
|
this.handleQuery();
|
|
this.handleQuery();
|
|
|
},
|
|
},
|