Explorar el Código

1.增加店铺证件照过期时间判断

Guos hace 1 mes
padre
commit
097ce4d2f8
Se han modificado 1 ficheros con 106 adiciones y 1 borrados
  1. 106 1
      src/views/hisStore/store/index.vue

+ 106 - 1
src/views/hisStore/store/index.vue

@@ -1,6 +1,36 @@
 <template xmlns:el-col="http://www.w3.org/1999/html">
   <div class="app-container">
     <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-input
           v-model="queryParams.storeName"
@@ -163,8 +193,24 @@
       <el-table-column label="余额" align="center" prop="balance" />
       <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="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 label="创建时间" align="center" prop="createTime"  width="150px"/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="300px">
         <template slot-scope="scope">
@@ -1102,6 +1148,8 @@ export default {
         status: null,
         isAudit: null,
         account: null,
+        daysDiffMin: null, // 添加最小剩余天数查询条件
+        daysDiffMax: null  // 添加最大剩余天数查询条件
       },
       // 表单参数
       form: {
@@ -1272,6 +1320,61 @@ export default {
     })
   },
   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) {
       this.previewImageUrl = url;
@@ -1513,6 +1616,8 @@ export default {
     },
     /** 重置按钮操作 */
     resetQuery() {
+      this.queryParams.daysDiffMin = null;
+      this.queryParams.daysDiffMax = null;
       this.resetForm("queryForm");
       this.handleQuery();
     },