From 59e66310bfadaba46bf180d14f52035e9685a7d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E4=BC=9F=E4=BD=B3?= <2797716443@qq.com>
Date: Tue, 22 Jun 2021 18:15:29 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E5=87=86=E6=B8=85=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/common/axios/index.js                     |   13 +
 .../accessStandardsAndRegulations/index.vue   |  131 +-
 .../page/listOfCountries.vue                  |  290 +--
 .../page/listOther.vue                        |   76 +-
 .../page/listProject.vue                      |  267 ++-
 .../pages/addEdit.vue                         |    7 +-
 .../pages/details.vue                         | 1870 +++--------------
 7 files changed, 790 insertions(+), 1864 deletions(-)

diff --git a/src/common/axios/index.js b/src/common/axios/index.js
index bd1faa601..e7ad9e22d 100644
--- a/src/common/axios/index.js
+++ b/src/common/axios/index.js
@@ -447,5 +447,18 @@ export default {
       }
       exeFun.call(this, err)
     })
+  },
+
+  /**
+   * @description: delete方法
+   * @author: chenxiaoxi
+   * @date: 2018-09-14 09:55:30
+   */
+  postDelete (url, param, thenFun, exeFun) {
+    _axios.post(api() + url, {}).then(res => {
+      thenFun.call(this, res.data)
+    }).catch(err => {
+      exeFun.call(this, err)
+    })
   }
 }
diff --git a/src/pages/regulatoryRepository/accessStandardsAndRegulations/index.vue b/src/pages/regulatoryRepository/accessStandardsAndRegulations/index.vue
index d683c5072..9327a4c2c 100644
--- a/src/pages/regulatoryRepository/accessStandardsAndRegulations/index.vue
+++ b/src/pages/regulatoryRepository/accessStandardsAndRegulations/index.vue
@@ -1,49 +1,50 @@
 <!-- 标准法规库 - 目标市场准入清单 -->
 <template>
   <div id="accessStandardsAndRegulations" class="v-class">
-      <el-tabs v-model="tabValue" style="height: 100%;">
-          <el-tab-pane label="国家/地区清单" name="listOfCountries">
-              <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
-                  <list-of-countries v-if="tabValue === 'listOfCountries'"></list-of-countries>
-              </div>
-          </el-tab-pane>
-          <el-tab-pane label="项目类清单" name="listProject">
-              <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
-                  <list-project v-if="tabValue === 'listProject'"></list-project>
-              </div>
-          </el-tab-pane>
-          <el-tab-pane label="重点标准跟踪清单" name="listTracking">
-              <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
-                  <list-tracking v-if="tabValue === 'listTracking'"></list-tracking>
-              </div>
-          </el-tab-pane>
-          <el-tab-pane label="其他清单" name="listOther">
-              <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
-                  <list-other v-if="tabValue === 'listOther'"></list-other>
-              </div>
-          </el-tab-pane>
-      </el-tabs>
+    <el-tabs v-model="tabValue" style="height: 100%;">
+      <el-tab-pane label="国家/地区清单" name="listOfCountries">
+        <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
+          <list-of-countries v-if="tabValue === 'listOfCountries'"></list-of-countries>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="项目类清单" name="listProject">
+        <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
+          <list-project v-if="tabValue === 'listProject'"></list-project>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="重点标准跟踪清单" name="listTracking">
+        <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
+          <list-tracking v-if="tabValue === 'listTracking'"></list-tracking>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="其他清单" name="listOther">
+        <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
+          <list-other v-if="tabValue === 'listOther'"></list-other>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
   </div>
 </template>
 
 <script>
-    import listOfCountries from "../accessStandardsAndRegulations/page/listOfCountries"
-    import listProject from "../accessStandardsAndRegulations/page/listProject"
-    import listTracking from "../accessStandardsAndRegulations/page/listTracking"
-    import listOther from "../accessStandardsAndRegulations/page/listOther"
+import listOfCountries from "../accessStandardsAndRegulations/page/listOfCountries";
+import listProject from "../accessStandardsAndRegulations/page/listProject";
+import listTracking from "../accessStandardsAndRegulations/page/listTracking";
+import listOther from "../accessStandardsAndRegulations/page/listOther";
+
 export default {
-  name: 'AccessStandardsAndRegulations',
-  data () {
+  name: "AccessStandardsAndRegulations",
+  data() {
     return {
-        tabValue: 'listOfCountries'
-    }
+      tabValue: "listOfCountries"
+    };
   },
   methods: {},
   components: {
-      listOfCountries,
-      listProject,
-      listTracking,
-      listOther
+    listOfCountries,
+    listProject,
+    listTracking,
+    listOther
   },
 
   props: {},
@@ -52,39 +53,45 @@ export default {
 
   watch: {},
 
-  mounted () {}
-}
+  mounted() {
+  }
+};
 </script>
 
 <style lang="less" scoped>
-  @import '~@/assets/styles/style';
-  @import '~@/assets/styles/mixins';
-  #accessStandardsAndRegulations {
-      height: 100%;
-      padding: 0 10px;
-      background: #fff;
+@import '~@/assets/styles/style';
+@import '~@/assets/styles/mixins';
+
+#accessStandardsAndRegulations {
+  height: 100%;
+  padding: 0 10px;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+
+  /deep/ .el-tabs {
+    flex: auto;
+    display: flex;
+    flex-direction: column;
+
+    /deep/ .el-tabs__header {
+      margin: 0 !important;
+    }
+
+    .el-tabs__content {
+      height: 100% !important;
+      flex: auto;
+      position: relative;
       display: flex;
       flex-direction: column;
-      /deep/.el-tabs{
-          flex: auto;
-          display: flex;
-          flex-direction: column;
-          /deep/ .el-tabs__header{
-              margin:0 !important;
-          }
-          .el-tabs__content {
-              height: 100% !important;
-              flex: auto;
-              position: relative;
-              display: flex;
-              flex-direction: column;
-              .el-tab-pane {
-                  height: 100%;
-                  flex: auto;
-                  display: flex;
-                  flex-direction: column;
-              }
-          }
+
+      .el-tab-pane {
+        height: 100%;
+        flex: auto;
+        display: flex;
+        flex-direction: column;
       }
+    }
   }
+}
 </style>
diff --git a/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOfCountries.vue b/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOfCountries.vue
index f32fddf4e..eef3ef4b4 100644
--- a/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOfCountries.vue
+++ b/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOfCountries.vue
@@ -3,7 +3,7 @@
   <div id="listOfCountries" class="v-class">
     <div class="search-area">
       <div class="left">
-        <el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form" >
+        <el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form">
           <el-form-item label="国家/地区" class="search-item search-item-last">
             <el-select
               v-model="sarSarAccessEOSearch.countryArea"
@@ -31,7 +31,7 @@
               type="primary"
               class="common-button-primary"
               size="small"
-              @click="searchSarAccessBtn">
+              @click="searchSarAccess">
               查询
             </el-button>
           </el-form-item>
@@ -39,7 +39,8 @@
             <el-button
               class="common-button-default"
               size="small"
-              @click="clearSearch">清空</el-button>
+              @click="clearSearch">清空
+            </el-button>
           </el-form-item>
         </el-form>
       </div>
@@ -51,14 +52,16 @@
         size="mini"
         @click="openModal(null,'addOpt')"
         v-btn-permission="'J2YEFN9MH4KWW5HMR2QH'"
-      ><i class="iconfont">&#xe84e;</i>新增</el-button>
+      ><i class="iconfont">&#xe84e;</i>新增
+      </el-button>
       <el-button
         class="common-button-default delete-button"
         :loading="delLoading"
         size="mini"
         @click="deleteSarAccess('demore',null)"
         v-btn-permission="'WPNW79T3DNUZPJFNMHGP'"
-      ><i class="iconfont">&#xe61b;</i>批量删除</el-button>
+      ><i class="iconfont">&#xe61b;</i>批量删除
+      </el-button>
     </div>
     <div class="container">
       <el-table
@@ -89,7 +92,7 @@
           width="260px"
         >
           <template slot-scope="scope">
-            <a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.accessContent }}</a>
+            <a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a>
           </template>
         </el-table-column>
         <el-table-column
@@ -97,8 +100,8 @@
           label="清单状态"
           align="center">
           <template slot-scope="scope">
-            <span v-if="scope.row.state === '1'">未发布</span>
-            <span v-if="scope.row.state === '2'">已发布</span>
+            <span v-if="scope.row.detailedListState === '1'">未发布</span>
+            <span v-if="scope.row.detailedListState === '2'">已发布</span>
           </template>
         </el-table-column>
         <el-table-column
@@ -106,7 +109,9 @@
           label="清单版本"
           align="center">
           <template slot-scope="scope">
-            <span v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">V{{ scope.row.detailedListVesion }}</span>
+            <span
+              v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">{{ scope.row.detailedListVesion
+              }}</span>
           </template>
         </el-table-column>
         <el-table-column
@@ -114,7 +119,9 @@
           label="适用领域"
           align="center">
           <template slot-scope="scope">
-            <span v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">V{{ scope.row.applicationScope }}</span>
+            <span
+              v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope
+              }}</span>
           </template>
         </el-table-column>
         <el-table-column
@@ -123,7 +130,7 @@
           sortable
           align="center">
           <template slot-scope="scope">
-            <div>{{ scope.row.updateTime ? scope.row.updateTime.split(' ')[0] : '' }}</div>
+            <div>{{ scope.row.updateTime ? scope.row.updateTime.split(" ")[0] : "" }}</div>
           </template>
         </el-table-column>
         <el-table-column
@@ -137,9 +144,12 @@
               <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="'43UVH8AWGJLFDZT9WNTZ'">查看</el-dropdown-item>
-                  <el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'HYY8NGY2RYT3VEDRSK5V'">编辑</el-dropdown-item>
-                  <el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'X9HP9YQL2BRKBFCDMZQT'">删除</el-dropdown-item>
+                  <el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'43UVH8AWGJLFDZT9WNTZ'">查看
+                  </el-dropdown-item>
+                  <el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'HYY8NGY2RYT3VEDRSK5V'">编辑
+                  </el-dropdown-item>
+                  <el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'X9HP9YQL2BRKBFCDMZQT'">删除
+                  </el-dropdown-item>
                 </el-dropdown-menu>
               </el-dropdown>
             </div>
@@ -147,7 +157,8 @@
         </el-table-column>
       </el-table>
       <loading :loading="loading">数据获取中</loading>
-      <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
+      <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
+                  @pageSizeChange="pageSizeChange"></pagination>
     </div>
   </div>
 </template>
@@ -155,7 +166,7 @@
 <script>
 export default {
   name: "listOfCountries",
-  data () {
+  data() {
     return {
       searching: false,
       total: 0,
@@ -163,10 +174,10 @@ export default {
       rows: 10,
       // 查询相关参数
       sarSarAccessEOSearch: {
-        countryArea: '',
-        detailedListName: '',
+        countryArea: "",
+        detailedListName: "",
         page: 1,
-        pageSize: this.$store.getters.userInfo.configContent,
+        pageSize: this.$store.getters.userInfo.configContent
       },
       sarAccessListDatas: [],
       sarAccessListTotal: 0,
@@ -174,171 +185,191 @@ export default {
       selectedList: [],
       // 新增、编辑 准入信息字段
       sarAccessEO: {
-        country: '',
-        applyArctic: '',
-        energyKind: '',
-        accessContent: '',
-        region: ''
+        country: "",
+        applyArctic: "",
+        energyKind: "",
+        accessContent: "",
+        region: ""
       },
       drawerPage: 1, // 当前抽屉分页的页码
       drawerTotal: 0, // 抽屉分页的总条数
       sarAccessEORules: {
         region: [
-          {required: true, message: '区域不能为空', trigger: 'change'}
+          { required: true, message: "区域不能为空", trigger: "change" }
         ],
         country: [
-          {required: true, message: '国家不能为空', trigger: 'change'}
+          { required: true, message: "国家不能为空", trigger: "change" }
         ],
         accessContent: [
-          {required: true, message: '表格名称不能为空', trigger: 'blur'},
-          {type: 'string', max: 100, message: '表格名称不能超过100个字符', trigger: 'blur'}
+          { required: true, message: "表格名称不能为空", trigger: "blur" },
+          { type: "string", max: 100, message: "表格名称不能超过100个字符", trigger: "blur" }
         ]
       },
       countryOptions: [],
-      drawerCountryOptions: [], // 准入信息 国家下拉框
-      drawerCountryTwoOptions: [], // 数据搜索-多属性搜索国家下拉框
-      energyKindOptions: [],
-      categoryOptions: [],
-      applyArcticOptions: [],
-      applyAuthOptions: [], // 认证类型下拉框
-      // 区域
-      regionOptions: [
-        {
-          label: '国内',
-          value: 'INLAND'
-        },
-        {
-          label: '海外',
-          value: 'FOREIGN'
-        }
-      ],
-      showModalTitle: '',
+      showModalTitle: "",
       disabledFlag: false,
       showModalFlag: false,
       // 新增、编辑过程中数据搜索字段
       sarAccessInfoSearch: {
-        region: '', // 区域
-        country: '', // 国家
-        keywords: '', // 关键字
-        energyKind: '', // 能源种类
-        category: '', // 所属专业领域
-        applyArctic: '', // 适用车型
-        deadLine: '', // 截止时间
-        applyAuth: '' // 认证类型
+        region: "", // 区域
+        country: "", // 国家
+        keywords: "", // 关键字
+        energyKind: "", // 能源种类
+        category: "", // 所属专业领域
+        applyArctic: "", // 适用车型
+        deadLine: "", // 截止时间
+        applyAuth: "" // 认证类型
       },
       dataSourceOptions: [
-        {value: 'INLAND_STAND', label: '国内标准法规'},
-        {value: 'FOREIGN_STAND', label: '海外标准法规'},
-        {value: 'FOREIGN_LAWS', label: '国内外政策'},
-        {value: 'BUSINESS', label: '企业标准 '}
+        { value: "INLAND_STAND", label: "国内标准法规" },
+        { value: "FOREIGN_STAND", label: "海外标准法规" },
+        { value: "FOREIGN_LAWS", label: "国内外政策" },
+        { value: "BUSINESS", label: "企业标准 " }
       ],
       sarAccessInfoSearchList: [],
       selectedAccInfoSearchList: [],
       sarAccessInfoListArry: [],
       sarAccessInfoList: [],
-      importExcelUrl: '/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=',
+      importExcelUrl: "/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=",
       importmodalFlag: false,
-      saveExportType: '',
+      saveExportType: "",
       seeModalFlag: false, // 查看抽屉显示隐藏
-      seeModalTitle: '', // 查看抽屉title
+      seeModalTitle: "", // 查看抽屉title
       seeSarAccessInfoList: [], // 查看抽屉内 table
       delLoading: false
-    }
+    };
   },
   methods: {
     // 更多
-    handleCommand (command) {
+    handleCommand(command) {
       switch (command[1]) {
-        case '查看':
-          this.showTable(command[0])
-          break
-        case '编辑':
-          this.editTable(command[0])
-          break
-        case '删除':
-          this.deleteSarAccess('delOne', command[0].id)
-          break
+        case "查看":
+          this.showTable(command[0]);
+          break;
+        case "编辑":
+          this.editTable(command[0]);
+          break;
+        case "删除":
+          this.deleteSarAccess("delOne", command[0].id);
+          break;
       }
     },
-    // 搜索
-    searchSarAccessBtn () {
-      this.page = 1
-      this.searchSarAccess()
-    },
     //分页查询
-    searchSarAccess (advanceSearch) {
+    searchSarAccess() {
+      this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
+        sortKey: 1,
+        ...this.sarSarAccessEOSearch
+      }, {
+        _this: this
+      }, res => {
+        console.log(res.data.records);
+        this.sarAccessListDatas = res.data.records;
+        this.sarAccessListTotal = res.data.total
+      }, e => {
+
+      });
+    },
+    pageChange(page) {
+      this.sarSarAccessEOSearch.page = page;
+      this.searchSarAccess();
+    },
+    pageSizeChange(pageSize) {
+      this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent;
+      this.searchSarAccess();
+    },
+    clearSearch() {
+      this.sarSarAccessEOSearch = {
+        countryArea: "",
+        detailedListName: ""
+      };
+      this.searchSarAccess();
 
-    },
-    pageChange (page) {
-      this.sarSarAccessEOSearch.page = page
-      this.searchSarAccess()
-    },
-    pageSizeChange (pageSize) {
-      this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent
-      this.searchSarAccess()
-    },
-    clearSearch (search = true) {
-      // search 字段是为了处理高级查询时清空字段用的
-      this.sarSarAccessEOSearch.country = ''
-      this.sarSarAccessEOSearch.accessContent = ''
-      this.sarSarAccessEOSearch.applyArctic = ''
-      this.sarSarAccessEOSearch.energyKind = ''
-      this.sarSarAccessEOSearch.type = ''
-      this.sarSarAccessEOSearch.page = 1
-      search && this.searchSarAccess()
     },
     // 新增相关
-    openModal (row, optType) {
+    openModal(row, optType) {
       this.$router.push({
-        name: 'ListOfStandardsAndRegulationsDetails'
-      })
+        name: "ListOfStandardsAndRegulationsDetails"
+      });
     },
-    // 删除
-    deleteSarAccess (flag, id) {
+    // 批量删除
+    deleteSarAccess(flag, id) {
+      if (flag === "delOne") {
+        this.selectedList = [];
+        this.selectedList[0] = id;
+      }
+      if (!this.selectedList.length) {
+        this.$message.warning("请选择要删除的数据");
+      } else {
+        this.$confirm("确认删除选中数据？", "确认删除", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          confirmButtonClass: "common-button-primary",
+          roundButton: false,
+          type: "warning"
+        }).then(() => {
+          const URL = `sarLawsDetailedList/sar-laws-detailed-list/deleteListAll?idList=${this.selectedList.join(',')}`
+          this.$http.postDelete(URL, {}, res => {
+            this.searchSarAccess();
+            this.selectedList = [];
+            this.$message.success('删除成功')
+          }, e => {
+          });
+        }).catch(() => {
+        });
+      }
     },
     // 表格选择框
-    selectOne (alldata, nowdata) {
-      this.selectedList = []
-      for (let i = 0; i < alldata.length; i++) {
-        this.selectedList.push(alldata[i]['id'])
+    selectOne(data) {
+      this.selectedList = [];
+      for (let i = 0; i < data.length; i++) {
+        this.selectedList.push(data[i].id);
       }
     },
     // 点击 table查看按钮 事件
-    showTable (item) {
-      sessionStorage.setItem('accessRow', JSON.stringify(item))
-      this.$store.commit('setDetailMap', this.$route.path)
+    showTable(item) {
+      sessionStorage.setItem("accessRow", JSON.stringify(item));
+      this.$store.commit("setDetailMap", this.$route.path);
       this.$router.push({
-        name: 'AccessStandardDetails',
+        name: "AccessStandardDetails",
         params: {
           id: item.id
         }
-      })
+      });
     },
     // 点击 table编辑按钮 事件
-    editTable (item) {
-      sessionStorage.setItem('accessRow', JSON.stringify(item))
+    editTable(item) {
+      sessionStorage.setItem("accessRow", JSON.stringify(item));
       this.$router.push({
-        name: 'ListOfStandardsAndRegulationsDetails',
+        name: "ListOfStandardsAndRegulationsDetails",
         query: {
           id: item.id
         }
-      })
-    },
+      });
+    }
   },
-  mounted () {
+  mounted() {
     // 分页查询数据
-    this.searchSarAccess()
-  },
+    this.searchSarAccess();
+    // 从数据库中查询各下拉框数据
+    this.$http.get("sys/dictype/getDicTypeListCode", "", {
+      _this: this
+    }, res => {
+      this.countryOptions = res.data.COUNTRY;
+    }, e => {
+    });
+  }
 };
 </script>
 
 <style lang="less" scoped>
 @import '~@/assets/styles/style';
 @import '~@/assets/styles/mixins';
+
 #listOfCountries {
   height: 100%;
   display: flex;
   flex-direction: column;
+
   .container {
     display: flex;
     flex-direction: column;
@@ -348,32 +379,39 @@ export default {
     //height: calc(~'100% - 105px - 56px') !important;
     .pagination {
       position: static;
+
       /deep/ .pagination-slot {
         padding: 0;
       }
     }
   }
-  .el-divider{
-    .el-divider__text{
+
+  .el-divider {
+    .el-divider__text {
       font-size: 16px;
       color: #0c91e5;
     }
   }
-  .standards-drawer-table-one{
+
+  .standards-drawer-table-one {
     position: relative;
     height: 350px;
-    .pagination{
+
+    .pagination {
       bottom: 0;
     }
   }
-  .standards-drawer-table{
+
+  .standards-drawer-table {
     margin-top: 10px;
   }
-  .see-drawer{
-    .searchAngNewBtn{
+
+  .see-drawer {
+    .searchAngNewBtn {
       float: right;
     }
-    .el-divider{
+
+    .el-divider {
       clear: both;
     }
   }
diff --git a/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOther.vue b/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOther.vue
index ff422126d..deba43315 100644
--- a/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOther.vue
+++ b/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOther.vue
@@ -12,7 +12,7 @@
           </el-form-item>
           <el-form-item label="清单名称" class="search-item search-item-last">
             <el-input
-              v-model="sarSarAccessEOSearch.ListName"
+              v-model="sarSarAccessEOSearch.detailedListName"
               placeholder="请输入清单名称"
             ></el-input>
           </el-form-item>
@@ -22,7 +22,7 @@
               type="primary"
               class="common-button-primary"
               size="small"
-              @click="searchSarAccessBtn">
+              @click="searchSarAccess">
               查询
             </el-button>
           </el-form-item>
@@ -80,7 +80,7 @@
           width="260px"
         >
           <template slot-scope="scope">
-            <a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.accessContent }}</a>
+            <a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a>
           </template>
         </el-table-column>
         <el-table-column
@@ -88,8 +88,8 @@
           label="清单状态"
           align="center">
           <template slot-scope="scope">
-            <span v-if="scope.row.state === '1'">未发布</span>
-            <span v-if="scope.row.state === '2'">已发布</span>
+            <span v-if="scope.row.detailedListState === '1'">未发布</span>
+            <span v-if="scope.row.detailedListState === '2'">已发布</span>
           </template>
         </el-table-column>
         <el-table-column
@@ -97,7 +97,7 @@
           label="清单版本"
           align="center">
           <template slot-scope="scope">
-            <span v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">V{{ scope.row.detailedListVesion }}</span>
+            <span v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">{{ scope.row.detailedListVesion }}</span>
           </template>
         </el-table-column>
         <el-table-column
@@ -105,7 +105,7 @@
           label="适用领域"
           align="center">
           <template slot-scope="scope">
-            <span v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">V{{ scope.row.applicationScope }}</span>
+            <span v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope }}</span>
           </template>
         </el-table-column>
         <el-table-column
@@ -154,15 +154,10 @@ export default {
       rows: 10,
       // 查询相关参数
       sarSarAccessEOSearch: {
-        ListName: '',
-        country: '',
-        accessContent: '',
-        energyKind: '',
-        applyArctic: '',
-        region: '',
+        detailedList: '',
+        detailedListName: '',
         page: 1,
         pageSize: this.$store.getters.userInfo.configContent,
-        validFlag: 0
       },
       sarAccessListDatas: [],
       sarAccessListTotal: 0,
@@ -256,13 +251,18 @@ export default {
           break
       }
     },
-    // 搜索
-    searchSarAccessBtn () {
-      this.page = 1
-      this.searchSarAccess()
-    },
     //分页查询
-    searchSarAccess (advanceSearch) {
+    searchSarAccess () {
+      this.$http.get('sarLawsDetailedList/sar-laws-detailed-list/getAllStand',{
+        ...this.sarSarAccessEOSearch,
+        sortKey: 3,
+      }, {
+        _this: this
+      }, res =>{
+        this.sarAccessListDatas = res.data.records
+        this.sarAccessListTotal = res.data.total
+      }, e => {
+      })
 
     },
     pageChange (page) {
@@ -291,14 +291,38 @@ export default {
     },
     // 删除
     deleteSarAccess (flag, id) {
-    },
-    // 表格选择框
-    selectOne (alldata, nowdata) {
-      this.selectedList = []
-      for (let i = 0; i < alldata.length; i++) {
-        this.selectedList.push(alldata[i]['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 (() => {
+          const URL = `sarLawsDetailedList/sar-laws-detailed-list/deleteListAll?idList=${this.selectedList.join(',')}`
+          this.$http.postDelete(URL, {}, res => {
+            this.searchSarAccess();
+            this.selectedList = [];
+            this.$message.success('删除成功')
+          }, e => {
+          });
+        }).catch(() => {
+
+        })
       }
     },
+    // 表格选择框
+       selectOne(data) {
+        this.selectedList = []
+         for(let i = 0; i < data.length; i++) {
+           this.selectedList.push(data[i].id)
+         }
+       },
     // 点击 table查看按钮 事件
     showTable (item) {
       sessionStorage.setItem('accessRow', JSON.stringify(item))
diff --git a/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listProject.vue b/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listProject.vue
index 7dcda4ec7..65bea56f7 100644
--- a/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listProject.vue
+++ b/src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listProject.vue
@@ -3,7 +3,7 @@
   <div id="listOfCountries" class="v-class">
     <div class="search-area">
       <div class="left">
-        <el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form" >
+        <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.projectName"
@@ -22,7 +22,7 @@
               type="primary"
               class="common-button-primary"
               size="small"
-              @click="searchSarAccessBtn">
+              @click="searchSarAccess">
               查询
             </el-button>
           </el-form-item>
@@ -30,7 +30,8 @@
             <el-button
               class="common-button-default"
               size="small"
-              @click="clearSearch">清空</el-button>
+              @click="clearSearch">清空
+            </el-button>
           </el-form-item>
         </el-form>
       </div>
@@ -42,14 +43,16 @@
         size="mini"
         @click="openModal(null,'addOpt')"
         v-btn-permission="'J2YEFN9MH4KWW5HMR2QH'"
-      ><i class="iconfont">&#xe84e;</i>新增</el-button>
+      ><i class="iconfont">&#xe84e;</i>新增
+      </el-button>
       <el-button
         class="common-button-default delete-button"
         :loading="delLoading"
         size="mini"
         @click="deleteSarAccess('demore',null)"
         v-btn-permission="'WPNW79T3DNUZPJFNMHGP'"
-      ><i class="iconfont">&#xe61b;</i>批量删除</el-button>
+      ><i class="iconfont">&#xe61b;</i>批量删除
+      </el-button>
     </div>
     <div class="container">
       <el-table
@@ -80,7 +83,7 @@
           width="260px"
         >
           <template slot-scope="scope">
-            <a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.accessContent }}</a>
+            <a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a>
           </template>
         </el-table-column>
         <el-table-column
@@ -88,8 +91,8 @@
           label="清单状态"
           align="center">
           <template slot-scope="scope">
-            <span v-if="scope.row.state === '1'">未发布</span>
-            <span v-if="scope.row.state === '2'">已发布</span>
+            <span v-if="scope.row.detailedListState === '1'">未发布</span>
+            <span v-if="scope.row.detailedListState === '2'">已发布</span>
           </template>
         </el-table-column>
         <el-table-column
@@ -97,7 +100,9 @@
           label="清单版本"
           align="center">
           <template slot-scope="scope">
-            <span v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">V{{ scope.row.detailedListVesion }}</span>
+            <span
+              v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">{{ scope.row.detailedListVesion
+              }}</span>
           </template>
         </el-table-column>
         <el-table-column
@@ -105,7 +110,9 @@
           label="适用领域"
           align="center">
           <template slot-scope="scope">
-            <span v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">V{{ scope.row.applicationScope }}</span>
+            <span
+              v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope
+              }}</span>
           </template>
         </el-table-column>
         <el-table-column
@@ -114,7 +121,7 @@
           sortable
           align="center">
           <template slot-scope="scope">
-            <div>{{ scope.row.updateTime ? scope.row.updateTime.split(' ')[0] : '' }}</div>
+            <div>{{ scope.row.updateTime ? scope.row.updateTime.split(" ")[0] : "" }}</div>
           </template>
         </el-table-column>
         <el-table-column
@@ -128,9 +135,12 @@
               <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="'43UVH8AWGJLFDZT9WNTZ'">查看</el-dropdown-item>
-                  <el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'HYY8NGY2RYT3VEDRSK5V'">编辑</el-dropdown-item>
-                  <el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'X9HP9YQL2BRKBFCDMZQT'">删除</el-dropdown-item>
+                  <el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'43UVH8AWGJLFDZT9WNTZ'">查看
+                  </el-dropdown-item>
+                  <el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'HYY8NGY2RYT3VEDRSK5V'">编辑
+                  </el-dropdown-item>
+                  <el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'X9HP9YQL2BRKBFCDMZQT'">删除
+                  </el-dropdown-item>
                 </el-dropdown-menu>
               </el-dropdown>
             </div>
@@ -138,7 +148,8 @@
         </el-table-column>
       </el-table>
       <loading :loading="loading">数据获取中</loading>
-      <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
+      <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
+                  @pageSizeChange="pageSizeChange"></pagination>
     </div>
   </div>
 </template>
@@ -146,7 +157,7 @@
 <script>
 export default {
   name: "listProject",
-  data () {
+  data() {
     return {
       searching: false,
       total: 0,
@@ -154,10 +165,10 @@ export default {
       rows: 10,
       // 查询相关参数
       sarSarAccessEOSearch: {
-        projectName: '',
-        detailedListName: '',
+        projectName: "",
+        detailedListName: "",
         page: 1,
-        pageSize: this.$store.getters.userInfo.configContent,
+        pageSize: this.$store.getters.userInfo.configContent
       },
       sarAccessListDatas: [],
       sarAccessListTotal: 0,
@@ -165,24 +176,24 @@ export default {
       selectedList: [],
       // 新增、编辑 准入信息字段
       sarAccessEO: {
-        country: '',
-        applyArctic: '',
-        energyKind: '',
-        accessContent: '',
-        region: ''
+        country: "",
+        applyArctic: "",
+        energyKind: "",
+        accessContent: "",
+        region: ""
       },
       drawerPage: 1, // 当前抽屉分页的页码
       drawerTotal: 0, // 抽屉分页的总条数
       sarAccessEORules: {
         region: [
-          {required: true, message: '区域不能为空', trigger: 'change'}
+          { required: true, message: "区域不能为空", trigger: "change" }
         ],
         country: [
-          {required: true, message: '国家不能为空', trigger: 'change'}
+          { required: true, message: "国家不能为空", trigger: "change" }
         ],
         accessContent: [
-          {required: true, message: '表格名称不能为空', trigger: 'blur'},
-          {type: 'string', max: 100, message: '表格名称不能超过100个字符', trigger: 'blur'}
+          { required: true, message: "表格名称不能为空", trigger: "blur" },
+          { type: "string", max: 100, message: "表格名称不能超过100个字符", trigger: "blur" }
         ]
       },
       countryOptions: [],
@@ -195,141 +206,172 @@ export default {
       // 区域
       regionOptions: [
         {
-          label: '国内',
-          value: 'INLAND'
+          label: "国内",
+          value: "INLAND"
         },
         {
-          label: '海外',
-          value: 'FOREIGN'
+          label: "海外",
+          value: "FOREIGN"
         }
       ],
-      showModalTitle: '',
+      showModalTitle: "",
       disabledFlag: false,
       showModalFlag: false,
       // 新增、编辑过程中数据搜索字段
       sarAccessInfoSearch: {
-        region: '', // 区域
-        country: '', // 国家
-        keywords: '', // 关键字
-        energyKind: '', // 能源种类
-        category: '', // 所属专业领域
-        applyArctic: '', // 适用车型
-        deadLine: '', // 截止时间
-        applyAuth: '' // 认证类型
+        region: "", // 区域
+        country: "", // 国家
+        keywords: "", // 关键字
+        energyKind: "", // 能源种类
+        category: "", // 所属专业领域
+        applyArctic: "", // 适用车型
+        deadLine: "", // 截止时间
+        applyAuth: "" // 认证类型
       },
       dataSourceOptions: [
-        {value: 'INLAND_STAND', label: '国内标准法规'},
-        {value: 'FOREIGN_STAND', label: '海外标准法规'},
-        {value: 'FOREIGN_LAWS', label: '国内外政策'},
-        {value: 'BUSINESS', label: '企业标准 '}
+        { value: "INLAND_STAND", label: "国内标准法规" },
+        { value: "FOREIGN_STAND", label: "海外标准法规" },
+        { value: "FOREIGN_LAWS", label: "国内外政策" },
+        { value: "BUSINESS", label: "企业标准 " }
       ],
       sarAccessInfoSearchList: [],
       selectedAccInfoSearchList: [],
       sarAccessInfoListArry: [],
       sarAccessInfoList: [],
-      importExcelUrl: '/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=',
+      importExcelUrl: "/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=",
       importmodalFlag: false,
-      saveExportType: '',
+      saveExportType: "",
       seeModalFlag: false, // 查看抽屉显示隐藏
-      seeModalTitle: '', // 查看抽屉title
+      seeModalTitle: "", // 查看抽屉title
       seeSarAccessInfoList: [], // 查看抽屉内 table
       delLoading: false
-    }
+    };
   },
   methods: {
     // 更多
-    handleCommand (command) {
+    handleCommand(command) {
       switch (command[1]) {
-        case '查看':
-          this.showTable(command[0])
-          break
-        case '编辑':
-          this.editTable(command[0])
-          break
-        case '删除':
-          this.deleteSarAccess('delOne', command[0].id)
-          break
+        case "查看":
+          this.showTable(command[0]);
+          break;
+        case "编辑":
+          this.editTable(command[0]);
+          break;
+        case "删除":
+          this.deleteSarAccess("delOne", command[0].id);
+          break;
       }
     },
-    // 搜索
-    searchSarAccessBtn () {
-      this.page = 1
-      this.searchSarAccess()
-    },
     //分页查询
-    searchSarAccess (advanceSearch) {
+    searchSarAccess() {
+      this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
+        ...this.sarSarAccessEOSearch,
+        sortKey: 2
+      }, {
+        _this: this
+      }, res => {
+        this.sarAccessListDatas = res.data.records;
+        this.sarAccessListTotal = res.data.total
+      }, e => {
+      });
 
     },
-    pageChange (page) {
-      this.sarSarAccessEOSearch.page = page
-      this.searchSarAccess()
+    pageChange(page) {
+      this.sarSarAccessEOSearch.page = page;
+      this.searchSarAccess();
     },
-    pageSizeChange (pageSize) {
-      this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent
-      this.searchSarAccess()
+    pageSizeChange(pageSize) {
+      this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent;
+      this.searchSarAccess();
     },
-    clearSearch (search = true) {
-      // search 字段是为了处理高级查询时清空字段用的
-      this.sarSarAccessEOSearch.country = ''
-      this.sarSarAccessEOSearch.accessContent = ''
-      this.sarSarAccessEOSearch.applyArctic = ''
-      this.sarSarAccessEOSearch.energyKind = ''
-      this.sarSarAccessEOSearch.type = ''
-      this.sarSarAccessEOSearch.page = 1
-      search && this.searchSarAccess()
+    //清空
+    clearSearch() {
+      this.sarSarAccessEOSearch = {
+        projectName: "",
+        detailedListName: "",
+      };
+      this.searchSarAccess();
+
     },
     // 新增相关
-    openModal (row, optType) {
+    openModal(row, optType) {
       this.$router.push({
-        name: 'ListOfStandardsAndRegulationsDetails'
-      })
+        name: "ListOfStandardsAndRegulationsDetails"
+      });
     },
     // 删除
-    deleteSarAccess (flag, id) {
+    deleteSarAccess(flag, id) {
+      if (flag === 'delOne') {
+        this.selectedList = [];
+        this.selectedList[0] = id;
+      }
+      if (this.selectedList === 0) {
+        this.$message.warning('请选择要删除的数据')
+      } else {
+        this.$confirm('确定删除这些数据？', '提示', {
+          confirmButtonText: '确定',
+          confirmButtonClass: 'common-button-primary',
+          cancelButtonText: '取消',
+          type: 'warning',
+        }).then(() => {
+          const URL = `sarLawsDetailedList/sar-laws-detailed-list/deleteListAll?idList=${this.selectedList.join(',')}`
+          this.$http.postDelete(URL, {}, res => {
+            this.searchSarAccess();
+            this.selectedList = [];
+            this.$message.success('删除成功')
+          }, e => {
+          });
+        }).catch(() => {
+
+        })
+      }
+
     },
     // 表格选择框
-    selectOne (alldata, nowdata) {
-      this.selectedList = []
-      for (let i = 0; i < alldata.length; i++) {
-        this.selectedList.push(alldata[i]['id'])
+    selectOne(data) {
+      this.selectedList = [];
+      for (let i = 0; i < data.length; i++) {
+        this.selectedList.push(data[i].id);
       }
     },
     // 点击 table查看按钮 事件
-    showTable (item) {
-      sessionStorage.setItem('accessRow', JSON.stringify(item))
-      this.$store.commit('setDetailMap', this.$route.path)
+    showTable(item) {
+      sessionStorage.setItem("accessRow", JSON.stringify(item));
+      this.$store.commit("setDetailMap", this.$route.path);
       this.$router.push({
-        name: 'AccessStandardDetails',
+        name: "AccessStandardDetails",
         params: {
           id: item.id
         }
-      })
+      });
     },
     // 点击 table编辑按钮 事件
-    editTable (item) {
-      sessionStorage.setItem('accessRow', JSON.stringify(item))
+    editTable(item) {
+      sessionStorage.setItem("accessRow", JSON.stringify(item));
       this.$router.push({
-        name: 'ListOfStandardsAndRegulationsDetails',
+        name: "ListOfStandardsAndRegulationsDetails",
         query: {
           id: item.id
         }
-      })
-    },
+      });
+    }
   },
-  mounted () {
+  mounted() {
     // 分页查询数据
-    this.searchSarAccess()
-  },
+    this.searchSarAccess();
+  }
 };
 </script>
 
 <style lang="less" scoped>
 @import '~@/assets/styles/style';
 @import '~@/assets/styles/mixins';
+
 #listOfCountries {
   height: 100%;
   display: flex;
   flex-direction: column;
+
   .container {
     display: flex;
     flex-direction: column;
@@ -339,32 +381,39 @@ export default {
     //height: calc(~'100% - 105px - 56px') !important;
     .pagination {
       position: static;
+
       /deep/ .pagination-slot {
         padding: 0;
       }
     }
   }
-  .el-divider{
-    .el-divider__text{
+
+  .el-divider {
+    .el-divider__text {
       font-size: 16px;
       color: #0c91e5;
     }
   }
-  .standards-drawer-table-one{
+
+  .standards-drawer-table-one {
     position: relative;
     height: 350px;
-    .pagination{
+
+    .pagination {
       bottom: 0;
     }
   }
-  .standards-drawer-table{
+
+  .standards-drawer-table {
     margin-top: 10px;
   }
-  .see-drawer{
-    .searchAngNewBtn{
+
+  .see-drawer {
+    .searchAngNewBtn {
       float: right;
     }
-    .el-divider{
+
+    .el-divider {
       clear: both;
     }
   }
diff --git a/src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/addEdit.vue b/src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/addEdit.vue
index 2c4a756c1..a66d3766a 100644
--- a/src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/addEdit.vue
+++ b/src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/addEdit.vue
@@ -53,7 +53,7 @@
                 :on-success="uploadBackSuccess"
                 :before-upload="beforeUpload"
               >
-                <el-button class="common-button-default">
+                <el-button class="common-button-default" size="mini">
                   点击上传
                 </el-button>
               </el-upload>
@@ -140,19 +140,18 @@
             </el-form-item>
             <el-form-item class="search-item btn-box">
               <el-button
-                icon="el-icon-search"
                 type="primary"
                 class="common-button-primary"
                 size="small"
                 @click="searchLawsStands">
+                查询
               </el-button>
             </el-form-item>
             <el-form-item class="search-item btn-box">
               <el-button
                 class="common-button-default"
-                icon="el-icon-refresh-left"
                 size="small"
-                @click="clearSearchLaws"></el-button>
+                @click="clearSearchLaws">清空</el-button>
             </el-form-item>
 <!--        多属性搜索，暂时不需要，已添加高级检索-->
 <!--            <el-form-item class="search-item" v-if="moreSearchBtn">
diff --git a/src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/details.vue b/src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/details.vue
index 6412cd36d..c6a015de4 100644
--- a/src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/details.vue
+++ b/src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/details.vue
@@ -4,41 +4,37 @@
       <div class="back" title="返回" @click="back">
         <i class="el-icon-back"></i>
       </div>
-      <div class="title">{{ sarAccessEO.accessContent }}<i class="el-icon-s-order" @click="heightShow = !heightShow"></i></div>
-      <span class="relateClass" style="margin-top: 15px;float: right;">
-        <el-button class="relation-btn"  icon="icon-relation" @click="relateEvent()">更新LOG</el-button>
-      </span>
+      <div class="title">{{ sarAccessEO.detailedListName }}<i class="el-icon-s-order"
+                                                              @click="heightShow = !heightShow"></i></div>
     </div>
     <transition name="el-zoom-in-top">
       <div v-show="heightShow" class="transition-box">
         <p class="transition-box-p">
           <label class="transition-box-label">国家/地区：</label>
-          <span class="transition-box-span">{{ sarAccessEO.countryShow }}</span>
+          <span class="transition-box-span">{{ sarAccessEO.countryArea }}</span>
         </p>
         <p class="transition-box-p">
           <label class="transition-box-label">清单说明：</label>
-          <span class="transition-box-span">{{ sarAccessEO.remark || '-' }}</span>
+          <span class="transition-box-span">{{ sarAccessEO.remark || "-" }}</span>
         </p>
         <div class="transition-box-p">
           <label class="transition-box-label">附件：</label>
           <div class="file-box" v-if="fileInfoList.length > 0">
-           <p   v-for="item in fileInfoList"
-                   :key="item.id">
-            <a  class="transition-box-span"
-               @click="openFileInPdf(item.id, item.name)" target="_blank">{{ item.name }}</a>
-            <i
-                    title="下载"
-                    @click="downloadFile(item.id)"
-                    class="icon-download"
-                    v-btn-permission="'E5QPKLR9CFVXTV64N32C'"
-            />
-            <i
-                    title="下载带水印"
-                    @click="downloadFileByWater(item.id,item.name)"
-                    class="icon-download2"
-                    v-btn-permission="'43MBNPD59L2VYEQH4DSL'"
-            />
-              </p>
+            <p v-for="item in fileInfoList"
+               :key="item.id">
+              <i
+                title="下载"
+                @click="downloadFile(item.id)"
+                class="icon-download"
+                v-btn-permission="'E5QPKLR9CFVXTV64N32C'"
+              />
+              <i
+                title="下载带水印"
+                @click="downloadFileByWater(item.id,item.name)"
+                class="icon-download2"
+                v-btn-permission="'43MBNPD59L2VYEQH4DSL'"
+              />
+            </p>
           </div>
           <span class="transition-box-span" v-else>-</span>
         </div>
@@ -47,8 +43,8 @@
     <div class="search-area">
       <div class="left">
         <el-form ref="standardForm" :model="standardForm" inline>
-          <el-form-item label="标准号/标准名称" class="search-item">
-            <el-input v-model="standardForm.codeOrName"
+          <el-form-item label="标准名称" class="search-item">
+            <el-input v-model="standardForm.standName"
                       placeholder="请输入"
                       clearable></el-input>
           </el-form-item>
@@ -75,25 +71,22 @@
             </el-popover>
           </el-form-item>
           <el-form-item label="" class="search-item btn-box">
-            <el-button class="common-button-primary" type="primary" icon="el-icon-search" size="small" @click="selectProductBtn"></el-button>
+            <el-button class="common-button-primary" type="primary" size="small" @click="selectProductBtn">查询
+            </el-button>
           </el-form-item>
           <el-form-item label="" class="search-item btn-box">
-            <el-button class="common-button-default" icon="el-icon-refresh-left" @click="resetSelect" size="small"></el-button>
+            <el-button class="common-button-default" @click="resetSelect" size="small">清空</el-button>
           </el-form-item>
 
           <el-button class="common-button-default export-button"
                      size="small" @click="exportStandard()"
                      title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
                      icon="export"
-          >导出</el-button>
-          <el-button type="primary" class="common-button-primary" size="mini" @click="selectMoreBtn"><i class="iconfont">&#xe7a5;</i>高级查询</el-button>
-          <AdvancedQuery
-              :isAdvancedSearch.sync="isAdvancedSearch"
-              :twoOptions="twoOptions"
-              :threeOptions="threeOptions"
-              @twoSelectChange="twoSelectChange"
-              @getDomesticStandardTableBtn="getDomesticStandardTableBtn"
-          ></AdvancedQuery>
+          >导出
+          </el-button>
+          <el-button type="primary" class="common-button-primary" size="mini" @click="selectMoreBtn"><i
+            class="iconfont">&#xe7a5;</i>高级查询
+          </el-button>
         </el-form>
       </div>
       <div class="right">
@@ -102,815 +95,102 @@
     <div class="container" style="position:relative;">
       <div style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
         <el-table
-                :data="standinfoList"
-                style="width: 100%"
-                height="100%"
-                border
-                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+          :data="standinfoList"
+          style="width: 100%"
+          height="90%"
+          border
+          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
               fontWeight: 'bold', height: '48px'}"
-                @selection-change="standSelectChange"
-                ref="skillTable"
+          @selection-change="standSelectChange"
+          ref="skillTable"
         >
           <el-table-column
-                  type="selection"
-                  width="55"
-                  align="center">
+            type="selection"
+            width="55"
+            align="center">
           </el-table-column>
           <el-table-column
-                  width="180px"
-                  fixed="left"
-                  label="标准号">
+            width="180px"
+            fixed="left"
+            label="标准号">
             <template slot-scope="scope">
-              <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.code }}</a>
+              <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump"
+                 @click="handlePreview(scope.row)">{{ scope.row.code }}</a>
               <span v-else>{{ scope.row.code }}</span>
             </template>
           </el-table-column>
           <el-table-column
-                  prop="name"
-                  width="260px"
-                  label="中文名称"
-                  fixed="left"
+            prop="name"
+            width="180px"
+            label="中文名称"
+            fixed="left"
           >
             <template slot-scope="scope">
-              <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.name }}</a>
+              <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump"
+                 @click="handlePreview(scope.row)">{{ scope.row.name }}</a>
               <span v-else>{{ scope.row.name }}</span>
             </template>
           </el-table-column>
           <el-table-column
-                  prop="enName"
-                  width="260px"
-                  fixed="left"
-                  label="英文名称">
+            prop="enName"
+            width="180px"
+            fixed="left"
+            label="英文名称">
             <template slot-scope="scope">
-              <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.enName }}</a>
+              <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump"
+                 @click="handlePreview(scope.row)">{{ scope.row.enName }}</a>
               <span v-else>{{ scope.row.enName }}</span>
             </template>
           </el-table-column>
           <el-table-column
-                  prop="newPutTime"
-                  width="190px"
-                  label="新车型实施日期(项目)"
-                  sortable
+            prop="newPutTime"
+            width="190px"
+            label="发布日期"
+            sortable
           >
           </el-table-column>
           <el-table-column
-                  prop="prodPutTime"
-                  width="190px"
-                  label="在产车实施日期(项目)"
-                  sortable
+            prop="newPutTime"
+            width="190px"
+            label="新车型实施日期(项目)"
+            sortable
           >
           </el-table-column>
           <el-table-column
-                  prop="eopPutTime"
-                  width="190px"
-                  label="EOP实施日期(项目)"
-                  sortable
+            prop="prodPutTime"
+            width="190px"
+            label="在产车实施日期(项目)"
+            sortable
           >
           </el-table-column>
           <el-table-column
-                  prop="performInfo"
-                  width="280px"
-                  show-overflow-tooltip
-                  label="实施说明">
+            prop="applyArcticId"
+            width="120px"
+            show-overflow-tooltip
+            label="适用车辆类型">
           </el-table-column>
           <el-table-column
-                  prop="authDelive"
-                  width="120px"
-                  label="认证交付物">
-          </el-table-column>
-          <el-table-column
-                  prop="authObjId"
-                  width="100px"
-                  label="认证对象">
-          </el-table-column>
-          <el-table-column
-                  prop="askNatureName"
-                  width="100px"
-                  label="监管类型">
-          </el-table-column>
-          <el-table-column
-                  prop="applyArcticId"
-                  width="120px"
-                  show-overflow-tooltip
-                  label="适用车辆类型">
-          </el-table-column>
-          <el-table-column
-                  prop="ZRBMName"
-                  width="150px"
-                  show-overflow-tooltip
-                  label="责任部门">
-            <template slot-scope="scope">
-              {{ scope.row.ZRBMName || scope.row.zrbmname || '' }}
-            </template>
-          </el-table-column>
-          <el-table-column
-                  prop="XGBMName"
-                  width="100px"
-                  show-overflow-tooltip
-                  label="相关部门">
-            <template slot-scope="scope">
-              {{ scope.row.XGBMName || scope.row.xgbmname || '' }}
-            </template>
-          </el-table-column>
-          <el-table-column
-                  prop="FOName"
-                  width="150px"
-                  show-overflow-tooltip
-                  label="FO">
-            <template slot-scope="scope">
-              {{ scope.row.FOName || scope.row.foname || '' }}
-            </template>
-          </el-table-column>
-          <el-table-column
-                  prop="proEssessUser"
-                  width="120px"
-                  show-overflow-tooltip
-                  label="项目评估角色">
-          </el-table-column>
-          <el-table-column
-                  prop="synopsis"
-                  width="200px"
-                  show-overflow-tooltip
-                  label="文本说明">
-          </el-table-column>
-          <el-table-column
-                  width="120px"
-                  show-overflow-tooltip
-                  label="标签">
-            <template slot-scope="scope">
-              {{ scope.row.GXHBQName || scope.row.gxhbqName || '' }}
-            </template>
-          </el-table-column>
-          <el-table-column
-                  prop="askTypeName"
-                  width="120px"
-                  show-overflow-tooltip
-                  label="要求类型">
-          </el-table-column>
-          <el-table-column
-                  prop="prcState"
-                  label="流程状态">
-            <template slot-scope="scope">
-              <span v-if="scope.row.sarType === 'TEMP'"></span>
-              <div v-else-if="scope.row.prcState === '1'">评估中</div>
-              <div v-else-if="scope.row.prcState === '2'">已评估</div>
-              <!--                <div v-else-if="scope.row.prcState === '3'">已评估</div>-->
-              <!--                <div v-else-if="scope.row.prcState === '4'">已整改</div>-->
-              <!--                <div v-else-if="scope.row.prcState === '5'">未评估</div>-->
-              <div v-else>N/A</div>
-            </template>
-          </el-table-column>
-          <el-table-column
-                  prop="sarState"
-                  width="100"
-                  label="符合性状态">
-            <template slot-scope="scope">
-              <span v-if="scope.row.sarType === 'TEMP'"></span>
-              <a v-else-if="scope.row.sarState === '1'" class="table-jump" @click="changeState(scope.row)">待验证</a>
-              <a v-else-if="scope.row.sarState === '2'" class="table-jump" @click="changeState(scope.row)">符合</a>
-              <a v-else-if="scope.row.sarState === '3'" class="table-jump" @click="changeState(scope.row)">不符合</a>
-              <a v-else-if="scope.row.sarState === '4'" class="table-jump" @click="changeState(scope.row)">部分符合</a>
-              <a v-else-if="scope.row.sarState === '5'" class="table-jump" @click="changeState(scope.row)">不涉及</a>
-              <a v-else-if="scope.row.sarState === '6'" class="table-jump" @click="changeState(scope.row)">评估中</a>
-              <a v-else-if="scope.row.sarState === '7'" class="table-jump">整改中</a>
-              <a v-else-if="scope.row.sarState === '8'" class="table-jump">未评估</a>
-              <!--                <a v-else-if="scope.row.sarState === '0'" class="table-jump">部分符合</a>-->
-            </template>
-          </el-table-column>
-          <el-table-column
-                  prop="sarState"
-                  align="center"
-                  width="100"
-                  label="合规性分级">
-            <template slot-scope="scope">
-              <!--                <span v-if="scope.row.sarType === 'TEMP'"></span>-->
-              <!--                <div v-else-if="scope.row.sarState === 8" >-->
-              <!--                  <img class="iconClass" src="../../../../assets/images/ComplianceClassification/blue.png">-->
-              <!--                </div>-->
-              <!--                <div v-else-if="scope.row.sarState === 2" >-->
-              <!--                  <img class="iconClass" src="../../../../assets/images/ComplianceClassification/green.png">-->
-              <!--                </div>-->
-              <!--                <div v-else-if="scope.row.sarState === 5">-->
-              <!--                  <img class="iconClass" src="../../../../assets/images/ComplianceClassification/white.png">-->
-              <!--                </div>-->
-              <!--                <div v-else-if="scope.row.color === '#f00' && scope.row.sarState === '3'">-->
-              <!--                  <img class="iconClass" @click="typeColor(scope.row, 1, 1)" src="../../../../assets/images/ComplianceClassification/red.png" >-->
-              <!--                </div>-->
-              <!--                <div v-else-if="scope.row.color !== '' && scope.row.sarState === '3'">-->
-              <!--                  <img class="iconClass" @click="typeColor(scope.row, 2, 1)" src="../../../../assets/images/ComplianceClassification/yellow.png" >-->
-              <!--                </div>-->
-              <div @click="chooseColor(scope.row, '2')">
-                <div v-if="!scope.row.color">
-                  <span v-if="scope.row.sarType === 'TEMP'"></span>
-                  <div v-else-if="scope.row.sarState === '8'|| ((scope.row.sarState === ''&& (scope.row.prcState !== ''&&scope.row.prcState !== null))||(scope.row.sarState === 'null'&& (scope.row.prcState !== ''&&scope.row.prcState !== null)))">
-                    <!--                          <img class="iconClass" src="../../../../assets/images/ComplianceClassification/blue.png">-->
-                    <!--暂不显示-->
-                  </div>
-                  <div v-else-if="scope.row.sarState === '2'" >
-                    <img class="iconClass" src="../../../../assets/images/ComplianceClassification/green.png">
-
-                  </div>
-                  <div v-else-if="scope.row.sarState === '5'">
-                    <img class="iconClass" src="../../../../assets/images/ComplianceClassification/grey.png">
-                  </div>
-                  <div v-else-if="scope.row.prcState === ''||scope.row.prcState === null">
-                    <!--                          <img class="iconClass"  src="../../../../assets/images/ComplianceClassification/white.png" >-->
-                  </div>
-                  <!--                        <div v-else-if="scope.row.color === '#f00'">-->
-                  <!--                          <img class="iconClass" @click="typeColor(scope.row, 1, 1)" src="../../../../assets/images/ComplianceClassification/red.png" >-->
-                  <!--                        </div>-->
-                  <div v-else-if="scope.row.sarState === '3'">
-                    <img class="iconClass" src="../../../../assets/images/ComplianceClassification/yellow.png" >
-                  </div>
-                </div>
-                <div v-else>
-                  <div v-if="scope.row.color === 'green'" >
-                    <img class="iconClass" src="../../../../assets/images/ComplianceClassification/green.png">
-                    <!--暂不显示-->
-                  </div>
-                  <div v-if="scope.row.color === 'red'" >
-                    <img class="iconClass" src="../../../../assets/images/ComplianceClassification/red.png">
-                    <!--暂不显示-->
-                  </div>
-                  <div v-if="scope.row.color === 'blue'" >
-                    <img class="iconClass" src="../../../../assets/images/ComplianceClassification/blue.png">
-                    <!--暂不显示-->
-                  </div>
-                  <div v-if="scope.row.color === 'grey'" >
-                    <img class="iconClass" src="../../../../assets/images/ComplianceClassification/grey.png">
-                    <!--暂不显示-->
-                  </div>
-                  <div v-if="scope.row.color === 'yellow'" >
-                    <img class="iconClass" src="../../../../assets/images/ComplianceClassification/yellow.png">
-                    <!--暂不显示-->
-                  </div>
-                </div>
-              </div>
-            </template>
+            prop="applyArcticId"
+            width="120px"
+            show-overflow-tooltip
+            label="文本状态">
           </el-table-column>
         </el-table>
-<!--        <el-tabs v-model="activeName" @tab-click="handleClick">-->
-<!--          <el-tab-pane label="技术要求" name="SKILL" class="container-tab-pane">-->
-<!--            <div style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">-->
-<!--              <el-table-->
-<!--                :data="standinfoList"-->
-<!--                style="width: 100%"-->
-<!--                height="100%"-->
-<!--                border-->
-<!--                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',-->
-<!--              fontWeight: 'bold', height: '48px'}"-->
-<!--                @selection-change="standSelectChange"-->
-<!--                ref="skillTable"-->
-<!--              >-->
-<!--                <el-table-column-->
-<!--                  type="selection"-->
-<!--                  width="55"-->
-<!--                  align="center">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  width="180px"-->
-<!--                  fixed="left"-->
-<!--                  label="标准号">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.code }}</a>-->
-<!--                    <span v-else>{{ scope.row.code }}</span>-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="name"-->
-<!--                  width="260px"-->
-<!--                  label="中文名称"-->
-<!--                  fixed="left"-->
-<!--                >-->
-<!--                  <template slot-scope="scope">-->
-<!--                    <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.name }}</a>-->
-<!--                    <span v-else>{{ scope.row.name }}</span>-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="enName"-->
-<!--                  width="260px"-->
-<!--                  fixed="left"-->
-<!--                  label="英文名称">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.enName }}</a>-->
-<!--                    <span v-else>{{ scope.row.enName }}</span>-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="newPutTime"-->
-<!--                  width="190px"-->
-<!--                  label="新车型实施日期(项目)"-->
-<!--                  sortable-->
-<!--                >-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="prodPutTime"-->
-<!--                  width="190px"-->
-<!--                  label="在产车实施日期(项目)"-->
-<!--                  sortable-->
-<!--                >-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="eopPutTime"-->
-<!--                  width="190px"-->
-<!--                  label="EOP实施日期(项目)"-->
-<!--                  sortable-->
-<!--                >-->
-<!--                </el-table-column>-->
-<!--&lt;!&ndash;                <el-table-column&ndash;&gt;-->
-<!--&lt;!&ndash;                  prop="newPutTextTime"&ndash;&gt;-->
-<!--&lt;!&ndash;                  width="210px"&ndash;&gt;-->
-<!--&lt;!&ndash;                  label="新车型实施日期（项目）"&ndash;&gt;-->
-<!--&lt;!&ndash;                  sortable&ndash;&gt;-->
-<!--&lt;!&ndash;                >&ndash;&gt;-->
-<!--&lt;!&ndash;                </el-table-column>&ndash;&gt;-->
-<!--&lt;!&ndash;                <el-table-column&ndash;&gt;-->
-<!--&lt;!&ndash;                  prop="prodPutTextTime"&ndash;&gt;-->
-<!--&lt;!&ndash;                  width="210px"&ndash;&gt;-->
-<!--&lt;!&ndash;                  label="在产车实施日期（项目）"&ndash;&gt;-->
-<!--&lt;!&ndash;                  sortable&ndash;&gt;-->
-<!--&lt;!&ndash;                >&ndash;&gt;-->
-<!--&lt;!&ndash;                </el-table-column>&ndash;&gt;-->
-<!--&lt;!&ndash;                <el-table-column&ndash;&gt;-->
-<!--&lt;!&ndash;                  prop="eopPutTextTime"&ndash;&gt;-->
-<!--&lt;!&ndash;                  width="200px"&ndash;&gt;-->
-<!--&lt;!&ndash;                  label="EOP实施日期（项目）"&ndash;&gt;-->
-<!--&lt;!&ndash;                  sortable&ndash;&gt;-->
-<!--&lt;!&ndash;                >&ndash;&gt;-->
-<!--&lt;!&ndash;                </el-table-column>&ndash;&gt;-->
-<!--                &lt;!&ndash;              <el-table-column&ndash;&gt;-->
-<!--                &lt;!&ndash;                prop="synopsis"&ndash;&gt;-->
-<!--                &lt;!&ndash;                width="100px"&ndash;&gt;-->
-<!--                &lt;!&ndash;                show-overflow-tooltip&ndash;&gt;-->
-<!--                &lt;!&ndash;                label="法规说明">&ndash;&gt;-->
-<!--                &lt;!&ndash;              </el-table-column>&ndash;&gt;-->
-<!--                <el-table-column-->
-<!--                  prop="performInfo"-->
-<!--                  width="280px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="实施说明">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="authDelive"-->
-<!--                  width="120px"-->
-<!--                  label="认证交付物">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="authObjId"-->
-<!--                  width="100px"-->
-<!--                  label="认证对象">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="askNatureName"-->
-<!--                  width="100px"-->
-<!--                  label="监管类型">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="applyArcticId"-->
-<!--                  width="120px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="适用车辆类型">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="ZRBMName"-->
-<!--                  width="150px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="责任部门">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    {{ scope.row.ZRBMName || scope.row.zrbmname || '' }}-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="XGBMName"-->
-<!--                  width="100px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="相关部门">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    {{ scope.row.XGBMName || scope.row.xgbmname || '' }}-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="FOName"-->
-<!--                  width="150px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="FO">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    {{ scope.row.FOName || scope.row.foname || '' }}-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="proEssessUser"-->
-<!--                  width="120px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="项目评估角色">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="synopsis"-->
-<!--                  width="200px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="文本说明">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  width="120px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="标签">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    {{ scope.row.GXHBQName || scope.row.gxhbqName || '' }}-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="askTypeName"-->
-<!--                  width="120px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="要求类型">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="prcState"-->
-<!--                  label="流程状态">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    <span v-if="scope.row.sarType === 'TEMP'"></span>-->
-<!--                    <div v-else-if="scope.row.prcState === '1'">评估中</div>-->
-<!--                    <div v-else-if="scope.row.prcState === '2'">已评估</div>-->
-<!--                    &lt;!&ndash;                <div v-else-if="scope.row.prcState === '3'">已评估</div>&ndash;&gt;-->
-<!--                    &lt;!&ndash;                <div v-else-if="scope.row.prcState === '4'">已整改</div>&ndash;&gt;-->
-<!--                    &lt;!&ndash;                <div v-else-if="scope.row.prcState === '5'">未评估</div>&ndash;&gt;-->
-<!--                    <div v-else>N/A</div>-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="sarState"-->
-<!--                  width="100"-->
-<!--                  label="符合性状态">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    <span v-if="scope.row.sarType === 'TEMP'"></span>-->
-<!--                    <a v-else-if="scope.row.sarState === '1'" class="table-jump" @click="changeState(scope.row)">待验证</a>-->
-<!--                    <a v-else-if="scope.row.sarState === '2'" class="table-jump" @click="changeState(scope.row)">符合</a>-->
-<!--                    <a v-else-if="scope.row.sarState === '3'" class="table-jump" @click="changeState(scope.row)">不符合</a>-->
-<!--                    <a v-else-if="scope.row.sarState === '4'" class="table-jump" @click="changeState(scope.row)">部分符合</a>-->
-<!--                    <a v-else-if="scope.row.sarState === '5'" class="table-jump" @click="changeState(scope.row)">不涉及</a>-->
-<!--                    <a v-else-if="scope.row.sarState === '6'" class="table-jump" @click="changeState(scope.row)">评估中</a>-->
-<!--                    <a v-else-if="scope.row.sarState === '7'" class="table-jump">整改中</a>-->
-<!--                    <a v-else-if="scope.row.sarState === '8'" class="table-jump">未评估</a>-->
-<!--                    &lt;!&ndash;                <a v-else-if="scope.row.sarState === '0'" class="table-jump">部分符合</a>&ndash;&gt;-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="sarState"-->
-<!--                  align="center"-->
-<!--                  width="100"-->
-<!--                  label="合规性分级">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    &lt;!&ndash;                <span v-if="scope.row.sarType === 'TEMP'"></span>&ndash;&gt;-->
-<!--                    &lt;!&ndash;                <div v-else-if="scope.row.sarState === 8" >&ndash;&gt;-->
-<!--                    &lt;!&ndash;                  <img class="iconClass" src="../../../../assets/images/ComplianceClassification/blue.png">&ndash;&gt;-->
-<!--                    &lt;!&ndash;                </div>&ndash;&gt;-->
-<!--                    &lt;!&ndash;                <div v-else-if="scope.row.sarState === 2" >&ndash;&gt;-->
-<!--                    &lt;!&ndash;                  <img class="iconClass" src="../../../../assets/images/ComplianceClassification/green.png">&ndash;&gt;-->
-<!--                    &lt;!&ndash;                </div>&ndash;&gt;-->
-<!--                    &lt;!&ndash;                <div v-else-if="scope.row.sarState === 5">&ndash;&gt;-->
-<!--                    &lt;!&ndash;                  <img class="iconClass" src="../../../../assets/images/ComplianceClassification/white.png">&ndash;&gt;-->
-<!--                    &lt;!&ndash;                </div>&ndash;&gt;-->
-<!--                    &lt;!&ndash;                <div v-else-if="scope.row.color === '#f00' && scope.row.sarState === '3'">&ndash;&gt;-->
-<!--                    &lt;!&ndash;                  <img class="iconClass" @click="typeColor(scope.row, 1, 1)" src="../../../../assets/images/ComplianceClassification/red.png" >&ndash;&gt;-->
-<!--                    &lt;!&ndash;                </div>&ndash;&gt;-->
-<!--                    &lt;!&ndash;                <div v-else-if="scope.row.color !== '' && scope.row.sarState === '3'">&ndash;&gt;-->
-<!--                    &lt;!&ndash;                  <img class="iconClass" @click="typeColor(scope.row, 2, 1)" src="../../../../assets/images/ComplianceClassification/yellow.png" >&ndash;&gt;-->
-<!--                    &lt;!&ndash;                </div>&ndash;&gt;-->
-<!--                    <div @click="chooseColor(scope.row, '2')">-->
-<!--                      <div v-if="!scope.row.color">-->
-<!--                        <span v-if="scope.row.sarType === 'TEMP'"></span>-->
-<!--                        <div v-else-if="scope.row.sarState === '8'|| ((scope.row.sarState === ''&& (scope.row.prcState !== ''&&scope.row.prcState !== null))||(scope.row.sarState === 'null'&& (scope.row.prcState !== ''&&scope.row.prcState !== null)))">-->
-<!--&lt;!&ndash;                          <img class="iconClass" src="../../../../assets/images/ComplianceClassification/blue.png">&ndash;&gt;-->
-<!--                          &lt;!&ndash;暂不显示&ndash;&gt;-->
-<!--                        </div>-->
-<!--                        <div v-else-if="scope.row.sarState === '2'" >-->
-<!--                          <img class="iconClass" src="../../../../assets/images/ComplianceClassification/green.png">-->
-
-<!--                        </div>-->
-<!--                        <div v-else-if="scope.row.sarState === '5'">-->
-<!--                          <img class="iconClass" src="../../../../assets/images/ComplianceClassification/grey.png">-->
-<!--                        </div>-->
-<!--                        <div v-else-if="scope.row.prcState === ''||scope.row.prcState === null">-->
-<!--&lt;!&ndash;                          <img class="iconClass"  src="../../../../assets/images/ComplianceClassification/white.png" >&ndash;&gt;-->
-<!--                        </div>-->
-<!--                        &lt;!&ndash;                        <div v-else-if="scope.row.color === '#f00'">&ndash;&gt;-->
-<!--                        &lt;!&ndash;                          <img class="iconClass" @click="typeColor(scope.row, 1, 1)" src="../../../../assets/images/ComplianceClassification/red.png" >&ndash;&gt;-->
-<!--                        &lt;!&ndash;                        </div>&ndash;&gt;-->
-<!--                        <div v-else-if="scope.row.sarState === '3'">-->
-<!--                          <img class="iconClass" src="../../../../assets/images/ComplianceClassification/yellow.png" >-->
-<!--                        </div>-->
-<!--                      </div>-->
-<!--                      <div v-else>-->
-<!--                        <div v-if="scope.row.color === 'green'" >-->
-<!--                          <img class="iconClass" src="../../../../assets/images/ComplianceClassification/green.png">-->
-<!--                          &lt;!&ndash;暂不显示&ndash;&gt;-->
-<!--                        </div>-->
-<!--                        <div v-if="scope.row.color === 'red'" >-->
-<!--                          <img class="iconClass" src="../../../../assets/images/ComplianceClassification/red.png">-->
-<!--                          &lt;!&ndash;暂不显示&ndash;&gt;-->
-<!--                        </div>-->
-<!--                        <div v-if="scope.row.color === 'blue'" >-->
-<!--                          <img class="iconClass" src="../../../../assets/images/ComplianceClassification/blue.png">-->
-<!--                          &lt;!&ndash;暂不显示&ndash;&gt;-->
-<!--                        </div>-->
-<!--                        <div v-if="scope.row.color === 'grey'" >-->
-<!--                          <img class="iconClass" src="../../../../assets/images/ComplianceClassification/grey.png">-->
-<!--                          &lt;!&ndash;暂不显示&ndash;&gt;-->
-<!--                        </div>-->
-<!--                        <div v-if="scope.row.color === 'yellow'" >-->
-<!--                          <img class="iconClass" src="../../../../assets/images/ComplianceClassification/yellow.png">-->
-<!--                          &lt;!&ndash;暂不显示&ndash;&gt;-->
-<!--                        </div>-->
-<!--                      </div>-->
-<!--                    </div>-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--              </el-table>-->
-<!--              <loading :loading="loading">数据获取中</loading>-->
-<!--            </div>-->
-<!--          </el-tab-pane>-->
-<!--          <el-tab-pane label="行政要求" name="ADMIN" class="container-tab-pane">-->
-<!--            <div style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">-->
-<!--              <el-table-->
-<!--                :data="adminInfoList"-->
-<!--                style="width: 100%"-->
-<!--                height="100%"-->
-<!--                border-->
-<!--                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',-->
-<!--              fontWeight: 'bold', height: '48px'}"-->
-<!--                @selection-change="standSelectChange"-->
-<!--                ref="adminTable"-->
-<!--              >-->
-<!--                <el-table-column-->
-<!--                  type="selection"-->
-<!--                  width="55"-->
-<!--                  align="center">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  width="180px"-->
-<!--                  fixed="left"-->
-<!--                  label="标准号">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.code }}</a>-->
-<!--                    <span v-else>{{ scope.row.code }}</span>-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="name"-->
-<!--                  width="260px"-->
-<!--                  fixed="left"-->
-<!--                  label="中文名称"-->
-<!--                >-->
-<!--                  <template slot-scope="scope">-->
-<!--                    <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.name }}</a>-->
-<!--                    <span v-else>{{ scope.row.name }}</span>-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="enName"-->
-<!--                  width="260px"-->
-<!--                  fixed="left"-->
-<!--                  label="英文名称">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.enName }}</a>-->
-<!--                    <span v-else>{{ scope.row.enName }}</span>-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="newPutTime"-->
-<!--                  width="190px"-->
-<!--                  label="新车型实施日期(项目)"-->
-<!--                  sortable-->
-<!--                >-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="prodPutTime"-->
-<!--                  width="190px"-->
-<!--                  label="在产车实施日期(项目)"-->
-<!--                  sortable-->
-<!--                >-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="eopPutTime"-->
-<!--                  width="190px"-->
-<!--                  label="EOP实施日期(项目)"-->
-<!--                  sortable-->
-<!--                >-->
-<!--                </el-table-column>-->
-<!--   &lt;!&ndash;             <el-table-column-->
-<!--                  prop="newPutTextTime"-->
-<!--                  width="210px"-->
-<!--                  label="新车型实施日期（项目）"-->
-<!--                  sortable-->
-<!--                >-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="prodPutTextTime"-->
-<!--                  width="210px"-->
-<!--                  label="在产车实施日期（项目）"-->
-<!--                  sortable-->
-<!--                >-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="eopPutTextTime"-->
-<!--                  width="200px"-->
-<!--                  label="EOP实施日期（项目）"-->
-<!--                  sortable-->
-<!--                >-->
-<!--                </el-table-column>&ndash;&gt;-->
-<!--                &lt;!&ndash;              <el-table-column&ndash;&gt;-->
-<!--                &lt;!&ndash;                prop="synopsis"&ndash;&gt;-->
-<!--                &lt;!&ndash;                width="100px"&ndash;&gt;-->
-<!--                &lt;!&ndash;                show-overflow-tooltip&ndash;&gt;-->
-<!--                &lt;!&ndash;                label="法规说明">&ndash;&gt;-->
-<!--                &lt;!&ndash;              </el-table-column>&ndash;&gt;-->
-<!--                <el-table-column-->
-<!--                  prop="performInfo"-->
-<!--                  width="280px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="实施说明">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="authDelive"-->
-<!--                  width="120px"-->
-<!--                  label="认证交付物">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="authObjId"-->
-<!--                  width="100px"-->
-<!--                  label="认证对象">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="askNatureName"-->
-<!--                  width="100px"-->
-<!--                  label="监管类型">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="applyArcticId"-->
-<!--                  width="120px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="适用车辆类型">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="ZRBMName"-->
-<!--                  width="150px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="责任部门">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    {{ scope.row.ZRBMName || scope.row.zrbmname || '' }}-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="XGBMName"-->
-<!--                  width="100px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="相关部门">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    {{ scope.row.XGBMName || scope.row.xgbmname || '' }}-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="FOName"-->
-<!--                  width="150px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="FO">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    {{ scope.row.FOName || scope.row.foname || '' }}-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="proEssessUser"-->
-<!--                  width="120px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="项目评估角色">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="synopsis"-->
-<!--                  width="200px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="文本说明">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  width="120px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="标签">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    {{ scope.row.GXHBQName || scope.row.gxhbqName || '' }}-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="askTypeName"-->
-<!--                  width="120px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="要求类型">-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="prcState"-->
-<!--                  label="流程状态">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    <span v-if="scope.row.sarType === 'TEMP'"></span>-->
-<!--                    <div v-else-if="scope.row.prcState === '1'">评估中</div>-->
-<!--                    <div v-else-if="scope.row.prcState === '2'">已评估</div>-->
-<!--                    &lt;!&ndash;                <div v-else-if="scope.row.prcState === '3'">已评估</div>&ndash;&gt;-->
-<!--                    &lt;!&ndash;                <div v-else-if="scope.row.prcState === '4'">已整改</div>&ndash;&gt;-->
-<!--                    &lt;!&ndash;                <div v-else-if="scope.row.prcState === '5'">未评估</div>&ndash;&gt;-->
-<!--                    <div v-else>N/A</div>-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="sarState"-->
-<!--                  width="100"-->
-<!--                  label="符合性状态">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    <span v-if="scope.row.sarType === 'TEMP'"></span>-->
-<!--                    <a v-else-if="scope.row.sarState === '1'" class="table-jump" @click="changeState(scope.row)">待验证</a>-->
-<!--                    <a v-else-if="scope.row.sarState === '2'" class="table-jump" @click="changeState(scope.row)">符合</a>-->
-<!--                    <a v-else-if="scope.row.sarState === '3'" class="table-jump" @click="changeState(scope.row)">不符合</a>-->
-<!--                    <a v-else-if="scope.row.sarState === '4'" class="table-jump" @click="changeState(scope.row)">部分符合</a>-->
-<!--                    <a v-else-if="scope.row.sarState === '5'" class="table-jump" @click="changeState(scope.row)">不涉及</a>-->
-<!--                    <a v-else-if="scope.row.sarState === '6'" class="table-jump" @click="changeState(scope.row)">评估中</a>-->
-<!--                    <a v-else-if="scope.row.sarState === '7'" class="table-jump">整改中</a>-->
-<!--                    <a v-else-if="scope.row.sarState === '8'" class="table-jump">未评估</a>-->
-<!--                    &lt;!&ndash;                <a v-else-if="scope.row.sarState === '0'" class="table-jump">部分符合</a>&ndash;&gt;-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="sarState"-->
-<!--                  align="center"-->
-<!--                  width="100"-->
-<!--                  label="合规性分级">-->
-<!--                  <template slot-scope="scope">-->
-<!--                    <div v-if="!scope.row.color">-->
-<!--                      <span v-if="scope.row.sarType === 'TEMP'"></span>-->
-<!--                      <div v-else-if="scope.row.sarState === '8'|| ((scope.row.sarState === ''&& (scope.row.prcState === ''||scope.row.prcState === null))||(scope.row.sarState === 'null'&& (scope.row.prcState === ''||scope.row.prcState === null)))" >-->
-<!--&lt;!&ndash;                        <img class="iconClass" src="../../../../assets/images/ComplianceClassification/blue.png">&ndash;&gt;-->
-<!--                        &lt;!&ndash;暂不显示&ndash;&gt;-->
-<!--                      </div>-->
-<!--                      <div v-else-if="scope.row.sarState === '2'" >-->
-<!--                        <img class="iconClass" src="../../../../assets/images/ComplianceClassification/green.png">-->
-
-<!--                      </div>-->
-<!--                      <div v-else-if="scope.row.sarState === '5'">-->
-<!--                        <img class="iconClass" src="../../../../assets/images/ComplianceClassification/grey.png">-->
-<!--                      </div>-->
-<!--                      <div v-else-if="scope.row.prcState === ''||scope.row.prcState === null">-->
-<!--&lt;!&ndash;                        <img class="iconClass"  src="../../../../assets/images/ComplianceClassification/white.png" >&ndash;&gt;-->
-<!--                      </div>-->
-<!--                      &lt;!&ndash;                        <div v-else-if="scope.row.color === '#f00'">&ndash;&gt;-->
-<!--                      &lt;!&ndash;                          <img class="iconClass" @click="typeColor(scope.row, 1, 1)" src="../../../../assets/images/ComplianceClassification/red.png" >&ndash;&gt;-->
-<!--                      &lt;!&ndash;                        </div>&ndash;&gt;-->
-<!--                      <div v-else-if="scope.row.sarState === '3'">-->
-<!--                        <img class="iconClass" src="../../../../assets/images/ComplianceClassification/yellow.png" >-->
-<!--                      </div>-->
-<!--                    </div>-->
-<!--                    <div v-else>-->
-<!--                      <div v-if="scope.row.color === 'green'" >-->
-<!--                        <img class="iconClass" src="../../../../assets/images/ComplianceClassification/green.png">-->
-<!--                        &lt;!&ndash;暂不显示&ndash;&gt;-->
-<!--                      </div>-->
-<!--                      <div v-if="scope.row.color === 'red'" >-->
-<!--                        <img class="iconClass" src="../../../../assets/images/ComplianceClassification/red.png">-->
-<!--                        &lt;!&ndash;暂不显示&ndash;&gt;-->
-<!--                      </div>-->
-<!--                      <div v-if="scope.row.color === 'blue'" >-->
-<!--                        <img class="iconClass" src="../../../../assets/images/ComplianceClassification/blue.png">-->
-<!--                        &lt;!&ndash;暂不显示&ndash;&gt;-->
-<!--                      </div>-->
-<!--                      <div v-if="scope.row.color === 'grey'" >-->
-<!--                        <img class="iconClass" src="../../../../assets/images/ComplianceClassification/grey.png">-->
-<!--                        &lt;!&ndash;暂不显示&ndash;&gt;-->
-<!--                      </div>-->
-<!--                      <div v-if="scope.row.color === 'yellow'" >-->
-<!--                        <img class="iconClass" src="../../../../assets/images/ComplianceClassification/yellow.png">-->
-<!--                        &lt;!&ndash;暂不显示&ndash;&gt;-->
-<!--                      </div>-->
-<!--                    </div>-->
-<!--                  </template>-->
-<!--                </el-table-column>-->
-<!--                <el-table-column-->
-<!--                  prop="isInvolveAccess"-->
-<!--                  width="150px"-->
-<!--                  show-overflow-tooltip-->
-<!--                  label="是否涉及准入审核">-->
-<!--                </el-table-column>-->
-<!--              </el-table>-->
-<!--              <loading :loading="loading">数据获取中</loading>-->
-<!--            </div>-->
-<!--          </el-tab-pane>-->
-<!--        </el-tabs>-->
+        <pagination :page="standardForm.page" :total="standardFormTotal" @pageChange="pageChange"
+                    @pageSizeChange="pageSizeChange"></pagination>
       </div>
     </div>
     <!--导出文件改名字模态框-->
     <el-dialog :visible.sync="exportModelFlag" title="导出文件" width="300px">
       <el-form :inline="true" class="label-input-form search-area">
         <el-form-item label="导出名称" class="search-item">
-          <el-input v-model="exportName" placeholder="请输入导出文件名称" :maxlength="30" clearable label="导出名称"/>
+          <el-input v-model="exportName" placeholder="请输入导出文件名称" :maxlength="30" clearable label="导出名称" />
         </el-form-item>
       </el-form>
       <span slot="footer" class="demo-drawer-footer">
         <el-button class="common-button-default" icon="el-icon-close" @click="cancal">取消</el-button>
-        <el-button type="primary" round class="common-button-primary" icon="el-icon-check" @click="exportTestItem">提交</el-button>
+        <el-button type="primary" round class="common-button-primary" icon="el-icon-check"
+                   @click="exportTestItem">提交</el-button>
       </span>
     </el-dialog>
     <!-- 更新LOG -->
@@ -926,187 +206,37 @@
         v-if="relateNowList"
         style="margin-bottom: 10px;line-height: 20px;max-height: 300px"
       >
-        {{index+1}}. {{item.creationUserName}}  {{item.creationTime}}  {{item.content}}
+        {{ index + 1 }}. {{ item.creationUserName }} {{ item.creationTime }} {{ item.content }}
         <div v-if="relateNowList.length >1">
           <el-divider></el-divider>
         </div>
       </div>
       <div slot="footer" class="dialog-footer">
-         <el-button type="primary" @click="relateDialogClose">关 闭</el-button>
-       </div>
-    </el-dialog>
-    <!--    合规性分级颜色选择-->
-    <el-dialog
-      title="合规性分级"
-      :visible.sync="dialogColor"
-      width="30%"
-    >
-      <div style="display: flex;justify-content: space-between;margin: 40px">
-        <div  v-for="(item, index) in colorList"  :key="index" style="width: 20%;">
-          <div class="add-border" @click="addBorder(item,index)" :class="item.isShow?'picBorder':''">
-            <img class="iconClassDia" :src="item.pic"/>
-          </div>
-          <p style="width: 100%;text-align: center;margin-top: 10px">{{item.title}}</p>
-        </div>
-      </div>
-      <div slot="footer" class="dialog-footer">
-        <el-button class="common-button-default" icon="el-icon-close" @click="dialogColor = false">取 消</el-button>
-        <el-button class="common-button-primary" icon="el-icon-check" type="primary" @click="changeColor(dialogType)">确 定</el-button>
+        <el-button type="primary" @click="relateDialogClose">关 闭</el-button>
       </div>
     </el-dialog>
-    <loading :loading="dataLoading">{{$t('m.dataAcquisition')}}</loading>
+
+    <loading :loading="dataLoading">{{ $t("m.dataAcquisition") }}</loading>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'AccessStandardDetails',
-  data () {
+  name: "AccessStandardDetails",
+  data() {
     return {
-      isAdvancedSearch: false,
-      twoOptions: [
-        {
-          label: '标准号',
-          value: 'code',
-          type: 'INPUT',
-          disabled: false
-        },
-        {
-          label: '中文名称',
-          value: 'resName',
-          type: 'INPUT',
-          disabled: false
-        },
-        {
-          label: '英文名称',
-          value: 'resEnName',
-          type: 'INPUT',
-          disabled: false
-        },
-        {
-          label: '新车型实施日期(项目)',
-          value: 'newPutTextTime',
-          type: 'DATE_PIC_OPTS',
-          disabled: false
-        },
-        {
-          label: '在产车实施日期(项目)',
-          value: 'prodPutTextTime',
-          type: 'DATE_PIC_OPTS',
-          disabled: false
-        },
-        {
-          label: 'EOP实施日期(项目)',
-          value: 'eopPutTextTime',
-          type: 'DATE_PIC_OPTS',
-          disabled: false
-        },
-        {
-          label: '实施说明',
-          value: 'perFormInfo',
-          type: 'INPUT',
-          disabled: false
-        },
-        {
-          label: '认证交付物',
-          value: 'authDelive',
-          type: 'INPUT',
-          disabled: false
-        },
-        {
-          label: '认证对象',
-          value: 'authObj',
-          type: 'SEL_OPTION',
-          disabled: false
-        },
-        {
-          label: '监管类型',
-          value: 'askNature',
-          type: 'SEL_OPTION',
-          disabled: false
-        },
-        {
-          label: '适用车辆类型',
-          value: 'cllx',
-          type: 'SEL_OPTS',
-          disabled: false
-        },
-        {
-          label: '责任部门',
-          value: 'dutyDepartId',
-          type: 'SEL_OPTS',
-          selVal: 'ORGLIST',
-          disabled: false
-        },
-        {
-          label: '相关部门',
-          value: 'xgbm',
-          type: 'SEL_OPTS',
-          selVal: 'ORGLIST',
-          disabled: false
-        },
-        {
-          label: 'FO',
-          value: 'foUserId',
-          type: 'SEL_OPTS',
-          selVal: 'ROLELIST',
-          disabled: false
-        },
-        {
-          label: '项目评估角色',
-          value: 'proAccUserId',
-          type: 'SEL_OPTS',
-          selVal: 'ROLELIST',
-          disabled: false
-        },
-        {
-          label: '清单说明',
-          value: 'synopsis',
-          type: 'INPUT',
-          disabled: false
-        },
-        {
-          label: '标签',
-          value: 'gxhbq',
-          type: 'SEL_OPTS',
-          disabled: false
-        },
-        {
-          label: '要求类型',
-          value: 'yqlx',
-          type: 'SEL_OPTION',
-          disabled: false
-        },
-        {
-          label: '流程状态',
-          value: 'prcState',
-          type: 'SEL_OPTION',
-          disabled: false
-        },
-        {
-          label: '符合性状态',
-          value: 'sarState',
-          type: 'SEL_OPTION',
-          disabled: false
-        },
-        // {
-        //   label: '合规性分级',
-        //   value: 'sarState',
-        //   type: 'SEL_OPTION',
-        //   disabled: false
-        // },
-      ],
-      threeOptions: [],
+      standinfoList: [],
+      standardFormTotal: 0,
       relateDialog: false,
       relateList: [],
       relateNowList: [],
       heightShow: true,
       dataLoading: false,
       standardForm: {
-        codeOrName: '', // 标号、标准名称
+        codeOrName: "", // 标号、标准名称
         // energyType: '',
-        depart: '',
-        departName: '',
+        depart: "",
+        departName: "",
         page: 1,
         pageSize: this.$store.getters.userInfo.configContent,
         accessId: this.$route.params.id,
@@ -1116,226 +246,186 @@ export default {
       // pageSize: this.$store.getters.userInfo.configContent,
       total: 0,
       stateList: [], // 标准状态列表
-      activeName: 'SKILL', // 当前激活
+      activeName: "SKILL", // 当前激活
       // 导出文件模态框控制，和文件名称
-      saveExportType: '',
+      saveExportType: "",
       exportModelFlag: false,
-      exportName: '',
-      standType: 'INLAND',
-      uploadPath: 'api/att/attFile/upload',
+      exportName: "",
+      standType: "INLAND",
+      uploadPath: "api/att/attFile/upload",
       defaultFileList: [], // 默认显示,
-      standinfoList: [], // 技术要求
-      adminInfoList: [], // 行政要求
       loading: false,
-      accessSarType: '',
+      accessSarType: "",
       selectedList: [],
       depNode: [], // 部门树
       sarAccessEO: {},
       fileInfoList: [],
       // 改变颜色
       dialogColor: false,
-      dialogType: '',
-      colorList:[
+      dialogType: "",
+      colorList: [
         {
-          name: 'green',
+          name: "green",
           pic: require(`../../../../assets/images/ComplianceClassification/green.png`),
-          title:'符合',
+          title: "符合",
           isShow: false
         },
         {
-          name: 'red',
+          name: "red",
           pic: require(`../../../../assets/images/ComplianceClassification/red.png`),
-          title:'高风险',
+          title: "高风险",
           isShow: false
         },
         {
-          name: 'yellow',
+          name: "yellow",
           pic: require(`../../../../assets/images/ComplianceClassification/yellow.png`),
-          title:'不满足或待验证',
+          title: "不满足或待验证",
           isShow: false
         },
         {
-          name: 'blue',
+          name: "blue",
           pic: require(`../../../../assets/images/ComplianceClassification/blue.png`),
-          title:'待反馈',
+          title: "待反馈",
           isShow: false
         },
         {
-          name: 'grey',
+          name: "grey",
           pic: require(`../../../../assets/images/ComplianceClassification/white.png`),
-          title:'不涉及',
+          title: "不涉及",
           isShow: false
         }
       ],
-      color:'',
-      isShow:false
-    }
+      color: "",
+      isShow: false
+    };
   },
   methods: {
     // 更新LOG关闭
-    relateDialogClose () {
-      this.relateDialog = false
-      this.relateNowList = []
+    relateDialogClose() {
+      this.relateDialog = false;
+      this.relateNowList = [];
     },
     // 更新LOG
-    relateEvent () {
-      this.$http.get('lawss/sarUpdLog/getLogList', {
+    relateEvent() {
+      this.$http.get("lawss/sarUpdLog/getLogList", {
         sarId: this.$route.params.id,
-        sarType: 'ACCESS'
+        sarType: "ACCESS"
       }, {
         _this: this
       }, res => {
         if (res.data.length > 0) {
-          this.relateDialog = true
-          this.relateList = res.data
-          var i
+          this.relateDialog = true;
+          this.relateList = res.data;
+          var i;
           for (i = 0; i < this.relateList.length; i++) {
-            let obj = {creationUserName: '', creationTime: '', content: ''}
-            obj.creationUserName = this.relateList[i].creationUserName
-            obj.creationTime = this.relateList[i].creationTime
-            obj.content = this.relateList[i].content
-            this.relateNowList.push(obj)
+            let obj = { creationUserName: "", creationTime: "", content: "" };
+            obj.creationUserName = this.relateList[i].creationUserName;
+            obj.creationTime = this.relateList[i].creationTime;
+            obj.content = this.relateList[i].content;
+            this.relateNowList.push(obj);
           }
         } else {
           this.$message({
-            message: '暂无数据',
-            type: 'warning'
-          })
+            message: "暂无数据",
+            type: "warning"
+          });
         }
       }, e => {
 
-      })
+      });
     },
     // 根据准入id查询标准法规详情
-    selectInfobyAccid (advanceSearch) {
-      // 如为高级检索 advanceSearch 会有数据
-      const formData = advanceSearch || this.standardForm
-      if (advanceSearch) {
-        this.standardForm.json = advanceSearch.json
-      }
-
-      this.$http.get('lawss/sarSarAccessInfo/selectSarAccessInfoByAccessId', formData, {
-        _this: this,
-        loading: 'dataLoading'
+    selectInfobyAccid() {
+      this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", {
+        ...this.standardForm,
+        Page: 1,
+        Size: this.$store.getters.userInfo.configContent
+      }, {
+        _this: this
       }, res => {
-        this.standinfoList = res.data.SKILL
-        this.adminInfoList = res.data.ADMIN
-        // this.seeSarAccessInfoList = res.data.list
-        this.$nextTick(() => {
-          this.$refs.skillTable.doLayout()
-          this.$refs.adminTable.doLayout()
-        })
-      }, e => {
-      })
+            this.standinfoList = res.data.records
+            this.total = res.data.total
+      },e => {
+
+      });
     },
     // 重置搜索
-    resetSelect (search = true) {
-      // search 字段是为了处理高级查询时清空字段用的
-
-      this.standardForm.codeOrName = ''
-      this.standardForm.depart = ''
-      this.standardForm.departName = ''
-      this.standardForm.page = 1
-      search && this.selectInfobyAccid()
+    resetSelect() {
     },
-    back () {
+    back() {
       this.$router.push({
-        name: 'AccessStandardsAndRegulations'
-      })
+        name: "AccessStandardsAndRegulations"
+      });
       // this.$router.push(this.$store.state.detailMap)
       // this.$store.commit('setDetailMap', '')
     },
     // 搜索
-    selectProductBtn () {
-      this.page = 1
-      this.standardForm.page = 1
-      this.selectInfobyAccid()
+    selectProductBtn() {
+      this.page = 1;
+      this.standardForm.page = 1;
+      this.selectInfobyAccid();
     },
-    exportStandard () {
-      this.exportName = ''
-      this.exportModelFlag = true
+    exportStandard() {
+      this.exportName = "";
+      this.exportModelFlag = true;
     },
     // 导出取消按钮关闭模态、置空
-    cancal () {
-      this.exportModelFlag = false
+    cancal() {
+      this.exportModelFlag = false;
     },
     // 导出确定功能
-    exportTestItem () {
-      var exportNames = this.exportName
-      let exportList = []
-      // 判断导出的全部还是部分数据
-      if (this.selectedList.length > 0) {
-        exportList = this.selectedList
-      } else {
-        // 判断导出的是技术要求清单还是行政要求清单
-        if (this.activeName === 'SKILL') {
-          exportList = this.standinfoList
-        } else {
-          exportList = this.adminInfoList
-        }
-      }
-      if (exportList != null && exportList.length > 0) {
-        let accIdAndrestype = []
-        for (var accessInfo in exportList) {
-          accIdAndrestype.push(exportList[accessInfo].id)
-        }
-        window.location.href = '/api/lawss/sarSarAccessInfo/exportSarSarAccessInfo?idAndSartypeList=' + accIdAndrestype.join(',') + '&exportType=apart' + '&exportName=' + exportNames
-        this.$message.success('导出信息成功')
-      } else {
-        this.$message.warning('当前没有需要导出的数据')
-      }
-      this.exportModelFlag = false
+    exportTestItem() {
     },
     // tab页切换
-    handleClick (tab, event) {
-      this.activeName = tab.name
-      this.page = 1
-      this.standardForm.page = 1
-      this.selectedList = []
-      this.selectInfobyAccid()
+    handleClick(tab, event) {
+      this.activeName = tab.name;
+      this.page = 1;
+      this.standardForm.page = 1;
+      this.selectedList = [];
+      this.selectInfobyAccid();
     },
     // 修改成表格样式后，选择项勾选改变
-    standSelectChange (selected) {
-      this.selectedList = selected
+    standSelectChange(selected) {
+      this.selectedList = selected;
     },
-    pageChangeLaws (page) {
-      this.standardForm.page = page
-      this.selectInfobyAccid()
+    pageChange(page) {
+      this.standardForm.page = page;
+      this.selectInfobyAccid();
     },
-    pageSizeChangeLaws (pageSize) {
-      this.standardForm.pageSize = pageSize
-      this.selectInfobyAccid()
+    pageSizeChange(pageSize) {
+      this.standardForm.pageSize = this.$store.getters.userInfo.configContent;
+      this.selectInfobyAccid();
     },
     // 请求部门结构树
-    getOrgTreeSource () {
-      this.$http.get('sys/org/getTree', {}, {_this: this},
+    getOrgTreeSource() {
+      this.$http.get("sys/org/getTree", {}, { _this: this },
         res => {
           if (res.ok) {
-            let treeNode = []
+            let treeNode = [];
             res.data.map((item, index) => {
-              let treeItem = {}
+              let treeItem = {};
               for (let key in item) {
-                if (key === 'orgName') {
-                  treeItem.name = item[key]
+                if (key === "orgName") {
+                  treeItem.name = item[key];
                 } else {
-                  treeItem[key] = item[key]
+                  treeItem[key] = item[key];
                 }
               }
-              treeNode[index] = treeItem
-            })
-            this.depNode = treeNode
+              treeNode[index] = treeItem;
+            });
+            this.depNode = treeNode;
           }
-        })
+        });
     },
     // 责任部门 树点击
-    treeDblAuthDepartClick (treeId, treeNode) {
-      this.standardForm.departName = treeNode.name
-      this.standardForm.depart = treeNode.id
-      $('#depBtnsAuth').click()
+    treeDblAuthDepartClick(treeId, treeNode) {
+      this.standardForm.departName = treeNode.name;
+      this.standardForm.depart = treeNode.id;
+      $("#depBtnsAuth").click();
     },
     // 请求上传的文件信息
-    getFileInfo () {
-      this.$http.get('att/attFile/getMultiFileInfos', {
+    getFileInfo() {
+      this.$http.get("att/attFile/getMultiFileInfos", {
         fileIds: this.sarAccessEO.relateFile
       }, {
         _this: this
@@ -1348,568 +438,265 @@ export default {
               uid: item.uid,
               status: item.status,
               id: item.id
-            })
-          })
-        })
+            });
+          });
+        });
       }, e => {
-      })
+      });
     },
     // 附件下载事件
-    fileDownLoad (attId) {
-      window.location.href = '/api/att/attFile/downloadFile?fileId=' + attId
+    fileDownLoad(attId) {
+      window.location.href = "/api/att/attFile/downloadFile?fileId=" + attId;
     },
     // 点击查看
-    handlePreview (item) {
+    handlePreview(item) {
       let routeUrl = this.$router.resolve({
-        name: 'OtherStandardDetails',
+        name: "OtherStandardDetails",
         params: {
           id: item.resId,
           pageType: item.sarType
         }
-      })
-      window.open(routeUrl.href, '_blank')
-    },
-    /**
-     * @Description: 点击在线查看
-     * @author zmf
-     * @date 2021/3/16
-    */
-    openFileInPdf (attId, oldFileName) {
-      // 缺少文件
-      // if (this.$route.params.pageType === 'INLAND_STAND') {
-        if (this.$hasPermission('BFCWGPL9WADF2KSQZVYU')) {
-          this.$http.get('lawss/sarStandFile/queryConvertAtt', {
-            attId: attId
-          }, {
-            _this: this
-          }, res => {
-            if (res.data) {
-              let fileObj = {}
-              fileObj.fileId = res.data.attId
-              fileObj.fileName = oldFileName
-              let fileList = []
-              let repeatData = 0
-              if (sessionStorage.getItem('fileInfo')) {
-                fileList = JSON.parse(sessionStorage.getItem('fileInfo'))
-                if (fileList != null && fileList.length > 0) {
-                  for (let i = 0; i < fileList.length; i++) {
-                    if (fileList[i].fileId === res.data.attId) {
-                      repeatData = 1
-                      break
-                    }
-                  }
-                  if (repeatData === 0) {
-                    fileList.push(fileObj)
-                    fileList = JSON.stringify(fileList)
-                    sessionStorage.setItem('fileInfo', fileList)
-                  }
-                }
-              } else {
-                fileList.push(fileObj)
-                fileList = JSON.stringify(fileList)
-                sessionStorage.setItem('fileInfo', fileList)
-              }
-              window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + res.data.attId))
-            } else {
-              this.$message.error('文档未转换成功或本地读取不到该文档')
-            }
-          }, e => {
-            this.$message.error('文档未转换成功或本地读取不到该文档')
-          })
-        } else {
-          this.$message.error('没有在线预览文档权限！')
-        }
-      // }
-      // else {
-      //   // 国外在线预览权限
-      //   if (this.$hasPermission('YfS94QodMK')) {
-      //     this.$http.get('lawss/sarStandFile/queryConvertAtt', {
-      //       attId: attId
-      //     }, {
-      //       _this: this
-      //     }, res => {
-      //       if (res.data) {
-      //         let fileObj = {}
-      //         fileObj.fileId = res.data.attId
-      //         fileObj.fileName = oldFileName
-      //         let fileList = []
-      //         let repeatData = 0
-      //         if (sessionStorage.getItem('fileInfo')) {
-      //           fileList = JSON.parse(sessionStorage.getItem('fileInfo'))
-      //           if (fileList != null && fileList.length > 0) {
-      //             for (let i = 0; i < fileList.length; i++) {
-      //               if (fileList[i].fileId === res.data.attId) {
-      //                 repeatData = 1
-      //                 break
-      //               }
-      //             }
-      //             if (repeatData === 0) {
-      //               fileList.push(fileObj)
-      //               fileList = JSON.stringify(fileList)
-      //               sessionStorage.setItem('fileInfo', fileList)
-      //             }
-      //           }
-      //         } else {
-      //           fileList.push(fileObj)
-      //           fileList = JSON.stringify(fileList)
-      //           sessionStorage.setItem('fileInfo', fileList)
-      //         }
-      //         window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + res.data.attId))
-      //       } else {
-      //         this.$message.error('文档未转换成功或本地读取不到该文档')
-      //       }
-      //     }, e => {
-      //       this.$message.error('文档未转换成功或本地读取不到该文档')
-      //     })
-      //   } else {
-      //     this.$message.error('没有在线预览文档权限！')
-      //   }
-      // }
+      });
+      window.open(routeUrl.href, "_blank");
     },
     /**
      * @Description: 点击下载
      * @author zmf
      * @date 2021/3/16
-    */
-    downloadFile (attId) {
-      if (attId != null && attId !== '') {
-        window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + attId
+     */
+    downloadFile(attId) {
+      if (attId != null && attId !== "") {
+        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
       } else {
-        this.$message.error('请选择要下载的文件')
+        this.$message.error("请选择要下载的文件");
       }
     },
-    downloadFileByWater (attId, fileSuffix) {
-        let fileExtension = fileSuffix.substring(fileSuffix.lastIndexOf('.') + 1);
-      if (fileExtension !== 'pdf' && fileExtension !== 'PDF') {
-        this.$message.error('水印下载仅支持PDF,pdf格式文件')
+    downloadFileByWater(attId, fileSuffix) {
+      let fileExtension = fileSuffix.substring(fileSuffix.lastIndexOf(".") + 1);
+      if (fileExtension !== "pdf" && fileExtension !== "PDF") {
+        this.$message.error("水印下载仅支持PDF,pdf格式文件");
       } else {
-        if (attId != null && attId !== '') {
-          window.location.href = '/api/att/attFile/downloadFileForSarWaterMark?fileId=' + attId
+        if (attId != null && attId !== "") {
+          window.location.href = "/api/att/attFile/downloadFileForSarWaterMark?fileId=" + attId;
         } else {
-          this.$message.error('请选择要下载的文件')
+          this.$message.error("请选择要下载的文件");
         }
       }
     },
     //
-    changeState (row) {
+    changeState(row) {
       let routeUrl = this.$router.resolve({
-        name: 'ComplianceDetails',
+        name: "ComplianceDetails",
         query: {
           sarId: row.resId,
           sarType: row.sarState
         }
-      })
-      window.open(routeUrl.href, '_blank')
-    },
-    typeColor (row, type1, type2) {
-      // if (this.$_has('KJJ6U32LFL4PAK5C6P55')) {
-      //   return
-      // }
-      this.$confirm('确定修改此标准分级?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-        confirmButtonClass: 'common-button-primary',
-        roundButton: true
-      }).then(() => {
-        var color = ''
-        if (type1 === 1) {
-          if (row.color === '#f00') {
-            color = '#ff0'
-          } else {
-            color = '#f00'
-          }
-        } else {
-          color = '#f00'
-        }
-        this.$http.putData('lawss/sarSarAccessInfo/updateStatusInfo',
-            {
-              sarId: row.resId,
-              color: color
-            }, {
-              _this: this
-            }, res => {
-              if (res.ok) {
-                this.selectInfobyAccid()
-                if (type2 === 2) {
-                  if (type1 === 1) {
-                    if (row.color === '#f00') {
-                      row.color = '#ff0'
-                    } else {
-                      row.color = '#f00'
-                    }
-                  } else {
-                    row.color = '#f00'
-                  }
-                }
-                this.$message({
-                  type: 'success',
-                  message: '修改成功!'
-                })
-              } else {
-                this.$message({
-                  type: 'error',
-                  message: '修改失败!'
-                })
-              }
-            })
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '已取消修改'
-        });
       });
+      window.open(routeUrl.href, "_blank");
     },
     /**
      * 高级检索
      */
-    selectMoreBtn () {
-      this.isAdvancedSearch = true
-      this.threeOptions = []
-    },
-    /**
-     * 高级检索
-     * 检索项修改时为了匹配对应的下拉菜单的
-     */
-    twoSelectChange (val, obj) {
-      if (val === 'authObj') {
-        this.threeOptions = [
-          {
-            label: '整车',
-            value: '整车'
-          },
-          {
-            label: '零部件',
-            value: '零部件'
-          },
-          {
-            label: '整车+零部件',
-            value: '整车+零部件'
-          },
-          {
-            label: 'TBD',
-            value: 'TBD'
-          }
-        ]
-      } else if (val === 'askNature') {
-        // 监管类型
-        this.threeOptions = this.askNatureOptions
-      } else if (val === 'cllx') {
-        // 适用车辆类型
-        this.threeOptions = this.applyArcticOptions
-      } else if (val === 'gxhbq') {
-        // 标签
-        this.threeOptions = this.GXHBQOptions
-      } else if (val === 'yqlx') {
-        // 要求类型
-        this.threeOptions = this.accessSarTypeOptions
-      } else if (val === 'prcState') {
-        // 流程状态
-        this.threeOptions = [
-          {
-            label: '评估中',
-            value: '1'
-          },
-          {
-            label: '整改中',
-            value: '2'
-          },
-          {
-            label: '已评估',
-            value: '3'
-          },
-          {
-            label: '已整改',
-            value: '4'
-          },
-          {
-            label: '未评估',
-            value: '5'
-          },
-          {
-            label: 'N/A',
-            value: ' '
-          },
-        ]
-      } else if (val === 'sarState') {
-        // 符合性状态
-        this.threeOptions = [
-          /* {
-            label: '部分符合',
-            value: '0'
-          }, */
-          {
-            label: '待验证',
-            value: '1'
-          },
-          {
-            label: '符合',
-            value: '2'
-          },
-          {
-            label: '不符合',
-            value: '3'
-          },
-          {
-            label: '部分符合',
-            value: '4'
-          },
-          {
-            label: '不涉及',
-            value: '5'
-          },
-          {
-            label: '未评估',
-            value: '8'
-          },
-        ]
-      }
+    selectMoreBtn() {
     },
     // 获取工作组信息下拉框信息
-    getGzzOption () {
-      this.$http.get('lawss/sarGroupMenu/queryGroup', '', {
+    getGzzOption() {
+      this.$http.get("lawss/sarGroupMenu/queryGroup", "", {
         _this: this
       }, res => {
         if (res.ok) {
-          let gzzxxOptions = []
+          let gzzxxOptions = [];
           res.data.map(item => {
             gzzxxOptions.push({
               value: item.id,
               label: item.menuName
-            })
-          })
-          this.allSelectOptions.GZZXX = gzzxxOptions
+            });
+          });
+          this.allSelectOptions.GZZXX = gzzxxOptions;
         }
-      })
-    },
-    // 高级检索搜索
-    getDomesticStandardTableBtn (advancedSearch) {
-      let formData = {}
-      formData.page = 1
-      formData.advanceSearchStr = ''
-      formData.json = JSON.stringify(advancedSearch) || ''
-      formData.pageSize = this.$store.getters.userInfo.configContent
-      formData.accessId = this.$route.params.id
-      formData.validFlag = 0
-      // 重置页码
-      this.resetSelect(false)
-      this.selectInfobyAccid(formData)
+      });
     },
     /**
      * @Description: 选择颜色
      * @author zmf
      * @date 2021/3/10
      */
-    chooseColor(item, num){
+    chooseColor(item, num) {
       // if (this.$_has('KJJ6U32LFL4PAK5C6P55')) {
       //   return
       // }
-      this.dialogColor = true
-      this.colorRow = item
-      this.dialogType = num
+      this.dialogColor = true;
+      this.colorRow = item;
+      this.dialogType = num;
     },
     /**
      * @Description: 给图标添加边框
      * @author zmf
      * @date 2021/3/10
      */
-    addBorder(item,index){
-      this.colorList.forEach((list,i)=>{
-        if(i === index){
-          this.colorList[index].isShow = true
-        }else{
-          this.colorList[i].isShow = false
+    addBorder(item, index) {
+      this.colorList.forEach((list, i) => {
+        if (i === index) {
+          this.colorList[index].isShow = true;
+        } else {
+          this.colorList[i].isShow = false;
         }
-      })
-      this.color = item.name
-    },
-    /**
-     * @Description: 确定改变合规性分级
-     * @author zmf
-     * @date 2021/3/10
-     */
-    changeColor(){
-      // if(num==='2'){
-        this.$http.putData('lawss/sarSarAccessInfo/updateStatusInfo',
-                {
-                  id: this.colorRow.id,
-                  color: this.color
-                }, {
-                  _this: this
-                }, res => {
-                  if (res.ok) {
-                    this.selectInfobyAccid()
-                    this.$message({
-                      type: 'success',
-                      message: '修改成功!'
-                    });
-                    this.dialogColor = false
-                  } else {
-                    this.$message({
-                      type: 'error',
-                      message: '修改失败!'
-                    });
-                  }
-                })
-      // }else{
-      //   this.$http.putData('lawss/sarProductSarState/updateProductSarState',
-      //           {
-      //             id: this.colorRow.id,
-      //             color: this.color
-      //           }, {
-      //             _this: this
-      //           }, res => {
-      //             if (res.ok) {
-      //               this.queryItemsBySar()
-      //               // this.querySarProStateFirst()
-      //               this.$message({
-      //                 type: 'success',
-      //                 message: '修改成功!'
-      //               });
-      //               this.dialogColor = false
-      //             } else {
-      //               this.$message({
-      //                 type: 'error',
-      //                 message: '修改失败!'
-      //               });
-      //             }
-      //           })
-      // }
+      });
+      this.color = item.name;
     },
     doLayout() {
-      this.$refs.adminTable && this.$refs.adminTable.doLayout()
-      this.$refs.skillTable && this.$refs.skillTable.doLayout()
+      this.$refs.adminTable && this.$refs.adminTable.doLayout();
+      this.$refs.skillTable && this.$refs.skillTable.doLayout();
     }
   },
-  mounted () {
+  mounted() {
     this.$nextTick(() => {
-      this.selectInfobyAccid()
-      this.getOrgTreeSource()
-      let accessRow = JSON.parse(sessionStorage.getItem('accessRow'))
-      this.sarAccessEO = accessRow
-      this.getFileInfo()
-      console.log('1818', this.selectInfobyAccid());
-    })
+      this.selectInfobyAccid();
+      this.getOrgTreeSource();
+      let accessRow = JSON.parse(sessionStorage.getItem("accessRow"));
+      this.sarAccessEO = accessRow;
+      this.getFileInfo();
+      console.log("1818", this.selectInfobyAccid());
+    });
 
     // 从数据库中查询各下拉框数据
-    this.$http.get('sys/dictype/getDicTypeListCode', '', {
+    this.$http.get("sys/dictype/getDicTypeListCode", "", {
       _this: this
     }, res => {
-      this.allSelectOptions = res.data || {}
-      this.regionOptions = res.data.REGION // 基础信息 区域list
-      this.applyArcticOptions = res.data.ENERGYTYPES || [] // 基础车型 适用车型list
-      this.energyKindOptions = res.data.ENERGYTYPES || [] // 能源种类list
-      this.drawerCountryOptions = res.data.COUNTRY // 国家、地区list
-      this.standNatureOptions = res.data.SARPROPERTY // 新增 标准性质
-      this.accessSarTypeOptions = res.data.REQUESTTYPE // 数据搜索 要求类型
-      this.standSortOptions = res.data.STANDCLASSIFY // 标准类别
-      this.standStateOptions = res.data.STANDSTATE // 标准状态
-      this.ROLELIST = res.data.ROLELIST
-      this.GXHBQOptions = res.data.GXHBQXX
-      this.askNatureOptions = res.data.ACCESSTYPE
-      this.getGzzOption()
+      this.allSelectOptions = res.data || {};
+      this.regionOptions = res.data.REGION; // 基础信息 区域list
+      this.applyArcticOptions = res.data.ENERGYTYPES || []; // 基础车型 适用车型list
+      this.energyKindOptions = res.data.ENERGYTYPES || []; // 能源种类list
+      this.drawerCountryOptions = res.data.COUNTRY; // 国家、地区list
+      this.standNatureOptions = res.data.SARPROPERTY; // 新增 标准性质
+      this.accessSarTypeOptions = res.data.REQUESTTYPE; // 数据搜索 要求类型
+      this.standSortOptions = res.data.STANDCLASSIFY; // 标准类别
+      this.standStateOptions = res.data.STANDSTATE; // 标准状态
+      this.ROLELIST = res.data.ROLELIST;
+      this.GXHBQOptions = res.data.GXHBQXX;
+      this.askNatureOptions = res.data.ACCESSTYPE;
+      this.getGzzOption();
     }, e => {
-    })
+    });
   }
-}
+};
 </script>
 
 <style lang="less" scoped>
-  @import '~@/assets/styles/mixins';
-  @import '~@/assets/styles/style';
-.details{
+@import '~@/assets/styles/mixins';
+@import '~@/assets/styles/style';
+
+.details {
   height: 100%;
   display: flex;
   flex-direction: column;
-  .iconClass{
+
+  .iconClass {
     width: 18px;
     height: 18px;
   }
+
   .contentTitle {
     display: flex;
     align-items: center;
     padding: 0 10px;
     height: 50px;
     background: #ffffff;
-    .title{
+
+    .title {
       flex: 1;
       font-weight: bold;
       font-size: 20px;
       margin-left: 15px;
-      .el-icon-s-order{
+
+      .el-icon-s-order {
         font-size: 22px;
         color: #4498F0;
         cursor: pointer;
       }
     }
   }
-  .transition-box{
+
+  .transition-box {
     padding: 0 10px;
     background: #ffffff;
     font-size: 14px;
-    .transition-box-p{
+
+    .transition-box-p {
       line-height: 35px;
-      .transition-box-label{
+
+      .transition-box-label {
         display: inline-block;
         width: 80px;
         vertical-align: top;
       }
-      .transition-box-span{
+
+      .transition-box-span {
         display: inline-block;
         width: calc(~'100% - 100px');
       }
-      .file-box{
+
+      .file-box {
         display: inline-block;
         width: calc(~'100% - 100px');
-        .transition-box-span{
+
+        .transition-box-span {
           display: inline;
           width: 100%;
           cursor: pointer;
           color: #4498f0;
         }
-          p{
-              & > a{
-                  cursor: pointer;
-              }
-              & > i{
-                  display: inline-block;
-                  margin-left: 3px;
-                  width: 18px;
-                  height: 16px;
-                  background-repeat: no-repeat;
-                  background-size: 100% 100%;
-                  background-position: center center;
-                  vertical-align: sub;
-                  cursor: pointer;
-              }
-              .icon-download{
-                  background-image: url("~assets/images/shangqi/img/download.png");
-              }
-              .icon-download2{
-                  background-image: url("~assets/images/shangqi/img/download2.png");
-              }
+
+        p {
+          & > a {
+            cursor: pointer;
           }
 
+          & > i {
+            display: inline-block;
+            margin-left: 3px;
+            width: 18px;
+            height: 16px;
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+            background-position: center center;
+            vertical-align: sub;
+            cursor: pointer;
+          }
+
+          .icon-download {
+            background-image: url("~assets/images/shangqi/img/download.png");
+          }
+
+          .icon-download2 {
+            background-image: url("~assets/images/shangqi/img/download2.png");
+          }
+        }
+
       }
     }
   }
+
   .container {
     //height: calc(~'100% - 52px - 55px - 50px');
     flex: auto;
     display: flex;
     flex-direction: column;
-    .el-tabs{
+
+    .el-tabs {
       height: 100%;
       display: flex;
       flex-direction: column;
       flex: auto;
-      /deep/.el-tabs__content{
+
+      /deep/ .el-tabs__content {
         //height: calc(~'100% - 55px');
         overflow-y: auto;
         flex: auto;
         display: flex;
         flex-direction: column;
-        .el-tab-pane{
+
+        .el-tab-pane {
           height: 100%;
           flex: auto;
           display: flex;
@@ -1918,15 +705,17 @@ export default {
       }
     }
   }
-  /deep/.relateClass{
-    & > button{
+
+  /deep/ .relateClass {
+    & > button {
       height: 30px;
       line-height: 30px;
       font-size: 14px;
       padding: 0 10px;
       font-family: 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
     }
-    & i{
+
+    & i {
       display: inline-block;
       margin-right: 3px;
       width: 18px;
@@ -1936,27 +725,33 @@ export default {
       background-position: center center;
       vertical-align: text-bottom;
     }
-    .relation-btn{
+
+    .relation-btn {
       color: #409EFF;
       border: 1px solid #409EFF;
       background: rgba(64, 158, 255, 0.1);
-      .icon-relation{
+
+      .icon-relation {
         background-image: url("~assets/images/shangqi/standardDetails/relation.png");
       }
     }
   }
-  .iconClass{
+
+  .iconClass {
     width: 18px;
     height: 18px;
   }
-  .iconClassDia{
+
+  .iconClassDia {
     width: 30px;
     height: 30px;
   }
-  .picBorder{
+
+  .picBorder {
     border: 1px solid #409eff;
   }
-  .add-border{
+
+  .add-border {
     /*width: 80px;*/
     height: 80px;
     display: flex;
@@ -1965,7 +760,8 @@ export default {
     cursor: pointer
   }
 }
-.relateClass{
+
+.relateClass {
   .el-dialog__body {
     max-height: 460px;
     overflow-y: auto;