From fbe05218ad71fcfecbf32e61003ed97de6ac8d5e Mon Sep 17 00:00:00 2001
From: 11528 <1152856986@qq.com>
Date: Tue, 22 Mar 2022 18:02:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/navMenu/index.vue              |    2 +-
 .../pages/attributeCustom/components/laws.vue |    2 +-
 .../config/pages/attributeCustom/index.vue    |   12 +-
 src/pages/config/pages/linkManage/index.vue   |   38 +-
 .../pages/linkManage/linkType/firstLink.vue   |    2 +-
 .../processCenter/pages/newProcess/index.vue  | 1507 ++++-----
 .../page/listTracking.vue                     | 2838 +++++++++--------
 7 files changed, 2225 insertions(+), 2176 deletions(-)

diff --git a/src/components/navMenu/index.vue b/src/components/navMenu/index.vue
index 8f993a703..8378db301 100644
--- a/src/components/navMenu/index.vue
+++ b/src/components/navMenu/index.vue
@@ -324,7 +324,7 @@
               {
                 title: '操作日志',
                 path: '/OperationLog',
-                menuId: ''
+                menuId: 'eb1565c40ca7506f89655f79f7a1ca65'
               },
               //     {
               //       title: '资料中心管理',
diff --git a/src/pages/config/pages/attributeCustom/components/laws.vue b/src/pages/config/pages/attributeCustom/components/laws.vue
index 4fe96a70c..e9a0af035 100644
--- a/src/pages/config/pages/attributeCustom/components/laws.vue
+++ b/src/pages/config/pages/attributeCustom/components/laws.vue
@@ -3,7 +3,7 @@
   <div class="attribute-custom v-class">
     <div class="action-bar1">
       <el-button class="common-button-primary add-button" style="margin-right: 5px" size="mini" type="primary" v-btn-permission="'fa21906587bacdcaf0a72f995db4e40d'" @click="showAddModel">新增</el-button>
-      <el-button class="common-button-default" size="small" @click="showDisplayLocationDialog" v-btn-permission="'85b2b303cce28234fafa1f5ab12ba61d'">展示区域管理</el-button>
+      <el-button class="common-button-default" size="small" v-btn-permission="'85b2b303cce28234fafa1f5ab12ba61d'" @click="showDisplayLocationDialog">展示区域管理</el-button>
     </div>
     <loading :loading="attributeDataLoading">数据处理中</loading>
     <div class="content">
diff --git a/src/pages/config/pages/attributeCustom/index.vue b/src/pages/config/pages/attributeCustom/index.vue
index 0a367af98..62dd6bf0d 100644
--- a/src/pages/config/pages/attributeCustom/index.vue
+++ b/src/pages/config/pages/attributeCustom/index.vue
@@ -1,19 +1,19 @@
 <template>
   <div class="wx-custom-tab">
     <el-tabs v-model="tabValue" style="height: 100%;">
-      <el-tab-pane label="国内外标准法规" name="stand">
+      <el-tab-pane label="国内外标准法规" name="stand" v-btn-permission="'ad3ef2b8b8487229e52a7fe93416c437'">
         <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
-          <stand v-if="tabValue === 'stand'" v-btn-permission="'ad3ef2b8b8487229e52a7fe93416c437'"></stand>
+          <stand v-if="tabValue === 'stand'"></stand>
         </div>
       </el-tab-pane>
-      <el-tab-pane label="国内外政策" name="laws" >
+      <el-tab-pane label="国内外政策" name="laws" v-btn-permission="'efcbe65f90d3a23f0be5df5ad60d1dac'">
         <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
-          <laws v-if="tabValue === 'laws'" v-btn-permission="'efcbe65f90d3a23f0be5df5ad60d1dac'"></laws >
+          <laws v-if="tabValue === 'laws'" ></laws >
         </div>
       </el-tab-pane>
-      <el-tab-pane label="企业标准库" name="buss">
+      <el-tab-pane label="企业标准库" name="buss" v-btn-permission="'7feeb73929c25a6f1fd67952704ec02b'">
         <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
-          <buss v-if="tabValue === 'buss'" v-btn-permission="'7feeb73929c25a6f1fd67952704ec02b'"></buss>
+          <buss v-if="tabValue === 'buss'" ></buss>
         </div>
       </el-tab-pane>
 <!--      <el-tab-pane label="其他" name="other">
diff --git a/src/pages/config/pages/linkManage/index.vue b/src/pages/config/pages/linkManage/index.vue
index 1b4300f9b..6912001b7 100644
--- a/src/pages/config/pages/linkManage/index.vue
+++ b/src/pages/config/pages/linkManage/index.vue
@@ -2,11 +2,11 @@
 <template>
   <div class="data-link">
     <el-tabs v-model="activeName">
-      <el-tab-pane label="第一行链接" name="firstLink">
-        <first-link v-if="activeName === 'firstLink'" v-btn-permission="'c8355290d8ece5202db506405c7df6fd'"></first-link>
+      <el-tab-pane label="第一行链接" name="firstLink" v-if="project">
+        <first-link v-if="activeName === 'firstLink'" ></first-link>
       </el-tab-pane>
-      <el-tab-pane label="第二行链接" name="secondLink">
-        <second-link v-if="activeName === 'secondLink'" v-btn-permission="'b22bdd0959e5a445fd90a9e0e7a8f607'"></second-link>
+      <el-tab-pane label="第二行链接" name="secondLink" v-if="skill">
+        <second-link v-if="activeName === 'secondLink'" ></second-link>
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -23,11 +23,41 @@ export default {
   },
   data() {
     return {
+      skill: false,
+      project: false,
       activeName: 'firstLink',
+      menuName: [ "第一行链接", "第二行链接"]
     }
   },
   methods: {
+
   },
+  mounted() {
+    const menuList = this.$store.getters.getMenuList;
+    let menuData = [];
+    let menuID = ["c8355290d8ece5202db506405c7df6fd", "b22bdd0959e5a445fd90a9e0e7a8f607"];
+    this.menuName.forEach(item => {
+      for (let i = 0; i < menuList.length; i++) {
+        let entity = menuList[i];
+        if (item != entity.menuName) continue;
+        if (menuID.indexOf(entity.id) >= 0 && menuData.indexOf(entity.id) == -1) {
+          menuData.push(entity.id);
+          if (entity.id === "c8355290d8ece5202db506405c7df6fd") {
+            this.project = true
+          } else if (entity.id === "b22bdd0959e5a445fd90a9e0e7a8f607") {
+            this.skill = true
+          }
+        }
+      }
+    });
+    if (this.project === true) {
+      this.activeName = "firstLink"
+      return;
+    } else if (this.skill === true) {
+      this.activeName = "secondLink"
+      return;
+    }
+  }
 }
 </script>
 
diff --git a/src/pages/config/pages/linkManage/linkType/firstLink.vue b/src/pages/config/pages/linkManage/linkType/firstLink.vue
index 5d6669d2a..015617ede 100644
--- a/src/pages/config/pages/linkManage/linkType/firstLink.vue
+++ b/src/pages/config/pages/linkManage/linkType/firstLink.vue
@@ -6,8 +6,8 @@
       <el-button
         type="primary"
         class="common-button-primary add-button"
-        @click="addLink"
         v-btn-permission="'a87f58f50bed49452ee2a9147254b16b'"
+        @click="addLink"
         size="mini">新增
       </el-button>
       <!--      <el-button
diff --git a/src/pages/processCenter/pages/newProcess/index.vue b/src/pages/processCenter/pages/newProcess/index.vue
index 9f30935f0..c04f90478 100644
--- a/src/pages/processCenter/pages/newProcess/index.vue
+++ b/src/pages/processCenter/pages/newProcess/index.vue
@@ -1,746 +1,761 @@
-<!--新建流程页面-->
-<template>
-  <div id="NewProcess">
-    <div v-if="bzfggllc">
-      <el-divider content-position="left"><h2>标准法规政策相关流程</h2></el-divider>
-      <div class="process-box">
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'9adff72ab464793564c5d1de20b45620'">
-            <div class="card-box" @click="handleCreateProcess('1')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">标准入库流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'f4eeb9ed48eac5686a456a5582508d9c'">
-            <div class="card-box" @click="handleCreateProcess('2')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">标准调研流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'fc25b770ad3752cdec52f3bd7b35a6a1'">
-            <div class="card-box" @click="handleCreateProcess('3')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">标准征求意见流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'2d0f99ba961c551b1d8cad8ad5223731'">
-            <div class="card-box" @click="handleCreateProcess('6')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">标准清单发布/更新流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'2564bd61852551b99e0fe3d49a89b288'">
-            <div class="card-box" @click="handleCreateProcess('9')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">标准解读流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'344c9c97b581400718451e8b8a319382'">
-            <div class="card-box" @click="handleCreateProcess('12')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">政策征求意见流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'90c7bae6308595f053c6f6f90167e493'">
-            <div class="card-box" @click="handleCreateProcess('7')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">标准合规评估流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'7751d25f72d0a6515e4110ae41837db8'">
-            <div class="card-box" @click="handleCreateProcess('10')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">项目合规评估流程-项目</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'a5694521151720f41a8b22d550bf435a'">
-            <div class="card-box" @click="handleCreateProcess('13')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">重点认证标准/政策合规性项目审查流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'14f54ef4475d9210b1ee7872ab69eca8'">
-            <div class="card-box" @click="handleCreateProcess('11')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">项目清单确认流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'9c8cc1b74b1caa16f34a47895b489833'">
-            <div class="card-box" @click="handleCreateProcess('laws1')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">政策入库流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'a151f5e2ee44f8df81e201b8696fca31'">
-            <div class="card-box" @click="handleCreateProcess('8')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">未符合项整改流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-      </div>
-    </div>
-    <div>
-      <el-divider content-position="left"><h2>企业标准相关流程</h2></el-divider>
-      <div class="process-box">
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="''">
-            <div class="card-box" @click="handleCreateProcess('buss1')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">企标制修订-技术标准</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="''">
-            <div class="card-box" @click="handleCreateProcess('buss2')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">企标制修订-产品标准</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'5af5073695c2e1d12ca3d5a6afae67b5'">
-            <div class="card-box" @click="handleCreateProcess('23')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">企标复审流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'5104360fd3822e73b45e65d2337cf143'">
-            <div class="card-box" @click="handleCreateProcess('24')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">企标废止流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'afa3d1aee5fd8027b18675621afdeff6'">
-            <div class="card-box" @click="handleCreateProcess('25')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">企标制修订计划管控</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-
-      </div>
-    </div>
-    <div>
-      <el-divider content-position="left"><h2>标准化活动相关流程</h2></el-divider>
-      <div class="process-box">
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'b196ef0253cebd1adfc3a8432a28e377'">
-            <div class="card-box" @click="handleCreateProcess('17')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">政策课题入会流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'2f2752bc8a37b87d6eaadae3fcfe61c4'">
-            <div class="card-box" @click="handleCreateProcess('18')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">政策课题参会流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'7845345e5fa2b0a93eb0e021bd3486f1'">
-            <div class="card-box" @click="handleCreateProcess('20')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">外部标准化协会入会流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'321e497259b08734941a308960da2bae'">
-            <div class="card-box" @click="handleCreateProcess('21')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">外部标准化协会参会流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'8f65a365dd67634e29925098162ee8d5'">
-            <div class="card-box" @click="handleCreateProcess('16')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">外部署名推荐审批流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'0efd0f4b7a15fd1b687cc0ac36e9e7d9'">
-            <div class="card-box" @click="handleCreateProcess('14')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">参与外部标准制修订信息提报流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-        <div class="process-name">
-          <el-card shadow="hover" v-btn-permission="'e5217a4776525b1ba63511b730a2e02d'">
-            <div class="card-box" @click="handleCreateProcess('15')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">加入标准化协会信息提报流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </div>
-      </div>
-    </div>
-
-  </div>
-</template>
-<script>
-  export default {
-    name: 'NewProcess',
-    data () {
-      return {
-        type: '',
-        size: true
-      }
-    },
-    methods: {
-      getImg (num) {
-        var url = ''
-        if (num == 0) {
-          url = require('@/assets/images/shangqi/img/process1.png')
-        } else if (num == 1) {
-          url = require('@/assets/images/shangqi/img/process2.png')
-        } else if (num == 2) {
-          url = require('@/assets/images/shangqi/img/process3.png')
-        } else if (num == 3) {
-          url = require('@/assets/images/shangqi/img/process4.png')
-        } else if (num == 4) {
-          url = require('@/assets/images/shangqi/img/process5.png')
-        } else if (num == 5) {
-          url = require('@/assets/images/shangqi/img/process6.png')
-        }
-        return url
-      },
-      // 新建流程
-      handleCreateProcess (prcType) {
-        this.$store.commit('setDetailMap', this.$route.path)
-        this.$store.commit('setHandleInfo')
-        switch (prcType) {
-          case 'buss1':
-            // 企标制修订-技术标准
-            this.$router.push({
-              name: 'bussLibrary1'
-            })
-            break
-          case 'buss2':
-            // 企标制修订-产品标准
-            this.$router.push({
-              name: 'bussLibraryProduct1'
-            })
-            break
-          case '2':
-            // 标准调研流程
-            this.$router.push({
-              name: 'bzdyStep1'
-            })
-            break
-          case 'laws1':
-            // 政策入库流程
-            this.$router.push({
-              name: 'zcrkStep1'
-            })
-            break
-          case '1':
-            // 标准入库流程
-            this.$router.push({
-              name: 'bzrkStep1'
-            })
-            break
-          case '3':
-            // 标准征求意见流程
-            this.$router.push({
-              name:'bzzqyjStep1'
-            })
-            break
-          case '4':
-            this.$router.push({
-              name: 'bzfyStep1'
-            })
-            // 标准需求(翻译)申请流程
-            break
-          case '5':
-            this.$router.push({
-              name: 'bzffStep1'
-            })
-            // 标准发放申请流程
-            break
-          case '6':
-            //标准清单发布流程
-            this.$router.push({
-              name:'bzqdfbStep1'
-            })
-            break
-          case '7':
-            //标准合规评估流程
-            this.$router.push({
-              name: 'bzpgStep1'
-            })
-            break
-          case '8':
-            //未符合项整改流程
-            this.$router.push({
-              name:'wfhxzgStep1'
-            })
-            break
-          case '9':
-            // 标准解读流程
-            this.$router.push({
-              name:'bzjdStep1'
-            })
-            break
-          case '10':
-            //项目评估流程- 项目
-            this.$router.push({
-              name: 'xmpg2Step1'
-            })
-            break
-          case '11':
-            // 项目清单确认流程
-            this.$router.push({
-              name:'xmqdqrStep1'
-            })
-            break
-          case '12':
-            // 政策征求意见流程
-            this.$router.push({
-              name: 'zczqyjStep1'
-            })
-            break
-          case '13':
-            // 重点认证标准/政策合规性项目审查流程
-            this.$router.push({
-              name: 'zdrzbzORzchgxxmscStep1'
-            })
-            break
-          case '17':
-            //政策课题入会流程
-            this.$router.push({
-              name: 'zcrhStep1'
-            })
-            break
-          case '18':
-            //政策课题参会流程
-            this.$router.push({
-              name: 'zcchStep1'
-            })
-            break
-          case '19':
-            //政策课题会后流程
-            this.$router.push({
-              name: 'zchhStep1'
-            })
-            break
-          case '16':
-            //外部署名推荐审批流程
-            this.$router.push({
-              name: 'wbsmStep1'
-            })
-            break
-          case '15':
-            //加入标准化协会信息提报流程
-            this.$router.push({
-              name: 'jrbzhxhStep1'
-            })
-            break
-          case '14':
-            //参与外部标准制修订信息提报流程
-            this.$router.push({
-              name: 'cywbbzzxdStep1'
-            })
-            break
-                // 外部标准化协会入会流程
-          case '20':
-            this.$router.push({
-              name: 'bzrhStep1'
-            })
-            break
-                // 外部标准化协会参会流程
-          case '21':
-            this.$router.push({
-              name: 'bzchStep1'
-            })
-            break
-                // 企标复审流程
-          case '23':
-            this.$router.push({
-              name: 'qbfsStep1'
-            })
-            break
-                // 企标废止流程
-          case '24':
-            this.$router.push({
-              name: 'qbfzStep1'
-            })
-            break
-                // 企标制修订计划管控
-          case '25':
-            this.$router.push({
-              name: 'qbzxdjhgkStep1'
-            })
-            break
-          // 企标制修订立项计划流程
-          case '26':
-            this.$router.push({
-              name: 'qbzxdlxStep1'
-            })
-            break
-        }
-      },
-      checkPermission(permissionIdArray) {
-        return permissionIdArray.some(id => {
-          return this.$hasPermission(id)
-        })
-      }
-    },
-    watch: {
-      $route (newVal) {
-        this.type = newVal.params.type
-      }
-    },
-    computed: {
-      /**
-       * 标准法规管理流程
-       * @returns {boolean}
-       */
-      bzfggllc() {
-        const idArray = ['2564bd61852551b99e0fe3d49a89b288', '2d0f99ba961c551b1d8cad8ad5223731', '7751d25f72d0a6515e4110ae41837db8', '90c7bae6308595f053c6f6f90167e493', '9adff72ab464793564c5d1de20b45620', 'a151f5e2ee44f8df81e201b8696fca31', 'f4eeb9ed48eac5686a456a5582508d9c', 'fc25b770ad3752cdec52f3bd7b35a6a1']
-        return this.checkPermission(idArray)
-      },
-      /**
-       * 政策管理流程
-       * @returns {boolean}
-       */
-      zcgllc() {
-        const idArray = ['GFG2G4NGWBXQ5GMS33KU', '3PJAEEHWU6NYDB6MNZ6V']
-        return this.checkPermission(idArray)
-      },
-      /**
-       * 企标管理流程
-       * @returns {boolean}
-       */
-      qbgllc() {
-        const idArray = ['L9AVMSGJPTD8T5SEGK6W', 'JCZTCC97UPRNGFJFC5HJ', 'ZZUF89DR92R8WEZYSHN5', '2PNXPCPW5CAWJHDYFHRY', 'K4KS87V6KFSA35VZFPC3']
-        return this.checkPermission(idArray)
-      },
-      /**
-       * 标准采购翻译申请流程
-       * @returns {boolean}
-       */
-      bzcgfysqlc() {
-        const idArray = ['C2C8BENY5MRSZGP7W5RK', 'WR9C2TYTHD8TTRVJ5LH4']
-        return this.checkPermission(idArray)
-      },
-      /**
-       * 工作组会议管理流程
-       * @returns {boolean}
-       */
-      gzzhygllc() {
-        const idArray = ['7FM6KNU2DCDY7G46RD2E']
-        return this.checkPermission(idArray)
-      },
-      /**
-       * 标准法规清单管理流程
-       * @returns {boolean}
-       */
-      bzfgqdgllc() {
-        const idArray = ['4TR77UXU6RYHZPFHZND9']
-        return this.checkPermission(idArray)
-      }
-    },
-    mounted () {
-      let width = document.body.clientWidth
-      if (width > 1900) {
-        this.size = true
-      } else {
-        this.size = false
-      }
-      this.type = this.$route.params.type
-    }
-  }
-</script>
-<style lang="less" scoped>
-  #NewProcess{
-    width: 100%;
-    //height: 100%;
-    padding: 15px 15px 0;
-    background: #ffffff;
-    /deep/.el-card__body {
-      padding: 0;
-    }
-    .el-card {
-      margin: 25px;
-      border-radius: 10px;
-    }
-    .card-box {
-      cursor: pointer;
-      .card-top {
-        width: 100%;
-        background: #2d8cf0;
-        height: 100px;
-        display: flex;
-        justify-content: space-between;
-        .card-top-left {
-          img {
-            margin: 30px;
-            width: 40px;
-            height: 40px;
-          }
-        }
-        .card-top-right {
-          width: 250px;
-          .card-top-right-text {
-            margin: 40px 0 5px 0;
-            color: #e6e6e6;
-            font-size: 18px;
-          }
-          .card-top-right-line {
-            height: 3px;
-            width: 250px;
-            background: #e6e6e6;
-          }
-        }
-      }
-      .card-bottom {
-        width: calc(~'100% - 60px');
-        color: #c1c1c1;
-        margin: 10px 30px;
-        line-height: 20px;
-        font-size: 14px;
-        height: 100px;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 5;
-        overflow: hidden;
-      }
-    }
-    .card-box:hover {
-      .card-top {
-        .card-top-right {
-          .card-top-right-text {
-            color: rgb(247, 186, 42);
-          }
-          .card-top-right-line {
-            background: rgb(247, 186, 42);
-          }
-        }
-      }
-      .card-bottom {
-        color: #2d8cf0;
-      }
-    }
-    .process-box{
-      margin-left: -5px;
-      margin-right: -5px;
-      padding-top: 20px;
-      padding-bottom: 20px;
-      .process-name{
-        margin-bottom: 10px;
-        text-align: center;
-        display: inline-block;
-      }
-      //.process-name:hover {
-      //  transform:translateY(-5px);
-      //  border: 1px dashed #2d8cf0;
-      //  background: #c6e2ff;
-      //  color: #2d8cf0;
-      //}
-    }
-  }
-
-</style>
+<!--新建流程页面-->
+<template>
+  <div id="NewProcess">
+    <div v-if="bzfggllc">
+      <el-divider content-position="left"><h2>标准法规政策相关流程</h2></el-divider>
+      <div class="process-box">
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'9adff72ab464793564c5d1de20b45620'">
+            <div class="card-box" @click="handleCreateProcess('1')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">标准入库流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'f4eeb9ed48eac5686a456a5582508d9c'">
+            <div class="card-box" @click="handleCreateProcess('2')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">标准调研流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'fc25b770ad3752cdec52f3bd7b35a6a1'">
+            <div class="card-box" @click="handleCreateProcess('3')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">标准征求意见流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'2d0f99ba961c551b1d8cad8ad5223731'">
+            <div class="card-box" @click="handleCreateProcess('6')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">标准清单发布/更新流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'2564bd61852551b99e0fe3d49a89b288'">
+            <div class="card-box" @click="handleCreateProcess('9')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">标准解读流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'344c9c97b581400718451e8b8a319382'">
+            <div class="card-box" @click="handleCreateProcess('12')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">政策征求意见流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'90c7bae6308595f053c6f6f90167e493'">
+            <div class="card-box" @click="handleCreateProcess('7')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">标准合规评估流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'7751d25f72d0a6515e4110ae41837db8'">
+            <div class="card-box" @click="handleCreateProcess('10')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">项目合规评估流程-项目</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'a5694521151720f41a8b22d550bf435a'">
+            <div class="card-box" @click="handleCreateProcess('13')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">重点认证标准/政策合规性项目审查流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'14f54ef4475d9210b1ee7872ab69eca8'">
+            <div class="card-box" @click="handleCreateProcess('11')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">项目清单确认流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'9c8cc1b74b1caa16f34a47895b489833'">
+            <div class="card-box" @click="handleCreateProcess('laws1')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">政策入库流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'a151f5e2ee44f8df81e201b8696fca31'">
+            <div class="card-box" @click="handleCreateProcess('8')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">未符合项整改流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+      </div>
+    </div>
+    <div>
+      <el-divider content-position="left"><h2>企业标准相关流程</h2></el-divider>
+      <div class="process-box">
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'62d7895323fc44fcd3a2d7fa1a0c84bf'">
+            <div class="card-box" @click="handleCreateProcess('buss1')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">企标制修订-技术标准</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'c149ed69750916dce3e26c35c4728542'">
+            <div class="card-box" @click="handleCreateProcess('buss2')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">企标制修订-产品标准</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'2ddb307d6b6840ac4e7f8f46d4c8f437'">
+            <div class="card-box" @click="handleCreateProcess('26')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">企标制修订-立项计划</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'5af5073695c2e1d12ca3d5a6afae67b5'">
+            <div class="card-box" @click="handleCreateProcess('23')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">企标复审流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'5104360fd3822e73b45e65d2337cf143'">
+            <div class="card-box" @click="handleCreateProcess('24')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">企标废止流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'afa3d1aee5fd8027b18675621afdeff6'">
+            <div class="card-box" @click="handleCreateProcess('25')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">企标制修订计划管控</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+
+      </div>
+    </div>
+    <div>
+      <el-divider content-position="left"><h2>标准化活动相关流程</h2></el-divider>
+      <div class="process-box">
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'b196ef0253cebd1adfc3a8432a28e377'">
+            <div class="card-box" @click="handleCreateProcess('17')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">政策课题入会流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'2f2752bc8a37b87d6eaadae3fcfe61c4'">
+            <div class="card-box" @click="handleCreateProcess('18')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">政策课题参会流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'7845345e5fa2b0a93eb0e021bd3486f1'">
+            <div class="card-box" @click="handleCreateProcess('20')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">外部标准化协会入会流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'321e497259b08734941a308960da2bae'">
+            <div class="card-box" @click="handleCreateProcess('21')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">外部标准化协会参会流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'8f65a365dd67634e29925098162ee8d5'">
+            <div class="card-box" @click="handleCreateProcess('16')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">外部署名推荐审批流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'0efd0f4b7a15fd1b687cc0ac36e9e7d9'">
+            <div class="card-box" @click="handleCreateProcess('14')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">参与外部标准制修订信息提报流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'e5217a4776525b1ba63511b730a2e02d'">
+            <div class="card-box" @click="handleCreateProcess('15')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">加入标准化协会信息提报流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</template>
+<script>
+  export default {
+    name: 'NewProcess',
+    data () {
+      return {
+        type: '',
+        size: true
+      }
+    },
+    methods: {
+      getImg (num) {
+        var url = ''
+        if (num == 0) {
+          url = require('@/assets/images/shangqi/img/process1.png')
+        } else if (num == 1) {
+          url = require('@/assets/images/shangqi/img/process2.png')
+        } else if (num == 2) {
+          url = require('@/assets/images/shangqi/img/process3.png')
+        } else if (num == 3) {
+          url = require('@/assets/images/shangqi/img/process4.png')
+        } else if (num == 4) {
+          url = require('@/assets/images/shangqi/img/process5.png')
+        } else if (num == 5) {
+          url = require('@/assets/images/shangqi/img/process6.png')
+        }
+        return url
+      },
+      // 新建流程
+      handleCreateProcess (prcType) {
+        this.$store.commit('setDetailMap', this.$route.path)
+        this.$store.commit('setHandleInfo')
+        switch (prcType) {
+          case 'buss1':
+            // 企标制修订-技术标准
+            this.$router.push({
+              name: 'bussLibrary1'
+            })
+            break
+          case 'buss2':
+            // 企标制修订-产品标准
+            this.$router.push({
+              name: 'bussLibraryProduct1'
+            })
+            break
+          case '2':
+            // 标准调研流程
+            this.$router.push({
+              name: 'bzdyStep1'
+            })
+            break
+          case 'laws1':
+            // 政策入库流程
+            this.$router.push({
+              name: 'zcrkStep1'
+            })
+            break
+          case '1':
+            // 标准入库流程
+            this.$router.push({
+              name: 'bzrkStep1'
+            })
+            break
+          case '3':
+            // 标准征求意见流程
+            this.$router.push({
+              name:'bzzqyjStep1'
+            })
+            break
+          case '4':
+            this.$router.push({
+              name: 'bzfyStep1'
+            })
+            // 标准需求(翻译)申请流程
+            break
+          case '5':
+            this.$router.push({
+              name: 'bzffStep1'
+            })
+            // 标准发放申请流程
+            break
+          case '6':
+            //标准清单发布流程
+            this.$router.push({
+              name:'bzqdfbStep1'
+            })
+            break
+          case '7':
+            //标准合规评估流程
+            this.$router.push({
+              name: 'bzpgStep1'
+            })
+            break
+          case '8':
+            //未符合项整改流程
+            this.$router.push({
+              name:'wfhxzgStep1'
+            })
+            break
+          case '9':
+            // 标准解读流程
+            this.$router.push({
+              name:'bzjdStep1'
+            })
+            break
+          case '10':
+            //项目评估流程- 项目
+            this.$router.push({
+              name: 'xmpg2Step1'
+            })
+            break
+          case '11':
+            // 项目清单确认流程
+            this.$router.push({
+              name:'xmqdqrStep1'
+            })
+            break
+          case '12':
+            // 政策征求意见流程
+            this.$router.push({
+              name: 'zczqyjStep1'
+            })
+            break
+          case '13':
+            // 重点认证标准/政策合规性项目审查流程
+            this.$router.push({
+              name: 'zdrzbzORzchgxxmscStep1'
+            })
+            break
+          case '17':
+            //政策课题入会流程
+            this.$router.push({
+              name: 'zcrhStep1'
+            })
+            break
+          case '18':
+            //政策课题参会流程
+            this.$router.push({
+              name: 'zcchStep1'
+            })
+            break
+          case '19':
+            //政策课题会后流程
+            this.$router.push({
+              name: 'zchhStep1'
+            })
+            break
+          case '16':
+            //外部署名推荐审批流程
+            this.$router.push({
+              name: 'wbsmStep1'
+            })
+            break
+          case '15':
+            //加入标准化协会信息提报流程
+            this.$router.push({
+              name: 'jrbzhxhStep1'
+            })
+            break
+          case '14':
+            //参与外部标准制修订信息提报流程
+            this.$router.push({
+              name: 'cywbbzzxdStep1'
+            })
+            break
+                // 外部标准化协会入会流程
+          case '20':
+            this.$router.push({
+              name: 'bzrhStep1'
+            })
+            break
+                // 外部标准化协会参会流程
+          case '21':
+            this.$router.push({
+              name: 'bzchStep1'
+            })
+            break
+                // 企标复审流程
+          case '23':
+            this.$router.push({
+              name: 'qbfsStep1'
+            })
+            break
+                // 企标废止流程
+          case '24':
+            this.$router.push({
+              name: 'qbfzStep1'
+            })
+            break
+                // 企标制修订计划管控
+          case '25':
+            this.$router.push({
+              name: 'qbzxdjhgkStep1'
+            })
+            break
+          // 企标制修订立项计划流程
+          case '26':
+            this.$router.push({
+              name: 'qbzxdlxStep1'
+            })
+            break
+        }
+      },
+      checkPermission(permissionIdArray) {
+        return permissionIdArray.some(id => {
+          return this.$hasPermission(id)
+        })
+      }
+    },
+    watch: {
+      $route (newVal) {
+        this.type = newVal.params.type
+      }
+    },
+    computed: {
+      /**
+       * 标准法规管理流程
+       * @returns {boolean}
+       */
+      bzfggllc() {
+        const idArray = ['2564bd61852551b99e0fe3d49a89b288', '2d0f99ba961c551b1d8cad8ad5223731', '7751d25f72d0a6515e4110ae41837db8', '90c7bae6308595f053c6f6f90167e493', '9adff72ab464793564c5d1de20b45620', 'a151f5e2ee44f8df81e201b8696fca31', 'f4eeb9ed48eac5686a456a5582508d9c', 'fc25b770ad3752cdec52f3bd7b35a6a1']
+        return this.checkPermission(idArray)
+      },
+      /**
+       * 政策管理流程
+       * @returns {boolean}
+       */
+      zcgllc() {
+        const idArray = ['GFG2G4NGWBXQ5GMS33KU', '3PJAEEHWU6NYDB6MNZ6V']
+        return this.checkPermission(idArray)
+      },
+      /**
+       * 企标管理流程
+       * @returns {boolean}
+       */
+      qbgllc() {
+        const idArray = ['L9AVMSGJPTD8T5SEGK6W', 'JCZTCC97UPRNGFJFC5HJ', 'ZZUF89DR92R8WEZYSHN5', '2PNXPCPW5CAWJHDYFHRY', 'K4KS87V6KFSA35VZFPC3']
+        return this.checkPermission(idArray)
+      },
+      /**
+       * 标准采购翻译申请流程
+       * @returns {boolean}
+       */
+      bzcgfysqlc() {
+        const idArray = ['C2C8BENY5MRSZGP7W5RK', 'WR9C2TYTHD8TTRVJ5LH4']
+        return this.checkPermission(idArray)
+      },
+      /**
+       * 工作组会议管理流程
+       * @returns {boolean}
+       */
+      gzzhygllc() {
+        const idArray = ['7FM6KNU2DCDY7G46RD2E']
+        return this.checkPermission(idArray)
+      },
+      /**
+       * 标准法规清单管理流程
+       * @returns {boolean}
+       */
+      bzfgqdgllc() {
+        const idArray = ['4TR77UXU6RYHZPFHZND9']
+        return this.checkPermission(idArray)
+      }
+    },
+    mounted () {
+      let width = document.body.clientWidth
+      if (width > 1900) {
+        this.size = true
+      } else {
+        this.size = false
+      }
+      this.type = this.$route.params.type
+    }
+  }
+</script>
+<style lang="less" scoped>
+  #NewProcess{
+    width: 100%;
+    //height: 100%;
+    padding: 15px 15px 0;
+    background: #ffffff;
+    /deep/.el-card__body {
+      padding: 0;
+    }
+    .el-card {
+      margin: 25px;
+      border-radius: 10px;
+    }
+    .card-box {
+      cursor: pointer;
+      .card-top {
+        width: 100%;
+        background: #2d8cf0;
+        height: 100px;
+        display: flex;
+        justify-content: space-between;
+        .card-top-left {
+          img {
+            margin: 30px;
+            width: 40px;
+            height: 40px;
+          }
+        }
+        .card-top-right {
+          width: 250px;
+          .card-top-right-text {
+            margin: 40px 0 5px 0;
+            color: #e6e6e6;
+            font-size: 18px;
+          }
+          .card-top-right-line {
+            height: 3px;
+            width: 250px;
+            background: #e6e6e6;
+          }
+        }
+      }
+      .card-bottom {
+        width: calc(~'100% - 60px');
+        color: #c1c1c1;
+        margin: 10px 30px;
+        line-height: 20px;
+        font-size: 14px;
+        height: 100px;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 5;
+        overflow: hidden;
+      }
+    }
+    .card-box:hover {
+      .card-top {
+        .card-top-right {
+          .card-top-right-text {
+            color: rgb(247, 186, 42);
+          }
+          .card-top-right-line {
+            background: rgb(247, 186, 42);
+          }
+        }
+      }
+      .card-bottom {
+        color: #2d8cf0;
+      }
+    }
+    .process-box{
+      margin-left: -5px;
+      margin-right: -5px;
+      padding-top: 20px;
+      padding-bottom: 20px;
+      .process-name{
+        margin-bottom: 10px;
+        text-align: center;
+        display: inline-block;
+      }
+      //.process-name:hover {
+      //  transform:translateY(-5px);
+      //  border: 1px dashed #2d8cf0;
+      //  background: #c6e2ff;
+      //  color: #2d8cf0;
+      //}
+    }
+  }
+
+</style>
diff --git a/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listTracking.vue b/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listTracking.vue
index eb26ecdbf..dee4141ba 100644
--- a/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listTracking.vue
+++ b/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listTracking.vue
@@ -1,1417 +1,1421 @@
-<!-- 标准法规库 - 重点标准跟踪清单 -->
-<template>
-  <div id="listTracking" class="v-class">
-    <div class="search-area">
-      <div class="left">
-        <el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form" >
-          <el-form-item label="标准编号/政策编号:" class="search-item search-item-last">
-            <el-input
-                v-model="sarSarAccessEOSearch.lawCode"
-                placeholder="请输入"
-            ></el-input>
-          </el-form-item>
-          <el-form-item label="标准名称/政策名称:" class="search-item search-item-last">
-            <el-input
-              v-model="sarSarAccessEOSearch.lawName"
-              placeholder="请输入"
-            ></el-input>
-          </el-form-item>
-          <el-form-item label="产品类型:" class="search-item search-item-last">
-            <el-input
-                v-model="sarSarAccessEOSearch.productType"
-                placeholder="请输入"
-            ></el-input>
-          </el-form-item>
-          <el-form-item class="search-item btn-box">
-            <el-button
-              :loading="searching"
-              type="primary"
-              class="common-button-primary"
-              size="small"
-              @click="searchSarAccessBtn">
-              查询
-            </el-button>
-          </el-form-item>
-          <el-form-item class="search-item btn-box">
-            <el-button
-              class="common-button-default"
-              size="small"
-              @click="clearSearch">清空</el-button>
-          </el-form-item>
-        </el-form>
-      </div>
-    </div>
-    <div class="action-bar">
-      <el-button
-        type="primary"
-        class="common-button-primary add-button"
-        size="mini"
-        @click="showAddModel(1, null)"
-      ><i class="el-icon-plus"></i>新增</el-button>
-      <el-button
-        class="common-button-default delete-button"
-        :loading="delLoading"
-        size="mini"
-        @click="deleteSarAccess('demore',null)"
-      ><i class="iconfont">&#xe61b;</i>批量删除</el-button>
-    </div>
-    <div class="container">
-      <loading :loading="tableLoading">数据获取中</loading>
-      <div class="table_info">
-        <el-table
-          :data="sarAccessListDatas"
-          tooltip-effect="dark"
-          style="width: 100%"
-          border
-          height="100%"
-          :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
-         fontWeight: 'bold', height: '48px'}"
-          @selection-change="selectOne"
-          ref="selection"
-        >
-          <el-table-column
-            type="selection"
-            width="55"
-            align="center">
-          </el-table-column>
-          <el-table-column
-            prop="lawCode"
-            width="250"
-            label="标准编号/政策编号"
-            align="center">
-          </el-table-column>
-          <el-table-column
-            prop="lawName"
-            label="标准名称/政策名称"
-            align="center"
-            width="300px"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="productType"
-            label="产品类型"
-            align="center">
-          </el-table-column>
-          <el-table-column
-            prop="implTime"
-            sortable
-            label="实施时间"
-            align="center">
-          </el-table-column>
-          <el-table-column
-            prop="implRequire"
-            label="实施要求"
-            align="center">
-          </el-table-column>
-          <el-table-column label="操作" min-width="50" align="center">
-            <template slot-scope="scope">
-              <div @click.stop style="display: inline-block">
-                <el-dropdown trigger="click" @command="handleCommand">
-                  <i class="iconfont">&#xe61e;</i>
-                  <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item :command="[scope.row, '编辑']">编辑</el-dropdown-item>
-                    <el-dropdown-item :command="[scope.row, '删除']">删除</el-dropdown-item>
-                  </el-dropdown-menu>
-                </el-dropdown>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-      <loading :loading="loading">数据获取中</loading>
-      <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
-    </div>
-    <!-- 编辑抽屉-->
-    <el-drawer
-        :title="attributeTitle"
-        :wrapperClosable="false"
-        :visible.sync="showInfoModal"
-        size="800px"
-        :styles="styles"
-        :close="cancelModel"
-    >
-      <div class="demo-drawer-content">
-        <el-form
-            ref="attributeEO"
-            :model="attributeEO"
-            :rules="attributeEOFormRules"
-            class="label-input-form"
-            label-width="130px"
-            v-if="showInfoModal"
-        >
-          <el-form-item
-              v-show="false"
-          >
-            <el-input
-                v-show="false"
-                v-model.trim="attributeEO.dataSource"
-            />
-            <el-input
-                v-show="false"
-                v-model.trim="attributeEO.lawId"
-            />
-          </el-form-item>
-          <el-form-item
-              label="标准编号/政策编号"
-              prop="lawCode"
-              class="add-form-item"
-          >
-            <el-input
-                style="width: 45%"
-                v-model.trim="attributeEO.lawCode"
-                placeholder="请手动查找带入标准编号/政策编号"
-                clearable
-                readonly
-            />
-<!--            :disabled="this.addOrEdit !== 'add'"-->
-            <el-button type="primary" size="mini" @click="handleSelect">手动查找</el-button>
-          </el-form-item>
-          <el-form-item
-              label="标准名称/政策名称"
-              prop="lawName"
-              class="add-form-item"
-          >
-            <el-input
-                readonly
-                v-model.trim="attributeEO.lawName"
-                placeholder="请手动查找带入标准名称/政策名称"
-                clearable
-            />
-          </el-form-item>
-          <el-form-item
-              label="产品类型"
-              prop="productType"
-              class="add-form-item"
-          >
-            <el-select
-                placeholder="请选择产品类型"
-                v-model="attributeEO.productType"
-                filterable
-            >
-              <el-option
-                  v-for="item in attrTypeOptions"
-                  :value="item.value"
-                  :key="item.value"
-                  :label="item.label"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item
-              label="实施时间"
-              prop="implTime"
-              class="add-form-item"
-          >
-            <el-date-picker
-                v-model="attributeEO.implTime"
-                value-format="yyyy-MM-dd"
-                type="dates"
-                prefix-icon="none"
-                placeholder="请选择实施时间">
-            </el-date-picker>
-          </el-form-item>
-          <el-form-item
-              label="实施要求"
-              prop="implRequire"
-              class="add-form-item"
-          >
-            <el-select
-                placeholder="请选择实施要求"
-                v-model="attributeEO.implRequire"
-                filterable
-            >
-              <el-option
-                  v-for="item in attrTypeOptions"
-                  :value="item.value"
-                  :key="item.value"
-                  :label="item.label"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-        </el-form>
-      </div>
-      <div id="roleFormButton" class="demo-drawer-footer">
-        <el-button
-            type="primary"
-            class="common-button-primary"
-            size="mini"
-            :loading="submitLoading"
-            icon="el-icon-check"
-            @click="saveInfo"
-        >提交</el-button
-        >
-        <el-button
-            size="mini"
-            icon="el-icon-close"
-            class="common-button-default"
-            @click="cancelModel"
-        >取消</el-button
-        >
-      </div>
-    </el-drawer>
-    <el-drawer
-        :title="handleSelectTitle"
-        :wrapperClosable="false"
-        :visible.sync="selectModal"
-        size="1250px"
-        :styles="styles"
-        :close="cancelSelectModel">
-      <div class="demo-drawer-content">
-        <el-form
-            class="label-input-form"
-            style="margin-top: 15px;"
-            label-width="130px"
-            :modal="handleSelectForm"
-            :inline="true"
-        >
-          <el-form-item label="标准/政策来源" class="search-item">
-            <el-select
-                v-model="handleSelectForm.dataSource"
-                @change="dataSourceChange"
-                :popper-append-to-body="false"
-                placeholder="请选择标准/政策来源">
-              <el-option value="INLAND" label="国内标准库"></el-option>
-              <el-option value="FOREIGN" label="海外标准库"></el-option>
-              <el-option value="FOREIGN_LAWS" label="国内外政策库"></el-option>
-              <el-option value="BUSINESS_STAND" label="企业标准库"></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="标准编号/政策编号" class="search-item">
-            <el-input
-                v-model="handleSelectForm.lawNumber"
-                @change="lawNumberSearch"
-                placeholder="根据标准编号/政策编号查找"
-                clearable
-                :maxlength="100"></el-input>
-          </el-form-item>
-          <el-form-item label="标准名称/政策名称" class="search-item">
-            <el-input
-                v-model="handleSelectForm.lawName"
-                @change="lawNameSearch"
-                placeholder="根据标准名称/政策名称查找"
-                clearable
-                :maxlength="100"></el-input>
-          </el-form-item>
-          <el-form-item class="search-item btn-box">
-            <el-button
-                size="small"
-                type="primary"
-                class="common-button-primary"
-                @click="searchLawBtn">
-              查询
-            </el-button>
-          </el-form-item>
-          <el-form-item class="search-item btn-box">
-            <el-button
-                class="common-button-default"
-                size="small"
-                type="default"
-                @click="clearLawBtn">
-              清空
-            </el-button>
-          </el-form-item>
-        </el-form>
-        <loading :loading="lawInfoTableLoading">数据获取中</loading>
-        <el-table
-            ref="selections"
-            tooltip-effect="dark"
-            style="width: 100%;overflow-y: auto;overflow-x: hidden;"
-            border
-            :loading="lawInfoTableLoading"
-            :data="lawInfoTable"
-            :height="300"
-            :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
-          fontWeight: 'bold', height: '48px'}"
-            @selection-change="handleSelectTableChange"
-        >
-
-          <el-table-column
-              fixed="left"
-              type="selection"
-              width="55"
-              align="center">
-          </el-table-column>
-
-          <div v-if="handleSelectForm.dataSource === 'INLAND'">
-            <el-table-column
-              label="标准号"
-              width="150"
-            >
-              <template slot-scope="scope">
-                <a v-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" class="table-jump" style="color: #F56C6C"
-                   @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
-                    scope.row.standNumber
-                  }}-{{ scope.row.standYear }}</a>
-                <a v-else-if="scope.row.standYear" class="table-jump" style="color: #333333"
-                   @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
-                    scope.row.standNumber
-                  }}-{{ scope.row.standYear }}</a>
-                <a v-else @click="handlePreview(scope.row)" class="table-jump" style="color: #333333">
-                  {{ scope.row.standSortShow }}
-                  {{ scope.row.standNumber }}</a>
-              </template>
-            </el-table-column>
-            <el-table-column
-              show-overflow-tooltip
-              prop="standName"
-              label="标准名称"
-              min-width="300"
-            >
-              <template slot-scope="scope">
-                <a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" @click="handlePreview(scope.row)" class="table-jump" style="color: #F56C6C">{{ scope.row.standName }}</a>
-                <a v-else @click="handlePreview(scope.row)" style="color: #333333" class="table-jump">{{ scope.row.standName }}</a>
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="issueTime"
-              width="120"
-              label="发布日期">
-              <template slot-scope="scope">
-                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.issueTime }}</span>
-                <span v-else>{{ scope.row.issueTime }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="ssrq"
-              width="120"
-              label="实施日期">
-              <template slot-scope="scope">
-                <!--                {{ formatIssueDate(scope.row.putTime) }}-->
-                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.ssrq }}</span>
-                <span v-else>{{ scope.row.ssrq }}</span>
-
-              </template>
-            </el-table-column>
-
-            <el-table-column
-              prop="xcxssrq"
-              width="150"
-              label="新车型实施日期">
-              <template slot-scope="scope">
-                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.xcxssrq }}</span>
-                <span v-else>{{ scope.row.xcxssrq }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="zccssrq"
-              width="150"
-              label="在产车实施日期">
-              <template slot-scope="scope">
-                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.zccssrq }}</span>
-                <span v-else>{{ scope.row.zccssrq }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="textStatus"
-              width="110"
-              label="文本状态">
-              <!--              <template slot="header" slot-scope="scope">-->
-              <!--                <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本；“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">-->
-              <!--                  <span>文本状态<i class="el-icon-warning-outline"></i></span>-->
-              <!--                </el-tooltip>-->
-              <!--              </template>-->
-              <template slot-scope="scope">
-                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
-                    textStatusMap[scope.row.textStatus]
-                  }}</span>
-                <span v-else>{{ textStatusMap[scope.row.textStatus] }}</span>
-              </template>
-            </el-table-column>
-          </div>
-          <div v-if="handleSelectForm.dataSource === 'FOREIGN'">
-            <el-table-column
-              label="标准号"
-              width="150"
-            >
-              <template slot-scope="scope">
-                <a v-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" class="table-jump" @click="handlePreview(scope.row)">{{
-                    scope.row.standSortShow
-                  }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
-                <a v-else-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" class="table-jump" @click="handlePreview(scope.row)">{{
-                    scope.row.standSortShow
-                  }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
-                <a v-else-if="scope.row.standYear" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{
-                    scope.row.standSortShow
-                  }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
-                <a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
-                    scope.row.standSortShow
-                  }}
-                  {{ scope.row.standNumber }}</a>
-              </template>
-            </el-table-column>
-            <el-table-column
-              show-overflow-tooltip
-              prop="standName"
-              label="标准名称"
-              min-width="300"
-            >
-              <template slot-scope="scope">
-                <a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{
-                    scope.row.standName
-                  }}</a>
-                <a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" @click="handlePreview(scope.row)" class="table-jump">{{
-                    scope.row.standName
-                  }}</a>
-                <a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
-                    scope.row.standName
-                  }}</a>
-              </template>
-            </el-table-column>
-            <el-table-column
-                show-overflow-tooltip
-                prop="standEnName"
-                label="英文名称"
-                min-width="300"
-            >
-              <template slot-scope="scope">
-                <a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{
-                    scope.row.standEnName
-                  }}</a>
-                <a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" @click="handlePreview(scope.row)" class="table-jump">{{
-                    scope.row.standEnName
-                  }}</a>
-                <a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
-                    scope.row.standEnName
-                  }}</a>
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="issueTime"
-              width="120"
-              label="发布日期">
-              <template slot-scope="scope">
-                <div v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">
-                  {{ scope.row.issueTime }}
-                </div>
-                <div v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">
-                  {{ scope.row.issueTime }}
-                </div>
-                <div v-else style="color: #333333">
-                  {{ scope.row.issueTime }}
-                </div>
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="ssrq"
-              width="120"
-              label="实施日期">
-              <template slot-scope="scope">
-                <!--                {{ formatIssueDate(scope.row.putTime) }}-->
-                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
-                    scope.row.ssrq
-                  }}</span>
-                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
-                    scope.row.ssrq
-                  }}</span>
-                <span v-else style="color: #333333">{{ scope.row.ssrq}}</span>
-
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="xcxssrq"
-              width="150"
-              label="新车型实施日期">
-              <template slot-scope="scope">
-                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
-                    scope.row.xcxssrq
-                  }}</span>
-                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
-                    scope.row.xcxssrq
-                  }}</span>
-                <span v-else style="color: #333333">{{
-                    scope.row.xcxssrq
-                  }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="zccssrq"
-              width="150"
-              label="在产车实施日期">
-              <template slot-scope="scope">
-                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
-                    scope.row.zccssrq
-                  }}</span>
-                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
-                    scope.row.zccssrq
-                  }}</span>
-                <span v-else style="color: #333333">{{
-                    scope.row.zccssrq
-                  }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="textStatus"
-              width="110"
-              label="文本状态">
-              <!--              <template slot="header" slot-scope="scope">-->
-              <!--                <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本；“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">-->
-              <!--                  <span>文本状态 <i class="el-icon-warning-outline"></i></span>-->
-              <!--                </el-tooltip>-->
-              <!--              </template>-->
-              <template slot-scope="scope">
-                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
-                    textStatusMap[scope.row.textStatus]
-                  }}</span>
-                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
-                    textStatusMap[scope.row.textStatus]
-                  }}</span>
-                <span v-else style="color: #333333">{{ textStatusMap[scope.row.textStatus] }}</span>
-              </template>
-            </el-table-column>
-          </div>
-          <div v-if="handleSelectForm.dataSource === 'FOREIGN_LAWS'">
-            <el-table-column
-                show-overflow-tooltip
-                label="政策编号"
-                width="150"
-            >
-              <template slot-scope="scope">
-                <!--                <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>-->
-                <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a>
-                <a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a>
-                <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a>
-              </template>
-            </el-table-column>
-            <el-table-column
-                show-overflow-tooltip
-                prop="lawsName"
-                label="中文名称"
-                min-width="300"
-            >
-              <template slot-scope="scope">
-                <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
-                <a v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
-                <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
-              </template>
-            </el-table-column>
-            <el-table-column
-                show-overflow-tooltip
-                prop="lawsEnName"
-                label="英文名称"
-                min-width="300"
-            >
-              <template slot-scope="scope">
-                <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a>
-                <a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a>
-                <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a>
-              </template>
-            </el-table-column>
-            <el-table-column
-                prop="issueTime"
-                label="发文日期"
-                width="120"
-            >
-              <template slot-scope="scope">
-                <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.issueTime }}</span>
-                <span v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C">{{scope.row.issueTime }}</span>
-                <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.issueTime }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column
-                prop="XCXSSRQLAWS"
-                label="新车实施日期"
-                width="150"
-            >
-              <template slot-scope="scope">
-                <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.putTime }}</span>
-                <span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">{{scope.row.putTime }}</span>
-                <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.XCXSSRQLAWS }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column
-                show-overflow-tooltip
-                prop="standStatusShow"
-                label="文本状态"
-                width="110"
-            >
-
-              <template slot-scope="scope">
-                <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">
-                  {{scope.row.standStatusShow}}
-                </span>
-                <span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">
-                  {{scope.row.standStatusShow}}
-                </span>
-                <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">
-                  {{scope.row.standStatusShow}}
-                </span>
-              </template>
-            </el-table-column>
-          </div>
-          <div v-if="handleSelectForm.dataSource === 'BUSINESS_STAND'">
-            <el-table-column
-                show-overflow-tooltip
-                label="企标编号"
-                width="150"
-            >
-              <template slot-scope="scope">
-                <!--                <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>-->
-                <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
-                <a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
-                <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
-              </template>
-            </el-table-column>
-            <el-table-column
-                show-overflow-tooltip
-                prop="standName"
-                label="中文名称"
-                min-width="300"
-            >
-              <template slot-scope="scope">
-                <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
-                <a v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
-                <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
-              </template>
-            </el-table-column>
-            <el-table-column
-                show-overflow-tooltip
-                prop="standEnName"
-                label="英文名称"
-                min-width="300"
-            >
-              <template slot-scope="scope">
-                <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
-                <a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
-                <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
-              </template>
-            </el-table-column>
-            <el-table-column
-                prop="issueTime"
-                label="发布日期"
-                width="120"
-            >
-              <template slot-scope="scope">
-                <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.issueTime }}</span>
-                <span v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C">{{scope.row.issueTime }}</span>
-                <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.issueTime }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column
-                prop="putTime"
-                label="实施日期"
-                width="120"
-            >
-              <template slot-scope="scope">
-                <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.putTime }}</span>
-                <span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">{{scope.row.putTime }}</span>
-                <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.putTime }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column
-                show-overflow-tooltip
-                prop="standStatusShow"
-                label="文本状态"
-                width="110"
-            >
-
-              <template slot-scope="scope">
-                <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">
-                  {{scope.row.standStatusShow}}
-                </span>
-                <span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">
-                  {{scope.row.standStatusShow}}
-                </span>
-                <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">
-                  {{scope.row.standStatusShow}}
-                </span>
-              </template>
-            </el-table-column>
-          </div>
-
-        </el-table>
-        <!--分页-->
-        <pagination
-            style="position: relative;"
-            :page="handleSelectForm.page"
-            :total="handleSelectForm.total"
-            @pageChange="handleSelectPageChange"
-            @pageSizeChange="handleSelectPageSizeChange"></pagination>
-        <div slot="footer" class="demo-drawer-footer">
-          <el-button type="primary" size="mini" class="common-button-primary" icon="el-icon-check" @click="handleSelectConfirm" v-show="lawInfoTableLoading === false">确定</el-button>
-          <el-button class="common-button-default" size="mini" icon="el-icon-close" @click="selectModal = false">取消</el-button>
-        </div>
-      </div>
-    </el-drawer>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "listTracking",
-  data () {
-    return {
-      lawInfoTableLoading: true,
-      tableLoading: true,
-      lawInfoTable:[],
-      handleSelectPage: 1,
-      handleSelectTotal: 0,
-      textStatusMap: {}, // 文本状态id与name对应
-      handleSelectTableList:[],
-      handleSelectForm: {
-        standName: '', //标准名称
-        numberName: '', //政策名称
-        lawsNumber: '', //政策编号
-        standNumber: '', //标准编号
-        standCode: '', //企标编号
-        dataSource: 'INLAND',
-        lawNumber: '', // 标准编号/政策编号
-        lawName: '', // 标准名称/政策名称
-        page: 1,
-        pageSize: this.$store.getters.userInfo.configContent,
-        total: 0,
-        standType: '',
-        quoteIdList: '',
-        validFlag: '0',
-        menuId: 'nomenu'
-      },
-      //手动查找模态框的标题
-      handleSelectTitle: '手动查找',
-      //手动查找的模态框
-      selectModal: false,
-      submitLoading: false,
-      attrTypeOptions: [
-        { label: '下拉选项', value: 'SEL_OPTION' },
-        { label: '树形结构', value: 'TREE' }
-      ],
-      addOrEdit: '',
-      attributeEOFormRules: {
-        lawCode: [
-          { required: true, message: '标准编号/政策编号不能为空', trigger: 'change' },
-        ],
-        lawName: [
-          { required: true, message: '标准名称/政策名称不能为空', trigger: 'change' },
-        ],
-        productType: [
-          { required: true, message: '产品类型不能为空', trigger: 'change' }
-        ],
-        implTime: [
-          { required: true, message: '实施日期不能为空', trigger: 'change' }
-        ],
-        implRequire: [
-          { required: true, message: '实施要求不能为空', trigger: 'change' }
-        ],
-      },
-      attributeEO: {
-        lawId: '',
-        //数据来源
-        dataSource: '',
-        id: '',
-        lawCode: '',
-        lawName: '',
-        productType: '',
-        implTime: '',
-        implRequire: '',
-      },
-      styles: {
-        height: 'calc(100% - 55px)',
-        overflow: 'auto',
-        paddingBottom: '53px',
-        position: 'static'
-      },
-      attributeTitle: '',
-      showInfoModal: false,
-      searching: false,
-      total: 0,
-      page: 1,
-      rows: 10,
-      // 查询相关参数
-      sarSarAccessEOSearch: {
-        lawCode: '',
-        lawName: '',
-        productType: '',
-        accessContent: '',
-        energyKind: '',
-        applyArctic: '',
-        region: '',
-        page: 1,
-        pageSize: this.$store.getters.userInfo.configContent,
-        validFlag: 0
-      },
-      sarAccessListDatas: [],
-      sarAccessListTotal: 0,
-      loading: false,
-      selectedList: [],
-      selectedString: '',
-      // 新增、编辑 准入信息字段
-      sarAccessEO: {
-        country: '',
-        applyArctic: '',
-        energyKind: '',
-        accessContent: '',
-        region: ''
-      },
-      drawerPage: 1, // 当前抽屉分页的页码
-      drawerTotal: 0, // 抽屉分页的总条数
-      countryOptions: [],
-      drawerCountryOptions: [], // 准入信息 国家下拉框
-      drawerCountryTwoOptions: [], // 数据搜索-多属性搜索国家下拉框
-      energyKindOptions: [],
-      categoryOptions: [],
-      applyArcticOptions: [],
-      applyAuthOptions: [], // 认证类型下拉框
-      // 区域
-      regionOptions: [
-        {
-          label: '国内',
-          value: 'INLAND'
-        },
-        {
-          label: '海外',
-          value: 'FOREIGN'
-        }
-      ],
-      showModalTitle: '',
-      disabledFlag: false,
-      showModalFlag: false,
-      // 新增、编辑过程中数据搜索字段
-      sarAccessInfoSearch: {
-        region: '', // 区域
-        country: '', // 国家
-        keywords: '', // 关键字
-        energyKind: '', // 能源种类
-        category: '', // 所属专业领域
-        applyArctic: '', // 适用车型
-        deadLine: '', // 截止时间
-        applyAuth: '' // 认证类型
-      },
-      sarAccessInfoSearchList: [],
-      selectedAccInfoSearchList: [],
-      sarAccessInfoListArry: [],
-      sarAccessInfoList: [],
-      importExcelUrl: '/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=',
-      importmodalFlag: false,
-      saveExportType: '',
-      seeModalFlag: false, // 查看抽屉显示隐藏
-      seeModalTitle: '', // 查看抽屉title
-      seeSarAccessInfoList: [], // 查看抽屉内 table
-      delLoading: false
-    }
-  },
-  methods: {
-    formatIssueDate(str) {
-      const momentDate = this.$moment(str)
-      if (momentDate.isValid()) {
-        return this.$moment(str).format('YYYY-MM-DD')
-      } else {
-        return str
-      }
-    },
-    // 点击查看
-    handlePreview(item) {
-      if (item.standType === "INLAND"){
-        let routeUrlINLAND = this.$router.resolve({
-          name: 'OtherStandardDetails',
-          params: {
-            id: item.id,
-            pageType: 'INLAND_STAND'
-          }
-        })
-        window.open(routeUrlINLAND.href, '_blank')
-      }else if (item.standType === "FOREIGN"){
-        let routeUrlFOREIGN = this.$router.resolve({
-          name: 'OtherStandardDetails',
-          params: {
-            id: item.id,
-            pageType: 'FOREIGN_STAND'
-          }
-        })
-        window.open(routeUrlFOREIGN.href, '_blank')
-      } else if (item.country !== undefined){
-        let routeUrlLAWS = this.$router.resolve({
-          name: 'OtherLawsStandDetails',
-          params: {
-            id: item.id,
-            pageType: 'LAWS_STAND'
-          }
-        })
-        window.open(routeUrlLAWS.href, '_blank')
-      }else {
-        let routeUrlBUSINESS = this.$router.resolve({
-          name: 'OtherBussStandardDetails',
-          params: {
-            id: item.id,
-            pageType: 'BUSINESS_STAND'
-          }
-        })
-        window.open(routeUrlBUSINESS.href, '_blank')
-      }
-
-    },
-    // 将文本状态的id与name对应
-    setMap(data) {
-      data.forEach(item => {
-        this.$set(this.textStatusMap, item.value, item.label)
-      })
-    },
-    dataSourceChange() {
-      this.handleSelectForm.page = 1
-      this.lawInfoTableLoading = true
-      this.handleSelectForm.standType = this.handleSelectForm.dataSource
-      this.searchLawBtn()
-    },
-    //根据标准编号/政策编号查询
-    lawNumberSearch() {
-      this.handleSelectForm.standNumber = this.handleSelectForm.lawNumber
-      this.handleSelectForm.lawsNumber = this.handleSelectForm.lawNumber
-      this.handleSelectForm.standCode = this.handleSelectForm.lawNumber
-    },
-    //根据标准名称/政策名称查询
-    lawNameSearch() {
-      this.handleSelectForm.standName = this.handleSelectForm.lawName
-      this.handleSelectForm.numberName = this.handleSelectForm.lawName
-    },
-    //手动查找的确定按钮
-    handleSelectConfirm(){
-      if (this.handleSelectTableList.length>1){
-        this.$message.warning('只能选择一条数据')
-      }else if (this.handleSelectTableList.length===0){
-        this.$message.warning('请选择一条数据')
-      }
-      else {
-        this.attributeEO.dataSource = this.handleSelectForm.dataSource
-        this.attributeEO.lawId = this.handleSelectTableList[0].id
-        this.attributeEO.lawCode =this.handleSelectTableList[0].standCode || this.handleSelectTableList[0].lawsNumber || this.handleSelectTableList[0].standSort+" "+this.handleSelectTableList[0].standNumber+"-"+this.handleSelectTableList[0].standYear
-        this.attributeEO.lawName = this.handleSelectTableList[0].standName || this.handleSelectTableList[0].lawsName
-        this.selectModal = false
-      }
-    },
-    //手动查找的清空按钮
-    clearLawBtn(){
-      this.lawInfoTableLoading = true
-      //清空的时候还是不要把人家选的数据源清空吧
-      // this.handleSelectForm.dataSource = ''
-      //清空标准编号/政策编号的查询
-      this.handleSelectForm.lawNumber = ''
-      this.handleSelectForm.standNumber = ''
-      this.handleSelectForm.lawsNumber = ''
-      this.handleSelectForm.standCode = ''
-      //清空标准名称/政策名称的查询
-      this.handleSelectForm.lawName = ''
-      this.handleSelectForm.standName = ''
-      this.handleSelectForm.numberName = ''
-      this.searchLawBtn()
-    },
-    //手动查找的查询按钮
-    searchLawBtn(){
-      this.lawInfoTableLoading = true
-      if (this.handleSelectForm.dataSource === 'INLAND'){
-        this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage',this.handleSelectForm,{
-          _this: this
-        },res=>{
-          if (res.ok){
-            this.lawInfoTable = res.data.list
-            this.handleSelectForm.total = res.data.count
-            if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
-              this.lawInfoTableLoading = true
-              this.handleSelectPageChange(1)
-            }else {
-              this.lawInfoTableLoading = false
-              this.lawInfoTableLoading = false
-            }
-          }else {
-            this.$message.error(res.message)
-          }
-        },e=>{
-          this.lawInfoTable = []
-          this.handleSelectForm.total = 0
-        })
-      }else if(this.handleSelectForm.dataSource === 'FOREIGN'){
-        this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage',this.handleSelectForm,{
-          _this: this
-        },res=>{
-          if (res.ok){
-            this.lawInfoTable = res.data.list
-            this.handleSelectForm.total = res.data.count
-            if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
-              this.lawInfoTableLoading = true
-              this.handleSelectPageChange(1)
-            }else {
-              this.lawInfoTableLoading = false
-            }
-          }else {
-            this.$message.error(res.message)
-            this.lawInfoTableLoading = false
-          }
-        },e=>{
-          this.lawInfoTable = []
-          this.handleSelectForm.total = 0
-        })
-      }else if(this.handleSelectForm.dataSource === 'FOREIGN_LAWS'){
-        this.$http.get('lawss/sarLawsInfo/page',this.handleSelectForm,{
-          _this: this
-        },res=>{
-          if (res.ok){
-            this.lawInfoTable = res.data.list
-            this.handleSelectForm.total = res.data.count
-            if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
-              this.lawInfoTableLoading = true
-              this.handleSelectPageChange(1)
-            }else {
-              this.lawInfoTableLoading = false
-            }
-          }else {
-            this.$message.error(res.message)
-            this.lawInfoTableLoading = false
-          }
-        },e=>{
-          this.lawInfoTable = []
-          this.handleSelectForm.total = 0
-        })
-      }else if(this.handleSelectForm.dataSource === 'BUSINESS_STAND'){
-        this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage',this.handleSelectForm,{
-          _this: this
-        },res=>{
-          if (res.ok){
-            this.lawInfoTable = res.data.list
-            this.handleSelectForm.total = res.data.count
-            if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
-              this.lawInfoTableLoading = true
-              this.handleSelectPageChange(1)
-            }else {
-              this.lawInfoTableLoading = false
-            }
-          }else {
-            this.$message.error(res.message)
-            this.lawInfoTableLoading = false
-          }
-        },e=>{
-          this.lawInfoTable = []
-          this.handleSelectForm.total = 0
-        })
-      }else {
-        this.$message.warning('请先选择标准/政策来源')
-      }
-    },
-    handleSelectPageChange(page){
-      this.lawInfoTableLoading = true
-      this.handleSelectForm.page = page
-      this.searchLawBtn()
-    },
-    handleSelectPageSizeChange(pageSize){
-      this.lawInfoTableLoading = true
-      this.handleSelectForm.pageSize = pageSize
-      this.searchLawBtn()
-    },
-    // 手动查找 table选择事件
-    handleSelectTableChange (row) {
-      this.handleSelectTableList = row
-    },
-    //点击手动查找按钮
-    handleSelect() {
-      this.selectModal = true
-      this.lawInfoTableLoading = true
-      this.handleSelectForm.standType = this.handleSelectForm.dataSource
-      this.clearLawBtn()
-      this.searchLawBtn()
-    },
-    saveInfo () {
-      this.$refs['attributeEO'].validate((valid) => {
-        if (valid) {
-            if (this.addOrEdit === 'add') {
-              this.attributeEO.implTime = this.attributeEO.implTime.join(',')
-              this.submitLoading = true
-              this.$http.putData(
-                  'sarIssueTrack/issueTrack',
-                  this.attributeEO,
-                  {
-                    _this: this,
-                    loading: 'roleDataLoading'
-                  },
-                  (res) => {
-                    if (res.ok) {
-                      this.submitLoading = false
-                      this.showInfoModal = false
-                      this.searchSarAccessBtn()
-                      this.getAttrByPage()
-                      this.cancelModel()
-                      // this.showInfoModal = false
-                    } else {
-                      this.submitLoading = false
-                    }
-                  }
-              )
-            } else {
-              if (typeof (this.attributeEO.implTime) === 'object'){
-                this.attributeEO.implTime = this.attributeEO.implTime.join(',')
-              }
-              this.$http.postData(
-                  'sarIssueTrack/issueTrack',
-                  this.attributeEO,
-                  {
-                    _this: this,
-                    loading: 'roleDataLoading'
-                  },
-                  (res) => {
-                    if (res.ok) {
-                      this.submitLoading = false
-                      this.showInfoModal = false
-                      this.searchSarAccessBtn()
-                      this.getAttrByPage()
-                      this.cancelModel()
-                      this.showInfoModal = false
-                    } else {
-                      this.submitLoading = false
-                    }
-                  }
-              )
-            }
-          }
-      })
-    },
-    cancelSelectModel () {
-      // this.$nextTick(() => {
-      //   this.$refs['attributeEO'].resetFields()
-      //   this.attributeEO = {
-      //     id: '',
-      //     lawCode: '',
-      //     lawName: '',
-      //     productType: '',
-      //     implTime: '',
-      //     implRequire: '',
-      //   }
-      // })
-      this.selectModal = false
-    },
-    cancelModel () {
-      this.$nextTick(() => {
-        this.$refs['attributeEO'].resetFields()
-        this.attributeEO = {
-          id: '',
-          lawCode: '',
-          lawName: '',
-          productType: '',
-          implTime: '',
-          implRequire: '',
-        }
-      })
-      this.showInfoModal = false
-    },
-    showAddModel (oprState, row) {
-      this.oprState = oprState
-      if (this.oprState === 1) {
-        this.addOrEdit = 'add'
-        this.attributeTitle = '新增'
-        this.getDictionarySelList(null)
-        this.$nextTick(() => {
-          this.attributeEO = {
-            id: '',
-            lawCode: '',
-            lawName: '',
-            productType: '',
-            implTime: '',
-            implRequire: '',
-          }
-          this.$refs['attributeEO'].resetFields()
-        })
-        this.showInfoModal = true
-      } else if (this.oprState === 2) {
-        this.addOrEdit = 'edit'
-        this.attributeTitle = '编辑'
-        this.getDictionarySelList(null)
-        this.attributeEO = JSON.parse(JSON.stringify(row))
-        this.attributeEO.implTime = row.implTime.split(',')
-        this.showInfoModal = true
-      }
-    },
-    getDictionarySelList (id) {
-      this.$http.get(
-          'sys/dictionary/getDictionarySelList',
-          {
-            id: id
-          },
-          {
-            _this: this
-          },
-          (res) => {
-            this.relateDicIdOptions = res.data
-          },
-          (e) => {}
-      )
-    },
-    // 删除
-    deleteSarAccess(flag, id) {
-      if (flag === 'delOne') {
-        this.selectedList = [];
-        this.selectedList[0] = id;
-      }
-      if (this.selectedList.length === 0) {
-        this.$message.warning('请选择要删除的数据')
-      } else {
-        this.$confirm('确定删除这些数据？', '提示', {
-          confirmButtonText: '确定',
-          confirmButtonClass: 'common-button-primary',
-          cancelButtonText: '取消',
-          type: 'warning',
-        }).then(() => {
-          for (let i = 0; i < this.selectedList.length; i++) {
-            this.selectedString += this.selectedList[i]+","
-          }
-          let selectedString = this.selectedString.substring(0,this.selectedString.length-1)
-          this.$http.delete("sarIssueTrack/issueTrack", {selectedString},{
-            _this: this,
-            loading: 'roleDataLoading'
-          }, (res) => {
-            this.selectedList = [];
-            this.$message.success('删除成功')
-            this.searchSarAccessBtn()
-            this.getAttrByPage()
-            this.cancelModel()
-          }, e => {
-          });
-        }).catch(() => {
-          // 取消删除，清空选择
-          // this.selectedList = [];
-        })
-      }
-    },
-    // 更多
-    handleCommand (command) {
-      switch (command[1]) {
-        case '编辑':
-          this.showAddModel(2, command[0])
-          break
-        case '删除':
-          this.deleteSarAccess('delOne', command[0].id)
-          break
-      }
-    },
-    // 搜索
-    searchSarAccessBtn () {
-      this.sarSarAccessEOSearch.page = 1
-      this.searchSarAccess()
-    },
-    //分页查询
-    searchSarAccess (advanceSearch) {
-      this.tableLoading = true
-      this.$http.get("sarIssueTrack/issueTrack", {
-        current: this.sarSarAccessEOSearch.page,
-        pageSize: this.$store.getters.userInfo.configContent,
-        ...this.sarSarAccessEOSearch,
-        sortKey: 2
-      }, {
-        _this: this
-      }, res => {
-        let arr = res.data;
-        this.sarAccessListDatas = arr.records
-        this.sarAccessListTotal = res.data.total
-        this.tableLoading = false
-      }, e => {
-      });
-    },
-    pageChange (page) {
-      this.sarSarAccessEOSearch.page = page
-      this.searchSarAccess()
-    },
-    pageSizeChange (pageSize) {
-      this.sarSarAccessEOSearch.page = 1
-      this.sarSarAccessEOSearch.pageSize = pageSize
-      this.searchSarAccess()
-    },
-    clearSearch (search = true) {
-      // search 字段是为了处理高级查询时清空字段用的
-      this.sarSarAccessEOSearch.lawCode = ''
-      this.sarSarAccessEOSearch.lawName = ''
-      this.sarSarAccessEOSearch.productType = ''
-      this.sarSarAccessEOSearch.accessContent = ''
-      this.sarSarAccessEOSearch.applyArctic = ''
-      this.sarSarAccessEOSearch.energyKind = ''
-      this.sarSarAccessEOSearch.type = ''
-      this.sarSarAccessEOSearch.page = 1
-      search && this.searchSarAccess()
-    },
-    // 表格选择框
-    selectOne (alldata, nowdata) {
-      this.selectedList = []
-      for (let i = 0; i < alldata.length; i++) {
-        this.selectedList.push(alldata[i]['id'])
-      }
-    },
-    // // 点击 table编辑按钮 事件
-    // editTable (item) {
-    //   sessionStorage.setItem('accessRow', JSON.stringify(item))
-    //   this.$router.push({
-    //     name: 'ListOfStandardsAndRegulationsDetails',
-    //     query: {
-    //       id: item.id
-    //     }
-    //   })
-    // },
-    // async handleTableEdit (params) {
-    //   await this.queryDisplayLocationList(params.sarType)
-    //   // this.$refs['attributeEO'] && this.$refs['attributeEO'].resetFields()
-    //   this.addOrEdit = 'edit'
-    //   this.attributeTitle = '编辑'
-    //   this.showInfoModal = true
-    //   this.$nextTick(() => {
-    //     this.attributeEO = JSON.parse(JSON.stringify(params))
-    //   })
-    // },
-  },
-  mounted () {
-    // 分页查询数据
-    this.searchSarAccess()
-    // 从数据库中查询各下拉框数据
-    this.$http.get('sys/dictype/getDicTypeListCode', '', {
-      _this: this
-    }, res => {
-      this.setMap(res.data.WBZTCLASS)
-    }, e => {
-    })
-  },
-};
-</script>
-
-<style lang="less" scoped>
-@import '~@/assets/styles/style';
-@import '~@/assets/styles/mixins';
-#listTracking {
-  //height: 100%;
-  display: flex;
-  flex-direction: column;
-  min-height: calc(100% - 100px);
-  overflow-y: auto;
-    /deep/.el-form-item__label{
-      color: #333333;
-    }
-  .container {
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    flex: auto;
-    width: 100%;
-    height: calc(~'100% - 30px');
-    .table_info {
-      height: calc(70vh - 90px);
-    }
-    .pagination {
-      position: inherit;
-      /deep/ .pagination-slot {
-        padding: 0;
-      }
-    }
-  }
-  .el-divider{
-    .el-divider__text{
-      font-size: 16px;
-      color: #0c91e5;
-    }
-  }
-  .standards-drawer-table-one{
-    position: relative;
-    height: 350px;
-    .pagination{
-      bottom: 0;
-    }
-  }
-  .standards-drawer-table{
-    margin-top: 10px;
-  }
-  .see-drawer{
-    .searchAngNewBtn{
-      float: right;
-    }
-    .el-divider{
-      clear: both;
-    }
-  }
-}
-</style>
+<!-- 标准法规库 - 重点标准跟踪清单 -->
+<template>
+  <div id="listTracking" class="v-class">
+    <div class="search-area">
+      <div class="left">
+        <el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form" >
+          <el-form-item label="标准编号/政策编号:" class="search-item search-item-last">
+            <el-input
+                v-model="sarSarAccessEOSearch.lawCode"
+                placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="标准名称/政策名称:" class="search-item search-item-last">
+            <el-input
+              v-model="sarSarAccessEOSearch.lawName"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="产品类型:" class="search-item search-item-last">
+            <el-input
+                v-model="sarSarAccessEOSearch.productType"
+                placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item class="search-item btn-box">
+            <el-button
+              :loading="searching"
+              type="primary"
+              class="common-button-primary"
+              size="small"
+              v-btn-permission="'23e01cb6ac6bfcedd39537f236a769e5'"
+              @click="searchSarAccessBtn">
+              查询
+            </el-button>
+          </el-form-item>
+          <el-form-item class="search-item btn-box">
+            <el-button
+              class="common-button-default"
+              size="small"
+              v-btn-permission="'23e01cb6ac6bfcedd39537f236a769e5'"
+              @click="clearSearch">清空</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+    </div>
+    <div class="action-bar">
+      <el-button
+        type="primary"
+        class="common-button-primary add-button"
+        size="mini"
+        v-btn-permission="'226bcb0d4d1b5767183d51186f24c57a'"
+        @click="showAddModel(1, null)"
+      ><i class="el-icon-plus"></i>新增</el-button>
+      <el-button
+        class="common-button-default delete-button"
+        :loading="delLoading"
+        size="mini"
+        v-btn-permission="'bdc3bb8549669702642f86aa4323c568'"
+        @click="deleteSarAccess('demore',null)"
+      ><i class="iconfont">&#xe61b;</i>批量删除</el-button>
+    </div>
+    <div class="container">
+      <loading :loading="tableLoading">数据获取中</loading>
+      <div class="table_info">
+        <el-table
+          :data="sarAccessListDatas"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          height="100%"
+          :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+          @selection-change="selectOne"
+          ref="selection"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="lawCode"
+            width="250"
+            label="标准编号/政策编号"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="lawName"
+            label="标准名称/政策名称"
+            align="center"
+            width="300px"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="productType"
+            label="产品类型"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="implTime"
+            sortable
+            label="实施时间"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="implRequire"
+            label="实施要求"
+            align="center">
+          </el-table-column>
+          <el-table-column label="操作" min-width="50" align="center">
+            <template slot-scope="scope">
+              <div @click.stop style="display: inline-block">
+                <el-dropdown trigger="click" @command="handleCommand">
+                  <i class="iconfont">&#xe61e;</i>
+                  <el-dropdown-menu slot="dropdown">
+                    <el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'9cfce14dcb70220b1feb948f956b3e0e'">编辑</el-dropdown-item>
+                    <el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'c5931f7d69d66aae5f45c9e88a137f5a'">删除</el-dropdown-item>
+                  </el-dropdown-menu>
+                </el-dropdown>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <loading :loading="loading">数据获取中</loading>
+      <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
+    </div>
+    <!-- 编辑抽屉-->
+    <el-drawer
+        :title="attributeTitle"
+        :wrapperClosable="false"
+        :visible.sync="showInfoModal"
+        size="800px"
+        :styles="styles"
+        :close="cancelModel"
+    >
+      <div class="demo-drawer-content">
+        <el-form
+            ref="attributeEO"
+            :model="attributeEO"
+            :rules="attributeEOFormRules"
+            class="label-input-form"
+            label-width="130px"
+            v-if="showInfoModal"
+        >
+          <el-form-item
+              v-show="false"
+          >
+            <el-input
+                v-show="false"
+                v-model.trim="attributeEO.dataSource"
+            />
+            <el-input
+                v-show="false"
+                v-model.trim="attributeEO.lawId"
+            />
+          </el-form-item>
+          <el-form-item
+              label="标准编号/政策编号"
+              prop="lawCode"
+              class="add-form-item"
+          >
+            <el-input
+                style="width: 45%"
+                v-model.trim="attributeEO.lawCode"
+                placeholder="请手动查找带入标准编号/政策编号"
+                clearable
+                readonly
+            />
+<!--            :disabled="this.addOrEdit !== 'add'"-->
+            <el-button type="primary" size="mini" @click="handleSelect">手动查找</el-button>
+          </el-form-item>
+          <el-form-item
+              label="标准名称/政策名称"
+              prop="lawName"
+              class="add-form-item"
+          >
+            <el-input
+                readonly
+                v-model.trim="attributeEO.lawName"
+                placeholder="请手动查找带入标准名称/政策名称"
+                clearable
+            />
+          </el-form-item>
+          <el-form-item
+              label="产品类型"
+              prop="productType"
+              class="add-form-item"
+          >
+            <el-select
+                placeholder="请选择产品类型"
+                v-model="attributeEO.productType"
+                filterable
+            >
+              <el-option
+                  v-for="item in attrTypeOptions"
+                  :value="item.value"
+                  :key="item.value"
+                  :label="item.label"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+              label="实施时间"
+              prop="implTime"
+              class="add-form-item"
+          >
+            <el-date-picker
+                v-model="attributeEO.implTime"
+                value-format="yyyy-MM-dd"
+                type="dates"
+                prefix-icon="none"
+                placeholder="请选择实施时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item
+              label="实施要求"
+              prop="implRequire"
+              class="add-form-item"
+          >
+            <el-select
+                placeholder="请选择实施要求"
+                v-model="attributeEO.implRequire"
+                filterable
+            >
+              <el-option
+                  v-for="item in attrTypeOptions"
+                  :value="item.value"
+                  :key="item.value"
+                  :label="item.label"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div id="roleFormButton" class="demo-drawer-footer">
+        <el-button
+            type="primary"
+            class="common-button-primary"
+            size="mini"
+            :loading="submitLoading"
+            icon="el-icon-check"
+            @click="saveInfo"
+        >提交</el-button
+        >
+        <el-button
+            size="mini"
+            icon="el-icon-close"
+            class="common-button-default"
+            @click="cancelModel"
+        >取消</el-button
+        >
+      </div>
+    </el-drawer>
+    <el-drawer
+        :title="handleSelectTitle"
+        :wrapperClosable="false"
+        :visible.sync="selectModal"
+        size="1250px"
+        :styles="styles"
+        :close="cancelSelectModel">
+      <div class="demo-drawer-content">
+        <el-form
+            class="label-input-form"
+            style="margin-top: 15px;"
+            label-width="130px"
+            :modal="handleSelectForm"
+            :inline="true"
+        >
+          <el-form-item label="标准/政策来源" class="search-item">
+            <el-select
+                v-model="handleSelectForm.dataSource"
+                @change="dataSourceChange"
+                :popper-append-to-body="false"
+                placeholder="请选择标准/政策来源">
+              <el-option value="INLAND" label="国内标准库"></el-option>
+              <el-option value="FOREIGN" label="海外标准库"></el-option>
+              <el-option value="FOREIGN_LAWS" label="国内外政策库"></el-option>
+              <el-option value="BUSINESS_STAND" label="企业标准库"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="标准编号/政策编号" class="search-item">
+            <el-input
+                v-model="handleSelectForm.lawNumber"
+                @change="lawNumberSearch"
+                placeholder="根据标准编号/政策编号查找"
+                clearable
+                :maxlength="100"></el-input>
+          </el-form-item>
+          <el-form-item label="标准名称/政策名称" class="search-item">
+            <el-input
+                v-model="handleSelectForm.lawName"
+                @change="lawNameSearch"
+                placeholder="根据标准名称/政策名称查找"
+                clearable
+                :maxlength="100"></el-input>
+          </el-form-item>
+          <el-form-item class="search-item btn-box">
+            <el-button
+                size="small"
+                type="primary"
+                class="common-button-primary"
+                @click="searchLawBtn">
+              查询
+            </el-button>
+          </el-form-item>
+          <el-form-item class="search-item btn-box">
+            <el-button
+                class="common-button-default"
+                size="small"
+                type="default"
+                @click="clearLawBtn">
+              清空
+            </el-button>
+          </el-form-item>
+        </el-form>
+        <loading :loading="lawInfoTableLoading">数据获取中</loading>
+        <el-table
+            ref="selections"
+            tooltip-effect="dark"
+            style="width: 100%;overflow-y: auto;overflow-x: hidden;"
+            border
+            :loading="lawInfoTableLoading"
+            :data="lawInfoTable"
+            :height="300"
+            :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+          fontWeight: 'bold', height: '48px'}"
+            @selection-change="handleSelectTableChange"
+        >
+
+          <el-table-column
+              fixed="left"
+              type="selection"
+              width="55"
+              align="center">
+          </el-table-column>
+
+          <div v-if="handleSelectForm.dataSource === 'INLAND'">
+            <el-table-column
+              label="标准号"
+              width="150"
+            >
+              <template slot-scope="scope">
+                <a v-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" class="table-jump" style="color: #F56C6C"
+                   @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
+                    scope.row.standNumber
+                  }}-{{ scope.row.standYear }}</a>
+                <a v-else-if="scope.row.standYear" class="table-jump" style="color: #333333"
+                   @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
+                    scope.row.standNumber
+                  }}-{{ scope.row.standYear }}</a>
+                <a v-else @click="handlePreview(scope.row)" class="table-jump" style="color: #333333">
+                  {{ scope.row.standSortShow }}
+                  {{ scope.row.standNumber }}</a>
+              </template>
+            </el-table-column>
+            <el-table-column
+              show-overflow-tooltip
+              prop="standName"
+              label="标准名称"
+              min-width="300"
+            >
+              <template slot-scope="scope">
+                <a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" @click="handlePreview(scope.row)" class="table-jump" style="color: #F56C6C">{{ scope.row.standName }}</a>
+                <a v-else @click="handlePreview(scope.row)" style="color: #333333" class="table-jump">{{ scope.row.standName }}</a>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="issueTime"
+              width="120"
+              label="发布日期">
+              <template slot-scope="scope">
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.issueTime }}</span>
+                <span v-else>{{ scope.row.issueTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="ssrq"
+              width="120"
+              label="实施日期">
+              <template slot-scope="scope">
+                <!--                {{ formatIssueDate(scope.row.putTime) }}-->
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.ssrq }}</span>
+                <span v-else>{{ scope.row.ssrq }}</span>
+
+              </template>
+            </el-table-column>
+
+            <el-table-column
+              prop="xcxssrq"
+              width="150"
+              label="新车型实施日期">
+              <template slot-scope="scope">
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.xcxssrq }}</span>
+                <span v-else>{{ scope.row.xcxssrq }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="zccssrq"
+              width="150"
+              label="在产车实施日期">
+              <template slot-scope="scope">
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.zccssrq }}</span>
+                <span v-else>{{ scope.row.zccssrq }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="textStatus"
+              width="110"
+              label="文本状态">
+              <!--              <template slot="header" slot-scope="scope">-->
+              <!--                <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本；“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">-->
+              <!--                  <span>文本状态<i class="el-icon-warning-outline"></i></span>-->
+              <!--                </el-tooltip>-->
+              <!--              </template>-->
+              <template slot-scope="scope">
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
+                    textStatusMap[scope.row.textStatus]
+                  }}</span>
+                <span v-else>{{ textStatusMap[scope.row.textStatus] }}</span>
+              </template>
+            </el-table-column>
+          </div>
+          <div v-if="handleSelectForm.dataSource === 'FOREIGN'">
+            <el-table-column
+              label="标准号"
+              width="150"
+            >
+              <template slot-scope="scope">
+                <a v-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" class="table-jump" @click="handlePreview(scope.row)">{{
+                    scope.row.standSortShow
+                  }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
+                <a v-else-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" class="table-jump" @click="handlePreview(scope.row)">{{
+                    scope.row.standSortShow
+                  }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
+                <a v-else-if="scope.row.standYear" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{
+                    scope.row.standSortShow
+                  }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
+                <a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
+                    scope.row.standSortShow
+                  }}
+                  {{ scope.row.standNumber }}</a>
+              </template>
+            </el-table-column>
+            <el-table-column
+              show-overflow-tooltip
+              prop="standName"
+              label="标准名称"
+              min-width="300"
+            >
+              <template slot-scope="scope">
+                <a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{
+                    scope.row.standName
+                  }}</a>
+                <a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" @click="handlePreview(scope.row)" class="table-jump">{{
+                    scope.row.standName
+                  }}</a>
+                <a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
+                    scope.row.standName
+                  }}</a>
+              </template>
+            </el-table-column>
+            <el-table-column
+                show-overflow-tooltip
+                prop="standEnName"
+                label="英文名称"
+                min-width="300"
+            >
+              <template slot-scope="scope">
+                <a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{
+                    scope.row.standEnName
+                  }}</a>
+                <a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" @click="handlePreview(scope.row)" class="table-jump">{{
+                    scope.row.standEnName
+                  }}</a>
+                <a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
+                    scope.row.standEnName
+                  }}</a>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="issueTime"
+              width="120"
+              label="发布日期">
+              <template slot-scope="scope">
+                <div v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">
+                  {{ scope.row.issueTime }}
+                </div>
+                <div v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">
+                  {{ scope.row.issueTime }}
+                </div>
+                <div v-else style="color: #333333">
+                  {{ scope.row.issueTime }}
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="ssrq"
+              width="120"
+              label="实施日期">
+              <template slot-scope="scope">
+                <!--                {{ formatIssueDate(scope.row.putTime) }}-->
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
+                    scope.row.ssrq
+                  }}</span>
+                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
+                    scope.row.ssrq
+                  }}</span>
+                <span v-else style="color: #333333">{{ scope.row.ssrq}}</span>
+
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="xcxssrq"
+              width="150"
+              label="新车型实施日期">
+              <template slot-scope="scope">
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
+                    scope.row.xcxssrq
+                  }}</span>
+                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
+                    scope.row.xcxssrq
+                  }}</span>
+                <span v-else style="color: #333333">{{
+                    scope.row.xcxssrq
+                  }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="zccssrq"
+              width="150"
+              label="在产车实施日期">
+              <template slot-scope="scope">
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
+                    scope.row.zccssrq
+                  }}</span>
+                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
+                    scope.row.zccssrq
+                  }}</span>
+                <span v-else style="color: #333333">{{
+                    scope.row.zccssrq
+                  }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="textStatus"
+              width="110"
+              label="文本状态">
+              <!--              <template slot="header" slot-scope="scope">-->
+              <!--                <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本；“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">-->
+              <!--                  <span>文本状态 <i class="el-icon-warning-outline"></i></span>-->
+              <!--                </el-tooltip>-->
+              <!--              </template>-->
+              <template slot-scope="scope">
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
+                    textStatusMap[scope.row.textStatus]
+                  }}</span>
+                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
+                    textStatusMap[scope.row.textStatus]
+                  }}</span>
+                <span v-else style="color: #333333">{{ textStatusMap[scope.row.textStatus] }}</span>
+              </template>
+            </el-table-column>
+          </div>
+          <div v-if="handleSelectForm.dataSource === 'FOREIGN_LAWS'">
+            <el-table-column
+                show-overflow-tooltip
+                label="政策编号"
+                width="150"
+            >
+              <template slot-scope="scope">
+                <!--                <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>-->
+                <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a>
+                <a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a>
+                <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a>
+              </template>
+            </el-table-column>
+            <el-table-column
+                show-overflow-tooltip
+                prop="lawsName"
+                label="中文名称"
+                min-width="300"
+            >
+              <template slot-scope="scope">
+                <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
+                <a v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
+                <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
+              </template>
+            </el-table-column>
+            <el-table-column
+                show-overflow-tooltip
+                prop="lawsEnName"
+                label="英文名称"
+                min-width="300"
+            >
+              <template slot-scope="scope">
+                <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a>
+                <a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a>
+                <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a>
+              </template>
+            </el-table-column>
+            <el-table-column
+                prop="issueTime"
+                label="发文日期"
+                width="120"
+            >
+              <template slot-scope="scope">
+                <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.issueTime }}</span>
+                <span v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C">{{scope.row.issueTime }}</span>
+                <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.issueTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+                prop="XCXSSRQLAWS"
+                label="新车实施日期"
+                width="150"
+            >
+              <template slot-scope="scope">
+                <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.putTime }}</span>
+                <span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">{{scope.row.putTime }}</span>
+                <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.XCXSSRQLAWS }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+                show-overflow-tooltip
+                prop="standStatusShow"
+                label="文本状态"
+                width="110"
+            >
+
+              <template slot-scope="scope">
+                <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">
+                  {{scope.row.standStatusShow}}
+                </span>
+                <span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">
+                  {{scope.row.standStatusShow}}
+                </span>
+                <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">
+                  {{scope.row.standStatusShow}}
+                </span>
+              </template>
+            </el-table-column>
+          </div>
+          <div v-if="handleSelectForm.dataSource === 'BUSINESS_STAND'">
+            <el-table-column
+                show-overflow-tooltip
+                label="企标编号"
+                width="150"
+            >
+              <template slot-scope="scope">
+                <!--                <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>-->
+                <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
+                <a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
+                <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
+              </template>
+            </el-table-column>
+            <el-table-column
+                show-overflow-tooltip
+                prop="standName"
+                label="中文名称"
+                min-width="300"
+            >
+              <template slot-scope="scope">
+                <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+                <a v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+                <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+              </template>
+            </el-table-column>
+            <el-table-column
+                show-overflow-tooltip
+                prop="standEnName"
+                label="英文名称"
+                min-width="300"
+            >
+              <template slot-scope="scope">
+                <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
+                <a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
+                <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
+              </template>
+            </el-table-column>
+            <el-table-column
+                prop="issueTime"
+                label="发布日期"
+                width="120"
+            >
+              <template slot-scope="scope">
+                <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.issueTime }}</span>
+                <span v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C">{{scope.row.issueTime }}</span>
+                <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.issueTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+                prop="putTime"
+                label="实施日期"
+                width="120"
+            >
+              <template slot-scope="scope">
+                <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.putTime }}</span>
+                <span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">{{scope.row.putTime }}</span>
+                <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.putTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+                show-overflow-tooltip
+                prop="standStatusShow"
+                label="文本状态"
+                width="110"
+            >
+
+              <template slot-scope="scope">
+                <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">
+                  {{scope.row.standStatusShow}}
+                </span>
+                <span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">
+                  {{scope.row.standStatusShow}}
+                </span>
+                <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">
+                  {{scope.row.standStatusShow}}
+                </span>
+              </template>
+            </el-table-column>
+          </div>
+
+        </el-table>
+        <!--分页-->
+        <pagination
+            style="position: relative;"
+            :page="handleSelectForm.page"
+            :total="handleSelectForm.total"
+            @pageChange="handleSelectPageChange"
+            @pageSizeChange="handleSelectPageSizeChange"></pagination>
+        <div slot="footer" class="demo-drawer-footer">
+          <el-button type="primary" size="mini" class="common-button-primary" icon="el-icon-check" @click="handleSelectConfirm" v-show="lawInfoTableLoading === false">确定</el-button>
+          <el-button class="common-button-default" size="mini" icon="el-icon-close" @click="selectModal = false">取消</el-button>
+        </div>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "listTracking",
+  data () {
+    return {
+      lawInfoTableLoading: true,
+      tableLoading: true,
+      lawInfoTable:[],
+      handleSelectPage: 1,
+      handleSelectTotal: 0,
+      textStatusMap: {}, // 文本状态id与name对应
+      handleSelectTableList:[],
+      handleSelectForm: {
+        standName: '', //标准名称
+        numberName: '', //政策名称
+        lawsNumber: '', //政策编号
+        standNumber: '', //标准编号
+        standCode: '', //企标编号
+        dataSource: 'INLAND',
+        lawNumber: '', // 标准编号/政策编号
+        lawName: '', // 标准名称/政策名称
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        total: 0,
+        standType: '',
+        quoteIdList: '',
+        validFlag: '0',
+        menuId: 'nomenu'
+      },
+      //手动查找模态框的标题
+      handleSelectTitle: '手动查找',
+      //手动查找的模态框
+      selectModal: false,
+      submitLoading: false,
+      attrTypeOptions: [
+        { label: '下拉选项', value: 'SEL_OPTION' },
+        { label: '树形结构', value: 'TREE' }
+      ],
+      addOrEdit: '',
+      attributeEOFormRules: {
+        lawCode: [
+          { required: true, message: '标准编号/政策编号不能为空', trigger: 'change' },
+        ],
+        lawName: [
+          { required: true, message: '标准名称/政策名称不能为空', trigger: 'change' },
+        ],
+        productType: [
+          { required: true, message: '产品类型不能为空', trigger: 'change' }
+        ],
+        implTime: [
+          { required: true, message: '实施日期不能为空', trigger: 'change' }
+        ],
+        implRequire: [
+          { required: true, message: '实施要求不能为空', trigger: 'change' }
+        ],
+      },
+      attributeEO: {
+        lawId: '',
+        //数据来源
+        dataSource: '',
+        id: '',
+        lawCode: '',
+        lawName: '',
+        productType: '',
+        implTime: '',
+        implRequire: '',
+      },
+      styles: {
+        height: 'calc(100% - 55px)',
+        overflow: 'auto',
+        paddingBottom: '53px',
+        position: 'static'
+      },
+      attributeTitle: '',
+      showInfoModal: false,
+      searching: false,
+      total: 0,
+      page: 1,
+      rows: 10,
+      // 查询相关参数
+      sarSarAccessEOSearch: {
+        lawCode: '',
+        lawName: '',
+        productType: '',
+        accessContent: '',
+        energyKind: '',
+        applyArctic: '',
+        region: '',
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        validFlag: 0
+      },
+      sarAccessListDatas: [],
+      sarAccessListTotal: 0,
+      loading: false,
+      selectedList: [],
+      selectedString: '',
+      // 新增、编辑 准入信息字段
+      sarAccessEO: {
+        country: '',
+        applyArctic: '',
+        energyKind: '',
+        accessContent: '',
+        region: ''
+      },
+      drawerPage: 1, // 当前抽屉分页的页码
+      drawerTotal: 0, // 抽屉分页的总条数
+      countryOptions: [],
+      drawerCountryOptions: [], // 准入信息 国家下拉框
+      drawerCountryTwoOptions: [], // 数据搜索-多属性搜索国家下拉框
+      energyKindOptions: [],
+      categoryOptions: [],
+      applyArcticOptions: [],
+      applyAuthOptions: [], // 认证类型下拉框
+      // 区域
+      regionOptions: [
+        {
+          label: '国内',
+          value: 'INLAND'
+        },
+        {
+          label: '海外',
+          value: 'FOREIGN'
+        }
+      ],
+      showModalTitle: '',
+      disabledFlag: false,
+      showModalFlag: false,
+      // 新增、编辑过程中数据搜索字段
+      sarAccessInfoSearch: {
+        region: '', // 区域
+        country: '', // 国家
+        keywords: '', // 关键字
+        energyKind: '', // 能源种类
+        category: '', // 所属专业领域
+        applyArctic: '', // 适用车型
+        deadLine: '', // 截止时间
+        applyAuth: '' // 认证类型
+      },
+      sarAccessInfoSearchList: [],
+      selectedAccInfoSearchList: [],
+      sarAccessInfoListArry: [],
+      sarAccessInfoList: [],
+      importExcelUrl: '/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=',
+      importmodalFlag: false,
+      saveExportType: '',
+      seeModalFlag: false, // 查看抽屉显示隐藏
+      seeModalTitle: '', // 查看抽屉title
+      seeSarAccessInfoList: [], // 查看抽屉内 table
+      delLoading: false
+    }
+  },
+  methods: {
+    formatIssueDate(str) {
+      const momentDate = this.$moment(str)
+      if (momentDate.isValid()) {
+        return this.$moment(str).format('YYYY-MM-DD')
+      } else {
+        return str
+      }
+    },
+    // 点击查看
+    handlePreview(item) {
+      if (item.standType === "INLAND"){
+        let routeUrlINLAND = this.$router.resolve({
+          name: 'OtherStandardDetails',
+          params: {
+            id: item.id,
+            pageType: 'INLAND_STAND'
+          }
+        })
+        window.open(routeUrlINLAND.href, '_blank')
+      }else if (item.standType === "FOREIGN"){
+        let routeUrlFOREIGN = this.$router.resolve({
+          name: 'OtherStandardDetails',
+          params: {
+            id: item.id,
+            pageType: 'FOREIGN_STAND'
+          }
+        })
+        window.open(routeUrlFOREIGN.href, '_blank')
+      } else if (item.country !== undefined){
+        let routeUrlLAWS = this.$router.resolve({
+          name: 'OtherLawsStandDetails',
+          params: {
+            id: item.id,
+            pageType: 'LAWS_STAND'
+          }
+        })
+        window.open(routeUrlLAWS.href, '_blank')
+      }else {
+        let routeUrlBUSINESS = this.$router.resolve({
+          name: 'OtherBussStandardDetails',
+          params: {
+            id: item.id,
+            pageType: 'BUSINESS_STAND'
+          }
+        })
+        window.open(routeUrlBUSINESS.href, '_blank')
+      }
+
+    },
+    // 将文本状态的id与name对应
+    setMap(data) {
+      data.forEach(item => {
+        this.$set(this.textStatusMap, item.value, item.label)
+      })
+    },
+    dataSourceChange() {
+      this.handleSelectForm.page = 1
+      this.lawInfoTableLoading = true
+      this.handleSelectForm.standType = this.handleSelectForm.dataSource
+      this.searchLawBtn()
+    },
+    //根据标准编号/政策编号查询
+    lawNumberSearch() {
+      this.handleSelectForm.standNumber = this.handleSelectForm.lawNumber
+      this.handleSelectForm.lawsNumber = this.handleSelectForm.lawNumber
+      this.handleSelectForm.standCode = this.handleSelectForm.lawNumber
+    },
+    //根据标准名称/政策名称查询
+    lawNameSearch() {
+      this.handleSelectForm.standName = this.handleSelectForm.lawName
+      this.handleSelectForm.numberName = this.handleSelectForm.lawName
+    },
+    //手动查找的确定按钮
+    handleSelectConfirm(){
+      if (this.handleSelectTableList.length>1){
+        this.$message.warning('只能选择一条数据')
+      }else if (this.handleSelectTableList.length===0){
+        this.$message.warning('请选择一条数据')
+      }
+      else {
+        this.attributeEO.dataSource = this.handleSelectForm.dataSource
+        this.attributeEO.lawId = this.handleSelectTableList[0].id
+        this.attributeEO.lawCode =this.handleSelectTableList[0].standCode || this.handleSelectTableList[0].lawsNumber || this.handleSelectTableList[0].standSort+" "+this.handleSelectTableList[0].standNumber+"-"+this.handleSelectTableList[0].standYear
+        this.attributeEO.lawName = this.handleSelectTableList[0].standName || this.handleSelectTableList[0].lawsName
+        this.selectModal = false
+      }
+    },
+    //手动查找的清空按钮
+    clearLawBtn(){
+      this.lawInfoTableLoading = true
+      //清空的时候还是不要把人家选的数据源清空吧
+      // this.handleSelectForm.dataSource = ''
+      //清空标准编号/政策编号的查询
+      this.handleSelectForm.lawNumber = ''
+      this.handleSelectForm.standNumber = ''
+      this.handleSelectForm.lawsNumber = ''
+      this.handleSelectForm.standCode = ''
+      //清空标准名称/政策名称的查询
+      this.handleSelectForm.lawName = ''
+      this.handleSelectForm.standName = ''
+      this.handleSelectForm.numberName = ''
+      this.searchLawBtn()
+    },
+    //手动查找的查询按钮
+    searchLawBtn(){
+      this.lawInfoTableLoading = true
+      if (this.handleSelectForm.dataSource === 'INLAND'){
+        this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage',this.handleSelectForm,{
+          _this: this
+        },res=>{
+          if (res.ok){
+            this.lawInfoTable = res.data.list
+            this.handleSelectForm.total = res.data.count
+            if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
+              this.lawInfoTableLoading = true
+              this.handleSelectPageChange(1)
+            }else {
+              this.lawInfoTableLoading = false
+              this.lawInfoTableLoading = false
+            }
+          }else {
+            this.$message.error(res.message)
+          }
+        },e=>{
+          this.lawInfoTable = []
+          this.handleSelectForm.total = 0
+        })
+      }else if(this.handleSelectForm.dataSource === 'FOREIGN'){
+        this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage',this.handleSelectForm,{
+          _this: this
+        },res=>{
+          if (res.ok){
+            this.lawInfoTable = res.data.list
+            this.handleSelectForm.total = res.data.count
+            if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
+              this.lawInfoTableLoading = true
+              this.handleSelectPageChange(1)
+            }else {
+              this.lawInfoTableLoading = false
+            }
+          }else {
+            this.$message.error(res.message)
+            this.lawInfoTableLoading = false
+          }
+        },e=>{
+          this.lawInfoTable = []
+          this.handleSelectForm.total = 0
+        })
+      }else if(this.handleSelectForm.dataSource === 'FOREIGN_LAWS'){
+        this.$http.get('lawss/sarLawsInfo/page',this.handleSelectForm,{
+          _this: this
+        },res=>{
+          if (res.ok){
+            this.lawInfoTable = res.data.list
+            this.handleSelectForm.total = res.data.count
+            if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
+              this.lawInfoTableLoading = true
+              this.handleSelectPageChange(1)
+            }else {
+              this.lawInfoTableLoading = false
+            }
+          }else {
+            this.$message.error(res.message)
+            this.lawInfoTableLoading = false
+          }
+        },e=>{
+          this.lawInfoTable = []
+          this.handleSelectForm.total = 0
+        })
+      }else if(this.handleSelectForm.dataSource === 'BUSINESS_STAND'){
+        this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage',this.handleSelectForm,{
+          _this: this
+        },res=>{
+          if (res.ok){
+            this.lawInfoTable = res.data.list
+            this.handleSelectForm.total = res.data.count
+            if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
+              this.lawInfoTableLoading = true
+              this.handleSelectPageChange(1)
+            }else {
+              this.lawInfoTableLoading = false
+            }
+          }else {
+            this.$message.error(res.message)
+            this.lawInfoTableLoading = false
+          }
+        },e=>{
+          this.lawInfoTable = []
+          this.handleSelectForm.total = 0
+        })
+      }else {
+        this.$message.warning('请先选择标准/政策来源')
+      }
+    },
+    handleSelectPageChange(page){
+      this.lawInfoTableLoading = true
+      this.handleSelectForm.page = page
+      this.searchLawBtn()
+    },
+    handleSelectPageSizeChange(pageSize){
+      this.lawInfoTableLoading = true
+      this.handleSelectForm.pageSize = pageSize
+      this.searchLawBtn()
+    },
+    // 手动查找 table选择事件
+    handleSelectTableChange (row) {
+      this.handleSelectTableList = row
+    },
+    //点击手动查找按钮
+    handleSelect() {
+      this.selectModal = true
+      this.lawInfoTableLoading = true
+      this.handleSelectForm.standType = this.handleSelectForm.dataSource
+      this.clearLawBtn()
+      this.searchLawBtn()
+    },
+    saveInfo () {
+      this.$refs['attributeEO'].validate((valid) => {
+        if (valid) {
+            if (this.addOrEdit === 'add') {
+              this.attributeEO.implTime = this.attributeEO.implTime.join(',')
+              this.submitLoading = true
+              this.$http.putData(
+                  'sarIssueTrack/issueTrack',
+                  this.attributeEO,
+                  {
+                    _this: this,
+                    loading: 'roleDataLoading'
+                  },
+                  (res) => {
+                    if (res.ok) {
+                      this.submitLoading = false
+                      this.showInfoModal = false
+                      this.searchSarAccessBtn()
+                      this.getAttrByPage()
+                      this.cancelModel()
+                      // this.showInfoModal = false
+                    } else {
+                      this.submitLoading = false
+                    }
+                  }
+              )
+            } else {
+              if (typeof (this.attributeEO.implTime) === 'object'){
+                this.attributeEO.implTime = this.attributeEO.implTime.join(',')
+              }
+              this.$http.postData(
+                  'sarIssueTrack/issueTrack',
+                  this.attributeEO,
+                  {
+                    _this: this,
+                    loading: 'roleDataLoading'
+                  },
+                  (res) => {
+                    if (res.ok) {
+                      this.submitLoading = false
+                      this.showInfoModal = false
+                      this.searchSarAccessBtn()
+                      this.getAttrByPage()
+                      this.cancelModel()
+                      this.showInfoModal = false
+                    } else {
+                      this.submitLoading = false
+                    }
+                  }
+              )
+            }
+          }
+      })
+    },
+    cancelSelectModel () {
+      // this.$nextTick(() => {
+      //   this.$refs['attributeEO'].resetFields()
+      //   this.attributeEO = {
+      //     id: '',
+      //     lawCode: '',
+      //     lawName: '',
+      //     productType: '',
+      //     implTime: '',
+      //     implRequire: '',
+      //   }
+      // })
+      this.selectModal = false
+    },
+    cancelModel () {
+      this.$nextTick(() => {
+        this.$refs['attributeEO'].resetFields()
+        this.attributeEO = {
+          id: '',
+          lawCode: '',
+          lawName: '',
+          productType: '',
+          implTime: '',
+          implRequire: '',
+        }
+      })
+      this.showInfoModal = false
+    },
+    showAddModel (oprState, row) {
+      this.oprState = oprState
+      if (this.oprState === 1) {
+        this.addOrEdit = 'add'
+        this.attributeTitle = '新增'
+        this.getDictionarySelList(null)
+        this.$nextTick(() => {
+          this.attributeEO = {
+            id: '',
+            lawCode: '',
+            lawName: '',
+            productType: '',
+            implTime: '',
+            implRequire: '',
+          }
+          this.$refs['attributeEO'].resetFields()
+        })
+        this.showInfoModal = true
+      } else if (this.oprState === 2) {
+        this.addOrEdit = 'edit'
+        this.attributeTitle = '编辑'
+        this.getDictionarySelList(null)
+        this.attributeEO = JSON.parse(JSON.stringify(row))
+        this.attributeEO.implTime = row.implTime.split(',')
+        this.showInfoModal = true
+      }
+    },
+    getDictionarySelList (id) {
+      this.$http.get(
+          'sys/dictionary/getDictionarySelList',
+          {
+            id: id
+          },
+          {
+            _this: this
+          },
+          (res) => {
+            this.relateDicIdOptions = res.data
+          },
+          (e) => {}
+      )
+    },
+    // 删除
+    deleteSarAccess(flag, id) {
+      if (flag === 'delOne') {
+        this.selectedList = [];
+        this.selectedList[0] = id;
+      }
+      if (this.selectedList.length === 0) {
+        this.$message.warning('请选择要删除的数据')
+      } else {
+        this.$confirm('确定删除这些数据？', '提示', {
+          confirmButtonText: '确定',
+          confirmButtonClass: 'common-button-primary',
+          cancelButtonText: '取消',
+          type: 'warning',
+        }).then(() => {
+          for (let i = 0; i < this.selectedList.length; i++) {
+            this.selectedString += this.selectedList[i]+","
+          }
+          let selectedString = this.selectedString.substring(0,this.selectedString.length-1)
+          this.$http.delete("sarIssueTrack/issueTrack", {selectedString},{
+            _this: this,
+            loading: 'roleDataLoading'
+          }, (res) => {
+            this.selectedList = [];
+            this.$message.success('删除成功')
+            this.searchSarAccessBtn()
+            this.getAttrByPage()
+            this.cancelModel()
+          }, e => {
+          });
+        }).catch(() => {
+          // 取消删除，清空选择
+          // this.selectedList = [];
+        })
+      }
+    },
+    // 更多
+    handleCommand (command) {
+      switch (command[1]) {
+        case '编辑':
+          this.showAddModel(2, command[0])
+          break
+        case '删除':
+          this.deleteSarAccess('delOne', command[0].id)
+          break
+      }
+    },
+    // 搜索
+    searchSarAccessBtn () {
+      this.sarSarAccessEOSearch.page = 1
+      this.searchSarAccess()
+    },
+    //分页查询
+    searchSarAccess (advanceSearch) {
+      this.tableLoading = true
+      this.$http.get("sarIssueTrack/issueTrack", {
+        current: this.sarSarAccessEOSearch.page,
+        pageSize: this.$store.getters.userInfo.configContent,
+        ...this.sarSarAccessEOSearch,
+        sortKey: 2
+      }, {
+        _this: this
+      }, res => {
+        let arr = res.data;
+        this.sarAccessListDatas = arr.records
+        this.sarAccessListTotal = res.data.total
+        this.tableLoading = false
+      }, e => {
+      });
+    },
+    pageChange (page) {
+      this.sarSarAccessEOSearch.page = page
+      this.searchSarAccess()
+    },
+    pageSizeChange (pageSize) {
+      this.sarSarAccessEOSearch.page = 1
+      this.sarSarAccessEOSearch.pageSize = pageSize
+      this.searchSarAccess()
+    },
+    clearSearch (search = true) {
+      // search 字段是为了处理高级查询时清空字段用的
+      this.sarSarAccessEOSearch.lawCode = ''
+      this.sarSarAccessEOSearch.lawName = ''
+      this.sarSarAccessEOSearch.productType = ''
+      this.sarSarAccessEOSearch.accessContent = ''
+      this.sarSarAccessEOSearch.applyArctic = ''
+      this.sarSarAccessEOSearch.energyKind = ''
+      this.sarSarAccessEOSearch.type = ''
+      this.sarSarAccessEOSearch.page = 1
+      search && this.searchSarAccess()
+    },
+    // 表格选择框
+    selectOne (alldata, nowdata) {
+      this.selectedList = []
+      for (let i = 0; i < alldata.length; i++) {
+        this.selectedList.push(alldata[i]['id'])
+      }
+    },
+    // // 点击 table编辑按钮 事件
+    // editTable (item) {
+    //   sessionStorage.setItem('accessRow', JSON.stringify(item))
+    //   this.$router.push({
+    //     name: 'ListOfStandardsAndRegulationsDetails',
+    //     query: {
+    //       id: item.id
+    //     }
+    //   })
+    // },
+    // async handleTableEdit (params) {
+    //   await this.queryDisplayLocationList(params.sarType)
+    //   // this.$refs['attributeEO'] && this.$refs['attributeEO'].resetFields()
+    //   this.addOrEdit = 'edit'
+    //   this.attributeTitle = '编辑'
+    //   this.showInfoModal = true
+    //   this.$nextTick(() => {
+    //     this.attributeEO = JSON.parse(JSON.stringify(params))
+    //   })
+    // },
+  },
+  mounted () {
+    // 分页查询数据
+    this.searchSarAccess()
+    // 从数据库中查询各下拉框数据
+    this.$http.get('sys/dictype/getDicTypeListCode', '', {
+      _this: this
+    }, res => {
+      this.setMap(res.data.WBZTCLASS)
+    }, e => {
+    })
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+@import '~@/assets/styles/mixins';
+#listTracking {
+  //height: 100%;
+  display: flex;
+  flex-direction: column;
+  min-height: calc(100% - 100px);
+  overflow-y: auto;
+    /deep/.el-form-item__label{
+      color: #333333;
+    }
+  .container {
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    flex: auto;
+    width: 100%;
+    height: calc(~'100% - 30px');
+    .table_info {
+      height: calc(70vh - 90px);
+    }
+    .pagination {
+      position: inherit;
+      /deep/ .pagination-slot {
+        padding: 0;
+      }
+    }
+  }
+  .el-divider{
+    .el-divider__text{
+      font-size: 16px;
+      color: #0c91e5;
+    }
+  }
+  .standards-drawer-table-one{
+    position: relative;
+    height: 350px;
+    .pagination{
+      bottom: 0;
+    }
+  }
+  .standards-drawer-table{
+    margin-top: 10px;
+  }
+  .see-drawer{
+    .searchAngNewBtn{
+      float: right;
+    }
+    .el-divider{
+      clear: both;
+    }
+  }
+}
+</style>