From 498069b3d7d50dd55146e8c71450572d441d2643 Mon Sep 17 00:00:00 2001
From: anthonywj <yewenjie20@vip.qq.com>
Date: Tue, 19 Mar 2024 10:50:48 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=84=E8=B4=A8=E8=AF=81=E4=B9=A6=E9=A2=84?=
 =?UTF-8?q?=E8=AD=A6=E9=A1=B5=E9=9D=A2=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/remind/certRemindMsg.vue    |   0
 src/views/remind/supCertRemindMsg.vue | 696 ++++++++++++++------------
 2 files changed, 372 insertions(+), 324 deletions(-)
 create mode 100644 src/views/remind/certRemindMsg.vue

diff --git a/src/views/remind/certRemindMsg.vue b/src/views/remind/certRemindMsg.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/remind/supCertRemindMsg.vue b/src/views/remind/supCertRemindMsg.vue
index bc15742..a0c1737 100644
--- a/src/views/remind/supCertRemindMsg.vue
+++ b/src/views/remind/supCertRemindMsg.vue
@@ -1,301 +1,270 @@
 <template>
   <div>
     <el-card class="el-card">
-      <el-form v-if="queryList && queryList.length > 0" :model="filterQuery" class="query-form" label-width="100px" v-show="showSearch">
-        <el-row>
-          <el-col :span="6" v-if="this.ckeck">
-            <el-form-item class="query-form-item" label="配送企业名称:">
-              <el-input v-model="filterQuery.name" placeholder="配送企业名称"
-                        style="width: 90%"
-                        clearable="true"></el-input>
-            </el-form-item>
-          </el-col>
+      <el-tabs type="border-card">
+        <el-tab-pane label="产品资质预警">
+          <el-form :model="productQuery" class="query-form" label-width="100px"
+                   v-show="showSearch">
+            <el-row>
+              <!--              <el-col :span="6">-->
+              <!--                <el-form-item class="query-form-item" label="配送企业名称:">-->
+              <!--                  <el-input v-model="productQuery.name" placeholder="配送企业名称"-->
+              <!--                            style="width: 90%"-->
+              <!--                            clearable="true"></el-input>-->
+              <!--                </el-form-item>-->
+              <!--              </el-col>-->
 
-          <el-col :span="6">
-            <el-form-item class="query-form-item" label="证书名称:">
-              <el-input v-model="filterQuery.certName" placeholder="证书名称"
-                        style="width: 90%"
-                        clearable="true"></el-input>
-            </el-form-item>
-          </el-col>
+              <el-col :span="6">
+                <el-form-item class="query-form-item" label="物资名称:">
+                  <el-input v-model="productQuery.name" placeholder="物资名称"
+                            style="width: 90%"
+                            clearable="true"></el-input>
+                </el-form-item>
+              </el-col>
 
-          <el-col :span="6">
-            <el-form-item class="query-form-item" label="状态:">
-              <el-select v-model="filterQuery.status"
-                         placeholder="请选择消息状态"
-                         clearable
-                         style="width: 90%"
-              >
-                <el-option label="未确认" :value="1"></el-option>
-                <el-option label="已确认" :value="2"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <!--          <el-col :span="6">-->
-          <!--            <el-form-item class="query-form-item" label="忽略状态:">-->
-          <!--              <el-select v-model="filterQuery.ignoreStatus"-->
-          <!--                         placeholder="请选择消息忽略状态"-->
-          <!--                         clearable-->
-          <!--                         style="width: 90%"-->
-          <!--              >-->
-          <!--                <el-option label="不忽略" :value="0"></el-option>-->
-          <!--                <el-option label="忽略7天" :value="1"></el-option>-->
-          <!--                <el-option label="忽略15天" :value="2"></el-option>-->
-          <!--                <el-option label="忽略30天" :value="3"></el-option>-->
-          <!--              </el-select>-->
-          <!--            </el-form-item>-->
-          <!--          </el-col>-->
-
-          <el-col :span="6">
-            <el-form-item class="query-form-item" label="预警类型:">
-              <el-select v-model="filterQuery.type"
-                         placeholder="请选择消息状态"
-                         clearable
-                         style="width: 90%"
-                         @change="typeChange"
-              >
-                <el-option label="配送企业资质预警" :value="1"></el-option>
-                <el-option label="生产企业资质预警" :value="2"></el-option>
-                <el-option label="产品资质预警" :value="3"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
+              <el-col :span="6">
+                <el-form-item class="query-form-item" label="证书名称:">
+                  <el-input v-model="productQuery.certName" placeholder="证书名称"
+                            style="width: 90%"
+                            clearable="true"></el-input>
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="6">
+                <el-form-item class="query-form-item" label="状态:">
+                  <el-select v-model="productQuery.status"
+                             placeholder="请选择消息状态"
+                             clearable
+                             style="width: 90%"
+                  >
+                    <el-option label="未确认" :value="1"></el-option>
+                    <el-option label="已确认" :value="2"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+          <div class="top-right-btn">
+            <el-button-group>
+              <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+              <el-button type="primary" @click.native="productSearch" icon="el-icon-search">搜索</el-button>
+            </el-button-group>
+          </div>
+          <el-divider style="margin: 15px"></el-divider>
+          <el-table v-loading="loading" :data="productList" style="width: 100%" border highlight-current-row>
+            <el-table-column type="index" label="序号" width="50"></el-table-column>
+            <el-table-column label="供应商" prop="supName" width="180" show-overflow-tooltip></el-table-column>
+            <el-table-column label="物资名称" prop="name" width="180" show-overflow-tooltip></el-table-column>
+            <el-table-column label="证书名称" prop="certName" width="180" show-overflow-tooltip></el-table-column>
+            <el-table-column label="有效期" prop="vailDate" width="120"></el-table-column>
+            <el-table-column label="失效期" prop="expireDate" width="120" show-overflow-tooltip></el-table-column>
+            <el-table-column label="消息状态" prop="status" width="120">
+              <template slot-scope="scope">
+                <el-tag>{{ statusMap[scope.row.status] }}</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="预警次数" prop="remindCount" width="120" show-overflow-tooltip></el-table-column>
+            <el-table-column label="预警类型" prop="type" width="120">
+              <template slot-scope="scope">
+                <el-tag>{{ typeMap[scope.row.type] }}</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="预警内容" prop="msg" show-overflow-tooltip width="250"></el-table-column>
+            <el-table-column label="处理结果" prop="handleMsg" show-overflow-tooltip width="200"></el-table-column>
+            <el-table-column label="操作" width="100" fixed="right">
+              <template slot-scope="scope">
+                <el-button
+                  type="text"
+                  size="small"
+                  v-if="scope.row.status === 1"
+                  @click.native="confirmMsg(scope.row)"
+                >确认
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="productTotal>0"
+            :total="productTotal"
+            :page.sync="productQuery.page"
+            :limit.sync="productQuery.limit"
+            @pagination="getProductList"
+          />
+        </el-tab-pane>
+        <el-tab-pane label="生产企业资质预警">
+          <el-form :model="manuQuery" class="query-form" label-width="100px"
+                   v-show="showSearch">
+            <el-row>
+              <el-col :span="6">
+                <el-form-item class="query-form-item" label="生产企业:">
+                  <el-input v-model="manuQuery.name" placeholder="生产企业"
+                            style="width: 90%"
+                            clearable="true"></el-input>
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="6">
+                <el-form-item class="query-form-item" label="证书名称:">
+                  <el-input v-model="manuQuery.certName" placeholder="证书名称"
+                            style="width: 90%"
+                            clearable="true"></el-input>
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="6">
+                <el-form-item class="query-form-item" label="状态:">
+                  <el-select v-model="manuQuery.status"
+                             placeholder="请选择消息状态"
+                             clearable
+                             style="width: 90%"
+                  >
+                    <el-option label="未确认" :value="1"></el-option>
+                    <el-option label="已确认" :value="2"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+
+            </el-row>
+          </el-form>
+          <div class="top-right-btn">
+            <el-button-group>
+              <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+              <el-button type="primary" @click.native="manuSearch" icon="el-icon-search">搜索</el-button>
+            </el-button-group>
+          </div>
+          <el-divider style="margin: 15px"></el-divider>
+
+          <el-table v-loading="loading" :data="manuList" style="width: 100%" border highlight-current-row>
+            <el-table-column type="index" label="序号" width="50"></el-table-column>
+            <el-table-column label="配送企业" prop="supName" width="180" show-overflow-tooltip></el-table-column>
+            <el-table-column label="生产企业" prop="name" width="180" show-overflow-tooltip></el-table-column>
+            <el-table-column label="证书名称" prop="certName" width="180" show-overflow-tooltip></el-table-column>
+            <el-table-column label="有效期" prop="vailDate" width="120"></el-table-column>
+            <el-table-column label="失效期" prop="expireDate" width="120" show-overflow-tooltip></el-table-column>
+            <el-table-column label="消息状态" prop="status" width="120">
+              <template slot-scope="scope">
+                <el-tag>{{ statusMap[scope.row.status] }}</el-tag>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="预警次数" prop="remindCount" width="120" show-overflow-tooltip></el-table-column>
+            <el-table-column label="预警类型" prop="type" width="120">
+              <template slot-scope="scope">
+                <el-tag>{{ typeMap[scope.row.type] }}</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="预警内容" prop="msg" show-overflow-tooltip width="250"></el-table-column>
+            <el-table-column label="处理结果" prop="handleMsg" show-overflow-tooltip width="200"></el-table-column>
+            <el-table-column label="操作" width="100" fixed="right">
+              <template slot-scope="scope">
+                <el-button
+                  type="text"
+                  size="small"
+                  v-if="scope.row.status === 1"
+                  @click.native="confirmMsg(scope.row)"
+                >确认
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="manuTotal>0"
+            :total="manuTotal"
+            :page.sync="manuQuery.page"
+            :limit.sync="manuQuery.limit"
+            @pagination="getManuList"
+          />
+
+        </el-tab-pane>
+        <el-tab-pane label="配送企业资质预警">
+
+          <el-form :model="supQuery" class="query-form" label-width="100px"
+                   v-show="showSearch">
+            <el-row>
+              <el-col :span="6" v-if="this.ckeck">
+                <el-form-item class="query-form-item" label="配送企业名称:">
+                  <el-input v-model="supQuery.name" placeholder="配送企业名称"
+                            style="width: 90%"
+                            clearable="true"></el-input>
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="6">
+                <el-form-item class="query-form-item" label="证书名称:">
+                  <el-input v-model="supQuery.certName" placeholder="证书名称"
+                            style="width: 90%"
+                            clearable="true"></el-input>
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="6">
+                <el-form-item class="query-form-item" label="状态:">
+                  <el-select v-model="supQuery.status"
+                             placeholder="请选择消息状态"
+                             clearable
+                             style="width: 90%"
+                  >
+                    <el-option label="未确认" :value="1"></el-option>
+                    <el-option label="已确认" :value="2"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+
+            </el-row>
+          </el-form>
+
+          <div class="top-right-btn">
+            <el-button-group>
+              <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+              <el-button type="primary" @click.native="supSearch" icon="el-icon-search">搜索</el-button>
+            </el-button-group>
+          </div>
+          <el-divider style="margin: 15px"></el-divider>
+
+          <el-table v-loading="loading" :data="supList" style="width: 100%" border highlight-current-row>
+            <el-table-column type="index" label="序号" width="50"></el-table-column>
+            <el-table-column label="配送企业" prop="name" width="180" show-overflow-tooltip></el-table-column>
+            <el-table-column label="证书名称" prop="certName" width="180" show-overflow-tooltip></el-table-column>
+            <el-table-column label="有效期" prop="vailDate" width="120"></el-table-column>
+            <el-table-column label="失效期" prop="expireDate" width="120" show-overflow-tooltip></el-table-column>
+            <el-table-column label="消息状态" prop="status" width="120">
+              <template slot-scope="scope">
+                <el-tag>{{ statusMap[scope.row.status] }}</el-tag>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="预警次数" prop="remindCount" width="120" show-overflow-tooltip></el-table-column>
+            <el-table-column label="预警类型" prop="type" width="120">
+              <template slot-scope="scope">
+                <el-tag>{{ typeMap[scope.row.type] }}</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="预警内容" prop="msg" show-overflow-tooltip width="250"></el-table-column>
+            <el-table-column label="处理结果" prop="handleMsg" show-overflow-tooltip width="200"></el-table-column>
+            <el-table-column label="操作" width="100" fixed="right">
+              <template slot-scope="scope">
+                <el-button
+                  type="text"
+                  size="small"
+                  v-if="scope.row.status === 1"
+                  @click.native="confirmMsg(scope.row)"
+                >确认
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="supTotal>0"
+            :total="supTotal"
+            :page.sync="supQuery.page"
+            :limit.sync="supQuery.limit"
+            @pagination="getSupList"
+          />
+        </el-tab-pane>
+
+      </el-tabs>
 
-        </el-row>
-<!--        <el-row style=" display:flex;  flex-wrap: wrap; ">-->
-<!--          <template v-for="(item, index) in queryList" >-->
-<!--            <el-form-item v-if="item.columnType == 'input' && item.columnName !='queryName' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`" :key="item.id">-->
-<!--              <el-input-->
-<!--                v-model="filterQuery[item.columnName]"-->
-<!--                :placeholder="item.columnDesc"-->
-<!--                :disabled="executeEval(null,item.disabledFuc,false)"-->
-<!--                @keyup.enter.native="executeFuc($event,'5',item.clickFuc)"-->
-<!--                clearable-->
-<!--              ></el-input>-->
-<!--            </el-form-item>-->
-<!--            <el-form-item v-if="item.columnType == 'input' && item.columnName =='queryName' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`" :key="item.id">-->
-<!--              <el-autocomplete-->
-<!--                class="inline-input"-->
-<!--                style="width: 90%"-->
-<!--                v-model="queryName"-->
-<!--                :fetch-suggestions="queryProductName"-->
-<!--                placeholder="请输入内容"-->
-<!--                clearable-->
-<!--                @select="handleSelect"-->
-<!--                @clear="clearQueryProduct"-->
-<!--              ></el-autocomplete>-->
-<!--            </el-form-item>-->
-<!--            <el-form-item v-if="item.columnType == 'select' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">-->
-<!--              <el-select v-model="filterQuery[item.columnName]"-->
-<!--                         :placeholder="item.columnDesc"-->
-<!--                         :disabled="executeEval(null,item.disabledFuc,false)"-->
-<!--                         @change="executeFuc($event,'5',item.checkRules)"-->
-<!--                         clearable>-->
-<!--                <el-option-->
-<!--                  v-for="dict in item.lableRuleObj"-->
-<!--                  :key="dict.value"-->
-<!--                  :label="dict.label"-->
-<!--                  :value="dict.value"-->
-<!--                />-->
-<!--                <span style="float: left">{{ item.name }}</span>-->
-<!--                <span v-if="item.isShowXx == '1'" style="float: right; color: #8492a6; font-size: 13px">{{ item.code }}</span>-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
-<!--            <el-form-item v-if="item.columnType == 'selectServer' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">-->
-<!--              <el-select-->
-<!--                v-model="filterQuery[item.columnName]"-->
-<!--                :placeholder="item.columnDesc"-->
-<!--                :disabled="executeEval(null,item.disabledFuc,false)"-->
-<!--                @change="executeFuc($event,'5',item.checkRules)"-->
-<!--                filterable-->
-<!--                remote-->
-<!--                :remote-method="(query) => executeFuc(query,'5',item.clickFuc)"-->
-<!--                clearable>-->
-<!--                <el-option-->
-<!--                  v-for="item in options[item.clickFuc]"-->
-<!--                  :key="item.code"-->
-<!--                  :label="item.label"-->
-<!--                  :value="item.code"-->
-<!--                />-->
-<!--                <span style="float: left">{{ item.name }}</span>-->
-<!--                <span v-if="item.isShowXx == '1'" style="float: right; color: #8492a6; font-size: 13px">{{ item.code }}</span>-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
-<!--            <el-form-item v-if="item.columnType == 'datePicker' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">-->
-<!--              <el-date-picker-->
-<!--                :picker-options="pickerOptions"-->
-<!--                v-model="actDateRange"-->
-<!--                type="daterange"-->
-<!--                format="yyyy 年 MM 月 dd 日"-->
-<!--                value-format="yyyy-MM-dd"-->
-<!--                range-separator="至"-->
-<!--                start-placeholder="开始日期"-->
-<!--                end-placeholder="结束日期"-->
-<!--              ></el-date-picker>-->
-<!--            </el-form-item>-->
-<!--            <el-form-item v-if="item.columnType == 'date' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">-->
-<!--              <el-date-picker-->
-<!--                v-model="filterQuery[item.columnName]"-->
-<!--                :style="`width:${item.width+'px'}`"-->
-<!--                value-format="yyyy-MM-dd"-->
-<!--                :disabled="executeEval(null,item.disabledFuc,false)"-->
-<!--                type="date"-->
-<!--                :placeholder="item.columnDesc"-->
-<!--              ></el-date-picker>-->
-<!--            </el-form-item>-->
-<!--          </template>-->
-<!--        </el-row>-->
-      </el-form>
 
-      <div class="top-right-btn">
-        <el-button-group>
-          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
-          <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
-          <el-button type="primary" @click.native="search" icon="el-icon-search">搜索</el-button>
-        </el-button-group>
-      </div>
-      <el-divider style="margin: 15px"></el-divider>
-
-      <el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row>
-        <el-table-column type="index" label="序号" width="50"></el-table-column>
-        <el-table-column label="供应商" prop="name" width="180" show-overflow-tooltip  v-if="filterQuery.type!=1"></el-table-column>
-        <el-table-column :label="msgName" prop="name" width="180" show-overflow-tooltip></el-table-column>
-
-        <el-table-column label="证书名称" prop="certName" width="180" show-overflow-tooltip></el-table-column>
-        <el-table-column label="有效期" prop="vailDate" width="120"></el-table-column>
-        <el-table-column label="失效期" prop="expireDate" width="120" show-overflow-tooltip></el-table-column>
-        <el-table-column label="消息状态" prop="status" width="120">
-          <template slot-scope="scope">
-            <el-tag>{{ statusMap[scope.row.status] }}</el-tag>
-          </template>
-        </el-table-column>
-        <!--        <el-table-column label="忽略预警" prop="ignoreStatus" width="100">-->
-        <!--          <template slot-scope="scope">-->
-        <!--            <el-tag>{{ ignoreStatusMap[scope.row.ignoreStatus] }}</el-tag>-->
-        <!--          </template>-->
-        <!--        </el-table-column>-->
-
-        <el-table-column label="预警次数" prop="remindCount" width="120" show-overflow-tooltip></el-table-column>
-        <el-table-column label="预警类型" prop="type" width="120">
-          <template slot-scope="scope">
-            <el-tag>{{ typeMap[scope.row.type] }}</el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column label="预警内容" prop="msg" show-overflow-tooltip width="250"></el-table-column>
-        <el-table-column label="处理结果" prop="handleMsg" show-overflow-tooltip width="200"></el-table-column>
-        <el-table-column label="操作" width="100" fixed="right">
-          <template slot-scope="scope">
-            <el-button
-              type="text"
-              size="small"
-              v-if="scope.row.status === 1"
-              @click.native="confirmMsg(scope.row)"
-            >确认
-            </el-button>
-            <!--            <el-button-->
-            <!--              type="text"-->
-            <!--              size="small"-->
-            <!--              v-if="scope.row.ignoreStatus === 0"-->
-            <!--              @click.native="ignoreMsg(scope.row)"-->
-            <!--            >忽略-->
-            <!--            </el-button>-->
-          </template>
-        </el-table-column>
-<!--        <template v-for="(item, index) in tableHeader">-->
-<!--          <el-table-column-->
-<!--            v-if="item.columnType == 'id' && executeEval(row,item.expression,true)"-->
-<!--            type="index" :label="item.columnDesc"></el-table-column>-->
-<!--          <el-table-column-->
-<!--            v-if="item.columnType == 'selection'"-->
-<!--            type="selection"-->
-<!--            :width="item.width"-->
-<!--            :selectable="(row,number) => executeFuc(row,'3',item.clickFuc)"-->
-<!--          ></el-table-column>-->
-
-<!--          <el-table-column-->
-<!--            v-if="item.columnType == 'radio' && executeEval(row,item.expression,true)"-->
-<!--            :prop="item.columnName"-->
-<!--            :label="item.columnDesc"-->
-<!--            :sortable="item.sort"-->
-<!--            :width="item.width"-->
-<!--            :show-overflow-tooltip="item.tooltip"-->
-<!--            :key="item.columnName"-->
-<!--          >-->
-<!--            <template  slot-scope="scope">-->
-<!--              <el-radio :label="scope.row.id" v-model="radioCheck"><span></span></el-radio>-->
-<!--            </template>-->
-<!--          </el-table-column>-->
-<!--          <el-table-column-->
-<!--            v-if="item.columnType == 'laber' && executeEval(row,item.expression,true)"-->
-<!--            :prop="item.columnName"-->
-<!--            :label="item.columnDesc"-->
-<!--            :sortable="item.sort"-->
-<!--            :width="item.width"-->
-<!--            :show-overflow-tooltip="item.tooltip"-->
-<!--            :key="item.columnName"-->
-<!--          >-->
-<!--            <template   slot-scope="scope">-->
-<!--              <span :style="{color: executeFuc(scope.row,'4',item.lableRuleObj[scope.row[item.columnName]])}">{{ item.lableRuleObj[scope.row[item.columnName]] }}</span>-->
-<!--            </template>-->
-<!--          </el-table-column>-->
-<!--          <el-table-column-->
-<!--            v-if="item.columnType == 'eltag' && executeEval(row,item.expression,true)"-->
-<!--            :prop="item.columnName"-->
-<!--            :label="item.columnDesc"-->
-<!--            :sortable="item.sort"-->
-<!--            :width="item.width"-->
-<!--            :show-overflow-tooltip="item.tooltip"-->
-<!--            :key="item.columnName"-->
-<!--          >-->
-<!--            <template   slot-scope="scope">-->
-<!--              <el-tag :type="executeFuc(scope.row,'4',item,item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName])">-->
-<!--                <span>{{ item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName] }}</span>-->
-<!--              </el-tag>-->
-<!--            </template>-->
-<!--          </el-table-column>-->
-<!--          <el-table-column-->
-<!--            v-if="item.columnType == 'button' && executeEval(row,item.expression,true)"-->
-<!--            :prop="item.columnName"-->
-<!--            :label="item.columnDesc"-->
-<!--            :width="item.width"-->
-<!--            :key="item.columnName"-->
-<!--            fixed="right"-->
-<!--          >-->
-<!--            <template slot-scope="scope">-->
-<!--              <el-button v-for="(buttonItem, buttonIndex) in item.buttonRulObj"-->
-<!--                         :type="buttonItem.type"-->
-<!--                         :size="buttonItem.size"-->
-<!--                         :style="buttonItem.style"-->
-<!--                         :key="buttonItem"-->
-<!--                         v-if="executeEval(scope.row,buttonItem.hasPermi,true)"-->
-<!--                         :disabled="executeEval(scope.row,buttonItem.disabledFuc,false)"-->
-<!--                         @click.native.stop="executeFuc(scope.row,'1',buttonItem.clickFuc)"-->
-<!--              >{{ buttonItem.name }}-->
-<!--              </el-button>-->
-<!--            </template>-->
-<!--          </el-table-column>-->
-<!--          <el-table-column-->
-<!--            v-if="item.columnType == 'text' && executeEval(row,item.expression,true)"-->
-<!--            :prop="item.columnName"-->
-<!--            :label="item.columnDesc"-->
-<!--            :sortable="item.sort"-->
-<!--            :width="item.width"-->
-<!--            :show-overflow-tooltip="item.tooltip"-->
-<!--            :key="item.columnName"-->
-<!--          >-->
-<!--            <template slot-scope="scope">-->
-<!--              <span :style="{color: executeFuc(scope.row,'4',item,scope.row[item.columnName])}">{{ scope.row[item.columnName] }}</span>-->
-<!--            </template>-->
-<!--          </el-table-column>-->
-<!--        </template>-->
-      </el-table>
-      <pagination
-        v-show="total>0"
-        :total="total"
-        :page.sync="filterQuery.page"
-        :limit.sync="filterQuery.limit"
-        @pagination="getList"
-      />
     </el-card>
 
 
@@ -385,7 +354,7 @@
 <script>
 import {getSupCertRemindMsgList, confirmMsg, ignoreMsg} from "@/api/purchase/supCertRedmindMsg";
 import {
-  getHead,executeFuc
+  getHead, executeFuc
 } from "@/utils/customConfig";
 
 export default {
@@ -393,20 +362,48 @@ export default {
   data() {
     return {
       showSearch: true,
-      filterQuery: {
+
+      productQuery: {
+        name: null,
+        status: 1,
+        ignoreStatus: 0,
+        type: 3,
+        page: 1,
+        limit: 20,
+        certName: null
+      },
+      productList: [],
+      productTotal: 0,
+
+      manuQuery: {
+        name: null,
+        status: 1,
+        ignoreStatus: 0,
+        type: 2,
+        page: 1,
+        limit: 20,
+        certName: null
+      },
+      manuList: [],
+      manuTotal: 0,
+
+
+      supQuery: {
         name: null,
         status: 1,
         ignoreStatus: 0,
         type: 1,
         page: 1,
         limit: 20,
-        certName:null
+        certName: null
       },
-      list: [],
-      total: 0,
+      supList: [],
+      supTotal: 0,
+
+
       loading: true,
       index: null,
-      ckeck:null,
+      ckeck: null,
       statusMap: {
         1: "未确认",
         2: "已确认"
@@ -453,27 +450,74 @@ export default {
       this.typeChange(this.filterQuery.type);
       this.getList();
     },
-    search() {
-      this.filterQuery.page = 1;
-      this.getList();
+    productSearch() {
+      this.productQuery.page = 1;
+      this.getProductList();
+    },
+    manuSearch() {
+      this.manuQuery.page = 1;
+      this.getManuList();
+    },
+    supSearch() {
+      this.supQuery.page = 1;
+      this.getSupList();
     },
-    getList() {
+
+    getProductList() {
       this.loading = true;
-      getSupCertRemindMsgList(this.filterQuery)
+      getSupCertRemindMsgList(this.productQuery)
         .then((response) => {
           this.loading = false;
           if (response.code === 20000) {
-            this.list = response.data.list || [];
-            this.total = response.data.total || 0;
+            this.productList = response.data.list || [];
+            this.productTotal = response.data.total || 0;
           } else {
-            this.list = [];
-            this.total = 0;
+            this.productList = [];
+            this.productTotal = 0;
           }
         })
         .catch(() => {
           this.loading = false;
-          this.list = [];
-          this.total = 0;
+          this.productList = [];
+          this.productTotal = 0;
+        });
+    },
+    getManuList() {
+      this.loading = true;
+      getSupCertRemindMsgList(this.manuQuery)
+        .then((response) => {
+          this.loading = false;
+          if (response.code === 20000) {
+            this.manuList = response.data.list || [];
+            this.manuTotal = response.data.total || 0;
+          } else {
+            this.manuList = [];
+            this.manuTotal = 0;
+          }
+        })
+        .catch(() => {
+          this.loading = false;
+          this.manuList = [];
+          this.manuTotal = 0;
+        });
+    },
+    getSupList() {
+      this.loading = true;
+      getSupCertRemindMsgList(this.supQuery)
+        .then((response) => {
+          this.loading = false;
+          if (response.code === 20000) {
+            this.supList = response.data.list || [];
+            this.supTotal = response.data.total || 0;
+          } else {
+            this.supList = [];
+            this.supTotal = 0;
+          }
+        })
+        .catch(() => {
+          this.loading = false;
+          this.supList = [];
+          this.supTotal = 0;
         });
     },
 
@@ -523,29 +567,33 @@ export default {
     typeChange(val) {
       this.msgName = this.msgNameMap[val];
     },
-    executeFuc(row,type,clickFuc,value){
-      return executeFuc(this,row,type,clickFuc,value);
+    executeFuc(row, type, clickFuc, value) {
+      return executeFuc(this, row, type, clickFuc, value);
     },
-    executeEval(row,expression,defaultRet){
-      if(expression){
+    executeEval(row, expression, defaultRet) {
+      if (expression) {
         return eval(expression);
       }
       return defaultRet;
     }
   },
   created() {
-    // 加载表格数据
-    getHead("supCertRemindMsg","1").then((re) => {
-      // 处理返回的数据
-      this.tableObj = re.data;
-      this.tableHeader = re.data.tableList;
-      this.queryList = re.data.queryList;
-      this.fromList = re.data.fromList;
-      this.getList();
-    });
-    if(this.$store.getters.customerId == 110){
-      this.ckeck=true;
-    }
+    // // 加载表格数据
+    // getHead("supCertRemindMsg", "1").then((re) => {
+    //   // 处理返回的数据
+    //   this.tableObj = re.data;
+    //   this.tableHeader = re.data.tableList;
+    //   this.queryList = re.data.queryList;
+    //   this.fromList = re.data.fromList;
+    // });
+    // if (this.$store.getters.customerId == 110) {
+    //   this.ckeck = true;
+    // }
+
+
+    this.getProductList();
+    this.getManuList();
+    this.getSupList();
   },
 };
 </script>