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

---
 .../processCenter/pages/processList/index.vue |  228 +-
 .../pages/details.vue                         | 2756 +++++++++--------
 .../pages/details.vue                         | 2412 +++++++--------
 .../nonConfomity/pages/keyIssues.vue          |  130 +-
 .../pags/consultationDetails.vue              |    1 -
 5 files changed, 2767 insertions(+), 2760 deletions(-)

diff --git a/src/pages/processCenter/pages/processList/index.vue b/src/pages/processCenter/pages/processList/index.vue
index 652cdc47f..3bceb3b92 100644
--- a/src/pages/processCenter/pages/processList/index.vue
+++ b/src/pages/processCenter/pages/processList/index.vue
@@ -1,111 +1,117 @@
-<!-- 流程中心 -->
-<template>
-  <div class="processCenter">
-    <panel-header :tabs="tabsList" @activated="showComponent" :active="active"></panel-header>
-    <panel-content>
-      <transition enter-active-class="" leave-active-class="">
-        <components :is="active"></components>
-      </transition>
-    </panel-content>
-  </div>
-
-</template>
-
-<script>
-import ProcessCenter from './tabComponents/processCenter'
-import AlreadyProcess from './tabComponents/alreadyProcess'
-import AlreadySend from './tabComponents/alreadySend'
-import MonitorProcess from './tabComponents/monitorProcess'
-import TaskDraft from './tabComponents/taskDraft'
-import NewProcess from './tabComponents/newProcess'
-
-export default {
-  name: 'index',
-  data() {
-    return {
-      active: 'ProcessCenter',
-    }
-  },
-  computed: {
-    tabsList() {
-      const list = [
-        {
-          title: '待办流程',
-          name: 'ProcessCenter'
-        },
-        {
-          title: '已办流程',
-          name: 'AlreadyProcess'
-        },
-        {
-          title: '已发流程',
-          name: 'AlreadySend'
-        },
-        {
-          title: '监控流程',
-          name: 'MonitorProcess',
-        },
-        {
-          title: '草稿',
-          name: 'TaskDraft'
-        },
-        {
-          title: '新建流程',
-          name: 'NewProcess'
-        },
-      ]
-
-      return list.filter(item => {
-        if (item.permission) {
-          return this.$hasPermission(item.permission)
-        } else {
-          return true
-        }
-      })
-    }
-  },
-  methods: {
-    /**
-     * @description: 边栏收缩
-     * @author: chenxiaoxi
-     * @date: 2018-09-18 11:11:46
-     */
-    // tabs 切换事件
-    showComponent(name) {
-      if (this.active !== name) {
-        this.active = name
-        const location = this.$router.replace({query: {tabsName: name}})
-      }
-      // this.$route.query = {tabsName2: name}
-      // this.$router.push('/processCenter/' + name)
-    }
-  },
-  components: {
-    ProcessCenter,
-    AlreadyProcess,
-    AlreadySend,
-    MonitorProcess,
-    TaskDraft,
-    NewProcess
-    // SideBar,
-    // MyProcess
-  },
-  watch: {},
-  mounted() {
-    if (this.$route.query.tabsName) {
-      this.active = this.$route.query.tabsName
-    } else {
-      this.$router.replace({query: {tabsName: this.active}})
-    }
-    this.$store.commit('setDetailMap', '')
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.processCenter {
-  position: relative;
-  height: 100%;
-  background-color: #fff;
-}
-</style>
+<!-- 流程中心 -->
+<template>
+  <div class="processCenter">
+    <panel-header :tabs="tabsList" @activated="showComponent" :active="active"></panel-header>
+    <panel-content>
+      <transition enter-active-class="" leave-active-class="">
+        <components :is="active"></components>
+      </transition>
+    </panel-content>
+  </div>
+
+</template>
+
+<script>
+import ProcessCenter from './tabComponents/processCenter'
+import AlreadyProcess from './tabComponents/alreadyProcess'
+import AlreadySend from './tabComponents/alreadySend'
+import MonitorProcess from './tabComponents/monitorProcess'
+import TaskDraft from './tabComponents/taskDraft'
+import NewProcess from './tabComponents/newProcess'
+
+export default {
+  name: 'index',
+  data() {
+    return {
+      active: 'ProcessCenter',
+    }
+  },
+  computed: {
+    tabsList() {
+      const list = [
+        {
+          title: '待办流程',
+          name: 'ProcessCenter',
+          permission:'4219fdb5e33dbbc84d845af98c947e66'
+        },
+        {
+          title: '已办流程',
+          name: 'AlreadyProcess',
+          permission:'4f71b81686079ba2b7e3739d3994e0af'
+        },
+        {
+          title: '已发流程',
+          name: 'AlreadySend',
+          permission:'b9abd00768c8ed97be89547c2da3f0eb'
+        },
+        {
+          title: '监控流程',
+          name: 'MonitorProcess',
+        permission:'e1eb3e91143c1cf356889e013e698672'
+        },
+        {
+          title: '草稿',
+          name: 'TaskDraft',
+          permission:'fa19fb2dc2cf3055a64732dab6c40cb9'
+        },
+        {
+          title: '新建流程',
+          name: 'NewProcess',
+          permission:'b53e6722b33a37c0fa2d87a9b06cca40'
+        },
+      ]
+
+      return list.filter(item => {
+        if (item.permission) {
+          return this.$hasPermission(item.permission)
+        } else {
+          return true
+        }
+      })
+    }
+  },
+  methods: {
+    /**
+     * @description: 边栏收缩
+     * @author: chenxiaoxi
+     * @date: 2018-09-18 11:11:46
+     */
+    // tabs 切换事件
+    showComponent(name) {
+      if (this.active !== name) {
+        this.active = name
+        const location = this.$router.replace({query: {tabsName: name}})
+      }
+      // this.$route.query = {tabsName2: name}
+      // this.$router.push('/processCenter/' + name)
+    }
+  },
+  components: {
+    ProcessCenter,
+    AlreadyProcess,
+    AlreadySend,
+    MonitorProcess,
+    TaskDraft,
+    NewProcess
+    // SideBar,
+    // MyProcess
+  },
+  watch: {},
+  mounted() {
+    if (this.$route.query.tabsName) {
+      this.active = this.$route.query.tabsName
+    } else {
+      this.$router.replace({query: {tabsName: this.active}})
+    }
+    this.$store.commit('setDetailMap', '')
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.processCenter {
+  position: relative;
+  height: 100%;
+  background-color: #fff;
+}
+</style>
diff --git a/src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/details.vue b/src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/details.vue
index d9fdc83b7..9ca8433b2 100644
--- a/src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/details.vue
+++ b/src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/details.vue
@@ -1,1377 +1,1379 @@
-<template>
-  <div class="details v-class">
-    <div class="contentTitle">
-      <div class="back" title="返回" @click="back">
-        <i class="el-icon-back"></i>
-      </div>
-      <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" v-if="sarAccessEO.sortKey === '1'">
-          <label class="transition-box-label">国家/地区：</label>
-          <span class="transition-box-span">
-             {{ sarAccessEO.countryAreaShow }}
-            </span>
-        </p>
-        <p v-else></p>
-        <p class="transition-box-p">
-          <label class="transition-box-label">清单说明：</label>
-          <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"> {{ item.name }}
-              <i
-                title="下载"
-                @click="downloadFile(item.id)"
-                class="icon-download"
-                v-btn-permission="''"
-              />
-              <i
-                title="下载带水印"
-                @click="downloadFileByWater(item.id,item.name)"
-                class="icon-download2"
-                v-btn-permission="''"
-              />
-            </p>
-          </div>
-          <span class="transition-box-span" v-else>-</span>
-        </div>
-      </div>
-    </transition>
-    <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.standNumber"
-                      placeholder="请输入"
-                      clearable></el-input>
-          </el-form-item>
-          <el-form-item label="标准名称" class="search-item">
-            <el-input v-model="standardForm.standName"
-                      placeholder="请输入"
-                      clearable></el-input>
-          </el-form-item>
-          <el-form-item label="责任部门" class="search-item" prop="responseUnit">
-            <el-input
-              v-model="standardForm.zrbm"
-              placeholder="请输入责任部门"
-            >
-            </el-input>
-          </el-form-item>
-          <el-form-item label="" class="search-item btn-box">
-            <el-button v-btn-permission="'670dd74a8469a6232a0762c69b575775'" 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 v-btn-permission="'d55e2eb884449f04ecdb30f0523d965d'" class="common-button-default"
-                       @click="resetSelect" size="small">清空
-            </el-button>
-          </el-form-item>
-
-          <el-button class="common-button-default export-button"
-                     v-btn-permission="'c7165a1baa667140f97e792971c89a71'"
-                     size="small" @click="exportStandard()"
-                     title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
-                     icon="export"
-          >导出
-          </el-button>
-          <el-button type="primary" class="common-button-primary" size="mini" v-btn-permission="'670472f38fe27b192c7f7105847f38ce'" @click="selectMoreBtn">
-            <i class="iconfont">&#xe7a5;</i>
-            高级查询
-          </el-button>
-        </el-form>
-      </div>
-    </div>
-    <div class="container" style="position:relative;">
-      <div style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
-        <loading :loading="standInfoTableLoading">数据获取中</loading>
-        <el-table
-          :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"
-        >
-          <el-table-column
-            type="selection"
-            width="55"
-            align="center">
-          </el-table-column>
-          <el-table-column
-            label="序号"
-            align="center"
-            width="55"
-            fixed="left"
-            type="index"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="standNumber"
-            fixed="left"
-            width="180px"
-            align="center"
-            label="标准号">
-            <template slot-scope="scope">
-              <span class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standNumber }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="standName"
-            label="中文名称"
-            width="180px"
-          >
-            <template slot-scope="scope">
-              <a class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standName }}</a>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="standEnName"
-            align="center"
-            width="180px"
-            label="英文名称">
-            <template slot-scope="scope">
-              <a class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standEnName }}</a>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="typeApplicable"
-            align="center"
-            width="180px"
-            label="适用车型">
-          </el-table-column>
-          <el-table-column
-            prop="nylx"
-            align="center"
-            width="180px"
-            label="能源类型">
-          </el-table-column>
-          <el-table-column
-            prop="ssrq"
-            sortable
-            align="center"
-            width="210px"
-            label="标准实施日期">
-          </el-table-column>
-          <el-table-column
-            show-overflow-tooltip
-            prop="zccssrqgj"
-            sortable
-            width="210px"
-            align="center"
-            label="在产车实施日期">
-          </el-table-column>
-          <el-table-column
-            prop="xcxssrqgj"
-            sortable
-            align="center"
-            width="210px"
-            label="新车型实施日期">
-          </el-table-column>
-          <el-table-column
-            show-overflow-tooltip
-            prop="zrbm"
-            width="210px"
-            align="center"
-            label="责任部门">
-          </el-table-column>
-          <el-table-column
-            show-overflow-tooltip
-            prop="sycpx"
-            width="180px"
-            align="center"
-            label="适用产品线">
-          </el-table-column>
-        </el-table>
-        <pagination :page="page" :total="total" @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-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" class="common-button-primary" icon="el-icon-check"
-                   @click="exportTestItem">提交</el-button>
-      </span>
-    </el-dialog>
-    <!-- 更新LOG -->
-    <el-dialog
-      title="更新记录"
-      :visible.sync="relateDialog"
-      class="relateClass"
-      width="60%"
-      :before-close="relateDialogClose">
-      <div
-        v-for="(item, index) in relateNowList"
-        :key="index"
-        v-if="relateNowList"
-        style="margin-bottom: 10px;line-height: 20px;max-height: 300px"
-      >
-        {{ 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-drawer
-      title="高级查询"
-      :before-close='cancelQueryInfo'
-      :visible.sync="showQueryMore"
-      :wrapperClosable="false"
-      size="800px"
-    >
-      <div class="content_form" style="height: 100%">
-        <el-form :modal="sarAccessInfo" class="label-input-form" label-width="150px" style="margin: 20px">
-          <ProcessTitle>
-            <template slot="title">基础信息</template>
-          </ProcessTitle>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item :label="standLabelNum" class="add-form-item">
-                <el-input
-                  v-if="sarAccessInfo.dataSource === 'FOREIGN_STAND' || sarAccessInfo.dataSource === 'INLAND_STAND'"
-                  v-model="sarAccessInfo.standNumber"
-                  placeholder="请输入标准号"/>
-                <el-input
-                  v-if="sarAccessInfo.dataSource === 'FOREIGN_LAWS'"
-                  v-model="sarAccessInfo.lawsNumber"
-                  placeholder="请输入政策编号"/>
-                <el-input
-                  v-else-if="sarAccessInfo.dataSource === 'BUSINESS'"
-                  v-model="sarAccessInfo.standCode"
-                  placeholder="请输入标准号"/>
-              </el-form-item>
-
-              <el-form-item v-if="sarAccessInfo.dataSource === 'BUSINESS'" label="文本状态" class="add-form-item">
-                <el-select v-model="sarAccessInfo.textStatusBuss"
-                           placeholder="请选择文本状态"
-                           clearable>
-                  <el-option
-                    v-for="(opt,index) in textStatusBussOptions"
-                    :key="index"
-                    :value="opt.value === undefined ? '' :opt.value" :label="opt.label"
-                  >
-                    {{ opt.label }}
-                  </el-option>
-                </el-select>
-              </el-form-item>
-              <el-form-item v-else label="文本状态" class="add-form-item">
-                <el-select
-                  v-model="sarAccessInfo.textStatus"
-                  placeholder="请选择文本状态"
-                  clearable
-                >
-                  <el-option
-                    v-for="opt in textStatusOptions"
-                    :value="opt.value === undefined ? '' :opt.value"
-                    :key="opt.value" :label="opt.label">{{ opt.label }}
-                  </el-option>
-                </el-select>
-              </el-form-item>
-              <!-- 适用车型 -->
-              <template v-if="sarAccessInfo.dataSource === 'FOREIGN_STAND' || sarAccessInfo.dataSource === 'INLAND_STAND'">
-                <custom-select-array
-                  :config="applySYCX"
-                  v-model="sarAccessInfo['CLLX']"
-                ></custom-select-array>
-              </template>
-              <el-form-item v-else-if="sarAccessInfo.dataSource === 'FOREIGN_LAWS'"
-                            label="适用车型" class="add-form-item">
-                <el-select v-model="sarAccessInfo.lawsSycx" filterable clearable>
-                  <el-option
-                    v-for="item in lawsSycxOptions"
-                    placeholder="请选择"
-                    :key="item.value"
-                    :value="item.value"
-                    :label="item.label"
-                  ></el-option>
-                </el-select>
-              </el-form-item>
-              <template v-if="sarAccessInfo.dataSource === 'BUSINESS'">
-                <custom-select-array
-                  :config="applySYCX"
-                  v-model="sarAccessInfo['SYCXCLASS']"
-                ></custom-select-array>
-              </template>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item :label="standLabelName" class="add-form-item">
-                <el-input v-model="sarAccessInfo.standName" placeholder="请输入标准名称"></el-input>
-              </el-form-item>
-              <el-form-item label="是否纳入认证清单" class="add-form-item">
-                <el-select v-model="sarAccessInfo.isRelateAccess" clearable placeholder="根据是否纳入标准清单查找">
-                  <el-option value="1" label="是"></el-option>
-                  <el-option value="0" label="否"></el-option>
-                </el-select>
-              </el-form-item>
-              <!-- 适用认证 -->
-              <template v-if="sarAccessInfo.dataSource === 'FOREIGN_STAND' || sarAccessInfo.dataSource === 'INLAND_STAND'">
-                <custom-select-array
-                  :config="applySYRZ"
-                  v-model="sarAccessInfo['SYRZ']"
-                ></custom-select-array>
-              </template>
-              <el-form-item v-else-if="sarAccessInfo.dataSource === 'FOREIGN_LAWS'"
-                            label="适用认证" class="add-form-item">
-                <el-select v-model="sarAccessInfo.YYRZLAWS" clearable>
-                  <el-option
-                    v-for="item in YYRZLAWSOptions"
-                    placeholder="请选择"
-                    :key="item.value"
-                    :value="item.value"
-                    :label="item.label"
-                  ></el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <ProcessTitle>
-            <template slot="title">日期选择</template>
-          </ProcessTitle>
-          <el-row>
-            <el-col :span="12">
-              <!-- 发布日期 -->
-              <el-form-item v-if="sarAccessInfo.dataSource !== 'FOREIGN_LAWS'" label="发布日期" class="add-form-item">
-                <el-date-picker
-                  v-model="sarAccessInfo.issueTime"
-                  type="daterange"
-                  range-separator="-"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                  value-format="yyyy-MM-dd"
-                  placeholder="根据标准发布日期查找">
-                </el-date-picker>
-              </el-form-item>
-              <el-form-item v-else label="发布日期" class="add-form-item">
-                <el-datePicker
-                  v-model="sarAccessInfo.issueTime"
-                  :editable="false"
-                  placeholder="请选择发布日期"
-                  value-format="yyyy-MM-dd"
-                  clearable>
-                </el-datePicker>
-              </el-form-item>
-              <!-- 新车型实施日期 -->
-              <el-form-item v-if="sarAccessInfo.dataSource === 'FOREIGN_STAND' || sarAccessInfo.dataSource === 'INLAND_STAND'" label="新车型实施日期" class="add-form-item">
-                <el-date-picker
-                  value-format="yyyy-MM-dd"
-                  v-model="sarAccessInfo.XCXSSRQ"
-                  type="daterange"
-                  range-separator="-"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                  placeholder="根据新车型实施日期查找">
-                </el-date-picker>
-              </el-form-item>
-              <el-form-item v-else-if="sarAccessInfo.dataSource === 'FOREIGN_LAWS'" label="新车型实施日期" class="add-form-item">
-                <el-datePicker
-                  v-model="sarAccessInfo.XCXSSRQLAWS"
-                  :editable="false"
-                  placeholder="请选择实施日期"
-                  value-format="yyyy-MM-dd"
-                  clearable></el-datePicker>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <!-- 实施日期  -->
-              <el-form-item v-if="sarAccessInfo.dataSource === 'FOREIGN_STAND' || sarAccessInfo.dataSource === 'INLAND_STAND'" label="实施日期" class="add-form-item">
-                <el-date-picker
-                  v-model="sarAccessInfo.SSRQ"
-                  type="daterange"
-                  range-separator="-"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                  value-format="yyyy-MM-dd"
-                  placeholder="根据实施日期查找">
-                </el-date-picker>
-              </el-form-item>
-              <el-form-item v-else-if="sarAccessInfo.dataSource === 'FOREIGN_LAWS'" label="实施日期" class="add-form-item">
-                <el-datePicker
-                  v-model="sarAccessInfo.SSRQLAWS"
-                  :editable="false"
-                  placeholder="请选择实施日期"
-                  value-format="yyyy-MM-dd"
-                  clearable>
-                </el-datePicker>
-              </el-form-item>
-              <!-- 在产车实施日期 -->
-              <el-form-item v-if="sarAccessInfo.dataSource === 'FOREIGN_STAND' || sarAccessInfo.dataSource === 'INLAND_STAND'" label="在产车实施日期" class="add-form-item">
-                <el-date-picker
-                  v-model="sarAccessInfo.ZCCSSRQ"
-                  type="daterange"
-                  range-separator="-"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                  value-format="yyyy-MM-dd"
-                  placeholder="根据在产车实施日期查找">
-                </el-date-picker>
-              </el-form-item>
-              <el-form-item v-else-if="sarAccessInfo.dataSource === 'FOREIGN_LAWS'" label="在产车实施日期" class="add-form-item">
-                <el-datePicker
-                  v-model="sarAccessInfo.ZCXSSRQLAWS"
-                  :editable="false"
-                  placeholder="请选择实施日期"
-                  value-format="yyyy-MM-dd"
-                  clearable></el-datePicker>
-              </el-form-item>
-
-            </el-col>
-          </el-row>
-        </el-form>
-      </div>
-      <div class="demo-drawer-footer">
-        <el-button size="mini" @click="cancelQueryInfo">取消</el-button>
-        <el-button type="primary" size="mini" @click="okQueryInfo(1)">确认</el-button>
-      </div>
-    </el-drawer>
-
-    <loading :loading="dataLoading">{{ $t("m.dataAcquisition") }}</loading>
-  </div>
-</template>
-
-<script>
-import { interfaceUrl } from "@/sysConfig";
-import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
-import CustomSelectArray from "@/components/CustomFormComponents/SelectArray";
-import { StandardsInfoPage } from "api/unqualProcess";
-
-export default {
-  name: "AccessStandardDetails",
-  components:{
-    ProcessTitle,
-    CustomSelectArray
-  },
-  data() {
-    return {
-      showQueryMore: false,
-      textStatusBussOptions: [],
-      textStatusOptions: [],
-      lawsSycxOptions: [], // 国内外政策适用车型
-      YYRZLAWSOptions: [], // 国内外政策适用认证
-      applySYCX: {
-        attrName: '适用车型',
-        options: []
-      },
-      applySYRZ: {
-        attrName: '适用认证',
-        options: []
-      },
-      standLabelNum: '标准号',
-      standLabelName: '标准名称',
-      // 高级检索状态
-      showSelectBox: true,
-      textStatusMap: {},
-      typeApplicableMap: {},
-      nylxMap: {},
-      zrbmMap: {},
-      sycpxMap: {},
-      countryAreaMap: {},
-      standInfoTableLoading:false,
-      standinfoList: [],
-      // 适用车型
-      applyArcticOptions: [],
-      // 能源类型
-      categoryOptions: [],
-      // 责任部门
-      zrbmOptions: [],
-      // 适用产品线
-      sycpxOptions: [],
-      standardFormTotal: 0,
-      relateDialog: false,
-      relateList: [],
-      relateNowList: [],
-      heightShow: true,
-      dataLoading: false,
-      standardForm: {
-        zrbm: "",
-        standNumber: "",
-        standName: "",
-        responseUnit: "",
-        page: 1,
-        Size: this.$store.getters.userInfo.configContent
-      },
-      // 新增、编辑 数据搜索字段
-      sarAccessInfo: {
-        id: '',
-        standName: '',
-        standNumber: '',
-        standCode: '', // 政策编号
-        textStatus: '',
-
-        textStatusBuss: '',
-        CLLX: '',
-        SYRZ: '',
-
-        lawsSycx: '',
-        YYRZLAWS: '',
-        // 发布日期
-        issueTime: '',
-        // 实施日期
-        SSRQ: '',
-        SSRQLAWS: '',
-        // 在产车实施日期
-        ZCCSSRQ: '',
-        ZCXSSRQLAWS: '',
-        // 新车型实施日期
-        XCXSSRQ: '',
-        XCXSSRQLAWS: '',
-        //是否纳入认证清单
-        isRelateAccess: '',
-        standType: 'INLAND',
-        askType: '', // 监管类型
-        dataSource: 'INLAND_STAND', // 数据来源
-        page: 1,
-        pageSize: this.$store.getters.userInfo.configContent,
-        validFlag: 0,
-        advanceSearchVOStr: []
-      },
-      page: 1,
-      pageSize: this.$store.getters.userInfo.configContent,
-      total: 0,
-      stateList: [], // 标准状态列表
-      activeName: "SKILL", // 当前激活
-      exportModelFlag: false,
-      exportName: "",
-      standType: "INLAND",
-      uploadPath: "api/att/attFile/upload",
-      defaultFileList: [], // 默认显示,
-      loading: false,
-      accessSarType: "",
-      selectedList: [],
-      pageId: "",
-      // 导出文件模态框控制，和文件名称
-      saveExportType: "",
-      depNode: [], // 部门树
-      sarAccessEO: {},
-      sarAccessEOInfo: "",
-      fileInfoList: [],
-      // 改变颜色
-      dialogColor: false,
-      dialogType: "",
-      color: "",
-      isShow: false,
-      countryAreaShow: ''
-    };
-  },
-  methods: {
-//高级查询的 X
-    cancelQueryInfo() {
-      this.sarAccessInfo = {
-        id: '',
-        standName: '',
-        standNumber: '',
-        textStatus: '',
-        CLLX: '',
-        SYRZ: '',
-        // 发布日期
-        issueTime: '',
-        // 实施日期
-        SSRQ: '',
-        // 在产车实施日期
-        ZCCSSRQ: '',
-        // 新车型实施日期
-        XCXSSRQ: '',
-        //是否纳入认证清单
-        isRelateAccess: '',
-        standType: this.sarAccessInfo.standType,
-        askType: '', // 监管类型
-        dataSource: this.sarAccessInfo.dataSource, // 数据来源
-        page: 1,
-        pageSize: this.$store.getters.userInfo.configContent,
-        validFlag: 0,
-        advanceSearchVOStr: []
-      }
-      this.showQueryMore = false
-    },
-    // 高级查询确认按钮
-    okQueryInfo() {
-      let item = this.sarAccessInfo
-      item.pageSize = this.$store.getters.userInfo.configContent
-      const data = item
-      // this.sarStandardsSearch.menuId = this.selectSarMenu.id
-      const formData = {...data}
-      formData.standType = this.sarAccessInfo.standType
-
-      // // 自定义属性字段高级搜索处理
-      //advanceSearchVOStr
-      const advanceSearchVOList = [];
-      for (let key in formData) {
-        const value = formData[key];
-        if (value !== null && value !== '' && value.length > 0 && (key === 'SYRZ' || key === 'CLLX')) {
-          advanceSearchVOList.push({
-            connect: "and",
-            field: key || '',
-            type: 'regexp',
-            value: value.join(',')
-          });
-        } else if (value !== null && value !== '' && value.length > 0 && (key === 'SSRQ' || key === 'XCXSSRQ' || key === 'ZCCSSRQ')) {
-          advanceSearchVOList.push({
-            connect: "and",
-            field: key || '',
-            type: 'between',
-            value: value.join(',')
-          });
-        }
-      }
-      formData.advanceSearchVOStr = JSON.stringify(advanceSearchVOList);
-      if (this.sarAccessInfo.dataSource === 'FOREIGN_STAND' || this.sarAccessInfo.dataSource === 'INLAND_STAND') {
-        formData.startIssueTime = formData.issueTime ? formData.issueTime[0] : null
-        formData.endIssueTime = formData.issueTime ? formData.issueTime[1] : null
-        formData.issueTime = null
-      } /*else if(this.sarAccessInfo.dataSource === 'BUSINESS') {
-        // formData.issueTime = formData.issueTime ? formData.issueTime[0] : null
-        // formData.issueTime = formData.issueTime ? formData.issueTime[1] : null
-      }*/
-      this.sarAccessInfo = formData
-      this.showQueryMore = false
-      this.selectLawsStands()
-    },
-    // 查询数据搜索 table 数据
-    selectLawsStands() {
-      if (this.sarAccessInfo.dataSource === 'INLAND_STAND') {
-        this.sarAccessInfo.standType = 'INLAND'
-        this.pageInfo()
-      } else if (this.sarAccessInfo.dataSource === 'FOREIGN_STAND') {
-        this.sarAccessInfo.standType = 'FOREIGN'
-        this.pageInfo()
-      } else if (this.sarAccessInfo.dataSource === 'FOREIGN_LAWS') {
-        this.sarAccessInfo.standType = 'LAWS'
-        this.pageInfo()
-      } else if (this.sarAccessInfo.dataSource === 'BUSINESS') {
-        this.sarAccessInfo.standType = 'BUSINESS'
-        this.pageInfo()
-      }
-    },
-    pageInfo() {
-      if (this.sarAccessInfo.dataSource === 'INLAND_STAND' || this.sarAccessInfo.dataSource === 'FOREIGN_STAND') {
-        StandardsInfoPage((this.sarAccessInfo)).then(res => {
-          this.standinfoList = res.data.list
-          this.standinfoList.forEach(item => {
-            if (item.standYear === null) {
-              item.standNumber = item.standSortShow + ' ' + item.standNumber
-            } else {
-              item.standNumber = item.standSortShow + ' ' + item.standNumber + '-' + item.standYear
-            }
-            item.zrbm = item.attrInfoCaseMap.zrbm
-            item.sycpx = item.attrInfoCaseMap.sycpx
-            item.typeApplicable = item.attrInfoMap.CLLX
-            item.nylx = item.attrInfoMap.NYLX
-          })
-          this.total = res.data.count
-        }, e => {
-        })
-      } else if (this.sarAccessInfo.dataSource === 'FOREIGN_LAWS') {
-        this.$http.get('lawss/sarLawsInfo/page', this.sarAccessInfo, {
-          _this: this,
-        }, res => {
-          this.sarAccessInfoSearchList = res.data.list
-          this.drawerTotal = res.data.count
-        }, e => {
-        })
-      } else if (this.sarAccessInfo.dataSource === 'BUSINESS') {
-        this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage', this.sarAccessInfo, {
-          _this: this,
-        }, res => {
-          this.sarAccessInfoSearchList = res.data.list
-          this.drawerTotal = res.data.count
-        }, e => {
-        })
-      }
-    },
-    // 更新LOG关闭
-    relateDialogClose() {
-      this.relateDialog = false;
-      this.relateNowList = [];
-    },
-    // 更新LOG
-    relateEvent() {
-      this.$http.get("lawss/sarUpdLog/getLogList", {
-        sarId: this.$route.params.id,
-        sarType: "ACCESS"
-      }, {
-        _this: this
-      }, res => {
-        if (res.data.length > 0) {
-          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);
-          }
-        } else {
-          this.$message({
-            message: "暂无数据",
-            type: "warning"
-          });
-        }
-      }, e => {
-
-      });
-    },
-    // 根据准入id查询标准法规详情
-    selectInfobyAccid() {
-      this.standInfoTableLoading = true
-      if(this.sarAccessEO.sortKey === '1'){
-        this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", {
-          ...this.sarAccessInfo,
-          ...this.standardForm,
-          id: this.pageId,
-          types: '1',
-        }, {
-          _this: this
-        }, res => {
-          if (res.data !== null) {
-            res.data.records.forEach(item => {
-              if (item.nylx === "[]") {
-                item.nylx = null;
-              }
-              if (item.typeApplicable === "[]") {
-                item.typeApplicable = null;
-              }
-              if (item.sycpx === "[]") {
-                item.sycpx = null;
-              }
-              if(item.zrbm === "[]"){
-                item.zrbm = null
-              }
-              if (item.zccssrqgj === "undefined") {
-                item.zccssrqgj = ''
-              }
-              if (item.xcxssrqgj === "undefined") {
-                item.xcxssrqgj = ''
-              }
-              if (item.ssrq === "undefined" || item.ssrq === 'null' || !item.ssrq) {
-                item.ssrq = ''
-              }
-            });
-            this.standinfoList = res.data.records;
-            this.total = res.data.total;
-            this.standinfoList.forEach(item => {
-              if (item.standYear === null) {
-                item.standNumber = item.standSortShow + " " + item.standNumber;
-              } else {
-                item.standNumber = item.standSortShow + " " + item.standNumber + "-" + item.standYear;
-              }
-            });
-            this.standInfoTableLoading = false
-          } else {
-            this.standinfoList = []
-            this.standInfoTableLoading = false
-          }
-
-        }, e => {
-          this.standInfoTableLoading = false
-        });
-      }else{
-        this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", {
-          ...this.sarAccessInfo,
-          ...this.standardForm,
-          id: this.pageId
-        }, {
-          _this: this
-        }, res => {
-          if (res.data !== null) {
-            res.data.records.forEach(item => {
-              if (item.nylx === "[]") {
-                item.nylx = null;
-              }
-              if (item.typeApplicable === "[]") {
-                item.typeApplicable = null;
-              }
-              if (item.sycpx === "[]") {
-                item.sycpx = null;
-              }
-              if(item.zrbm === "[]"){
-                item.zrbm = null
-              }
-            });
-            this.standinfoList = res.data.records;
-            this.standardFormTotal = res.data.total;
-            this.standinfoList.forEach(item => {
-              if (item.standYear === null) {
-                item.standNumber = item.standSortShow + " " + item.standNumber;
-              } else {
-                item.standNumber = item.standSortShow + " " + item.standNumber + "-" + item.standYear;
-              }
-            });
-            this.standInfoTableLoading = false
-          } else {
-            this.standinfoList = []
-          }
-
-        }, e => {
-          this.standInfoTableLoading = false
-        });
-      }
-    },
-    selectInfoMore() {
-      this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", {
-        ...this.sarAccessInfo,
-        id: this.pageId
-      }, {
-        _this: this
-      }, res => {
-        if (res.data !== null) {
-          res.data.records.forEach(item => {
-            if (item.nylx === "[]") {
-              item.nylx = null;
-            }
-            if (item.typeApplicable === "[]") {
-              item.typeApplicable = null;
-            }
-            if (item.sycpx === "[]") {
-              item.sycpx = null;
-            }
-            if(item.zrbm === "[]"){
-              item.zrbm = null
-            }
-          });
-          this.standinfoList = res.data.records;
-        } else {
-          this.standinfoList = []
-        }
-        this.standardFormTotal = res.data.total;
-        this.standinfoList.forEach(item => {
-          if (item.standYear === null) {
-            item.standNumber = item.standSortShow + " " + item.standNumber;
-          } else {
-            item.standNumber = item.standSortShow + " " + item.standNumber + "-" + item.standYear;
-          }
-        });
-      }, e => {
-
-      });
-    },
-    back() {
-      this.$router.push({ name: "AccessStandardsAndRegulations" });
-      // this.$router.push(this.$store.state.detailMap)
-      // this.$store.commit('setDetailMap', '')
-    },
-    // 搜索
-    selectProductBtn() {
-      this.page = 1;
-      this.standardForm.page = 1;
-      this.selectInfobyAccid();
-    },
-    // 重置搜索
-    resetSelect() {
-      this.standardForm.zrbm = "";
-      this.standardForm.standName = "";
-      this.standardForm.standNumber = "";
-      this.standardForm.responseUnit = "";
-      this.selectInfobyAccid();
-      this.selectInfoMore();
-    },
-    exportStandard() {
-      if (this.selectedList.length > 0) {
-        this.saveExportType = "apart";
-      } else {
-        this.saveExportType = "all";
-      }
-      this.exportName = "";
-      this.exportModelFlag = true;
-    },
-    // 导出取消按钮关闭模态、置空
-    cancal() {
-      this.exportModelFlag = false;
-    },
-    // 导出确定功能
-    //确认导出
-    exportTestItem() {
-      if(this.sarAccessEO.sortKey === '1'){
-        if (this.saveExportType === "apart") {
-          if (this.selectedList != null && this.selectedList != "") {
-            const exportURL = interfaceUrl + "sarLawsAttrDetailedList/sar-laws-attr-detailed-list/ExportLawsById?" + "type=" + 1 +
-              "&exportType" + this.saveExportType + "&ids=" + this.selectedList.join(",") + "&exportName=" + this.exportName;
-            window.open(exportURL);
-            this.$message.success("导出信息成功");
-          }
-        } else if (this.saveExportType === "all") {
-          const exportURL = interfaceUrl + "sarLawsAttrDetailedList/sar-laws-attr-detailed-list/ExportLawsById?" + "type=" + 1 +
-            "&exportType" + this.saveExportType + "&id=" + this.pageId + "&exportName=" + this.exportName;
-          window.open(exportURL);
-          this.$message.success("导出信息成功");
-        }
-      }else{
-        if (this.saveExportType === "apart") {
-          if (this.selectedList != null && this.selectedList != "") {
-            const exportURL = interfaceUrl + "sarLawsAttrDetailedList/sar-laws-attr-detailed-list/ExportLawsById?" +
-              "exportType" + this.saveExportType + "&ids=" + this.selectedList.join(",") + "&exportName=" + this.exportName;
-            window.open(exportURL);
-            this.$message.success("导出信息成功");
-          }
-        } else if (this.saveExportType === "all") {
-          const exportURL = interfaceUrl + "sarLawsAttrDetailedList/sar-laws-attr-detailed-list/ExportLawsById?" +
-            "exportType" + this.saveExportType + "&id=" + this.pageId + "&exportName=" + this.exportName;
-          window.open(exportURL);
-          this.$message.success("导出信息成功");
-        }
-      }
-      this.exportModelFlag = false;
-      this.selectedList = [];
-    },
-    // tab页切换
-    handleClick(tab, event) {
-      this.activeName = tab.name;
-      this.page = 1;
-      this.standardForm.page = 1;
-      this.selectedList = [];
-      this.selectInfobyAccid();
-    },
-    // 修改成表格样式后，选择项勾选改变
-    standSelectChange(data) {
-      this.selectedList = [];
-      for (let i = 0; i < data.length; i++) {
-        this.selectedList.push(data[i].id);
-      }
-    },
-    pageChange(page) {
-      this.standardForm.page = page;
-      this.selectInfobyAccid();
-    },
-    pageSizeChange(pageSize) {
-      this.standardForm.Size = this.$store.getters.userInfo.configContent;
-      this.selectInfobyAccid();
-    },
-    // 请求部门结构树
-    getOrgTreeSource() {
-      this.$http.get("sys/org/getTree", {}, { _this: this },
-        res => {
-          if (res.ok) {
-            let treeNode = [];
-            res.data.map((item, index) => {
-              let treeItem = {};
-              for (let key in item) {
-                if (key === "orgName") {
-                  treeItem.name = item[key];
-                } else {
-                  treeItem[key] = item[key];
-                }
-              }
-              treeNode[index] = treeItem;
-            });
-            this.depNode = treeNode;
-          }
-        });
-    },
-    // 责任部门 树点击
-    treeDblAuthDepartClick(treeId, treeNode) {
-      this.standardForm.departName = treeNode.name;
-      this.standardForm.depart = treeNode.id;
-      $("#depBtnsAuth").click();
-    },
-    // 请求上传的文件信息
-    getFileInfo() {
-      this.$http.get("att/attFile/getMultiFileInfos", {
-        fileIds: this.sarAccessEO.fileIds
-      }, {
-        _this: this
-      }, res => {
-        this.$nextTick(() => {
-          res.data.map(item => {
-            // 赋值要回显的上传文件内容
-            this.fileInfoList.push({
-              name: item.oldFileName,
-              uid: item.uid,
-              status: item.status,
-              id: item.id
-            });
-          });
-        });
-      }, e => {
-      });
-    },
-    // 附件下载事件
-    fileDownLoad(attId) {
-      window.location.href = "/api/att/attFile/downloadFile?fileId=" + attId;
-    },
-    // 点击查看
-    handlePreview(data) {
-      let item = {
-        country: this.countryAreaShow,
-        ssrq: data.ssrq,
-        xcxssrqgj: data.xcxssrqgj,
-        zccssrqgj: data.zccssrqgj
-      }
-      sessionStorage.setItem("accessCountry", JSON.stringify(item));
-      let routeUrl = this.$router.resolve({
-        name: "OtherStandardDetails",
-        params: {
-          id: data.id,
-          pageType: data.standType,
-        }
-      });
-      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;
-      } else {
-        this.$message.error("请选择要下载的文件");
-      }
-    },
-    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;
-        } else {
-          this.$message.error("请选择要下载的文件");
-        }
-      }
-    },
-    //
-    changeState(row) {
-      let routeUrl = this.$router.resolve({
-        name: "OtherStandardDetails",
-        query: {
-          id: data.id,
-          pageType: this.standType
-        }
-      });
-      window.open(routeUrl.href, "_blank");
-    },
-    /**
-     * 高级检索
-     */
-    selectMoreBtn() {
-      this.standardForm.zrbm = ''
-      this.standardForm.responseUnit = ''
-      this.standardForm.standName = ''
-      this.standardForm.standNumber = ''
-      this.showTableFlag = false;
-      this.showQueryMore = true;
-      this.page = 1;
-      this.standardForm.page = 1;
-      // this.selectInfoMore();
-    },
-    queryInfo() {
-      this.page = 1;
-      this.standardForm.page = 1;
-      this.selectInfoMore();
-      this.isAdvancedSearch = false;
-    },
-    backInfo() {
-      this.sarAccessInfo.standName = "";
-      this.sarAccessInfo.typeApplicable = "";
-      this.sarAccessInfo.nylx = "";
-      this.sarAccessInfo.zrbm = "";
-      this.sarAccessInfo.sycpx = "";
-      this.isAdvancedSearch = false;
-    },
-    // 获取工作组信息下拉框信息
-    getGzzOption() {
-      this.$http.get("lawss/sarGroupMenu/queryGroup", "", {
-        _this: this
-      }, res => {
-        if (res.ok) {
-          let gzzxxOptions = [];
-          res.data.map(item => {
-            gzzxxOptions.push({
-              value: item.id,
-              label: item.menuName
-            });
-          });
-          this.allSelectOptions.GZZXX = gzzxxOptions;
-        }
-      });
-    },
-    /**
-     * @Description: 选择颜色
-     * @author zmf
-     * @date 2021/3/10
-     */
-    chooseColor(item, num) {
-      // if (this.$_has('KJJ6U32LFL4PAK5C6P55')) {
-      //   return
-      // }
-      this.dialogColor = true;
-      this.colorRow = item;
-      this.dialogType = num;
-    },
-    doLayout() {
-      this.$refs.adminTable && this.$refs.adminTable.doLayout();
-      this.$refs.skillTable && this.$refs.skillTable.doLayout();
-    },
-    // 将文本状态的id与name对应
-    setMap(data) {
-      data.forEach(item => {
-        this.$set(this.textStatusMap, item.value, item.label);
-      });
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      let accessRow = JSON.parse(sessionStorage.getItem("accessRow"));
-      this.pageId = accessRow.id;
-      this.sarAccessEO = accessRow;
-      this.countryAreaShow = accessRow.countryAreaShow
-      this.selectInfobyAccid();
-      this.getOrgTreeSource();
-      this.getFileInfo();
-      // this.sarAccessEOInfo = this.sarAccessEO.countryArea.indexOf(',')
-    });
-
-    // 从数据库中查询各下拉框数据
-    this.$http.get("sys/dictype/getDicTypeListCode", "", {
-      _this: this
-    }, res => {
-      this.allSelectOptions = res.data || {};
-      this.regionOptions = res.data.REGION; // 基础信息 区域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.zrbmOptions = res.data.ZRBMCLASS; // 责任部门
-      this.categoryOptions = res.data.NYLXCLASS; // 能源类型
-      this.textStatusOptions = res.data.WBZTCLASS;  // 文本状态
-      this.sycpxOptions = res.data.SYCPXCLASS; // 适用产品线
-      this.lawsSycxOptions = res.data.lawsSycx // 国内外政策适用车型
-      this.YYRZLAWSOptions = res.data.YYRZLAWS // 国内外政策适用认证
-      // 企标文本状态
-      this.textStatusBussOptions = res.data.BUSSSTATE
-      // 适用车型
-      this.applySYCX.options = res.data.ENERGYTYPES
-      // 适用认证
-      this.applySYRZ.options = res.data.SYRZCLASS
-      this.setMap(this.textStatusOptions);
-      this.getGzzOption();
-    }, e => {
-    });
-  }
-};
-</script>
-
-<style lang="less" scoped>
-@import '~@/assets/styles/mixins';
-@import '~@/assets/styles/style';
-
-.details {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-
-  .iconClass {
-    width: 18px;
-    height: 18px;
-  }
-
-  .contentTitle {
-    display: flex;
-    align-items: center;
-    padding: 0 10px;
-    height: 50px;
-    background: #ffffff;
-
-    .title {
-      flex: 1;
-      font-weight: bold;
-      font-size: 20px;
-      margin-left: 15px;
-
-      .el-icon-s-order {
-        font-size: 22px;
-        color: #4498F0;
-        cursor: pointer;
-      }
-    }
-  }
-
-  .transition-box {
-    padding: 0 10px;
-    background: #ffffff;
-    font-size: 14px;
-
-    .transition-box-p {
-      line-height: 35px;
-
-      .transition-box-label {
-        display: inline-block;
-        width: 100px;
-        vertical-align: top;
-      }
-
-      .transition-box-span {
-        display: inline-block;
-        width: calc(~'100% - 100px');
-      }
-
-      .file-box {
-        display: inline-block;
-        width: calc(~'100% - 100px');
-
-        .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");
-          }
-        }
-
-      }
-    }
-  }
-
-  .container {
-    //height: calc(~'100% - 52px - 55px - 50px');
-    flex: auto;
-    display: flex;
-    flex-direction: column;
-
-    .el-tabs {
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      flex: auto;
-
-      /deep/ .el-tabs__content {
-        //height: calc(~'100% - 55px');
-        overflow-y: auto;
-        flex: auto;
-        display: flex;
-        flex-direction: column;
-
-        .el-tab-pane {
-          height: 100%;
-          flex: auto;
-          display: flex;
-          flex-direction: column;
-        }
-      }
-    }
-  }
-
-  .labelForm {
-    margin-top: 20px;
-  }
-
-  /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 {
-      display: inline-block;
-      margin-right: 3px;
-      width: 18px;
-      height: 18px;
-      background-repeat: no-repeat;
-      background-size: 100% 100%;
-      background-position: center center;
-      vertical-align: text-bottom;
-    }
-
-    .relation-btn {
-      color: #409EFF;
-      border: 1px solid #409EFF;
-      background: rgba(64, 158, 255, 0.1);
-
-      .icon-relation {
-        background-image: url("~assets/images/shangqi/standardDetails/relation.png");
-      }
-    }
-  }
-
-  /deep/ .showBox {
-    width: 300px;
-  }
-
-  .iconClass {
-    width: 18px;
-    height: 18px;
-  }
-
-  .iconClassDia {
-    width: 30px;
-    height: 30px;
-  }
-
-  .picBorder {
-    border: 1px solid #409eff;
-  }
-
-  .add-border {
-    /*width: 80px;*/
-    height: 80px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer
-  }
-}
-
-.relateClass {
-  .el-dialog__body {
-    max-height: 460px;
-    overflow-y: auto;
-  }
-}
-</style>
+<template>
+  <div class="details v-class">
+    <div class="contentTitle">
+      <div class="back" title="返回" @click="back">
+        <i class="el-icon-back"></i>
+      </div>
+      <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" v-if="sarAccessEO.sortKey === '1'">
+          <label class="transition-box-label">国家/地区：</label>
+          <span class="transition-box-span">
+             {{ sarAccessEO.countryAreaShow }}
+            </span>
+        </p>
+        <p v-else></p>
+        <p class="transition-box-p">
+          <label class="transition-box-label">清单说明：</label>
+          <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"> {{ item.name }}
+              <i
+                title="下载"
+                @click="downloadFile(item.id)"
+                class="icon-download"
+                v-btn-permission="''"
+              />
+              <i
+                title="下载带水印"
+                @click="downloadFileByWater(item.id,item.name)"
+                class="icon-download2"
+                v-btn-permission="''"
+              />
+            </p>
+          </div>
+          <span class="transition-box-span" v-else>-</span>
+        </div>
+      </div>
+    </transition>
+    <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.standNumber"
+                      placeholder="请输入"
+                      clearable></el-input>
+          </el-form-item>
+          <el-form-item label="标准名称" class="search-item">
+            <el-input v-model="standardForm.standName"
+                      placeholder="请输入"
+                      clearable></el-input>
+          </el-form-item>
+          <el-form-item label="责任部门" class="search-item" prop="responseUnit">
+            <el-input
+              v-model="standardForm.zrbm"
+              placeholder="请输入责任部门"
+            >
+            </el-input>
+          </el-form-item>
+          <el-form-item label="" class="search-item btn-box">
+            <el-button v-btn-permission="'6a1c8575a6ed7da8d441767c7e8dd407','e4aee670a804c8f26a2044c60800f835','da3564b242a91d112e50336ec5433c2e'" 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 v-btn-permission="'855d8db42fd3e50f3f092f81f8c2c895' ,'149187e6e3a686a949a4119dadaafbef','bcbd7dae607dd0594b2d4c9c3a861b4f'" class="common-button-default"
+                       @click="resetSelect" size="small">清空
+            </el-button>
+          </el-form-item>
+
+          <el-button class="common-button-default export-button"
+                     v-btn-permission="'4b5207b6ebff8f5ca7990dd6debf7f60' ,'f5ffaf2df95f03970c4846ba4b703730','14802475aba2684ed63af6ef50812937'"
+                     size="small" @click="exportStandard()"
+                     title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
+                     icon="export"
+          >导出
+          </el-button>
+          <el-button type="primary" class="common-button-primary" size="mini"
+                     v-btn-permission="'5b26775620cf73b044d753bf1f07ceaf' , '39eb1c25f5865a14020708fe07ea4b5c','32d99dd10bef923935b0d19d3f2d2a90'"
+                     @click="selectMoreBtn">
+            <i class="iconfont">&#xe7a5;</i>
+            高级查询
+          </el-button>
+        </el-form>
+      </div>
+    </div>
+    <div class="container" style="position:relative;">
+      <div style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
+        <loading :loading="standInfoTableLoading">数据获取中</loading>
+        <el-table
+          :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"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            label="序号"
+            align="center"
+            width="55"
+            fixed="left"
+            type="index"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="standNumber"
+            fixed="left"
+            width="180px"
+            align="center"
+            label="标准号">
+            <template slot-scope="scope">
+              <span class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standNumber }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="standName"
+            label="中文名称"
+            width="180px"
+          >
+            <template slot-scope="scope">
+              <a class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standName }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="standEnName"
+            align="center"
+            width="180px"
+            label="英文名称">
+            <template slot-scope="scope">
+              <a class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standEnName }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="typeApplicable"
+            align="center"
+            width="180px"
+            label="适用车型">
+          </el-table-column>
+          <el-table-column
+            prop="nylx"
+            align="center"
+            width="180px"
+            label="能源类型">
+          </el-table-column>
+          <el-table-column
+            prop="ssrq"
+            sortable
+            align="center"
+            width="210px"
+            label="标准实施日期">
+          </el-table-column>
+          <el-table-column
+            show-overflow-tooltip
+            prop="zccssrqgj"
+            sortable
+            width="210px"
+            align="center"
+            label="在产车实施日期">
+          </el-table-column>
+          <el-table-column
+            prop="xcxssrqgj"
+            sortable
+            align="center"
+            width="210px"
+            label="新车型实施日期">
+          </el-table-column>
+          <el-table-column
+            show-overflow-tooltip
+            prop="zrbm"
+            width="210px"
+            align="center"
+            label="责任部门">
+          </el-table-column>
+          <el-table-column
+            show-overflow-tooltip
+            prop="sycpx"
+            width="180px"
+            align="center"
+            label="适用产品线">
+          </el-table-column>
+        </el-table>
+        <pagination :page="page" :total="total" @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-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" class="common-button-primary" icon="el-icon-check"
+                   @click="exportTestItem">提交</el-button>
+      </span>
+    </el-dialog>
+    <!-- 更新LOG -->
+    <el-dialog
+      title="更新记录"
+      :visible.sync="relateDialog"
+      class="relateClass"
+      width="60%"
+      :before-close="relateDialogClose">
+      <div
+        v-for="(item, index) in relateNowList"
+        :key="index"
+        v-if="relateNowList"
+        style="margin-bottom: 10px;line-height: 20px;max-height: 300px"
+      >
+        {{ 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-drawer
+      title="高级查询"
+      :before-close='cancelQueryInfo'
+      :visible.sync="showQueryMore"
+      :wrapperClosable="false"
+      size="800px"
+    >
+      <div class="content_form" style="height: 100%">
+        <el-form :modal="sarAccessInfo" class="label-input-form" label-width="150px" style="margin: 20px">
+          <ProcessTitle>
+            <template slot="title">基础信息</template>
+          </ProcessTitle>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item :label="standLabelNum" class="add-form-item">
+                <el-input
+                  v-if="sarAccessInfo.dataSource === 'FOREIGN_STAND' || sarAccessInfo.dataSource === 'INLAND_STAND'"
+                  v-model="sarAccessInfo.standNumber"
+                  placeholder="请输入标准号"/>
+                <el-input
+                  v-if="sarAccessInfo.dataSource === 'FOREIGN_LAWS'"
+                  v-model="sarAccessInfo.lawsNumber"
+                  placeholder="请输入政策编号"/>
+                <el-input
+                  v-else-if="sarAccessInfo.dataSource === 'BUSINESS'"
+                  v-model="sarAccessInfo.standCode"
+                  placeholder="请输入标准号"/>
+              </el-form-item>
+
+              <el-form-item v-if="sarAccessInfo.dataSource === 'BUSINESS'" label="文本状态" class="add-form-item">
+                <el-select v-model="sarAccessInfo.textStatusBuss"
+                           placeholder="请选择文本状态"
+                           clearable>
+                  <el-option
+                    v-for="(opt,index) in textStatusBussOptions"
+                    :key="index"
+                    :value="opt.value === undefined ? '' :opt.value" :label="opt.label"
+                  >
+                    {{ opt.label }}
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item v-else label="文本状态" class="add-form-item">
+                <el-select
+                  v-model="sarAccessInfo.textStatus"
+                  placeholder="请选择文本状态"
+                  clearable
+                >
+                  <el-option
+                    v-for="opt in textStatusOptions"
+                    :value="opt.value === undefined ? '' :opt.value"
+                    :key="opt.value" :label="opt.label">{{ opt.label }}
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <!-- 适用车型 -->
+              <template v-if="sarAccessInfo.dataSource === 'FOREIGN_STAND' || sarAccessInfo.dataSource === 'INLAND_STAND'">
+                <custom-select-array
+                  :config="applySYCX"
+                  v-model="sarAccessInfo['CLLX']"
+                ></custom-select-array>
+              </template>
+              <el-form-item v-else-if="sarAccessInfo.dataSource === 'FOREIGN_LAWS'"
+                            label="适用车型" class="add-form-item">
+                <el-select v-model="sarAccessInfo.lawsSycx" filterable clearable>
+                  <el-option
+                    v-for="item in lawsSycxOptions"
+                    placeholder="请选择"
+                    :key="item.value"
+                    :value="item.value"
+                    :label="item.label"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <template v-if="sarAccessInfo.dataSource === 'BUSINESS'">
+                <custom-select-array
+                  :config="applySYCX"
+                  v-model="sarAccessInfo['SYCXCLASS']"
+                ></custom-select-array>
+              </template>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item :label="standLabelName" class="add-form-item">
+                <el-input v-model="sarAccessInfo.standName" placeholder="请输入标准名称"></el-input>
+              </el-form-item>
+              <el-form-item label="是否纳入认证清单" class="add-form-item">
+                <el-select v-model="sarAccessInfo.isRelateAccess" clearable placeholder="根据是否纳入标准清单查找">
+                  <el-option value="1" label="是"></el-option>
+                  <el-option value="0" label="否"></el-option>
+                </el-select>
+              </el-form-item>
+              <!-- 适用认证 -->
+              <template v-if="sarAccessInfo.dataSource === 'FOREIGN_STAND' || sarAccessInfo.dataSource === 'INLAND_STAND'">
+                <custom-select-array
+                  :config="applySYRZ"
+                  v-model="sarAccessInfo['SYRZ']"
+                ></custom-select-array>
+              </template>
+              <el-form-item v-else-if="sarAccessInfo.dataSource === 'FOREIGN_LAWS'"
+                            label="适用认证" class="add-form-item">
+                <el-select v-model="sarAccessInfo.YYRZLAWS" clearable>
+                  <el-option
+                    v-for="item in YYRZLAWSOptions"
+                    placeholder="请选择"
+                    :key="item.value"
+                    :value="item.value"
+                    :label="item.label"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <ProcessTitle>
+            <template slot="title">日期选择</template>
+          </ProcessTitle>
+          <el-row>
+            <el-col :span="12">
+              <!-- 发布日期 -->
+              <el-form-item v-if="sarAccessInfo.dataSource !== 'FOREIGN_LAWS'" label="发布日期" class="add-form-item">
+                <el-date-picker
+                  v-model="sarAccessInfo.issueTime"
+                  type="daterange"
+                  range-separator="-"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  value-format="yyyy-MM-dd"
+                  placeholder="根据标准发布日期查找">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item v-else label="发布日期" class="add-form-item">
+                <el-datePicker
+                  v-model="sarAccessInfo.issueTime"
+                  :editable="false"
+                  placeholder="请选择发布日期"
+                  value-format="yyyy-MM-dd"
+                  clearable>
+                </el-datePicker>
+              </el-form-item>
+              <!-- 新车型实施日期 -->
+              <el-form-item v-if="sarAccessInfo.dataSource === 'FOREIGN_STAND' || sarAccessInfo.dataSource === 'INLAND_STAND'" label="新车型实施日期" class="add-form-item">
+                <el-date-picker
+                  value-format="yyyy-MM-dd"
+                  v-model="sarAccessInfo.XCXSSRQ"
+                  type="daterange"
+                  range-separator="-"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  placeholder="根据新车型实施日期查找">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item v-else-if="sarAccessInfo.dataSource === 'FOREIGN_LAWS'" label="新车型实施日期" class="add-form-item">
+                <el-datePicker
+                  v-model="sarAccessInfo.XCXSSRQLAWS"
+                  :editable="false"
+                  placeholder="请选择实施日期"
+                  value-format="yyyy-MM-dd"
+                  clearable></el-datePicker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <!-- 实施日期  -->
+              <el-form-item v-if="sarAccessInfo.dataSource === 'FOREIGN_STAND' || sarAccessInfo.dataSource === 'INLAND_STAND'" label="实施日期" class="add-form-item">
+                <el-date-picker
+                  v-model="sarAccessInfo.SSRQ"
+                  type="daterange"
+                  range-separator="-"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  value-format="yyyy-MM-dd"
+                  placeholder="根据实施日期查找">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item v-else-if="sarAccessInfo.dataSource === 'FOREIGN_LAWS'" label="实施日期" class="add-form-item">
+                <el-datePicker
+                  v-model="sarAccessInfo.SSRQLAWS"
+                  :editable="false"
+                  placeholder="请选择实施日期"
+                  value-format="yyyy-MM-dd"
+                  clearable>
+                </el-datePicker>
+              </el-form-item>
+              <!-- 在产车实施日期 -->
+              <el-form-item v-if="sarAccessInfo.dataSource === 'FOREIGN_STAND' || sarAccessInfo.dataSource === 'INLAND_STAND'" label="在产车实施日期" class="add-form-item">
+                <el-date-picker
+                  v-model="sarAccessInfo.ZCCSSRQ"
+                  type="daterange"
+                  range-separator="-"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  value-format="yyyy-MM-dd"
+                  placeholder="根据在产车实施日期查找">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item v-else-if="sarAccessInfo.dataSource === 'FOREIGN_LAWS'" label="在产车实施日期" class="add-form-item">
+                <el-datePicker
+                  v-model="sarAccessInfo.ZCXSSRQLAWS"
+                  :editable="false"
+                  placeholder="请选择实施日期"
+                  value-format="yyyy-MM-dd"
+                  clearable></el-datePicker>
+              </el-form-item>
+
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <div class="demo-drawer-footer">
+        <el-button size="mini" @click="cancelQueryInfo">取消</el-button>
+        <el-button type="primary" size="mini" @click="okQueryInfo(1)">确认</el-button>
+      </div>
+    </el-drawer>
+
+    <loading :loading="dataLoading">{{ $t("m.dataAcquisition") }}</loading>
+  </div>
+</template>
+
+<script>
+import { interfaceUrl } from "@/sysConfig";
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import CustomSelectArray from "@/components/CustomFormComponents/SelectArray";
+import { StandardsInfoPage } from "api/unqualProcess";
+
+export default {
+  name: "AccessStandardDetails",
+  components:{
+    ProcessTitle,
+    CustomSelectArray
+  },
+  data() {
+    return {
+      showQueryMore: false,
+      textStatusBussOptions: [],
+      textStatusOptions: [],
+      lawsSycxOptions: [], // 国内外政策适用车型
+      YYRZLAWSOptions: [], // 国内外政策适用认证
+      applySYCX: {
+        attrName: '适用车型',
+        options: []
+      },
+      applySYRZ: {
+        attrName: '适用认证',
+        options: []
+      },
+      standLabelNum: '标准号',
+      standLabelName: '标准名称',
+      // 高级检索状态
+      showSelectBox: true,
+      textStatusMap: {},
+      typeApplicableMap: {},
+      nylxMap: {},
+      zrbmMap: {},
+      sycpxMap: {},
+      countryAreaMap: {},
+      standInfoTableLoading:false,
+      standinfoList: [],
+      // 适用车型
+      applyArcticOptions: [],
+      // 能源类型
+      categoryOptions: [],
+      // 责任部门
+      zrbmOptions: [],
+      // 适用产品线
+      sycpxOptions: [],
+      standardFormTotal: 0,
+      relateDialog: false,
+      relateList: [],
+      relateNowList: [],
+      heightShow: true,
+      dataLoading: false,
+      standardForm: {
+        zrbm: "",
+        standNumber: "",
+        standName: "",
+        responseUnit: "",
+        page: 1,
+        Size: this.$store.getters.userInfo.configContent
+      },
+      // 新增、编辑 数据搜索字段
+      sarAccessInfo: {
+        id: '',
+        standName: '',
+        standNumber: '',
+        standCode: '', // 政策编号
+        textStatus: '',
+
+        textStatusBuss: '',
+        CLLX: '',
+        SYRZ: '',
+
+        lawsSycx: '',
+        YYRZLAWS: '',
+        // 发布日期
+        issueTime: '',
+        // 实施日期
+        SSRQ: '',
+        SSRQLAWS: '',
+        // 在产车实施日期
+        ZCCSSRQ: '',
+        ZCXSSRQLAWS: '',
+        // 新车型实施日期
+        XCXSSRQ: '',
+        XCXSSRQLAWS: '',
+        //是否纳入认证清单
+        isRelateAccess: '',
+        standType: 'INLAND',
+        askType: '', // 监管类型
+        dataSource: 'INLAND_STAND', // 数据来源
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        validFlag: 0,
+        advanceSearchVOStr: []
+      },
+      page: 1,
+      pageSize: this.$store.getters.userInfo.configContent,
+      total: 0,
+      stateList: [], // 标准状态列表
+      activeName: "SKILL", // 当前激活
+      exportModelFlag: false,
+      exportName: "",
+      standType: "INLAND",
+      uploadPath: "api/att/attFile/upload",
+      defaultFileList: [], // 默认显示,
+      loading: false,
+      accessSarType: "",
+      selectedList: [],
+      pageId: "",
+      // 导出文件模态框控制，和文件名称
+      saveExportType: "",
+      depNode: [], // 部门树
+      sarAccessEO: {},
+      sarAccessEOInfo: "",
+      fileInfoList: [],
+      // 改变颜色
+      dialogColor: false,
+      dialogType: "",
+      color: "",
+      isShow: false,
+      countryAreaShow: ''
+    };
+  },
+  methods: {
+//高级查询的 X
+    cancelQueryInfo() {
+      this.sarAccessInfo = {
+        id: '',
+        standName: '',
+        standNumber: '',
+        textStatus: '',
+        CLLX: '',
+        SYRZ: '',
+        // 发布日期
+        issueTime: '',
+        // 实施日期
+        SSRQ: '',
+        // 在产车实施日期
+        ZCCSSRQ: '',
+        // 新车型实施日期
+        XCXSSRQ: '',
+        //是否纳入认证清单
+        isRelateAccess: '',
+        standType: this.sarAccessInfo.standType,
+        askType: '', // 监管类型
+        dataSource: this.sarAccessInfo.dataSource, // 数据来源
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        validFlag: 0,
+        advanceSearchVOStr: []
+      }
+      this.showQueryMore = false
+    },
+    // 高级查询确认按钮
+    okQueryInfo() {
+      let item = this.sarAccessInfo
+      item.pageSize = this.$store.getters.userInfo.configContent
+      const data = item
+      // this.sarStandardsSearch.menuId = this.selectSarMenu.id
+      const formData = {...data}
+      formData.standType = this.sarAccessInfo.standType
+
+      // // 自定义属性字段高级搜索处理
+      //advanceSearchVOStr
+      const advanceSearchVOList = [];
+      for (let key in formData) {
+        const value = formData[key];
+        if (value !== null && value !== '' && value.length > 0 && (key === 'SYRZ' || key === 'CLLX')) {
+          advanceSearchVOList.push({
+            connect: "and",
+            field: key || '',
+            type: 'regexp',
+            value: value.join(',')
+          });
+        } else if (value !== null && value !== '' && value.length > 0 && (key === 'SSRQ' || key === 'XCXSSRQ' || key === 'ZCCSSRQ')) {
+          advanceSearchVOList.push({
+            connect: "and",
+            field: key || '',
+            type: 'between',
+            value: value.join(',')
+          });
+        }
+      }
+      formData.advanceSearchVOStr = JSON.stringify(advanceSearchVOList);
+      if (this.sarAccessInfo.dataSource === 'FOREIGN_STAND' || this.sarAccessInfo.dataSource === 'INLAND_STAND') {
+        formData.startIssueTime = formData.issueTime ? formData.issueTime[0] : null
+        formData.endIssueTime = formData.issueTime ? formData.issueTime[1] : null
+        formData.issueTime = null
+      } /*else if(this.sarAccessInfo.dataSource === 'BUSINESS') {
+        // formData.issueTime = formData.issueTime ? formData.issueTime[0] : null
+        // formData.issueTime = formData.issueTime ? formData.issueTime[1] : null
+      }*/
+      this.sarAccessInfo = formData
+      this.showQueryMore = false
+      this.selectLawsStands()
+    },
+    // 查询数据搜索 table 数据
+    selectLawsStands() {
+      if (this.sarAccessInfo.dataSource === 'INLAND_STAND') {
+        this.sarAccessInfo.standType = 'INLAND'
+        this.pageInfo()
+      } else if (this.sarAccessInfo.dataSource === 'FOREIGN_STAND') {
+        this.sarAccessInfo.standType = 'FOREIGN'
+        this.pageInfo()
+      } else if (this.sarAccessInfo.dataSource === 'FOREIGN_LAWS') {
+        this.sarAccessInfo.standType = 'LAWS'
+        this.pageInfo()
+      } else if (this.sarAccessInfo.dataSource === 'BUSINESS') {
+        this.sarAccessInfo.standType = 'BUSINESS'
+        this.pageInfo()
+      }
+    },
+    pageInfo() {
+      if (this.sarAccessInfo.dataSource === 'INLAND_STAND' || this.sarAccessInfo.dataSource === 'FOREIGN_STAND') {
+        StandardsInfoPage((this.sarAccessInfo)).then(res => {
+          this.standinfoList = res.data.list
+          this.standinfoList.forEach(item => {
+            if (item.standYear === null) {
+              item.standNumber = item.standSortShow + ' ' + item.standNumber
+            } else {
+              item.standNumber = item.standSortShow + ' ' + item.standNumber + '-' + item.standYear
+            }
+            item.zrbm = item.attrInfoCaseMap.zrbm
+            item.sycpx = item.attrInfoCaseMap.sycpx
+            item.typeApplicable = item.attrInfoMap.CLLX
+            item.nylx = item.attrInfoMap.NYLX
+          })
+          this.total = res.data.count
+        }, e => {
+        })
+      } else if (this.sarAccessInfo.dataSource === 'FOREIGN_LAWS') {
+        this.$http.get('lawss/sarLawsInfo/page', this.sarAccessInfo, {
+          _this: this,
+        }, res => {
+          this.sarAccessInfoSearchList = res.data.list
+          this.drawerTotal = res.data.count
+        }, e => {
+        })
+      } else if (this.sarAccessInfo.dataSource === 'BUSINESS') {
+        this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage', this.sarAccessInfo, {
+          _this: this,
+        }, res => {
+          this.sarAccessInfoSearchList = res.data.list
+          this.drawerTotal = res.data.count
+        }, e => {
+        })
+      }
+    },
+    // 更新LOG关闭
+    relateDialogClose() {
+      this.relateDialog = false;
+      this.relateNowList = [];
+    },
+    // 更新LOG
+    relateEvent() {
+      this.$http.get("lawss/sarUpdLog/getLogList", {
+        sarId: this.$route.params.id,
+        sarType: "ACCESS"
+      }, {
+        _this: this
+      }, res => {
+        if (res.data.length > 0) {
+          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);
+          }
+        } else {
+          this.$message({
+            message: "暂无数据",
+            type: "warning"
+          });
+        }
+      }, e => {
+
+      });
+    },
+    // 根据准入id查询标准法规详情
+    selectInfobyAccid() {
+      this.standInfoTableLoading = true
+      if(this.sarAccessEO.sortKey === '1'){
+        this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", {
+          ...this.sarAccessInfo,
+          ...this.standardForm,
+          id: this.pageId,
+          types: '1',
+        }, {
+          _this: this
+        }, res => {
+          if (res.data !== null) {
+            res.data.records.forEach(item => {
+              if (item.nylx === "[]") {
+                item.nylx = null;
+              }
+              if (item.typeApplicable === "[]") {
+                item.typeApplicable = null;
+              }
+              if (item.sycpx === "[]") {
+                item.sycpx = null;
+              }
+              if(item.zrbm === "[]"){
+                item.zrbm = null
+              }
+              if (item.zccssrqgj === "undefined") {
+                item.zccssrqgj = ''
+              }
+              if (item.xcxssrqgj === "undefined") {
+                item.xcxssrqgj = ''
+              }
+              if (item.ssrq === "undefined" || item.ssrq === 'null' || !item.ssrq) {
+                item.ssrq = ''
+              }
+            });
+            this.standinfoList = res.data.records;
+            this.total = res.data.total;
+            this.standinfoList.forEach(item => {
+              if (item.standYear === null) {
+                item.standNumber = item.standSortShow + " " + item.standNumber;
+              } else {
+                item.standNumber = item.standSortShow + " " + item.standNumber + "-" + item.standYear;
+              }
+            });
+            this.standInfoTableLoading = false
+          } else {
+            this.standinfoList = []
+            this.standInfoTableLoading = false
+          }
+
+        }, e => {
+          this.standInfoTableLoading = false
+        });
+      }else{
+        this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", {
+          ...this.sarAccessInfo,
+          ...this.standardForm,
+          id: this.pageId
+        }, {
+          _this: this
+        }, res => {
+          if (res.data !== null) {
+            res.data.records.forEach(item => {
+              if (item.nylx === "[]") {
+                item.nylx = null;
+              }
+              if (item.typeApplicable === "[]") {
+                item.typeApplicable = null;
+              }
+              if (item.sycpx === "[]") {
+                item.sycpx = null;
+              }
+              if(item.zrbm === "[]"){
+                item.zrbm = null
+              }
+            });
+            this.standinfoList = res.data.records;
+            this.standardFormTotal = res.data.total;
+            this.standinfoList.forEach(item => {
+              if (item.standYear === null) {
+                item.standNumber = item.standSortShow + " " + item.standNumber;
+              } else {
+                item.standNumber = item.standSortShow + " " + item.standNumber + "-" + item.standYear;
+              }
+            });
+            this.standInfoTableLoading = false
+          } else {
+            this.standinfoList = []
+          }
+
+        }, e => {
+          this.standInfoTableLoading = false
+        });
+      }
+    },
+    selectInfoMore() {
+      this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", {
+        ...this.sarAccessInfo,
+        id: this.pageId
+      }, {
+        _this: this
+      }, res => {
+        if (res.data !== null) {
+          res.data.records.forEach(item => {
+            if (item.nylx === "[]") {
+              item.nylx = null;
+            }
+            if (item.typeApplicable === "[]") {
+              item.typeApplicable = null;
+            }
+            if (item.sycpx === "[]") {
+              item.sycpx = null;
+            }
+            if(item.zrbm === "[]"){
+              item.zrbm = null
+            }
+          });
+          this.standinfoList = res.data.records;
+        } else {
+          this.standinfoList = []
+        }
+        this.standardFormTotal = res.data.total;
+        this.standinfoList.forEach(item => {
+          if (item.standYear === null) {
+            item.standNumber = item.standSortShow + " " + item.standNumber;
+          } else {
+            item.standNumber = item.standSortShow + " " + item.standNumber + "-" + item.standYear;
+          }
+        });
+      }, e => {
+
+      });
+    },
+    back() {
+      this.$router.push({ name: "AccessStandardsAndRegulations" });
+      // this.$router.push(this.$store.state.detailMap)
+      // this.$store.commit('setDetailMap', '')
+    },
+    // 搜索
+    selectProductBtn() {
+      this.page = 1;
+      this.standardForm.page = 1;
+      this.selectInfobyAccid();
+    },
+    // 重置搜索
+    resetSelect() {
+      this.standardForm.zrbm = "";
+      this.standardForm.standName = "";
+      this.standardForm.standNumber = "";
+      this.standardForm.responseUnit = "";
+      this.selectInfobyAccid();
+      this.selectInfoMore();
+    },
+    exportStandard() {
+      if (this.selectedList.length > 0) {
+        this.saveExportType = "apart";
+      } else {
+        this.saveExportType = "all";
+      }
+      this.exportName = "";
+      this.exportModelFlag = true;
+    },
+    // 导出取消按钮关闭模态、置空
+    cancal() {
+      this.exportModelFlag = false;
+    },
+    // 导出确定功能
+    //确认导出
+    exportTestItem() {
+      if(this.sarAccessEO.sortKey === '1'){
+        if (this.saveExportType === "apart") {
+          if (this.selectedList != null && this.selectedList != "") {
+            const exportURL = interfaceUrl + "sarLawsAttrDetailedList/sar-laws-attr-detailed-list/ExportLawsById?" + "type=" + 1 +
+              "&exportType" + this.saveExportType + "&ids=" + this.selectedList.join(",") + "&exportName=" + this.exportName;
+            window.open(exportURL);
+            this.$message.success("导出信息成功");
+          }
+        } else if (this.saveExportType === "all") {
+          const exportURL = interfaceUrl + "sarLawsAttrDetailedList/sar-laws-attr-detailed-list/ExportLawsById?" + "type=" + 1 +
+            "&exportType" + this.saveExportType + "&id=" + this.pageId + "&exportName=" + this.exportName;
+          window.open(exportURL);
+          this.$message.success("导出信息成功");
+        }
+      }else{
+        if (this.saveExportType === "apart") {
+          if (this.selectedList != null && this.selectedList != "") {
+            const exportURL = interfaceUrl + "sarLawsAttrDetailedList/sar-laws-attr-detailed-list/ExportLawsById?" +
+              "exportType" + this.saveExportType + "&ids=" + this.selectedList.join(",") + "&exportName=" + this.exportName;
+            window.open(exportURL);
+            this.$message.success("导出信息成功");
+          }
+        } else if (this.saveExportType === "all") {
+          const exportURL = interfaceUrl + "sarLawsAttrDetailedList/sar-laws-attr-detailed-list/ExportLawsById?" +
+            "exportType" + this.saveExportType + "&id=" + this.pageId + "&exportName=" + this.exportName;
+          window.open(exportURL);
+          this.$message.success("导出信息成功");
+        }
+      }
+      this.exportModelFlag = false;
+      this.selectedList = [];
+    },
+    // tab页切换
+    handleClick(tab, event) {
+      this.activeName = tab.name;
+      this.page = 1;
+      this.standardForm.page = 1;
+      this.selectedList = [];
+      this.selectInfobyAccid();
+    },
+    // 修改成表格样式后，选择项勾选改变
+    standSelectChange(data) {
+      this.selectedList = [];
+      for (let i = 0; i < data.length; i++) {
+        this.selectedList.push(data[i].id);
+      }
+    },
+    pageChange(page) {
+      this.standardForm.page = page;
+      this.selectInfobyAccid();
+    },
+    pageSizeChange(pageSize) {
+      this.standardForm.Size = this.$store.getters.userInfo.configContent;
+      this.selectInfobyAccid();
+    },
+    // 请求部门结构树
+    getOrgTreeSource() {
+      this.$http.get("sys/org/getTree", {}, { _this: this },
+        res => {
+          if (res.ok) {
+            let treeNode = [];
+            res.data.map((item, index) => {
+              let treeItem = {};
+              for (let key in item) {
+                if (key === "orgName") {
+                  treeItem.name = item[key];
+                } else {
+                  treeItem[key] = item[key];
+                }
+              }
+              treeNode[index] = treeItem;
+            });
+            this.depNode = treeNode;
+          }
+        });
+    },
+    // 责任部门 树点击
+    treeDblAuthDepartClick(treeId, treeNode) {
+      this.standardForm.departName = treeNode.name;
+      this.standardForm.depart = treeNode.id;
+      $("#depBtnsAuth").click();
+    },
+    // 请求上传的文件信息
+    getFileInfo() {
+      this.$http.get("att/attFile/getMultiFileInfos", {
+        fileIds: this.sarAccessEO.fileIds
+      }, {
+        _this: this
+      }, res => {
+        this.$nextTick(() => {
+          res.data.map(item => {
+            // 赋值要回显的上传文件内容
+            this.fileInfoList.push({
+              name: item.oldFileName,
+              uid: item.uid,
+              status: item.status,
+              id: item.id
+            });
+          });
+        });
+      }, e => {
+      });
+    },
+    // 附件下载事件
+    fileDownLoad(attId) {
+      window.location.href = "/api/att/attFile/downloadFile?fileId=" + attId;
+    },
+    // 点击查看
+    handlePreview(data) {
+      let item = {
+        country: this.countryAreaShow,
+        ssrq: data.ssrq,
+        xcxssrqgj: data.xcxssrqgj,
+        zccssrqgj: data.zccssrqgj
+      }
+      sessionStorage.setItem("accessCountry", JSON.stringify(item));
+      let routeUrl = this.$router.resolve({
+        name: "OtherStandardDetails",
+        params: {
+          id: data.id,
+          pageType: data.standType,
+        }
+      });
+      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;
+      } else {
+        this.$message.error("请选择要下载的文件");
+      }
+    },
+    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;
+        } else {
+          this.$message.error("请选择要下载的文件");
+        }
+      }
+    },
+    //
+    changeState(row) {
+      let routeUrl = this.$router.resolve({
+        name: "OtherStandardDetails",
+        query: {
+          id: data.id,
+          pageType: this.standType
+        }
+      });
+      window.open(routeUrl.href, "_blank");
+    },
+    /**
+     * 高级检索
+     */
+    selectMoreBtn() {
+      this.standardForm.zrbm = ''
+      this.standardForm.responseUnit = ''
+      this.standardForm.standName = ''
+      this.standardForm.standNumber = ''
+      this.showTableFlag = false;
+      this.showQueryMore = true;
+      this.page = 1;
+      this.standardForm.page = 1;
+      // this.selectInfoMore();
+    },
+    queryInfo() {
+      this.page = 1;
+      this.standardForm.page = 1;
+      this.selectInfoMore();
+      this.isAdvancedSearch = false;
+    },
+    backInfo() {
+      this.sarAccessInfo.standName = "";
+      this.sarAccessInfo.typeApplicable = "";
+      this.sarAccessInfo.nylx = "";
+      this.sarAccessInfo.zrbm = "";
+      this.sarAccessInfo.sycpx = "";
+      this.isAdvancedSearch = false;
+    },
+    // 获取工作组信息下拉框信息
+    getGzzOption() {
+      this.$http.get("lawss/sarGroupMenu/queryGroup", "", {
+        _this: this
+      }, res => {
+        if (res.ok) {
+          let gzzxxOptions = [];
+          res.data.map(item => {
+            gzzxxOptions.push({
+              value: item.id,
+              label: item.menuName
+            });
+          });
+          this.allSelectOptions.GZZXX = gzzxxOptions;
+        }
+      });
+    },
+    /**
+     * @Description: 选择颜色
+     * @author zmf
+     * @date 2021/3/10
+     */
+    chooseColor(item, num) {
+      // if (this.$_has('KJJ6U32LFL4PAK5C6P55')) {
+      //   return
+      // }
+      this.dialogColor = true;
+      this.colorRow = item;
+      this.dialogType = num;
+    },
+    doLayout() {
+      this.$refs.adminTable && this.$refs.adminTable.doLayout();
+      this.$refs.skillTable && this.$refs.skillTable.doLayout();
+    },
+    // 将文本状态的id与name对应
+    setMap(data) {
+      data.forEach(item => {
+        this.$set(this.textStatusMap, item.value, item.label);
+      });
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      let accessRow = JSON.parse(sessionStorage.getItem("accessRow"));
+      this.pageId = accessRow.id;
+      this.sarAccessEO = accessRow;
+      this.countryAreaShow = accessRow.countryAreaShow
+      this.selectInfobyAccid();
+      this.getOrgTreeSource();
+      this.getFileInfo();
+      // this.sarAccessEOInfo = this.sarAccessEO.countryArea.indexOf(',')
+    });
+
+    // 从数据库中查询各下拉框数据
+    this.$http.get("sys/dictype/getDicTypeListCode", "", {
+      _this: this
+    }, res => {
+      this.allSelectOptions = res.data || {};
+      this.regionOptions = res.data.REGION; // 基础信息 区域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.zrbmOptions = res.data.ZRBMCLASS; // 责任部门
+      this.categoryOptions = res.data.NYLXCLASS; // 能源类型
+      this.textStatusOptions = res.data.WBZTCLASS;  // 文本状态
+      this.sycpxOptions = res.data.SYCPXCLASS; // 适用产品线
+      this.lawsSycxOptions = res.data.lawsSycx // 国内外政策适用车型
+      this.YYRZLAWSOptions = res.data.YYRZLAWS // 国内外政策适用认证
+      // 企标文本状态
+      this.textStatusBussOptions = res.data.BUSSSTATE
+      // 适用车型
+      this.applySYCX.options = res.data.ENERGYTYPES
+      // 适用认证
+      this.applySYRZ.options = res.data.SYRZCLASS
+      this.setMap(this.textStatusOptions);
+      this.getGzzOption();
+    }, e => {
+    });
+  }
+};
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/mixins';
+@import '~@/assets/styles/style';
+
+.details {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .iconClass {
+    width: 18px;
+    height: 18px;
+  }
+
+  .contentTitle {
+    display: flex;
+    align-items: center;
+    padding: 0 10px;
+    height: 50px;
+    background: #ffffff;
+
+    .title {
+      flex: 1;
+      font-weight: bold;
+      font-size: 20px;
+      margin-left: 15px;
+
+      .el-icon-s-order {
+        font-size: 22px;
+        color: #4498F0;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .transition-box {
+    padding: 0 10px;
+    background: #ffffff;
+    font-size: 14px;
+
+    .transition-box-p {
+      line-height: 35px;
+
+      .transition-box-label {
+        display: inline-block;
+        width: 100px;
+        vertical-align: top;
+      }
+
+      .transition-box-span {
+        display: inline-block;
+        width: calc(~'100% - 100px');
+      }
+
+      .file-box {
+        display: inline-block;
+        width: calc(~'100% - 100px');
+
+        .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");
+          }
+        }
+
+      }
+    }
+  }
+
+  .container {
+    //height: calc(~'100% - 52px - 55px - 50px');
+    flex: auto;
+    display: flex;
+    flex-direction: column;
+
+    .el-tabs {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      flex: auto;
+
+      /deep/ .el-tabs__content {
+        //height: calc(~'100% - 55px');
+        overflow-y: auto;
+        flex: auto;
+        display: flex;
+        flex-direction: column;
+
+        .el-tab-pane {
+          height: 100%;
+          flex: auto;
+          display: flex;
+          flex-direction: column;
+        }
+      }
+    }
+  }
+
+  .labelForm {
+    margin-top: 20px;
+  }
+
+  /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 {
+      display: inline-block;
+      margin-right: 3px;
+      width: 18px;
+      height: 18px;
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+      background-position: center center;
+      vertical-align: text-bottom;
+    }
+
+    .relation-btn {
+      color: #409EFF;
+      border: 1px solid #409EFF;
+      background: rgba(64, 158, 255, 0.1);
+
+      .icon-relation {
+        background-image: url("~assets/images/shangqi/standardDetails/relation.png");
+      }
+    }
+  }
+
+  /deep/ .showBox {
+    width: 300px;
+  }
+
+  .iconClass {
+    width: 18px;
+    height: 18px;
+  }
+
+  .iconClassDia {
+    width: 30px;
+    height: 30px;
+  }
+
+  .picBorder {
+    border: 1px solid #409eff;
+  }
+
+  .add-border {
+    /*width: 80px;*/
+    height: 80px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer
+  }
+}
+
+.relateClass {
+  .el-dialog__body {
+    max-height: 460px;
+    overflow-y: auto;
+  }
+}
+</style>
diff --git a/src/pages/regulatoryRepository/localProductsOrProjectLibrary/pages/details.vue b/src/pages/regulatoryRepository/localProductsOrProjectLibrary/pages/details.vue
index c7809efbe..3800f6098 100644
--- a/src/pages/regulatoryRepository/localProductsOrProjectLibrary/pages/details.vue
+++ b/src/pages/regulatoryRepository/localProductsOrProjectLibrary/pages/details.vue
@@ -1,1206 +1,1206 @@
-<template>
-  <div class="localProductDetails">
-    <div class="laws-details-header clearfix">
-      <div class="back" title="返回" @click="back">
-        <i class="el-icon-back"></i>
-      </div>
-      <div class="title">车型《{{ localProEO.projectName }}》 详情</div>
-    </div>
-    <div class="contaiiner">
-      <el-card class="contaiinerCard" style="margin: 5px">
-        <div style="padding: 20px">
-          <el-row style="margin-top: 10px">
-           <!-- <el-col :span="5">产品平台: <span class="valueColor">{{ localProEO.projectPlatfor }}</span></el-col>-->
-            <el-col :span="6">管理主体: <span class="valueColor">{{ localProEO.managementHostName || '-' }}</span></el-col>
-            <el-col :span="6">开发主体: <span class="valueColor">{{ localProEO.developmentHostName || '-' }}</span></el-col>
-            <el-col :span="6">项目细分类:<span class="valueColor">{{ localProEO.categoryName || '-' }}</span></el-col>
-            <el-col :span="6">项目群: <span class="valueColor">{{ localProEO.projectGroup }} </span></el-col>
-          </el-row>
-          <el-row style="margin-top: 10px">
-            <el-col :span="6">项目编号: <span class="valueColor">{{ localProEO.projectNumber }}</span></el-col>
-            <el-col :span="6">
-              <el-tooltip class="item" effect="dark" :content="localProEO.projectName" placement="top">
-                <div slot="content" class="toolip-content" v-if="localProEO.projectName !== undefined && localProEO.projectName.length>15">
-                  {{ localProEO.projectName }}
-                </div>
-                <div v-else></div>
-                <div class="check-item-value" v-if="localProEO.projectName !== undefined && localProEO.projectName.length>15">
-                  项目名称: <span class="valueColor">{{
-                    localProEO.projectName && localProEO.projectName.substring(0, 15) + "..."
-                  }}</span></div>
-                <div class="check-item-value" v-else>项目名称: <span class="valueColor">{{ localProEO.projectName }}</span>
-                </div>
-              </el-tooltip>
-            </el-col>
-            <el-col :span="6">项目状态: <span class="valueColor">{{ localProEO.projectStatus }} </span></el-col>
-            <!--<el-col :span="4" :push="3">项目级别: <span class="valueColor">{{ localProEO.projectLevel }} </span></el-col>-->
-            <el-col :span="6">当前节点: <span class="valueColor">{{ localProEO.currentNode }} </span></el-col>
-          </el-row>
-          <el-row style="margin-top: 10px">
-            <!--<el-col :span="5">产品线: <span class="valueColor">{{ localProEO.productLine }} </span></el-col>-->
-            <el-col :span="6">项目经理: <span class="valueColor">{{ localProEO.uname }} </span></el-col>
-            <el-col :span="6"> 项目计划开始时间: <span
-              class="valueColor">{{ $moment(localProEO.projectStartDate).format('YYYY-MM-DD') }}</span></el-col>
-            <el-col :span="6">项目计划完成时间: <span
-              class="valueColor">{{ $moment(localProEO.projectEndDate).format('YYYY-MM-DD') }} </span></el-col>
-          </el-row>
-        </div>
-      </el-card>
-      <div class="action-bar">
-        <el-row>
-          <el-col :span="12">
-            <span style="font-size: 16px;font-weight: bold">清单版本: {{ detailedListVersion ? $moment(detailedListVersion).format('YYYY-MM-DD HH:mm:ss') : '-' }}</span>
-          </el-col>
-          <el-col :span="12" style="text-align: end">
-            <el-button
-              type="primary"
-              class="common-button-default export-button"
-              size="mini" @click="exportStandard"
-              v-btn-permission="'b46217ac825d49933b0f7349ba924ea7'"
-              title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
-              icon="export"
-            >导出
-            </el-button>
-          </el-col>
-        </el-row>
-        </div>
-      <div class="table-wrapper">
-        <el-table
-          :data="dataList"
-          style="width: 100%"
-          :height="Height"
-          border
-          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
-                 fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px',textAlign: 'center'}"
-          @selection-change="standSelectChange"
-          ref="selection"
-          :cell-style="{ textAlign: 'center' }"
-        >
-          <el-table-column
-            type="selection"
-            width="55"
-            align="center">
-          </el-table-column>
-          <el-table-column
-            prop="standNumber"
-            label="标准号"
-            fixed="left"
-            show-overflow-tooltip
-            width="190px"
-          >
-            <template slot-scope="scope">
-              <span v-if="scope.row.standSortShow === undefined"
-                    style="margin-left: 10px">{{
-                  scope.row.standSort + ' ' + scope.row.standNumber + '-' + scope.row.standYear
-                }}</span>
-              <span v-else
-                    style="margin-left: 10px">{{
-                  scope.row.standSortShow + ' ' + scope.row.standNumber + '-' + scope.row.standYear
-                }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="standName"
-            label="中文名称"
-            min-width="300"
-            show-overflow-tooltip
-          >
-          </el-table-column>
-          <el-table-column
-            prop="standEnName"
-            label="英文名称"
-            min-width="300"
-            show-overflow-tooltip
-          >
-          </el-table-column>
-          <el-table-column
-            prop="ssrq"
-            width="190px"
-            label="标准实施日期">
-          </el-table-column>
-          <el-table-column
-            prop="xcxssrq"
-            width="190px"
-            label="新车型实施日期">
-          </el-table-column>
-          <el-table-column
-            prop="zccssrq"
-            width="190px"
-            label="在产车实施日期">
-          </el-table-column>
-          <el-table-column
-            prop="zrbm"
-            label="责任部门"
-            width="180px"
-          >
-          </el-table-column>
-          <el-table-column
-            show-overflow-tooltip
-            prop=""
-            width="180px"
-            label="合规性情况">
-            <template slot-scope="scope">
-              <!--                <el-button @click="changeState(scope.row)">符合性状态</el-button>-->
-              <div class="table-jump" @click="changeState(scope.row)">
-                <div v-if="scope.row.unCount === 0">符合</div>
-                <div v-if="scope.row.unCount === 1">不符合</div>
-                <div v-if="scope.row.unCount === '-1'">不涉及</div>
-                <div v-else ></div>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="endTimes"
-            sortable
-            width="190px"
-            label="整改完成时间">
-            <template slot-scope="scope">
-              <span>{{ scope.row.endTimes ? scope.row.endTimes.substring(0,10) : '' }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination
-          style="position: relative;"
-          :page="page"
-          :total="total"
-          @pageChange="pageChangeLaws"
-          @pageSizeChange="pageSizeChangeLaws"></pagination>
-      </div>
-      <loading :loading="loading">数据获取中</loading>
-    </div>
-    <!-- 调取弹窗 -->
-    <el-drawer
-      title="调取"
-      :visible.sync="detailedListModel"
-      size="900px"
-      custom-class="demo-drawer"
-    >
-      <div class="demo-drawer-content">
-        <div style="position: absolute;bottom: 48px;top:16px;left: 0;right: 0">
-          <div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0">
-            <!-- 顶部工具栏 -->
-            <table-tools-bar>
-              <div slot="left">
-                <div class="search-area">
-                  <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.carType"
-                        placeholder="请输入车型类别"
-                      ></el-input>
-                    </el-form-item>
-                    <el-form-item label="清单名称" class="search-item search-item-last">
-                      <el-input
-                        v-model="sarSarAccessEOSearch.detailedListName"
-                        placeholder="请输入清单名称"
-                      ></el-input>
-                    </el-form-item>
-
-                    <el-form-item class="search-item btn-box">
-                      <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="small"
-                        @click="searchSarAccess">
-                        查询
-                      </el-button>
-                    </el-form-item>
-                    <el-form-item class="search-item btn-box">
-                      <el-button
-                        class="common-button-default"
-                        size="small"
-                        @click="clearSearchAccess">清空
-                      </el-button>
-                    </el-form-item>
-                  </el-form>
-                </div>
-              </div>
-            </table-tools-bar>
-            <el-table
-              :data="sarAccessListDatas"
-              tooltip-effect="dark"
-              style="width: 100%; padding: 0 3px"
-              border
-              height="100%"
-              :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
-         fontWeight: 'bold', height: '48px'}"
-              @selection-change="selectOne"
-              ref="selection"
-            >
-              <el-table-column
-                prop="carType"
-                label="车型类别"
-                align="center">
-              </el-table-column>
-              <el-table-column
-                prop="detailedListName"
-                label="清单名称"
-                align="center"
-                width="260px"
-              >
-                <!--                <template slot-scope="scope">-->
-                <!--                  <a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a>-->
-                <!--                </template>-->
-              </el-table-column>
-              <el-table-column
-                prop="detailedListState"
-                label="清单状态"
-                align="center">
-                <template slot-scope="scope">
-                  <span v-if="scope.row.detailedListState === '0'">未发布</span>
-                  <span v-if="scope.row.detailedListState === '1'">已发布</span>
-                  <span v-if="scope.row.detailedListState === '3'">审核中</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="detailedListVision"
-                label="清单版本"
-                align="center">
-                <template slot-scope="scope">
-            <span
-              v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{
-                scope.row.detailedListVision
-              }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="updateTime"
-                label="更新时间"
-                align="center">
-                <template slot-scope="scope">
-                  <div>{{
-                      scope.row.updateTime ? $moment(scope.row.updateTime).format('YYYY-MM-DD') : scope.row.updateTime
-                    }}
-                  </div>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="updatePeople"
-                label="更新人"
-                align="center">
-              </el-table-column>
-              <el-table-column
-                label="操作"
-                align="center">
-                <template slot-scope="scope">
-                  <el-button type="primary" size="mini" @click="getStandrd(scope.row)">获取标准</el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-          </div>
-          <pagination
-            :page="pageNo"
-            :pageSize="pageSizeNo"
-            :total="totalNo"
-            @pageChange="pageChangeNo"
-            @pageSizeChange="pageSizeChangeNo"
-            style="position: absolute;"
-          />
-        </div>
-      </div>
-      <div class="demo-drawer-footer">
-        <el-button size="mini" @click="cancelDetailed">取消</el-button>
-      </div>
-    </el-drawer>
-    <!-- 获取标准弹窗 -->
-    <el-drawer
-      title="获取标准"
-      :visible.sync="standModel"
-      size="900px"
-      custom-class="demo-drawer"
-    >
-      <div class="demo-drawer-content">
-        <div style="position: absolute;bottom: 48px;top:16px;left: 0;right: 0">
-          <div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0">
-            <!-- 顶部工具栏 -->
-            <table-tools-bar>
-              <div slot="left">
-                <div class="search-area">
-                  <el-form :model="standCommonlySearch" inline class="label-input-form">
-                    <el-formItem label="标准号/名称" prop="standNumber" class="search-item">
-                      <el-input v-model="standCommonlySearch.standNumber" placeholder="根据标准号/名称查找" clearable/>
-                    </el-formItem>
-                    <el-formItem label="标准类别" prop="standSort" class="search-item">
-                      <el-select v-model="standCommonlySearch.standSort" placeholder="根据标准类别查找" clearable>
-                        <el-option v-for="opt in standSortOptions" :value="opt.value === undefined ? '' :opt.value"
-                                   :key="opt.value" :label="opt.label">{{ opt.label }}
-                        </el-option>
-                      </el-select>
-                    </el-formItem>
-                    <el-formItem label="标准来源" prop="standType" class="search-item">
-                      <el-select v-model="standCommonlySearch.standType" placeholder="根据标准来源查找" clearable>
-                        <el-option value="INLAND" key="1" label="国内标准"></el-option>
-                        <el-option value="FOREIGN" key="2" label="海外标准"></el-option>
-                      </el-select>
-                    </el-formItem>
-                    <el-formItem class="search-item btn-box">
-                      <el-button
-                        type="primary"
-                        size="mini"
-                        class="common-button-primary"
-                        @click="search">查询
-                      </el-button>
-                      <el-button
-                        class="common-button-default"
-                        size="mini"
-                        @click="clearSearch">清空
-                      </el-button>
-                    </el-formItem>
-                  </el-form>
-                </div>
-              </div>
-            </table-tools-bar>
-            <el-table
-              :data="standardData"
-              tooltip-effect="dark"
-              style="width: 100%"
-              border
-              ref="table"
-              height="100%"
-              :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
-         fontWeight: 'bold', height: '48px'}"
-              @selection-change="selectThree"
-            >
-              <el-table-column
-                type="selection"
-                width="55"
-                align="center">
-              </el-table-column>
-              <el-table-column
-                prop="code"
-                label="标准号">
-                <template slot-scope="scope">
-                  <a v-if="scope.row.standYear" class="table-jump"
-                     @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
-                      scope.row.standNumber
-                    }}-{{ scope.row.standYear }}</a>
-                  <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }}
-                    {{ scope.row.standNumber }}</a>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="standName"
-                label="标准名称"
-              >
-                <template slot-scope="scope">
-                  <a class="table-jump"
-                     @click="handlePreview(scope.row)">{{ scope.row.standName }}</a>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="issueTime"
-                label="发布日期">
-              </el-table-column>
-              <el-table-column
-                prop="xcxssrqgj"
-                label="新车型实施日期">
-                <template slot-scope="scope">
-                  <span>{{ scope.row.xcxssrqgj ? $moment(scope.row.xcxssrqgj).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                show-overflow-tooltip
-                prop="zccssrqgj"
-                label="在产车实施日期">
-                <template slot-scope="scope">
-                  <span>{{ scope.row.zccssrqgj ? $moment(scope.row.zccssrqgj).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                show-overflow-tooltip
-                prop="textStatus"
-                label="文本状态">
-                <template slot-scope="scope">
-                  <span style="margin-left: 10px">
-                    {{ textStatusMap[scope.row.textStatus] }}
-                  </span>
-                </template>
-              </el-table-column>
-            </el-table>
-          </div>
-          <pagination
-            :page="pageDo"
-            :pageSize="pageSizeDo"
-            :total="totalDo"
-            @pageChange="pageChangeDo"
-            @pageSizeChange="pageSizeChangeDo"
-            style="position: absolute;"
-          />
-        </div>
-      </div>
-      <div class="demo-drawer-footer">
-        <el-button size="mini" @click="cancelStand">取消</el-button>
-        <el-button type="primary" size="mini" @click="okStand">添加</el-button>
-      </div>
-    </el-drawer>
-    <!--导出-->
-    <el-dialog :visible.sync="exportModelFlag" title="导出文件" width="500px" :show-close="false">
-      <label-input v-model="exportName" placeholder="请输入导出文件名" clearable label="导出名称"/>
-      <div slot="footer">
-        <el-button class="common-button-primary" icon="el-icon-check" type="primary"
-                   title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
-                   @click="exportTestItem">导出
-        </el-button>
-        <el-button class="common-button-default" icon="el-icon-close" @click="cancal">取消</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-<script>
-import {mapGetters} from 'vuex'
-import LawsTreeView from '@/components/ProjectRelatedPersonnel/view'
-import {interfaceUrl} from "@/sysConfig";
-
-export default {
-  name: 'Details',
-  components: {
-    LawsTreeView
-  },
-  data() {
-    return {
-      detailedListVersion: '',
-      standSortOptions: [],
-      standCommonlySearch: {
-        standSort: '',
-        standNumber: '',
-        standType: '',
-        page: 1,
-        Size: this.$store.getters.userInfo.configContent
-      },
-      //用来存放项目id
-      sarAccessListDatas: [],
-      proId: '',
-      size: this.$store.getters.userInfo.configContent,
-      pageSizeNo: this.$store.getters.userInfo.configContent,
-      pageSize: this.$store.getters.userInfo.configContent,
-      pageNo: 1,
-      pageDo: 1,
-      pageSizeDo: this.$store.getters.userInfo.configContent,
-      standardData: [], //添加标准数据
-      detailedId: '', //清单id
-      totalNo: 0,
-      totalDo: 0,
-      standModel: false, // 选择标准抽屉状态
-      detailedListModel: false, //调取清单的抽屉状态
-      selectList: [], //选择标准的选择框
-      selectList1: [], //选择标准的选择框
-      dataList: [],//清单里的标准数据
-      page: 1,
-      total: 0,
-      loading: false,
-      data: [],
-      Height: 0,
-      localProEO: {},
-      localProLib: {},
-      // 查询相关参数
-      sarSarAccessEOSearch: {
-        carType: "",
-        detailedListName: "",
-      },
-      takeingFlag: false,
-      exportModelFlag: false,
-      exportName: '',
-      standList: [],//调取添加的数据
-      standList1: [],//调取添加的数据
-      id: '',//批量删除.
-      saveExportType: '',// 导出文件模态框控制，和文件名称
-      textStatusMap: {} // 文本状态id与name对应
-    }
-  },
-  methods: {
-    changeState (row) {
-      let routeUrl = this.$router.resolve({
-        name: 'ComplianceDetails',
-        query: {
-          productId: this.localProEO.projectNumber,
-          standId: row.standId,
-        }
-      })
-      window.open(routeUrl.href, '_blank')
-    },
-    //搜索清单
-    searchSarAccess() {
-      this.pageDo = 1
-      this.pageSizeDo = this.$store.getters.userInfo.configContent;
-      this.transfer()
-    },
-    // 搜索标准
-    search() {
-      this.pageNo = 1
-      this.pageSizeNo = this.$store.getters.userInfo.configContent;
-      this.getStand()
-    },
-    clearSearchAccess() {
-      this.sarSarAccessEOSearch.carType = ''
-      this.sarSarAccessEOSearch.detailedListName = ''
-      this.transfer()
-    },
-    clearSearch() {
-      this.pageNo = 1
-      this.standCommonlySearch.standSort = ''
-      this.standCommonlySearch.standNumber = ''
-      this.standCommonlySearch.standType = ''
-      this.getStand()
-    },
-    pageChange(page) {
-      this.page = page;
-      this.selectionList();
-    },
-    pageSizeChange(pageSize) {
-      this.pageSize = this.$store.getters.userInfo.configContent;
-      this.selectionList();
-    },
-    pageChangeNo(page) {
-      this.pageNo = page
-      this.getStand()
-    },
-    pageChangeDo(page) {
-      this.pageDo = page
-      this.transfer()
-    },
-    pageSizeChangeDo(pageSize) {
-      this.pageDo = pageSize
-      this.transfer()
-    },
-    pageSizeChangeNo(pageSize) {
-      this.pageSizeNo = pageSize
-      this.getStand()
-    },
-    //添加标准select的改变
-    selectThree(data) {
-      this.standList = data;
-    },
-    // 表格选择框
-    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);
-      this.$router.push({
-        name: "AccessStandardDetails",
-        params: {
-          id: item.id
-        }
-      });
-    },
-    //点击获取项目清单
-    transfer() {
-      this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
-        page: 1,
-        pageSize: this.pageSize,
-        ...this.sarSarAccessEOSearch,
-        sortKey: 2
-      }, {
-        _this: this
-      }, res => {
-        this.sarAccessListDatas = res.data.records;
-        this.sarAccessListDatas.forEach(item => {
-          // 适用车型转换
-          if (item.carType !== null) {
-            let k = (item.carType || "").split(',')
-            for (let i in this.energyKindOptions) {
-              for (let m = 0; m < k.length; m++) {
-                if (this.energyKindOptions[i].value === k[m]) {
-                  k[m] = this.energyKindOptions[i].label
-                }
-                item.carType = k.join(',')
-              }
-            }
-          }
-        })
-        this.sarSarAccessEOSearch.page = 1
-        this.totalNo = res.data.total
-        this.detailedListModel = true
-      }, e => {
-      });
-    },
-    //点击添加标准事件
-    // addList() {
-    //   this.$http.get("sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage", {
-    //     page: this.pageNo,
-    //     pageSize: this.pageSizeNo,
-    //     standSort: this.standCommonlySearch.standSort,
-    //     standNumber: this.standCommonlySearch.standNumber,
-    //     standType: this.standCommonlySearch.standType
-    //   }, {
-    //     _this: this,
-    //   }, res => {
-    //     this.standardData = res.data.list;
-    //     this.totalNo = res.data.count
-    //   }, e => {
-    //   });
-    //   this.standModel = true;
-    // },
-    // 点击批量删除事件
-    deleteList() {
-      if (this.selectList.length < 1) {
-        this.$message.warning("请选择一条数据进行删除");
-      } else {
-        this.$confirm("您确认删除这些数据?", "提示", {
-          confirmButtonText: "确认",
-          confirmButtonClass: "common-button-primary",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(() => {
-          let exits = [];
-          this.selectList.map(item => {
-            let index;
-            index = this.dataList.findIndex(items => {
-              return items.id === item;
-            });
-            if (index > -1) {
-              this.dataList.splice(index, 1);
-            }
-            exits.push(item);
-          });
-          // 批量删除表格数据
-          for (let i = 0; i < this.selectList.length; i++) {
-            this.selectList1.push(this.selectList[i].standId)
-          }
-          let deleteTagList = []
-          this.selectList1.forEach(item => {
-            //项目id-标准id,项目id-标准id
-            deleteTagList.push(this.proId + '-' + item)
-          })
-          this.id = deleteTagList.join(',')
-          this.$http.post('sarStandProjectLibrary/deleteByIds', {
-            id: this.id,
-          }, {
-            _this: this,
-            loading: 'loading'
-          }, res => {
-            this.getDataList()
-            this.selectList = [];
-            this.selectList1 = [];
-          }, e => {
-          })
-        }).catch(() => {
-        });
-      }
-    },
-    getDataList() {
-      // 查询详情表格数据
-      this.$http.get('sarStandProjectLibrary/queryStandInfo', {
-        id: this.localProEO.id,
-        current: this.page,
-        pageSize: this.pageSize
-      }, {
-        _this: this,
-        loading: 'loading'
-      }, res => {
-        this.dataList = res.data.records
-        this.total = res.data.total
-      }, e => {
-      })
-    },
-    //调取清单取消事件
-    cancelDetailed() {
-      this.detailedListModel = false;
-    },
-    //添加标准取消事件
-    cancelStand() {
-      this.standModel = false;
-    },
-
-    okStand() {
-      let _this = this;
-      if (this.standList.length < 1) {
-        _this.$message.warning("请选择标准");
-      } else {
-        for (let i = 0; i < this.dataList.length; i++) {
-          let newStand = false;
-          for (let j = 0; j < this.standList.length; j++) {
-            if (this.standList[j].id == this.dataList[i].standId) {
-              newStand = true;
-              this.standList.splice(j, 1)
-              j--
-            }
-          }
-          if (newStand) {
-            _this.$message.warning("请勿重复添加数据");
-          } else {
-            // _this.dataList.push(item);
-          }
-        }
-        this.standardData = []
-        _this.standModel = false;
-        for (var i = 0; i < this.standList.length; i++) {
-          this.standList1.push({
-            standId: this.standList[i].id,
-            projectId: this.localProEO.id
-          })
-        }
-        if (this.standList1 != '') {
-          this.$http.postData("sarStandProjectLibrary/batchInsert", this.standList1, {
-            _this: this
-          }, res => {
-            if (res.ok) {
-              // this.$message.success(res.message)
-              // this.getDataList()
-              this.showLocalProductData(this.getLocalPro)
-            }
-          }, e => {
-          });
-        }
-        this.standList = []
-        this.standList1 = []
-        _this.detailedListModel = false;
-        _this.standModel = false;
-      }
-    },
-    //获取标准
-    getStandrd(data) {
-      this.detailedId = data.id
-      this.getStand();
-    },
-    getStand(data) {
-      this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", {
-        id: this.detailedId,
-        ...this.standCommonlySearch,
-      }, {
-        _this: this
-      }, res => {
-        if (res.data === null) {
-          this.standardData = ''
-          this.totalDo = ''
-          this.standModel = true;
-        }
-        this.standardData = res.data.records
-        this.standardData.forEach(item => {
-          if (item.zccssrqgj === '-') {
-            item.zccssrqgj = ''
-          }
-          if (item.xcxssrqgj === '-') {
-            item.xcxssrq = ''
-          }
-        })
-        this.totalDo = res.data.total
-        this.standModel = true;
-      })
-    },
-    //选择清单确定事件
-    OkDrawer() {
-      if (this.selectList.length === 1) {
-        let deposit = new Map();
-        this.sarAccessListDatas.forEach(item => {
-          deposit.set(item.id, item);
-        });
-        let bringData = [];
-        for (let i = 0; i < this.selectList.length; i++) {
-          bringData.push(deposit.get(this.selectList[i]));
-        }
-        this.listForm.standId = bringData[0].id;
-        this.listForm.listName = bringData[0].detailedListName;
-        this.listForm.applyRegion = bringData[0].applicationScope;
-        this.listForm.descriptionList = bringData[0].remark;
-        this.listForm.fileId = bringData[0].fileId;
-        this.ListModel = false;
-        this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", {id: bringData[0].id}, {
-          _this: this
-        }, res => {
-          if (res.data == null) {
-            res.data = []
-          }
-          this.dataList = res.data;
-          this.listForm.dataList = res.data;
-          let formId = []
-          this.dataList.map(item => {
-            formId.push(item.id)
-          });
-          this.listForm.inforlist = formId.join(',');
-        }, e => {
-        });
-      } else if (this.selectList.length > 1) {
-        this.$message.warning("只能选择一条数据进行带入");
-      } else {
-        this.$message.warning("请选择一条数据进行带入");
-      }
-    },
-    // 点击查看
-    handlePreview(item) {
-      let routeUrl = this.$router.resolve({
-        name: 'OtherStandardDetails',
-        params: {
-          id: item.id,
-          pageType: 'INLAND_STAND'
-        }
-      })
-      window.open(routeUrl.href, '_blank')
-    },
-    back() {
-      this.$router.push({
-        path: this.$store.state.detailMap,
-        query: {
-          tabName: this.$route.query.tabName
-        }
-      })
-      this.$store.commit('setDetailMap', '')
-    },
-    showLocalProductData(item) {
-      this.localProEO = JSON.parse(JSON.stringify(item))
-      this.proId = this.localProEO.id
-      // 查询详情表格数据
-      this.$http.get('sarStandProjectLibrary/queryStandInfoNew', {
-        id: this.localProEO.id,
-        cars: "1",
-        current: 1,
-        pageSize: this.$store.getters.userInfo.configContent
-      }, {
-        _this: this,
-        loading: 'loading'
-      }, res => {
-        this.dataList = res.data.records
-        this.total = res.data.total
-      }, e => {
-      })
-      this.pointTimeList = JSON.parse(JSON.stringify(item)).pointTime.split(',')
-      this.reverseTimeList = this.pointTimeList.reverse()
-      this.reverseTimeList.map((item, index) => {
-        const nowDate = new Date(this.getdate()).getTime() / 10000
-        const itemDate = new Date(item).getTime() / 10000
-        if (itemDate >= nowDate && this.active === -1) { // 判断正常情况下的状态
-          this.active = index
-        }
-        if (index === this.reverseTimeList.length - 1 && this.active === -1 && itemDate < nowDate) { // 所有阀点都在当前时间之前
-          this.active = index + 1
-        }
-        if (index === this.reverseTimeList.length - 1 && this.active === 0) { // 所有阀点都在当前时间之后
-          const firstDate = new Date(this.reverseTimeList[0]).getTime() / 10000
-          if (firstDate > nowDate) {
-            this.active = -1
-          }
-        }
-        // 考虑如果没有当前时间，颜色怎么设置
-      })
-      this.selectTableDataList()
-    },
-    resetTakeingForm() {
-    },
-    //导出
-    exportStandard() {
-      if (this.selectList.length > 0) {
-        this.saveExportType = 'apart'
-      } else {
-        this.saveExportType = 'all'
-      }
-      this.exportName = ''
-      this.exportModelFlag = true
-    },
-    //取消导出
-    cancal() {
-      this.exportModelFlag = false
-    },
-    //确认导出
-    exportTestItem() {
-      if (this.saveExportType === 'apart') {
-        if (this.selectList != null && this.selectList != '') {
-          let ids = '\'' + this.selectList[0].standId + '\''
-          for (let i = 1; i < this.selectList.length; i++) {
-            ids += ',\'' + this.selectList[i].standId + '\''
-          }
-          const exportURL = interfaceUrl + 'sarStandProjectLibrary/exportStandAttrInfoExcel?' +
-            'exportType' + this.saveExportType + '&ids=' + ids + '&exportName=' + this.exportName + '&id=' + this.localProEO.id
-          window.open(exportURL, '_self')
-          this.$message.success('导出信息成功')
-        }
-      } else if (this.saveExportType === 'all') {
-        let ids = ''
-        if (this.dataList.length === 0) {
-          this.$message.error('暂无导出数据')
-        } else {
-          if (this.selectList.length === 0) {
-            ids = '\'' + this.dataList[0].standId + '\''
-            for (let i = 1; i < this.dataList.length; i++) {
-              ids += ',\'' + this.dataList[i].standId + '\''
-            }
-          }
-          const exportURL = interfaceUrl + 'sarStandProjectLibrary/exportStandAttrInfoExcel?' +
-            'exportType' + this.saveExportType + '&ids=' + ids + '&exportName=' + this.exportName + '&id=' + this.localProEO.id
-          window.open(exportURL, '_self')
-          this.$message.success('导出信息成功')
-        }
-      }
-      this.exportModelFlag = false
-    },
-    exportProducdata() {
-    },
-    deleteStandLawsForProduct() {
-    },
-    selectStandLawsForProduct() {
-    },
-    pageChangeLaws(page) {
-      this.page = page
-      this.getDataList()
-    },
-    pageSizeChangeLaws(pageSize) {
-      this.$store.getters.userInfo.configContent = pageSize
-      this.size = pageSize
-      this.getDataList()
-    },
-    standSelectChange(val) {
-      this.selectList = val;
-    },//选项值发生改变
-    // 将文本状态的id与name对应
-    setMap(key, data) {
-      data.forEach(item => {
-        this.$set(key, item.value, item.label)
-      })
-    }
-  },
-  computed: {
-    ...mapGetters(['getLocalPro'])
-  },
-  mounted() {
-    this.detailedListVersion = this.$route.query.detailedListVersion
-    this.$nextTick(() => {
-      this.Height = $('.contaiiner').height() - $('.contaiinerCard').height() - 190
-      window.onresize = () => {
-        this.Height = $('.contaiiner').height() - $('.contaiinerCard').height() - 190
-      }
-    })
-    if (this.$store.state.localPro === '') {
-      this.$router.push('/')
-    } else {
-      // 查询各下拉框数据
-      this.$http.get('sys/dictype/getDicTypeListCode', '', {
-        _this: this,
-        loading: 'loading'
-      }, res => {
-        this.energyKindOptions = res.data.ENERGYTYPES //适用车型
-        this.standSortOptions = res.data.STANDCLASSIFY // 标准类别
-        this.setMap(this.textStatusMap, res.data.WBZTCLASS)
-        this.showLocalProductData(this.getLocalPro)
-      }, e => {
-      })
-    }
-
-  }
-}
-</script>
-<style lang="less" scoped>
-.localProductDetails {
-  .typeIcon {
-    margin: 0 auto;
-    width: 20px;
-    height: 20px;
-  }
-
-  .iconClass {
-    width: 18px;
-    height: 18px;
-  }
-
-  .iconClassDia {
-    width: 30px;
-    height: 30px;
-  }
-
-  .picBorder {
-    border: 1px solid #409eff;
-  }
-
-  .add-border {
-    /*width: 80px;*/
-    height: 80px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer
-  }
-
-  .laws-details-header {
-    background: #fff;
-    // height: 30px;
-    line-height: 50px;
-    padding: 0 10px;
-    //margin-bottom: 5px;
-    .back {
-      display: inline-block;
-      margin-right: 10px;
-    }
-
-    .title {
-      display: inline-block;
-      font-weight: bold;
-      font-size: 18px;
-      flex: 1;
-      padding: 0 15px;
-      text-align: center;
-    }
-  }
-
-  .contaiiner {
-    height: calc(~'100% - 55px');
-    background: #fff;
-    padding: 5px 10px;
-
-    .el-card__body {
-      .el-row {
-        line-height: 1.5;
-        font-size: 14px;
-      }
-    }
-
-    .details-panel-tabs-item {
-      height: 100%;
-
-      .table-wrapper {
-        height: 100%;
-      }
-    }
-  }
-
-  .pagination {
-    position: absolute!important;
-  }
-
-  .el-steps.el-steps--simple {
-    padding: 13px;
-  }
-
-  .el-step.is-simple {
-    flex-basis: auto;
-    width: 269px;
-  }
-
-  .valueColor {
-    color: #999;
-  }
-
-  .el-steps.el-steps--horizontal {
-    margin-left: 30px;
-  }
-
-  @media screen and (min-width: 1920px) {
-    /deep/ .el-step__main {
-      position: relative;
-      left: -45%;
-      text-align: center;
-    }
-  }
-  @media screen and (max-width: 1280px) {
-    /deep/ .el-step__main {
-      position: relative;
-      left: -40%;
-      text-align: center;
-    }
-  }
-  @media screen and (max-width: 1366px) {
-    /deep/ .el-step__main {
-      position: relative;
-      left: -42%;
-      text-align: center;
-    }
-  }
-
-  /deep/ .el-step__icon {
-    width: 18px;
-    height: 18px;
-    font-size: 12px;
-  }
-
-  /deep/ .el-step__title {
-    font-size: 12px;
-  }
-}
-
-/deep/ .el-drawer__body {
-  position: relative;
-}
-
-.wx-drawer-content {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: unset !important;
-}
-
-/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 {
-    display: inline-block;
-    margin-right: 3px;
-    width: 18px;
-    height: 18px;
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-    background-position: center center;
-    vertical-align: text-bottom;
-  }
-
-  .relation-btn {
-    color: #409EFF;
-    border: 1px solid #409EFF;
-    background: rgba(64, 158, 255, 0.1);
-
-    .icon-relation {
-      background-image: url("~assets/images/shangqi/standardDetails/relation.png");
-    }
-  }
-}
-
-::v-deep .el-drawer__header {
-  & > span:first-child {
-    outline: none !important;
-  }
-}
-
-::v-deep .el-drawer {
-  outline: none !important;
-}
-
-/deep/ .leftTable {
-  .el-table th > .cell {
-    font-size: 11px;
-  }
-
-  .el-table th {
-    padding: 0;
-  }
-
-  .el-table__body-wrapper {
-    height: 44px;
-  }
-}
-
-/deep/ .el-tabs__content {
-  padding-bottom: 0;
-}
-
-/deep/ .el-card__body {
-  padding: 0;
-}
-</style>
-<style lang="less">
-.localProductDetails {
-  height: 100%;
-
-  .el-tabs__content {
-    min-height: 412px;
-  }
-}
-
-.leftTable {
-  .el-table--enable-row-transition .el-table__body td {
-    cursor: pointer;
-  }
-}
-
-.demo-drawer-content {
-  margin-top: 10px;
-}
-</style>
+<template>
+  <div class="localProductDetails">
+    <div class="laws-details-header clearfix">
+      <div class="back" title="返回" @click="back">
+        <i class="el-icon-back"></i>
+      </div>
+      <div class="title">车型《{{ localProEO.projectName }}》 详情</div>
+    </div>
+    <div class="contaiiner">
+      <el-card class="contaiinerCard" style="margin: 5px">
+        <div style="padding: 20px">
+          <el-row style="margin-top: 10px">
+           <!-- <el-col :span="5">产品平台: <span class="valueColor">{{ localProEO.projectPlatfor }}</span></el-col>-->
+            <el-col :span="6">管理主体: <span class="valueColor">{{ localProEO.managementHostName || '-' }}</span></el-col>
+            <el-col :span="6">开发主体: <span class="valueColor">{{ localProEO.developmentHostName || '-' }}</span></el-col>
+            <el-col :span="6">项目细分类:<span class="valueColor">{{ localProEO.categoryName || '-' }}</span></el-col>
+            <el-col :span="6">项目群: <span class="valueColor">{{ localProEO.projectGroup }} </span></el-col>
+          </el-row>
+          <el-row style="margin-top: 10px">
+            <el-col :span="6">项目编号: <span class="valueColor">{{ localProEO.projectNumber }}</span></el-col>
+            <el-col :span="6">
+              <el-tooltip class="item" effect="dark" :content="localProEO.projectName" placement="top">
+                <div slot="content" class="toolip-content" v-if="localProEO.projectName !== undefined && localProEO.projectName.length>15">
+                  {{ localProEO.projectName }}
+                </div>
+                <div v-else></div>
+                <div class="check-item-value" v-if="localProEO.projectName !== undefined && localProEO.projectName.length>15">
+                  项目名称: <span class="valueColor">{{
+                    localProEO.projectName && localProEO.projectName.substring(0, 15) + "..."
+                  }}</span></div>
+                <div class="check-item-value" v-else>项目名称: <span class="valueColor">{{ localProEO.projectName }}</span>
+                </div>
+              </el-tooltip>
+            </el-col>
+            <el-col :span="6">项目状态: <span class="valueColor">{{ localProEO.projectStatus }} </span></el-col>
+            <!--<el-col :span="4" :push="3">项目级别: <span class="valueColor">{{ localProEO.projectLevel }} </span></el-col>-->
+            <el-col :span="6">当前节点: <span class="valueColor">{{ localProEO.currentNode }} </span></el-col>
+          </el-row>
+          <el-row style="margin-top: 10px">
+            <!--<el-col :span="5">产品线: <span class="valueColor">{{ localProEO.productLine }} </span></el-col>-->
+            <el-col :span="6">项目经理: <span class="valueColor">{{ localProEO.uname }} </span></el-col>
+            <el-col :span="6"> 项目计划开始时间: <span
+              class="valueColor">{{ $moment(localProEO.projectStartDate).format('YYYY-MM-DD') }}</span></el-col>
+            <el-col :span="6">项目计划完成时间: <span
+              class="valueColor">{{ $moment(localProEO.projectEndDate).format('YYYY-MM-DD') }} </span></el-col>
+          </el-row>
+        </div>
+      </el-card>
+      <div class="action-bar">
+        <el-row>
+          <el-col :span="12">
+            <span style="font-size: 16px;font-weight: bold">清单版本: {{ detailedListVersion ? $moment(detailedListVersion).format('YYYY-MM-DD HH:mm:ss') : '-' }}</span>
+          </el-col>
+          <el-col :span="12" style="text-align: end">
+            <el-button
+              type="primary"
+              class="common-button-default export-button"
+              size="mini" @click="exportStandard"
+              v-btn-permission="'2f211ed7ff6c273c690a52f890ea8008'"
+              title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
+              icon="export"
+            >导出
+            </el-button>
+          </el-col>
+        </el-row>
+        </div>
+      <div class="table-wrapper">
+        <el-table
+          :data="dataList"
+          style="width: 100%"
+          :height="Height"
+          border
+          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+                 fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px',textAlign: 'center'}"
+          @selection-change="standSelectChange"
+          ref="selection"
+          :cell-style="{ textAlign: 'center' }"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="standNumber"
+            label="标准号"
+            fixed="left"
+            show-overflow-tooltip
+            width="190px"
+          >
+            <template slot-scope="scope">
+              <span v-if="scope.row.standSortShow === undefined"
+                    style="margin-left: 10px">{{
+                  scope.row.standSort + ' ' + scope.row.standNumber + '-' + scope.row.standYear
+                }}</span>
+              <span v-else
+                    style="margin-left: 10px">{{
+                  scope.row.standSortShow + ' ' + scope.row.standNumber + '-' + scope.row.standYear
+                }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="standName"
+            label="中文名称"
+            min-width="300"
+            show-overflow-tooltip
+          >
+          </el-table-column>
+          <el-table-column
+            prop="standEnName"
+            label="英文名称"
+            min-width="300"
+            show-overflow-tooltip
+          >
+          </el-table-column>
+          <el-table-column
+            prop="ssrq"
+            width="190px"
+            label="标准实施日期">
+          </el-table-column>
+          <el-table-column
+            prop="xcxssrq"
+            width="190px"
+            label="新车型实施日期">
+          </el-table-column>
+          <el-table-column
+            prop="zccssrq"
+            width="190px"
+            label="在产车实施日期">
+          </el-table-column>
+          <el-table-column
+            prop="zrbm"
+            label="责任部门"
+            width="180px"
+          >
+          </el-table-column>
+          <el-table-column
+            show-overflow-tooltip
+            prop=""
+            width="180px"
+            label="合规性情况">
+            <template slot-scope="scope">
+              <!--                <el-button @click="changeState(scope.row)">符合性状态</el-button>-->
+              <div class="table-jump" @click="changeState(scope.row)">
+                <div v-if="scope.row.unCount === 0">符合</div>
+                <div v-if="scope.row.unCount === 1">不符合</div>
+                <div v-if="scope.row.unCount === '-1'">不涉及</div>
+                <div v-else ></div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTimes"
+            sortable
+            width="190px"
+            label="整改完成时间">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTimes ? scope.row.endTimes.substring(0,10) : '' }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          style="position: relative;"
+          :page="page"
+          :total="total"
+          @pageChange="pageChangeLaws"
+          @pageSizeChange="pageSizeChangeLaws"></pagination>
+      </div>
+      <loading :loading="loading">数据获取中</loading>
+    </div>
+    <!-- 调取弹窗 -->
+    <el-drawer
+      title="调取"
+      :visible.sync="detailedListModel"
+      size="900px"
+      custom-class="demo-drawer"
+    >
+      <div class="demo-drawer-content">
+        <div style="position: absolute;bottom: 48px;top:16px;left: 0;right: 0">
+          <div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0">
+            <!-- 顶部工具栏 -->
+            <table-tools-bar>
+              <div slot="left">
+                <div class="search-area">
+                  <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.carType"
+                        placeholder="请输入车型类别"
+                      ></el-input>
+                    </el-form-item>
+                    <el-form-item label="清单名称" class="search-item search-item-last">
+                      <el-input
+                        v-model="sarSarAccessEOSearch.detailedListName"
+                        placeholder="请输入清单名称"
+                      ></el-input>
+                    </el-form-item>
+
+                    <el-form-item class="search-item btn-box">
+                      <el-button
+                        type="primary"
+                        class="common-button-primary"
+                        size="small"
+                        @click="searchSarAccess">
+                        查询
+                      </el-button>
+                    </el-form-item>
+                    <el-form-item class="search-item btn-box">
+                      <el-button
+                        class="common-button-default"
+                        size="small"
+                        @click="clearSearchAccess">清空
+                      </el-button>
+                    </el-form-item>
+                  </el-form>
+                </div>
+              </div>
+            </table-tools-bar>
+            <el-table
+              :data="sarAccessListDatas"
+              tooltip-effect="dark"
+              style="width: 100%; padding: 0 3px"
+              border
+              height="100%"
+              :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+              @selection-change="selectOne"
+              ref="selection"
+            >
+              <el-table-column
+                prop="carType"
+                label="车型类别"
+                align="center">
+              </el-table-column>
+              <el-table-column
+                prop="detailedListName"
+                label="清单名称"
+                align="center"
+                width="260px"
+              >
+                <!--                <template slot-scope="scope">-->
+                <!--                  <a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a>-->
+                <!--                </template>-->
+              </el-table-column>
+              <el-table-column
+                prop="detailedListState"
+                label="清单状态"
+                align="center">
+                <template slot-scope="scope">
+                  <span v-if="scope.row.detailedListState === '0'">未发布</span>
+                  <span v-if="scope.row.detailedListState === '1'">已发布</span>
+                  <span v-if="scope.row.detailedListState === '3'">审核中</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="detailedListVision"
+                label="清单版本"
+                align="center">
+                <template slot-scope="scope">
+            <span
+              v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{
+                scope.row.detailedListVision
+              }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="updateTime"
+                label="更新时间"
+                align="center">
+                <template slot-scope="scope">
+                  <div>{{
+                      scope.row.updateTime ? $moment(scope.row.updateTime).format('YYYY-MM-DD') : scope.row.updateTime
+                    }}
+                  </div>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="updatePeople"
+                label="更新人"
+                align="center">
+              </el-table-column>
+              <el-table-column
+                label="操作"
+                align="center">
+                <template slot-scope="scope">
+                  <el-button type="primary" size="mini" @click="getStandrd(scope.row)">获取标准</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <pagination
+            :page="pageNo"
+            :pageSize="pageSizeNo"
+            :total="totalNo"
+            @pageChange="pageChangeNo"
+            @pageSizeChange="pageSizeChangeNo"
+            style="position: absolute;"
+          />
+        </div>
+      </div>
+      <div class="demo-drawer-footer">
+        <el-button size="mini" @click="cancelDetailed">取消</el-button>
+      </div>
+    </el-drawer>
+    <!-- 获取标准弹窗 -->
+    <el-drawer
+      title="获取标准"
+      :visible.sync="standModel"
+      size="900px"
+      custom-class="demo-drawer"
+    >
+      <div class="demo-drawer-content">
+        <div style="position: absolute;bottom: 48px;top:16px;left: 0;right: 0">
+          <div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0">
+            <!-- 顶部工具栏 -->
+            <table-tools-bar>
+              <div slot="left">
+                <div class="search-area">
+                  <el-form :model="standCommonlySearch" inline class="label-input-form">
+                    <el-formItem label="标准号/名称" prop="standNumber" class="search-item">
+                      <el-input v-model="standCommonlySearch.standNumber" placeholder="根据标准号/名称查找" clearable/>
+                    </el-formItem>
+                    <el-formItem label="标准类别" prop="standSort" class="search-item">
+                      <el-select v-model="standCommonlySearch.standSort" placeholder="根据标准类别查找" clearable>
+                        <el-option v-for="opt in standSortOptions" :value="opt.value === undefined ? '' :opt.value"
+                                   :key="opt.value" :label="opt.label">{{ opt.label }}
+                        </el-option>
+                      </el-select>
+                    </el-formItem>
+                    <el-formItem label="标准来源" prop="standType" class="search-item">
+                      <el-select v-model="standCommonlySearch.standType" placeholder="根据标准来源查找" clearable>
+                        <el-option value="INLAND" key="1" label="国内标准"></el-option>
+                        <el-option value="FOREIGN" key="2" label="海外标准"></el-option>
+                      </el-select>
+                    </el-formItem>
+                    <el-formItem class="search-item btn-box">
+                      <el-button
+                        type="primary"
+                        size="mini"
+                        class="common-button-primary"
+                        @click="search">查询
+                      </el-button>
+                      <el-button
+                        class="common-button-default"
+                        size="mini"
+                        @click="clearSearch">清空
+                      </el-button>
+                    </el-formItem>
+                  </el-form>
+                </div>
+              </div>
+            </table-tools-bar>
+            <el-table
+              :data="standardData"
+              tooltip-effect="dark"
+              style="width: 100%"
+              border
+              ref="table"
+              height="100%"
+              :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+              @selection-change="selectThree"
+            >
+              <el-table-column
+                type="selection"
+                width="55"
+                align="center">
+              </el-table-column>
+              <el-table-column
+                prop="code"
+                label="标准号">
+                <template slot-scope="scope">
+                  <a v-if="scope.row.standYear" class="table-jump"
+                     @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
+                      scope.row.standNumber
+                    }}-{{ scope.row.standYear }}</a>
+                  <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }}
+                    {{ scope.row.standNumber }}</a>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="standName"
+                label="标准名称"
+              >
+                <template slot-scope="scope">
+                  <a class="table-jump"
+                     @click="handlePreview(scope.row)">{{ scope.row.standName }}</a>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="issueTime"
+                label="发布日期">
+              </el-table-column>
+              <el-table-column
+                prop="xcxssrqgj"
+                label="新车型实施日期">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.xcxssrqgj ? $moment(scope.row.xcxssrqgj).format('YYYY-MM-DD') : '' }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                show-overflow-tooltip
+                prop="zccssrqgj"
+                label="在产车实施日期">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.zccssrqgj ? $moment(scope.row.zccssrqgj).format('YYYY-MM-DD') : '' }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                show-overflow-tooltip
+                prop="textStatus"
+                label="文本状态">
+                <template slot-scope="scope">
+                  <span style="margin-left: 10px">
+                    {{ textStatusMap[scope.row.textStatus] }}
+                  </span>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <pagination
+            :page="pageDo"
+            :pageSize="pageSizeDo"
+            :total="totalDo"
+            @pageChange="pageChangeDo"
+            @pageSizeChange="pageSizeChangeDo"
+            style="position: absolute;"
+          />
+        </div>
+      </div>
+      <div class="demo-drawer-footer">
+        <el-button size="mini" @click="cancelStand">取消</el-button>
+        <el-button type="primary" size="mini" @click="okStand">添加</el-button>
+      </div>
+    </el-drawer>
+    <!--导出-->
+    <el-dialog :visible.sync="exportModelFlag" title="导出文件" width="500px" :show-close="false">
+      <label-input v-model="exportName" placeholder="请输入导出文件名" clearable label="导出名称"/>
+      <div slot="footer">
+        <el-button class="common-button-primary" icon="el-icon-check" type="primary"
+                   title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
+                   @click="exportTestItem">导出
+        </el-button>
+        <el-button class="common-button-default" icon="el-icon-close" @click="cancal">取消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {mapGetters} from 'vuex'
+import LawsTreeView from '@/components/ProjectRelatedPersonnel/view'
+import {interfaceUrl} from "@/sysConfig";
+
+export default {
+  name: 'Details',
+  components: {
+    LawsTreeView
+  },
+  data() {
+    return {
+      detailedListVersion: '',
+      standSortOptions: [],
+      standCommonlySearch: {
+        standSort: '',
+        standNumber: '',
+        standType: '',
+        page: 1,
+        Size: this.$store.getters.userInfo.configContent
+      },
+      //用来存放项目id
+      sarAccessListDatas: [],
+      proId: '',
+      size: this.$store.getters.userInfo.configContent,
+      pageSizeNo: this.$store.getters.userInfo.configContent,
+      pageSize: this.$store.getters.userInfo.configContent,
+      pageNo: 1,
+      pageDo: 1,
+      pageSizeDo: this.$store.getters.userInfo.configContent,
+      standardData: [], //添加标准数据
+      detailedId: '', //清单id
+      totalNo: 0,
+      totalDo: 0,
+      standModel: false, // 选择标准抽屉状态
+      detailedListModel: false, //调取清单的抽屉状态
+      selectList: [], //选择标准的选择框
+      selectList1: [], //选择标准的选择框
+      dataList: [],//清单里的标准数据
+      page: 1,
+      total: 0,
+      loading: false,
+      data: [],
+      Height: 0,
+      localProEO: {},
+      localProLib: {},
+      // 查询相关参数
+      sarSarAccessEOSearch: {
+        carType: "",
+        detailedListName: "",
+      },
+      takeingFlag: false,
+      exportModelFlag: false,
+      exportName: '',
+      standList: [],//调取添加的数据
+      standList1: [],//调取添加的数据
+      id: '',//批量删除.
+      saveExportType: '',// 导出文件模态框控制，和文件名称
+      textStatusMap: {} // 文本状态id与name对应
+    }
+  },
+  methods: {
+    changeState (row) {
+      let routeUrl = this.$router.resolve({
+        name: 'ComplianceDetails',
+        query: {
+          productId: this.localProEO.projectNumber,
+          standId: row.standId,
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+    },
+    //搜索清单
+    searchSarAccess() {
+      this.pageDo = 1
+      this.pageSizeDo = this.$store.getters.userInfo.configContent;
+      this.transfer()
+    },
+    // 搜索标准
+    search() {
+      this.pageNo = 1
+      this.pageSizeNo = this.$store.getters.userInfo.configContent;
+      this.getStand()
+    },
+    clearSearchAccess() {
+      this.sarSarAccessEOSearch.carType = ''
+      this.sarSarAccessEOSearch.detailedListName = ''
+      this.transfer()
+    },
+    clearSearch() {
+      this.pageNo = 1
+      this.standCommonlySearch.standSort = ''
+      this.standCommonlySearch.standNumber = ''
+      this.standCommonlySearch.standType = ''
+      this.getStand()
+    },
+    pageChange(page) {
+      this.page = page;
+      this.selectionList();
+    },
+    pageSizeChange(pageSize) {
+      this.pageSize = this.$store.getters.userInfo.configContent;
+      this.selectionList();
+    },
+    pageChangeNo(page) {
+      this.pageNo = page
+      this.getStand()
+    },
+    pageChangeDo(page) {
+      this.pageDo = page
+      this.transfer()
+    },
+    pageSizeChangeDo(pageSize) {
+      this.pageDo = pageSize
+      this.transfer()
+    },
+    pageSizeChangeNo(pageSize) {
+      this.pageSizeNo = pageSize
+      this.getStand()
+    },
+    //添加标准select的改变
+    selectThree(data) {
+      this.standList = data;
+    },
+    // 表格选择框
+    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);
+      this.$router.push({
+        name: "AccessStandardDetails",
+        params: {
+          id: item.id
+        }
+      });
+    },
+    //点击获取项目清单
+    transfer() {
+      this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
+        page: 1,
+        pageSize: this.pageSize,
+        ...this.sarSarAccessEOSearch,
+        sortKey: 2
+      }, {
+        _this: this
+      }, res => {
+        this.sarAccessListDatas = res.data.records;
+        this.sarAccessListDatas.forEach(item => {
+          // 适用车型转换
+          if (item.carType !== null) {
+            let k = (item.carType || "").split(',')
+            for (let i in this.energyKindOptions) {
+              for (let m = 0; m < k.length; m++) {
+                if (this.energyKindOptions[i].value === k[m]) {
+                  k[m] = this.energyKindOptions[i].label
+                }
+                item.carType = k.join(',')
+              }
+            }
+          }
+        })
+        this.sarSarAccessEOSearch.page = 1
+        this.totalNo = res.data.total
+        this.detailedListModel = true
+      }, e => {
+      });
+    },
+    //点击添加标准事件
+    // addList() {
+    //   this.$http.get("sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage", {
+    //     page: this.pageNo,
+    //     pageSize: this.pageSizeNo,
+    //     standSort: this.standCommonlySearch.standSort,
+    //     standNumber: this.standCommonlySearch.standNumber,
+    //     standType: this.standCommonlySearch.standType
+    //   }, {
+    //     _this: this,
+    //   }, res => {
+    //     this.standardData = res.data.list;
+    //     this.totalNo = res.data.count
+    //   }, e => {
+    //   });
+    //   this.standModel = true;
+    // },
+    // 点击批量删除事件
+    deleteList() {
+      if (this.selectList.length < 1) {
+        this.$message.warning("请选择一条数据进行删除");
+      } else {
+        this.$confirm("您确认删除这些数据?", "提示", {
+          confirmButtonText: "确认",
+          confirmButtonClass: "common-button-primary",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          let exits = [];
+          this.selectList.map(item => {
+            let index;
+            index = this.dataList.findIndex(items => {
+              return items.id === item;
+            });
+            if (index > -1) {
+              this.dataList.splice(index, 1);
+            }
+            exits.push(item);
+          });
+          // 批量删除表格数据
+          for (let i = 0; i < this.selectList.length; i++) {
+            this.selectList1.push(this.selectList[i].standId)
+          }
+          let deleteTagList = []
+          this.selectList1.forEach(item => {
+            //项目id-标准id,项目id-标准id
+            deleteTagList.push(this.proId + '-' + item)
+          })
+          this.id = deleteTagList.join(',')
+          this.$http.post('sarStandProjectLibrary/deleteByIds', {
+            id: this.id,
+          }, {
+            _this: this,
+            loading: 'loading'
+          }, res => {
+            this.getDataList()
+            this.selectList = [];
+            this.selectList1 = [];
+          }, e => {
+          })
+        }).catch(() => {
+        });
+      }
+    },
+    getDataList() {
+      // 查询详情表格数据
+      this.$http.get('sarStandProjectLibrary/queryStandInfo', {
+        id: this.localProEO.id,
+        current: this.page,
+        pageSize: this.pageSize
+      }, {
+        _this: this,
+        loading: 'loading'
+      }, res => {
+        this.dataList = res.data.records
+        this.total = res.data.total
+      }, e => {
+      })
+    },
+    //调取清单取消事件
+    cancelDetailed() {
+      this.detailedListModel = false;
+    },
+    //添加标准取消事件
+    cancelStand() {
+      this.standModel = false;
+    },
+
+    okStand() {
+      let _this = this;
+      if (this.standList.length < 1) {
+        _this.$message.warning("请选择标准");
+      } else {
+        for (let i = 0; i < this.dataList.length; i++) {
+          let newStand = false;
+          for (let j = 0; j < this.standList.length; j++) {
+            if (this.standList[j].id == this.dataList[i].standId) {
+              newStand = true;
+              this.standList.splice(j, 1)
+              j--
+            }
+          }
+          if (newStand) {
+            _this.$message.warning("请勿重复添加数据");
+          } else {
+            // _this.dataList.push(item);
+          }
+        }
+        this.standardData = []
+        _this.standModel = false;
+        for (var i = 0; i < this.standList.length; i++) {
+          this.standList1.push({
+            standId: this.standList[i].id,
+            projectId: this.localProEO.id
+          })
+        }
+        if (this.standList1 != '') {
+          this.$http.postData("sarStandProjectLibrary/batchInsert", this.standList1, {
+            _this: this
+          }, res => {
+            if (res.ok) {
+              // this.$message.success(res.message)
+              // this.getDataList()
+              this.showLocalProductData(this.getLocalPro)
+            }
+          }, e => {
+          });
+        }
+        this.standList = []
+        this.standList1 = []
+        _this.detailedListModel = false;
+        _this.standModel = false;
+      }
+    },
+    //获取标准
+    getStandrd(data) {
+      this.detailedId = data.id
+      this.getStand();
+    },
+    getStand(data) {
+      this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", {
+        id: this.detailedId,
+        ...this.standCommonlySearch,
+      }, {
+        _this: this
+      }, res => {
+        if (res.data === null) {
+          this.standardData = ''
+          this.totalDo = ''
+          this.standModel = true;
+        }
+        this.standardData = res.data.records
+        this.standardData.forEach(item => {
+          if (item.zccssrqgj === '-') {
+            item.zccssrqgj = ''
+          }
+          if (item.xcxssrqgj === '-') {
+            item.xcxssrq = ''
+          }
+        })
+        this.totalDo = res.data.total
+        this.standModel = true;
+      })
+    },
+    //选择清单确定事件
+    OkDrawer() {
+      if (this.selectList.length === 1) {
+        let deposit = new Map();
+        this.sarAccessListDatas.forEach(item => {
+          deposit.set(item.id, item);
+        });
+        let bringData = [];
+        for (let i = 0; i < this.selectList.length; i++) {
+          bringData.push(deposit.get(this.selectList[i]));
+        }
+        this.listForm.standId = bringData[0].id;
+        this.listForm.listName = bringData[0].detailedListName;
+        this.listForm.applyRegion = bringData[0].applicationScope;
+        this.listForm.descriptionList = bringData[0].remark;
+        this.listForm.fileId = bringData[0].fileId;
+        this.ListModel = false;
+        this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", {id: bringData[0].id}, {
+          _this: this
+        }, res => {
+          if (res.data == null) {
+            res.data = []
+          }
+          this.dataList = res.data;
+          this.listForm.dataList = res.data;
+          let formId = []
+          this.dataList.map(item => {
+            formId.push(item.id)
+          });
+          this.listForm.inforlist = formId.join(',');
+        }, e => {
+        });
+      } else if (this.selectList.length > 1) {
+        this.$message.warning("只能选择一条数据进行带入");
+      } else {
+        this.$message.warning("请选择一条数据进行带入");
+      }
+    },
+    // 点击查看
+    handlePreview(item) {
+      let routeUrl = this.$router.resolve({
+        name: 'OtherStandardDetails',
+        params: {
+          id: item.id,
+          pageType: 'INLAND_STAND'
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+    },
+    back() {
+      this.$router.push({
+        path: this.$store.state.detailMap,
+        query: {
+          tabName: this.$route.query.tabName
+        }
+      })
+      this.$store.commit('setDetailMap', '')
+    },
+    showLocalProductData(item) {
+      this.localProEO = JSON.parse(JSON.stringify(item))
+      this.proId = this.localProEO.id
+      // 查询详情表格数据
+      this.$http.get('sarStandProjectLibrary/queryStandInfoNew', {
+        id: this.localProEO.id,
+        cars: "1",
+        current: 1,
+        pageSize: this.$store.getters.userInfo.configContent
+      }, {
+        _this: this,
+        loading: 'loading'
+      }, res => {
+        this.dataList = res.data.records
+        this.total = res.data.total
+      }, e => {
+      })
+      this.pointTimeList = JSON.parse(JSON.stringify(item)).pointTime.split(',')
+      this.reverseTimeList = this.pointTimeList.reverse()
+      this.reverseTimeList.map((item, index) => {
+        const nowDate = new Date(this.getdate()).getTime() / 10000
+        const itemDate = new Date(item).getTime() / 10000
+        if (itemDate >= nowDate && this.active === -1) { // 判断正常情况下的状态
+          this.active = index
+        }
+        if (index === this.reverseTimeList.length - 1 && this.active === -1 && itemDate < nowDate) { // 所有阀点都在当前时间之前
+          this.active = index + 1
+        }
+        if (index === this.reverseTimeList.length - 1 && this.active === 0) { // 所有阀点都在当前时间之后
+          const firstDate = new Date(this.reverseTimeList[0]).getTime() / 10000
+          if (firstDate > nowDate) {
+            this.active = -1
+          }
+        }
+        // 考虑如果没有当前时间，颜色怎么设置
+      })
+      this.selectTableDataList()
+    },
+    resetTakeingForm() {
+    },
+    //导出
+    exportStandard() {
+      if (this.selectList.length > 0) {
+        this.saveExportType = 'apart'
+      } else {
+        this.saveExportType = 'all'
+      }
+      this.exportName = ''
+      this.exportModelFlag = true
+    },
+    //取消导出
+    cancal() {
+      this.exportModelFlag = false
+    },
+    //确认导出
+    exportTestItem() {
+      if (this.saveExportType === 'apart') {
+        if (this.selectList != null && this.selectList != '') {
+          let ids = '\'' + this.selectList[0].standId + '\''
+          for (let i = 1; i < this.selectList.length; i++) {
+            ids += ',\'' + this.selectList[i].standId + '\''
+          }
+          const exportURL = interfaceUrl + 'sarStandProjectLibrary/exportStandAttrInfoExcel?' +
+            'exportType' + this.saveExportType + '&ids=' + ids + '&exportName=' + this.exportName + '&id=' + this.localProEO.id
+          window.open(exportURL, '_self')
+          this.$message.success('导出信息成功')
+        }
+      } else if (this.saveExportType === 'all') {
+        let ids = ''
+        if (this.dataList.length === 0) {
+          this.$message.error('暂无导出数据')
+        } else {
+          if (this.selectList.length === 0) {
+            ids = '\'' + this.dataList[0].standId + '\''
+            for (let i = 1; i < this.dataList.length; i++) {
+              ids += ',\'' + this.dataList[i].standId + '\''
+            }
+          }
+          const exportURL = interfaceUrl + 'sarStandProjectLibrary/exportStandAttrInfoExcel?' +
+            'exportType' + this.saveExportType + '&ids=' + ids + '&exportName=' + this.exportName + '&id=' + this.localProEO.id
+          window.open(exportURL, '_self')
+          this.$message.success('导出信息成功')
+        }
+      }
+      this.exportModelFlag = false
+    },
+    exportProducdata() {
+    },
+    deleteStandLawsForProduct() {
+    },
+    selectStandLawsForProduct() {
+    },
+    pageChangeLaws(page) {
+      this.page = page
+      this.getDataList()
+    },
+    pageSizeChangeLaws(pageSize) {
+      this.$store.getters.userInfo.configContent = pageSize
+      this.size = pageSize
+      this.getDataList()
+    },
+    standSelectChange(val) {
+      this.selectList = val;
+    },//选项值发生改变
+    // 将文本状态的id与name对应
+    setMap(key, data) {
+      data.forEach(item => {
+        this.$set(key, item.value, item.label)
+      })
+    }
+  },
+  computed: {
+    ...mapGetters(['getLocalPro'])
+  },
+  mounted() {
+    this.detailedListVersion = this.$route.query.detailedListVersion
+    this.$nextTick(() => {
+      this.Height = $('.contaiiner').height() - $('.contaiinerCard').height() - 190
+      window.onresize = () => {
+        this.Height = $('.contaiiner').height() - $('.contaiinerCard').height() - 190
+      }
+    })
+    if (this.$store.state.localPro === '') {
+      this.$router.push('/')
+    } else {
+      // 查询各下拉框数据
+      this.$http.get('sys/dictype/getDicTypeListCode', '', {
+        _this: this,
+        loading: 'loading'
+      }, res => {
+        this.energyKindOptions = res.data.ENERGYTYPES //适用车型
+        this.standSortOptions = res.data.STANDCLASSIFY // 标准类别
+        this.setMap(this.textStatusMap, res.data.WBZTCLASS)
+        this.showLocalProductData(this.getLocalPro)
+      }, e => {
+      })
+    }
+
+  }
+}
+</script>
+<style lang="less" scoped>
+.localProductDetails {
+  .typeIcon {
+    margin: 0 auto;
+    width: 20px;
+    height: 20px;
+  }
+
+  .iconClass {
+    width: 18px;
+    height: 18px;
+  }
+
+  .iconClassDia {
+    width: 30px;
+    height: 30px;
+  }
+
+  .picBorder {
+    border: 1px solid #409eff;
+  }
+
+  .add-border {
+    /*width: 80px;*/
+    height: 80px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer
+  }
+
+  .laws-details-header {
+    background: #fff;
+    // height: 30px;
+    line-height: 50px;
+    padding: 0 10px;
+    //margin-bottom: 5px;
+    .back {
+      display: inline-block;
+      margin-right: 10px;
+    }
+
+    .title {
+      display: inline-block;
+      font-weight: bold;
+      font-size: 18px;
+      flex: 1;
+      padding: 0 15px;
+      text-align: center;
+    }
+  }
+
+  .contaiiner {
+    height: calc(~'100% - 55px');
+    background: #fff;
+    padding: 5px 10px;
+
+    .el-card__body {
+      .el-row {
+        line-height: 1.5;
+        font-size: 14px;
+      }
+    }
+
+    .details-panel-tabs-item {
+      height: 100%;
+
+      .table-wrapper {
+        height: 100%;
+      }
+    }
+  }
+
+  .pagination {
+    position: absolute!important;
+  }
+
+  .el-steps.el-steps--simple {
+    padding: 13px;
+  }
+
+  .el-step.is-simple {
+    flex-basis: auto;
+    width: 269px;
+  }
+
+  .valueColor {
+    color: #999;
+  }
+
+  .el-steps.el-steps--horizontal {
+    margin-left: 30px;
+  }
+
+  @media screen and (min-width: 1920px) {
+    /deep/ .el-step__main {
+      position: relative;
+      left: -45%;
+      text-align: center;
+    }
+  }
+  @media screen and (max-width: 1280px) {
+    /deep/ .el-step__main {
+      position: relative;
+      left: -40%;
+      text-align: center;
+    }
+  }
+  @media screen and (max-width: 1366px) {
+    /deep/ .el-step__main {
+      position: relative;
+      left: -42%;
+      text-align: center;
+    }
+  }
+
+  /deep/ .el-step__icon {
+    width: 18px;
+    height: 18px;
+    font-size: 12px;
+  }
+
+  /deep/ .el-step__title {
+    font-size: 12px;
+  }
+}
+
+/deep/ .el-drawer__body {
+  position: relative;
+}
+
+.wx-drawer-content {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: unset !important;
+}
+
+/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 {
+    display: inline-block;
+    margin-right: 3px;
+    width: 18px;
+    height: 18px;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    background-position: center center;
+    vertical-align: text-bottom;
+  }
+
+  .relation-btn {
+    color: #409EFF;
+    border: 1px solid #409EFF;
+    background: rgba(64, 158, 255, 0.1);
+
+    .icon-relation {
+      background-image: url("~assets/images/shangqi/standardDetails/relation.png");
+    }
+  }
+}
+
+::v-deep .el-drawer__header {
+  & > span:first-child {
+    outline: none !important;
+  }
+}
+
+::v-deep .el-drawer {
+  outline: none !important;
+}
+
+/deep/ .leftTable {
+  .el-table th > .cell {
+    font-size: 11px;
+  }
+
+  .el-table th {
+    padding: 0;
+  }
+
+  .el-table__body-wrapper {
+    height: 44px;
+  }
+}
+
+/deep/ .el-tabs__content {
+  padding-bottom: 0;
+}
+
+/deep/ .el-card__body {
+  padding: 0;
+}
+</style>
+<style lang="less">
+.localProductDetails {
+  height: 100%;
+
+  .el-tabs__content {
+    min-height: 412px;
+  }
+}
+
+.leftTable {
+  .el-table--enable-row-transition .el-table__body td {
+    cursor: pointer;
+  }
+}
+
+.demo-drawer-content {
+  margin-top: 10px;
+}
+</style>
diff --git a/src/pages/regulatoryRepository/nonConfomity/pages/keyIssues.vue b/src/pages/regulatoryRepository/nonConfomity/pages/keyIssues.vue
index ea9994723..67ee31d0c 100644
--- a/src/pages/regulatoryRepository/nonConfomity/pages/keyIssues.vue
+++ b/src/pages/regulatoryRepository/nonConfomity/pages/keyIssues.vue
@@ -1,65 +1,65 @@
-<!--重点问题项管控-->
-<template>
-<div id="key-issues">
-  <div class="non-content">
-    <el-tabs v-model="keynoteActiveName" @tab-click="handleClick">
-      <el-tab-pane label="事业部" name="cause">
-        <business-division></business-division>
-      </el-tab-pane>
-      <el-tab-pane label="产品规划部" name="product">
-       <product-department></product-department>
-      </el-tab-pane>
-    </el-tabs>
-  </div>
-</div>
-</template>
-
-<script>
-import businessDivision from "@/pages/regulatoryRepository/nonConfomity/pages/businessDivision";
-import productDepartment from "@/pages/regulatoryRepository/nonConfomity/pages/productDepartment";
-
-export default {
-  name: "keyIssues",
-  props:['keynoteActiveName'],
- components: {
-   businessDivision,
-   productDepartment,
- },
-  data() {
-    return {
-      activeName:'cause',
-    }
-  },
-  methods: {
-    handleClick(tab, event) {
-      console.log(tab, event);
-    }
-  },
-};
-</script>
-
-<style lang="less" scoped>
-#key-issues {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  background-color: #FFFFFF;
-  .non-content {
-    height: 100%;
-    /deep/  .el-tabs {
-      display: flex;
-      flex-direction: column;
-      .el-tabs__content {
-        flex: 1;
-        overflow: hidden;
-        .el-tab-pane {
-          height: 100%;
-        }
-      }
-    }
-  }
-  .el-tabs__nav {
-    margin-left:20px;
-  }
-}
-</style>
+<!--重点问题项管控-->
+<template>
+<div id="key-issues">
+  <div class="non-content">
+    <el-tabs v-model="keynoteActiveName" @tab-click="handleClick">
+      <el-tab-pane label="事业部" name="cause">
+        <business-division></business-division>
+      </el-tab-pane>
+      <el-tab-pane label="产品规划部" name="product">
+       <product-department></product-department>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</div>
+</template>
+
+<script>
+import businessDivision from "@/pages/regulatoryRepository/nonConfomity/pages/businessDivision";
+import productDepartment from "@/pages/regulatoryRepository/nonConfomity/pages/productDepartment";
+
+export default {
+  name: "keyIssues",
+  props:['keynoteActiveName'],
+ components: {
+   businessDivision,
+   productDepartment,
+ },
+  data() {
+    return {
+      activeName:'cause',
+    }
+  },
+  methods: {
+    handleClick(tab, event) {
+      console.log(tab, event);
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+#key-issues {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: #FFFFFF;
+  .non-content {
+    height: 100%;
+    /deep/  .el-tabs {
+      display: flex;
+      flex-direction: column;
+      .el-tabs__content {
+        flex: 1;
+        overflow: hidden;
+        .el-tab-pane {
+          height: 100%;
+        }
+      }
+    }
+  }
+  .el-tabs__nav {
+    margin-left:20px;
+  }
+}
+</style>
diff --git a/src/pages/regulatoryRepository/standardForComments/pags/consultationDetails.vue b/src/pages/regulatoryRepository/standardForComments/pags/consultationDetails.vue
index fe5e79f2a..e1cdf15e4 100644
--- a/src/pages/regulatoryRepository/standardForComments/pags/consultationDetails.vue
+++ b/src/pages/regulatoryRepository/standardForComments/pags/consultationDetails.vue
@@ -114,7 +114,6 @@
                 label="章节名称">
         </el-table-column>
         <el-table-column
-                prop="content"
                 align="center"
                 label="修改意见内容(包括理由或依据)"
         >