From 61359419ef98931c05a76fb7bc36cec40a54d7ff Mon Sep 17 00:00:00 2001
From: youyuzihan <youyuzihan@gmail.com>
Date: Tue, 1 Jun 2021 18:03:54 +0800
Subject: [PATCH] =?UTF-8?q?update:=E6=B7=BB=E5=8A=A0=E5=BE=81=E6=B1=82?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E6=84=8F=E8=A7=81=E7=9A=84=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/details/categoryDetails/index.vue   | 1738 +++++++++++++++++
 .../standardForComments/index.vue             |   34 +-
 src/router/index.js                           |   12 +
 3 files changed, 1775 insertions(+), 9 deletions(-)
 create mode 100644 src/pages/details/categoryDetails/index.vue

diff --git a/src/pages/details/categoryDetails/index.vue b/src/pages/details/categoryDetails/index.vue
new file mode 100644
index 000000000..c1f272a7b
--- /dev/null
+++ b/src/pages/details/categoryDetails/index.vue
@@ -0,0 +1,1738 @@
+<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.accessContent }}<i class="el-icon-s-order" @click="heightShow = !heightShow"></i></div>
+      <span class="relateClass" style="margin-top: 15px;float: right;">
+        <el-button class="relation-btn"  icon="icon-relation" @click="relateEvent()">更新LOG</el-button>
+      </span>
+    </div>
+    <transition name="el-zoom-in-top">
+      <div v-show="heightShow" class="transition-box">
+        <!--        <p class="transition-box-p">-->
+        <!--          <label class="transition-box-label">国内/海外：</label>-->
+        <!--          <span class="transition-box-span">{{ sarAccessEO.type === 'INLAND' ? '国内' : '海外' }}</span>-->
+        <!--        </p>-->
+        <p class="transition-box-p">
+          <label class="transition-box-label">国家/地区：</label>
+          <span class="transition-box-span">{{ sarAccessEO.countryShow }}</span>
+        </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">
+              <a  class="transition-box-span"
+                  @click="openFileInPdf(item.id, item.name)" target="_blank">{{ item.name }}</a>
+              <i
+                  title="下载"
+                  @click="downloadFile(item.id)"
+                  class="icon-download"
+                  v-btn-permission="'E5QPKLR9CFVXTV64N32C'"
+              />
+              <!--              v-btn-permission="'E5QPKLR9CFVXTV64N32C'"-->
+              <i
+                  title="下载带水印"
+                  @click="downloadFileByWater(item.id,item.name)"
+                  class="icon-download2"
+                  v-btn-permission="'43MBNPD59L2VYEQH4DSL'"
+              />
+            </p>
+            <!--              v-btn-permission="'43MBNPD59L2VYEQH4DSL'"-->
+            <!--            <span-->
+            <!--              class="transition-box-span"-->
+            <!--              v-for="item in fileInfoList"-->
+            <!--              :key="item.id"-->
+            <!--              @click="fileDownLoad(item.id)"-->
+            <!--            >{{ item.name }}</span>-->
+          </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.codeOrName"-->
+<!--                      placeholder="请输入"-->
+<!--                      clearable></el-input>-->
+<!--          </el-form-item>-->
+<!--          <el-form-item label="责任部门" class="search-item" prop="departName">-->
+<!--            <el-input v-model="standardForm.depart" v-show="false"></el-input>-->
+<!--            <el-popover placement="bottom" popper-class="user-dept-popper" trigger="click">-->
+<!--              <el-input-->
+<!--                  v-model="standardForm.departName"-->
+<!--                  placeholder="请选择部门"-->
+<!--                  readonly-->
+<!--                  id="depBtnsAuth"-->
+<!--                  slot="reference"-->
+<!--              />-->
+<!--              <div class="api">-->
+<!--                <laws-tree :zNodes="depNode"-->
+<!--                           deptSelect-->
+<!--                           treeDivId="depTreeAuth"-->
+<!--                           @treeDblClick="(treeId, treeNode) => treeDblAuthDepartClick(treeId, treeNode)"-->
+<!--                           :editable="false"-->
+<!--                           ref="depTreeAuth"-->
+<!--                           class="ztree" style="height: 300px;overflow: auto">-->
+<!--                </laws-tree>-->
+<!--              </div>-->
+<!--            </el-popover>-->
+<!--          </el-form-item>-->
+<!--          <el-form-item label="" class="search-item btn-box">-->
+<!--            <el-button class="common-button-primary" type="primary" icon="el-icon-search" round @click="selectProductBtn"></el-button>-->
+<!--          </el-form-item>-->
+<!--          <el-form-item label="" class="search-item btn-box">-->
+<!--            <el-button class="common-button-default" icon="el-icon-refresh-left" @click="resetSelect" round></el-button>-->
+<!--          </el-form-item>-->
+
+          <el-button class="common-button-default export-button"
+                     round @click="exportStandard()"
+                     title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
+                     icon="export"
+          >导出</el-button>
+<!--          <el-button type="primary" class="common-button-primary" round @click="selectMoreBtn"><i class="iconfont">&#xe7a5;</i>高级查询</el-button>-->
+          <AdvancedQuery
+              :isAdvancedSearch.sync="isAdvancedSearch"
+              :twoOptions="twoOptions"
+              :threeOptions="threeOptions"
+              @twoSelectChange="twoSelectChange"
+              @getDomesticStandardTableBtn="getDomesticStandardTableBtn"
+          ></AdvancedQuery>
+        </el-form>
+      </div>
+      <div class="right">
+      </div>
+    </div>
+    <div class="container" style="position:relative;">
+      <div style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="技术要求" name="SKILL" class="container-tab-pane">
+            <div style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
+              <el-table
+                  :data="standinfoList"
+                  style="width: 100%"
+                  height="100%"
+                  border
+                  :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '48px'}"
+                  @selection-change="standSelectChange"
+                  ref="skillTable"
+              >
+                <el-table-column
+                    type="selection"
+                    width="55"
+                    align="center">
+                </el-table-column>
+                <el-table-column
+                    width="180px"
+                    fixed="left"
+                    label="标准号">
+                  <template slot-scope="scope">
+                    <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.code }}</a>
+                    <span v-else>{{ scope.row.code }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="name"
+                    width="260px"
+                    label="中文名称"
+                    fixed="left"
+                >
+                  <template slot-scope="scope">
+                    <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.name }}</a>
+                    <span v-else>{{ scope.row.name }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="enName"
+                    width="260px"
+                    fixed="left"
+                    label="英文名称">
+                  <template slot-scope="scope">
+                    <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.enName }}</a>
+                    <span v-else>{{ scope.row.enName }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="newPutTime"
+                    width="190px"
+                    label="新车型实施日期(项目)"
+                    sortable
+                >
+                </el-table-column>
+                <el-table-column
+                    prop="prodPutTime"
+                    width="190px"
+                    label="在产车实施日期(项目)"
+                    sortable
+                >
+                </el-table-column>
+                <el-table-column
+                    prop="eopPutTime"
+                    width="190px"
+                    label="EOP实施日期(项目)"
+                    sortable
+                >
+                </el-table-column>
+                <!--                <el-table-column-->
+                <!--                  prop="newPutTextTime"-->
+                <!--                  width="210px"-->
+                <!--                  label="新车型实施日期（项目）"-->
+                <!--                  sortable-->
+                <!--                >-->
+                <!--                </el-table-column>-->
+                <!--                <el-table-column-->
+                <!--                  prop="prodPutTextTime"-->
+                <!--                  width="210px"-->
+                <!--                  label="在产车实施日期（项目）"-->
+                <!--                  sortable-->
+                <!--                >-->
+                <!--                </el-table-column>-->
+                <!--                <el-table-column-->
+                <!--                  prop="eopPutTextTime"-->
+                <!--                  width="200px"-->
+                <!--                  label="EOP实施日期（项目）"-->
+                <!--                  sortable-->
+                <!--                >-->
+                <!--                </el-table-column>-->
+                <!--              <el-table-column-->
+                <!--                prop="synopsis"-->
+                <!--                width="100px"-->
+                <!--                show-overflow-tooltip-->
+                <!--                label="法规说明">-->
+                <!--              </el-table-column>-->
+                <el-table-column
+                    prop="performInfo"
+                    width="280px"
+                    show-overflow-tooltip
+                    label="实施说明">
+                </el-table-column>
+                <el-table-column
+                    prop="authDelive"
+                    width="120px"
+                    label="认证交付物">
+                </el-table-column>
+                <el-table-column
+                    prop="authObjId"
+                    width="100px"
+                    label="认证对象">
+                </el-table-column>
+                <el-table-column
+                    prop="askNatureName"
+                    width="100px"
+                    label="监管类型">
+                </el-table-column>
+                <el-table-column
+                    prop="applyArcticId"
+                    width="120px"
+                    show-overflow-tooltip
+                    label="适用车辆类型">
+                </el-table-column>
+                <el-table-column
+                    prop="ZRBMName"
+                    width="150px"
+                    show-overflow-tooltip
+                    label="责任部门">
+                  <template slot-scope="scope">
+                    {{ scope.row.ZRBMName || scope.row.zrbmname || '' }}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="XGBMName"
+                    width="100px"
+                    show-overflow-tooltip
+                    label="相关部门">
+                  <template slot-scope="scope">
+                    {{ scope.row.XGBMName || scope.row.xgbmname || '' }}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="FOName"
+                    width="150px"
+                    show-overflow-tooltip
+                    label="FO">
+                  <template slot-scope="scope">
+                    {{ scope.row.FOName || scope.row.foname || '' }}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="proEssessUser"
+                    width="120px"
+                    show-overflow-tooltip
+                    label="项目评估角色">
+                </el-table-column>
+                <el-table-column
+                    prop="synopsis"
+                    width="200px"
+                    show-overflow-tooltip
+                    label="文本说明">
+                </el-table-column>
+                <el-table-column
+                    width="120px"
+                    show-overflow-tooltip
+                    label="标签">
+                  <template slot-scope="scope">
+                    {{ scope.row.GXHBQName || scope.row.gxhbqName || '' }}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="askTypeName"
+                    width="120px"
+                    show-overflow-tooltip
+                    label="要求类型">
+                </el-table-column>
+                <el-table-column
+                    prop="prcState"
+                    label="流程状态">
+                  <template slot-scope="scope">
+                    <span v-if="scope.row.sarType === 'TEMP'"></span>
+                    <div v-else-if="scope.row.prcState === '1'">评估中</div>
+                    <div v-else-if="scope.row.prcState === '2'">已评估</div>
+                    <!--                <div v-else-if="scope.row.prcState === '3'">已评估</div>-->
+                    <!--                <div v-else-if="scope.row.prcState === '4'">已整改</div>-->
+                    <!--                <div v-else-if="scope.row.prcState === '5'">未评估</div>-->
+                    <div v-else>N/A</div>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="sarState"
+                    width="100"
+                    label="符合性状态">
+                  <template slot-scope="scope">
+                    <span v-if="scope.row.sarType === 'TEMP'"></span>
+                    <a v-else-if="scope.row.sarState === '1'" class="table-jump" @click="changeState(scope.row)">待验证</a>
+                    <a v-else-if="scope.row.sarState === '2'" class="table-jump" @click="changeState(scope.row)">符合</a>
+                    <a v-else-if="scope.row.sarState === '3'" class="table-jump" @click="changeState(scope.row)">不符合</a>
+                    <a v-else-if="scope.row.sarState === '4'" class="table-jump" @click="changeState(scope.row)">部分符合</a>
+                    <a v-else-if="scope.row.sarState === '5'" class="table-jump" @click="changeState(scope.row)">不涉及</a>
+                    <a v-else-if="scope.row.sarState === '6'" class="table-jump" @click="changeState(scope.row)">评估中</a>
+                    <a v-else-if="scope.row.sarState === '7'" class="table-jump">整改中</a>
+                    <a v-else-if="scope.row.sarState === '8'" class="table-jump">未评估</a>
+                    <!--                <a v-else-if="scope.row.sarState === '0'" class="table-jump">部分符合</a>-->
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="sarState"
+                    align="center"
+                    width="100"
+                    label="合规性分级">
+                  <template slot-scope="scope">
+                    <!--                <span v-if="scope.row.sarType === 'TEMP'"></span>-->
+                    <!--                <div v-else-if="scope.row.sarState === 8" >-->
+                    <!--                  <img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">-->
+                    <!--                </div>-->
+                    <!--                <div v-else-if="scope.row.sarState === 2" >-->
+                    <!--                  <img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">-->
+                    <!--                </div>-->
+                    <!--                <div v-else-if="scope.row.sarState === 5">-->
+                    <!--                  <img class="iconClass" src="../../../assets/images/ComplianceClassification/white.png">-->
+                    <!--                </div>-->
+                    <!--                <div v-else-if="scope.row.color === '#f00' && scope.row.sarState === '3'">-->
+                    <!--                  <img class="iconClass" @click="typeColor(scope.row, 1, 1)" src="../../../assets/images/ComplianceClassification/red.png" >-->
+                    <!--                </div>-->
+                    <!--                <div v-else-if="scope.row.color !== '' && scope.row.sarState === '3'">-->
+                    <!--                  <img class="iconClass" @click="typeColor(scope.row, 2, 1)" src="../../../assets/images/ComplianceClassification/yellow.png" >-->
+                    <!--                </div>-->
+                    <div @click="chooseColor(scope.row, '2')">
+                      <div v-if="!scope.row.color">
+                        <span v-if="scope.row.sarType === 'TEMP'"></span>
+                        <div v-else-if="scope.row.sarState === '8'|| ((scope.row.sarState === ''&& (scope.row.prcState !== ''&&scope.row.prcState !== null))||(scope.row.sarState === 'null'&& (scope.row.prcState !== ''&&scope.row.prcState !== null)))">
+                          <!--                          <img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">-->
+                          <!--暂不显示-->
+                        </div>
+                        <div v-else-if="scope.row.sarState === '2'" >
+                          <img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">
+
+                        </div>
+                        <div v-else-if="scope.row.sarState === '5'">
+                          <img class="iconClass" src="../../../assets/images/ComplianceClassification/grey.png">
+                        </div>
+                        <div v-else-if="scope.row.prcState === ''||scope.row.prcState === null">
+                          <!--                          <img class="iconClass"  src="../../../assets/images/ComplianceClassification/white.png" >-->
+                        </div>
+                        <!--                        <div v-else-if="scope.row.color === '#f00'">-->
+                        <!--                          <img class="iconClass" @click="typeColor(scope.row, 1, 1)" src="../../../assets/images/ComplianceClassification/red.png" >-->
+                        <!--                        </div>-->
+                        <div v-else-if="scope.row.sarState === '3'">
+                          <img class="iconClass" src="../../../assets/images/ComplianceClassification/yellow.png" >
+                        </div>
+                      </div>
+                      <div v-else>
+                        <div v-if="scope.row.color === 'green'" >
+                          <img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">
+                          <!--暂不显示-->
+                        </div>
+                        <div v-if="scope.row.color === 'red'" >
+                          <img class="iconClass" src="../../../assets/images/ComplianceClassification/red.png">
+                          <!--暂不显示-->
+                        </div>
+                        <div v-if="scope.row.color === 'blue'" >
+                          <img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">
+                          <!--暂不显示-->
+                        </div>
+                        <div v-if="scope.row.color === 'grey'" >
+                          <img class="iconClass" src="../../../assets/images/ComplianceClassification/grey.png">
+                          <!--暂不显示-->
+                        </div>
+                        <div v-if="scope.row.color === 'yellow'" >
+                          <img class="iconClass" src="../../../assets/images/ComplianceClassification/yellow.png">
+                          <!--暂不显示-->
+                        </div>
+                      </div>
+                    </div>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <loading :loading="loading">数据获取中</loading>
+            </div>
+          </el-tab-pane>
+          <el-tab-pane label="行政要求" name="ADMIN" class="container-tab-pane">
+            <div style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
+              <el-table
+                  :data="adminInfoList"
+                  style="width: 100%"
+                  height="100%"
+                  border
+                  :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '48px'}"
+                  @selection-change="standSelectChange"
+                  ref="adminTable"
+              >
+                <el-table-column
+                    type="selection"
+                    width="55"
+                    align="center">
+                </el-table-column>
+                <el-table-column
+                    width="180px"
+                    fixed="left"
+                    label="标准号">
+                  <template slot-scope="scope">
+                    <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.code }}</a>
+                    <span v-else>{{ scope.row.code }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="name"
+                    width="260px"
+                    fixed="left"
+                    label="中文名称"
+                >
+                  <template slot-scope="scope">
+                    <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.name }}</a>
+                    <span v-else>{{ scope.row.name }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="enName"
+                    width="260px"
+                    fixed="left"
+                    label="英文名称">
+                  <template slot-scope="scope">
+                    <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.enName }}</a>
+                    <span v-else>{{ scope.row.enName }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="newPutTime"
+                    width="190px"
+                    label="新车型实施日期(项目)"
+                    sortable
+                >
+                </el-table-column>
+                <el-table-column
+                    prop="prodPutTime"
+                    width="190px"
+                    label="在产车实施日期(项目)"
+                    sortable
+                >
+                </el-table-column>
+                <el-table-column
+                    prop="eopPutTime"
+                    width="190px"
+                    label="EOP实施日期(项目)"
+                    sortable
+                >
+                </el-table-column>
+                <!--             <el-table-column
+                               prop="newPutTextTime"
+                               width="210px"
+                               label="新车型实施日期（项目）"
+                               sortable
+                             >
+                             </el-table-column>
+                             <el-table-column
+                               prop="prodPutTextTime"
+                               width="210px"
+                               label="在产车实施日期（项目）"
+                               sortable
+                             >
+                             </el-table-column>
+                             <el-table-column
+                               prop="eopPutTextTime"
+                               width="200px"
+                               label="EOP实施日期（项目）"
+                               sortable
+                             >
+                             </el-table-column>-->
+                <!--              <el-table-column-->
+                <!--                prop="synopsis"-->
+                <!--                width="100px"-->
+                <!--                show-overflow-tooltip-->
+                <!--                label="法规说明">-->
+                <!--              </el-table-column>-->
+                <el-table-column
+                    prop="performInfo"
+                    width="280px"
+                    show-overflow-tooltip
+                    label="实施说明">
+                </el-table-column>
+                <el-table-column
+                    prop="authDelive"
+                    width="120px"
+                    label="认证交付物">
+                </el-table-column>
+                <el-table-column
+                    prop="authObjId"
+                    width="100px"
+                    label="认证对象">
+                </el-table-column>
+                <el-table-column
+                    prop="askNatureName"
+                    width="100px"
+                    label="监管类型">
+                </el-table-column>
+                <el-table-column
+                    prop="applyArcticId"
+                    width="120px"
+                    show-overflow-tooltip
+                    label="适用车辆类型">
+                </el-table-column>
+                <el-table-column
+                    prop="ZRBMName"
+                    width="150px"
+                    show-overflow-tooltip
+                    label="责任部门">
+                  <template slot-scope="scope">
+                    {{ scope.row.ZRBMName || scope.row.zrbmname || '' }}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="XGBMName"
+                    width="100px"
+                    show-overflow-tooltip
+                    label="相关部门">
+                  <template slot-scope="scope">
+                    {{ scope.row.XGBMName || scope.row.xgbmname || '' }}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="FOName"
+                    width="150px"
+                    show-overflow-tooltip
+                    label="FO">
+                  <template slot-scope="scope">
+                    {{ scope.row.FOName || scope.row.foname || '' }}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="proEssessUser"
+                    width="120px"
+                    show-overflow-tooltip
+                    label="项目评估角色">
+                </el-table-column>
+                <el-table-column
+                    prop="synopsis"
+                    width="200px"
+                    show-overflow-tooltip
+                    label="文本说明">
+                </el-table-column>
+                <el-table-column
+                    width="120px"
+                    show-overflow-tooltip
+                    label="标签">
+                  <template slot-scope="scope">
+                    {{ scope.row.GXHBQName || scope.row.gxhbqName || '' }}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="askTypeName"
+                    width="120px"
+                    show-overflow-tooltip
+                    label="要求类型">
+                </el-table-column>
+                <el-table-column
+                    prop="prcState"
+                    label="流程状态">
+                  <template slot-scope="scope">
+                    <span v-if="scope.row.sarType === 'TEMP'"></span>
+                    <div v-else-if="scope.row.prcState === '1'">评估中</div>
+                    <div v-else-if="scope.row.prcState === '2'">已评估</div>
+                    <!--                <div v-else-if="scope.row.prcState === '3'">已评估</div>-->
+                    <!--                <div v-else-if="scope.row.prcState === '4'">已整改</div>-->
+                    <!--                <div v-else-if="scope.row.prcState === '5'">未评估</div>-->
+                    <div v-else>N/A</div>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="sarState"
+                    width="100"
+                    label="符合性状态">
+                  <template slot-scope="scope">
+                    <span v-if="scope.row.sarType === 'TEMP'"></span>
+                    <a v-else-if="scope.row.sarState === '1'" class="table-jump" @click="changeState(scope.row)">待验证</a>
+                    <a v-else-if="scope.row.sarState === '2'" class="table-jump" @click="changeState(scope.row)">符合</a>
+                    <a v-else-if="scope.row.sarState === '3'" class="table-jump" @click="changeState(scope.row)">不符合</a>
+                    <a v-else-if="scope.row.sarState === '4'" class="table-jump" @click="changeState(scope.row)">部分符合</a>
+                    <a v-else-if="scope.row.sarState === '5'" class="table-jump" @click="changeState(scope.row)">不涉及</a>
+                    <a v-else-if="scope.row.sarState === '6'" class="table-jump" @click="changeState(scope.row)">评估中</a>
+                    <a v-else-if="scope.row.sarState === '7'" class="table-jump">整改中</a>
+                    <a v-else-if="scope.row.sarState === '8'" class="table-jump">未评估</a>
+                    <!--                <a v-else-if="scope.row.sarState === '0'" class="table-jump">部分符合</a>-->
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="sarState"
+                    align="center"
+                    width="100"
+                    label="合规性分级">
+                  <template slot-scope="scope">
+                    <div v-if="!scope.row.color">
+                      <span v-if="scope.row.sarType === 'TEMP'"></span>
+                      <div v-else-if="scope.row.sarState === '8'|| ((scope.row.sarState === ''&& (scope.row.prcState === ''||scope.row.prcState === null))||(scope.row.sarState === 'null'&& (scope.row.prcState === ''||scope.row.prcState === null)))" >
+                        <!--                        <img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">-->
+                        <!--暂不显示-->
+                      </div>
+                      <div v-else-if="scope.row.sarState === '2'" >
+                        <img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">
+
+                      </div>
+                      <div v-else-if="scope.row.sarState === '5'">
+                        <img class="iconClass" src="../../../assets/images/ComplianceClassification/grey.png">
+                      </div>
+                      <div v-else-if="scope.row.prcState === ''||scope.row.prcState === null">
+                        <!--                        <img class="iconClass"  src="../../../assets/images/ComplianceClassification/white.png" >-->
+                      </div>
+                      <!--                        <div v-else-if="scope.row.color === '#f00'">-->
+                      <!--                          <img class="iconClass" @click="typeColor(scope.row, 1, 1)" src="../../../assets/images/ComplianceClassification/red.png" >-->
+                      <!--                        </div>-->
+                      <div v-else-if="scope.row.sarState === '3'">
+                        <img class="iconClass" src="../../../assets/images/ComplianceClassification/yellow.png" >
+                      </div>
+                    </div>
+                    <div v-else>
+                      <div v-if="scope.row.color === 'green'" >
+                        <img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">
+                        <!--暂不显示-->
+                      </div>
+                      <div v-if="scope.row.color === 'red'" >
+                        <img class="iconClass" src="../../../assets/images/ComplianceClassification/red.png">
+                        <!--暂不显示-->
+                      </div>
+                      <div v-if="scope.row.color === 'blue'" >
+                        <img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">
+                        <!--暂不显示-->
+                      </div>
+                      <div v-if="scope.row.color === 'grey'" >
+                        <img class="iconClass" src="../../../assets/images/ComplianceClassification/grey.png">
+                        <!--暂不显示-->
+                      </div>
+                      <div v-if="scope.row.color === 'yellow'" >
+                        <img class="iconClass" src="../../../assets/images/ComplianceClassification/yellow.png">
+                        <!--暂不显示-->
+                      </div>
+                    </div>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="isInvolveAccess"
+                    width="150px"
+                    show-overflow-tooltip
+                    label="是否涉及准入审核">
+                </el-table-column>
+              </el-table>
+              <loading :loading="loading">数据获取中</loading>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+
+      </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" round class="common-button-primary" icon="el-icon-check" @click="exportTestItem">提交</el-button>
+      </span>
+    </el-dialog>
+    <!-- 更新LOG -->
+    <el-dialog
+        title="更新LOG"
+        :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-dialog
+        title="合规性分级"
+        :visible.sync="dialogColor"
+        width="30%"
+    >
+      <div style="display: flex;justify-content: space-between;margin: 40px">
+        <div  v-for="(item, index) in colorList"  :key="index" style="width: 20%;">
+          <div class="add-border" @click="addBorder(item,index)" :class="item.isShow?'picBorder':''">
+            <img class="iconClassDia" :src="item.pic"/>
+          </div>
+          <p style="width: 100%;text-align: center;margin-top: 10px">{{item.title}}</p>
+        </div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button class="common-button-default" icon="el-icon-close" @click="dialogColor = false">取 消</el-button>
+        <el-button class="common-button-primary" icon="el-icon-check" type="primary" @click="changeColor(dialogType)">确 定</el-button>
+      </div>
+    </el-dialog>
+    <loading :loading="dataLoading">{{$t('m.dataAcquisition')}}</loading>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'categoryDetails',
+  data () {
+    return {
+      isAdvancedSearch: false,
+      twoOptions: [
+        {
+          label: '标准号',
+          value: 'code',
+          type: 'INPUT',
+          disabled: false
+        },
+        {
+          label: '中文名称',
+          value: 'resName',
+          type: 'INPUT',
+          disabled: false
+        },
+        {
+          label: '英文名称',
+          value: 'resEnName',
+          type: 'INPUT',
+          disabled: false
+        },
+        {
+          label: '新车型实施日期(项目)',
+          value: 'newPutTextTime',
+          type: 'DATE_PIC_OPTS',
+          disabled: false
+        },
+        {
+          label: '在产车实施日期(项目)',
+          value: 'prodPutTextTime',
+          type: 'DATE_PIC_OPTS',
+          disabled: false
+        },
+        {
+          label: 'EOP实施日期(项目)',
+          value: 'eopPutTextTime',
+          type: 'DATE_PIC_OPTS',
+          disabled: false
+        },
+        {
+          label: '实施说明',
+          value: 'perFormInfo',
+          type: 'INPUT',
+          disabled: false
+        },
+        {
+          label: '认证交付物',
+          value: 'authDelive',
+          type: 'INPUT',
+          disabled: false
+        },
+        {
+          label: '认证对象',
+          value: 'authObj',
+          type: 'SEL_OPTION',
+          disabled: false
+        },
+        {
+          label: '监管类型',
+          value: 'askNature',
+          type: 'SEL_OPTION',
+          disabled: false
+        },
+        {
+          label: '适用车辆类型',
+          value: 'cllx',
+          type: 'SEL_OPTS',
+          disabled: false
+        },
+        {
+          label: '责任部门',
+          value: 'dutyDepartId',
+          type: 'SEL_OPTS',
+          selVal: 'ORGLIST',
+          disabled: false
+        },
+        {
+          label: '相关部门',
+          value: 'xgbm',
+          type: 'SEL_OPTS',
+          selVal: 'ORGLIST',
+          disabled: false
+        },
+        {
+          label: 'FO',
+          value: 'foUserId',
+          type: 'SEL_OPTS',
+          selVal: 'ROLELIST',
+          disabled: false
+        },
+        {
+          label: '项目评估角色',
+          value: 'proAccUserId',
+          type: 'SEL_OPTS',
+          selVal: 'ROLELIST',
+          disabled: false
+        },
+        {
+          label: '清单说明',
+          value: 'synopsis',
+          type: 'INPUT',
+          disabled: false
+        },
+        {
+          label: '标签',
+          value: 'gxhbq',
+          type: 'SEL_OPTS',
+          disabled: false
+        },
+        {
+          label: '要求类型',
+          value: 'yqlx',
+          type: 'SEL_OPTION',
+          disabled: false
+        },
+        {
+          label: '流程状态',
+          value: 'prcState',
+          type: 'SEL_OPTION',
+          disabled: false
+        },
+        {
+          label: '符合性状态',
+          value: 'sarState',
+          type: 'SEL_OPTION',
+          disabled: false
+        },
+        // {
+        //   label: '合规性分级',
+        //   value: 'sarState',
+        //   type: 'SEL_OPTION',
+        //   disabled: false
+        // },
+      ],
+      threeOptions: [],
+      relateDialog: false,
+      relateList: [],
+      relateNowList: [],
+      heightShow: true,
+      dataLoading: false,
+      standardForm: {
+        codeOrName: '', // 标号、标准名称
+        // energyType: '',
+        depart: '',
+        departName: '',
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        accessId: this.$route.params.id,
+        validFlag: 0
+      },
+      page: 1,
+      // pageSize: this.$store.getters.userInfo.configContent,
+      total: 0,
+      stateList: [], // 标准状态列表
+      activeName: 'SKILL', // 当前激活
+      // 导出文件模态框控制，和文件名称
+      saveExportType: '',
+      exportModelFlag: false,
+      exportName: '',
+      standType: 'INLAND',
+      uploadPath: 'api/att/attFile/upload',
+      defaultFileList: [], // 默认显示,
+      standinfoList: [], // 技术要求
+      adminInfoList: [], // 行政要求
+      loading: false,
+      accessSarType: '',
+      selectedList: [],
+      depNode: [], // 部门树
+      sarAccessEO: {},
+      fileInfoList: [],
+      // 改变颜色
+      dialogColor: false,
+      dialogType: '',
+      colorList:[
+        {
+          name: 'green',
+          pic: require(`../../../assets/images/ComplianceClassification/green.png`),
+          title:'符合',
+          isShow: false
+        },
+        {
+          name: 'red',
+          pic: require(`../../../assets/images/ComplianceClassification/red.png`),
+          title:'高风险',
+          isShow: false
+        },
+        {
+          name: 'yellow',
+          pic: require(`../../../assets/images/ComplianceClassification/yellow.png`),
+          title:'不满足或待验证',
+          isShow: false
+        },
+        {
+          name: 'blue',
+          pic: require(`../../../assets/images/ComplianceClassification/blue.png`),
+          title:'待反馈',
+          isShow: false
+        },
+        {
+          name: 'grey',
+          pic: require(`../../../assets/images/ComplianceClassification/white.png`),
+          title:'不涉及',
+          isShow: false
+        }
+      ],
+      color:'',
+      isShow:false
+    }
+  },
+  methods: {
+    // 更新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 (advanceSearch) {
+      // 如为高级检索 advanceSearch 会有数据
+      const formData = advanceSearch || this.standardForm
+      if (advanceSearch) {
+        this.standardForm.json = advanceSearch.json
+      }
+
+      this.$http.get('lawss/sarSarAccessInfo/selectSarAccessInfoByAccessId', formData, {
+        _this: this,
+        loading: 'dataLoading'
+      }, res => {
+        this.standinfoList = res.data.SKILL
+        this.adminInfoList = res.data.ADMIN
+        // this.seeSarAccessInfoList = res.data.list
+        this.$nextTick(() => {
+          this.$refs.skillTable.doLayout()
+          this.$refs.adminTable.doLayout()
+        })
+      }, e => {
+      })
+    },
+    // 重置搜索
+    resetSelect (search = true) {
+      // search 字段是为了处理高级查询时清空字段用的
+
+      this.standardForm.codeOrName = ''
+      this.standardForm.depart = ''
+      this.standardForm.departName = ''
+      this.standardForm.page = 1
+      search && this.selectInfobyAccid()
+    },
+    back () {
+      this.$router.push({
+        name: 'standardForComments'
+      })
+      // this.$router.push(this.$store.state.detailMap)
+      // this.$store.commit('setDetailMap', '')
+    },
+    // 搜索
+    selectProductBtn () {
+      this.page = 1
+      this.standardForm.page = 1
+      this.selectInfobyAccid()
+    },
+    exportStandard () {
+      this.exportName = ''
+      this.exportModelFlag = true
+    },
+    // 导出取消按钮关闭模态、置空
+    cancal () {
+      this.exportModelFlag = false
+    },
+    // 导出确定功能
+    exportTestItem () {
+      var exportNames = this.exportName
+      let exportList = []
+      // 判断导出的全部还是部分数据
+      if (this.selectedList.length > 0) {
+        exportList = this.selectedList
+      } else {
+        // 判断导出的是技术要求清单还是行政要求清单
+        if (this.activeName === 'SKILL') {
+          exportList = this.standinfoList
+        } else {
+          exportList = this.adminInfoList
+        }
+      }
+      if (exportList != null && exportList.length > 0) {
+        let accIdAndrestype = []
+        for (var accessInfo in exportList) {
+          accIdAndrestype.push(exportList[accessInfo].id)
+        }
+        window.location.href = '/api/lawss/sarSarAccessInfo/exportSarSarAccessInfo?idAndSartypeList=' + accIdAndrestype.join(',') + '&exportType=apart' + '&exportName=' + exportNames
+        this.$message.success('导出信息成功')
+      } else {
+        this.$message.warning('当前没有需要导出的数据')
+      }
+      this.exportModelFlag = false
+    },
+    // tab页切换
+    handleClick (tab, event) {
+      this.activeName = tab.name
+      this.page = 1
+      this.standardForm.page = 1
+      this.selectedList = []
+      this.selectInfobyAccid()
+    },
+    // 修改成表格样式后，选择项勾选改变
+    standSelectChange (selected) {
+      this.selectedList = selected
+    },
+    pageChangeLaws (page) {
+      this.standardForm.page = page
+      this.selectInfobyAccid()
+    },
+    pageSizeChangeLaws (pageSize) {
+      this.standardForm.pageSize = pageSize
+      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.relateFile
+      }, {
+        _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 (item) {
+      let routeUrl = this.$router.resolve({
+        name: 'OtherStandardDetails',
+        params: {
+          id: item.resId,
+          pageType: item.sarType
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+    },
+    /**
+     * @Description: 点击在线查看
+     * @author zmf
+     * @date 2021/3/16
+     */
+    openFileInPdf (attId, oldFileName) {
+      // 缺少文件
+      // if (this.$route.params.pageType === 'INLAND_STAND') {
+      if (this.$hasPermission('BFCWGPL9WADF2KSQZVYU')) {
+        this.$http.get('lawss/sarStandFile/queryConvertAtt', {
+          attId: attId
+        }, {
+          _this: this
+        }, res => {
+          if (res.data) {
+            let fileObj = {}
+            fileObj.fileId = res.data.attId
+            fileObj.fileName = oldFileName
+            let fileList = []
+            let repeatData = 0
+            if (sessionStorage.getItem('fileInfo')) {
+              fileList = JSON.parse(sessionStorage.getItem('fileInfo'))
+              if (fileList != null && fileList.length > 0) {
+                for (let i = 0; i < fileList.length; i++) {
+                  if (fileList[i].fileId === res.data.attId) {
+                    repeatData = 1
+                    break
+                  }
+                }
+                if (repeatData === 0) {
+                  fileList.push(fileObj)
+                  fileList = JSON.stringify(fileList)
+                  sessionStorage.setItem('fileInfo', fileList)
+                }
+              }
+            } else {
+              fileList.push(fileObj)
+              fileList = JSON.stringify(fileList)
+              sessionStorage.setItem('fileInfo', fileList)
+            }
+            window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + res.data.attId))
+          } else {
+            this.$message.error('文档未转换成功或本地读取不到该文档')
+          }
+        }, e => {
+          this.$message.error('文档未转换成功或本地读取不到该文档')
+        })
+      } else {
+        this.$message.error('没有在线预览文档权限！')
+      }
+      // }
+      // else {
+      //   // 国外在线预览权限
+      //   if (this.$hasPermission('YfS94QodMK')) {
+      //     this.$http.get('lawss/sarStandFile/queryConvertAtt', {
+      //       attId: attId
+      //     }, {
+      //       _this: this
+      //     }, res => {
+      //       if (res.data) {
+      //         let fileObj = {}
+      //         fileObj.fileId = res.data.attId
+      //         fileObj.fileName = oldFileName
+      //         let fileList = []
+      //         let repeatData = 0
+      //         if (sessionStorage.getItem('fileInfo')) {
+      //           fileList = JSON.parse(sessionStorage.getItem('fileInfo'))
+      //           if (fileList != null && fileList.length > 0) {
+      //             for (let i = 0; i < fileList.length; i++) {
+      //               if (fileList[i].fileId === res.data.attId) {
+      //                 repeatData = 1
+      //                 break
+      //               }
+      //             }
+      //             if (repeatData === 0) {
+      //               fileList.push(fileObj)
+      //               fileList = JSON.stringify(fileList)
+      //               sessionStorage.setItem('fileInfo', fileList)
+      //             }
+      //           }
+      //         } else {
+      //           fileList.push(fileObj)
+      //           fileList = JSON.stringify(fileList)
+      //           sessionStorage.setItem('fileInfo', fileList)
+      //         }
+      //         window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + res.data.attId))
+      //       } else {
+      //         this.$message.error('文档未转换成功或本地读取不到该文档')
+      //       }
+      //     }, e => {
+      //       this.$message.error('文档未转换成功或本地读取不到该文档')
+      //     })
+      //   } else {
+      //     this.$message.error('没有在线预览文档权限！')
+      //   }
+      // }
+    },
+    /**
+     * @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: 'ComplianceDetails',
+        query: {
+          sarId: row.resId,
+          sarType: row.sarState
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+    },
+    typeColor (row, type1, type2) {
+      // if (this.$_has('KJJ6U32LFL4PAK5C6P55')) {
+      //   return
+      // }
+      this.$confirm('确定修改此标准分级?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+        confirmButtonClass: 'common-button-primary',
+        roundButton: true
+      }).then(() => {
+        var color = ''
+        if (type1 === 1) {
+          if (row.color === '#f00') {
+            color = '#ff0'
+          } else {
+            color = '#f00'
+          }
+        } else {
+          color = '#f00'
+        }
+        this.$http.putData('lawss/sarSarAccessInfo/updateStatusInfo',
+            {
+              sarId: row.resId,
+              color: color
+            }, {
+              _this: this
+            }, res => {
+              if (res.ok) {
+                this.selectInfobyAccid()
+                if (type2 === 2) {
+                  if (type1 === 1) {
+                    if (row.color === '#f00') {
+                      row.color = '#ff0'
+                    } else {
+                      row.color = '#f00'
+                    }
+                  } else {
+                    row.color = '#f00'
+                  }
+                }
+                this.$message({
+                  type: 'success',
+                  message: '修改成功!'
+                })
+              } else {
+                this.$message({
+                  type: 'error',
+                  message: '修改失败!'
+                })
+              }
+            })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消修改'
+        });
+      });
+    },
+    /**
+     * 高级检索
+     */
+    selectMoreBtn () {
+      this.isAdvancedSearch = true
+      this.threeOptions = []
+    },
+    /**
+     * 高级检索
+     * 检索项修改时为了匹配对应的下拉菜单的
+     */
+    twoSelectChange (val, obj) {
+      if (val === 'authObj') {
+        this.threeOptions = [
+          {
+            label: '整车',
+            value: '整车'
+          },
+          {
+            label: '零部件',
+            value: '零部件'
+          },
+          {
+            label: '整车+零部件',
+            value: '整车+零部件'
+          },
+          {
+            label: 'TBD',
+            value: 'TBD'
+          }
+        ]
+      } else if (val === 'askNature') {
+        // 监管类型
+        this.threeOptions = this.askNatureOptions
+      } else if (val === 'cllx') {
+        // 适用车辆类型
+        this.threeOptions = this.applyArcticOptions
+      } else if (val === 'gxhbq') {
+        // 标签
+        this.threeOptions = this.GXHBQOptions
+      } else if (val === 'yqlx') {
+        // 要求类型
+        this.threeOptions = this.accessSarTypeOptions
+      } else if (val === 'prcState') {
+        // 流程状态
+        this.threeOptions = [
+          {
+            label: '评估中',
+            value: '1'
+          },
+          {
+            label: '整改中',
+            value: '2'
+          },
+          {
+            label: '已评估',
+            value: '3'
+          },
+          {
+            label: '已整改',
+            value: '4'
+          },
+          {
+            label: '未评估',
+            value: '5'
+          },
+          {
+            label: 'N/A',
+            value: ' '
+          },
+        ]
+      } else if (val === 'sarState') {
+        // 符合性状态
+        this.threeOptions = [
+          /* {
+            label: '部分符合',
+            value: '0'
+          }, */
+          {
+            label: '待验证',
+            value: '1'
+          },
+          {
+            label: '符合',
+            value: '2'
+          },
+          {
+            label: '不符合',
+            value: '3'
+          },
+          {
+            label: '部分符合',
+            value: '4'
+          },
+          {
+            label: '不涉及',
+            value: '5'
+          },
+          {
+            label: '未评估',
+            value: '8'
+          },
+        ]
+      }
+    },
+    // 获取工作组信息下拉框信息
+    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
+        }
+      })
+    },
+    // 高级检索搜索
+    getDomesticStandardTableBtn (advancedSearch) {
+      let formData = {}
+      formData.page = 1
+      formData.advanceSearchStr = ''
+      formData.json = JSON.stringify(advancedSearch) || ''
+      formData.pageSize = this.$store.getters.userInfo.configContent
+      formData.accessId = this.$route.params.id
+      formData.validFlag = 0
+      // 重置页码
+      this.resetSelect(false)
+      this.selectInfobyAccid(formData)
+    },
+    /**
+     * @Description: 选择颜色
+     * @author zmf
+     * @date 2021/3/10
+     */
+    chooseColor(item, num){
+      // if (this.$_has('KJJ6U32LFL4PAK5C6P55')) {
+      //   return
+      // }
+      this.dialogColor = true
+      this.colorRow = item
+      this.dialogType = num
+    },
+    /**
+     * @Description: 给图标添加边框
+     * @author zmf
+     * @date 2021/3/10
+     */
+    addBorder(item,index){
+      this.colorList.forEach((list,i)=>{
+        if(i === index){
+          this.colorList[index].isShow = true
+        }else{
+          this.colorList[i].isShow = false
+        }
+      })
+      this.color = item.name
+    },
+    /**
+     * @Description: 确定改变合规性分级
+     * @author zmf
+     * @date 2021/3/10
+     */
+    changeColor(){
+      // if(num==='2'){
+      this.$http.putData('lawss/sarSarAccessInfo/updateStatusInfo',
+          {
+            id: this.colorRow.id,
+            color: this.color
+          }, {
+            _this: this
+          }, res => {
+            if (res.ok) {
+              this.selectInfobyAccid()
+              this.$message({
+                type: 'success',
+                message: '修改成功!'
+              });
+              this.dialogColor = false
+            } else {
+              this.$message({
+                type: 'error',
+                message: '修改失败!'
+              });
+            }
+          })
+      // }else{
+      //   this.$http.putData('lawss/sarProductSarState/updateProductSarState',
+      //           {
+      //             id: this.colorRow.id,
+      //             color: this.color
+      //           }, {
+      //             _this: this
+      //           }, res => {
+      //             if (res.ok) {
+      //               this.queryItemsBySar()
+      //               // this.querySarProStateFirst()
+      //               this.$message({
+      //                 type: 'success',
+      //                 message: '修改成功!'
+      //               });
+      //               this.dialogColor = false
+      //             } else {
+      //               this.$message({
+      //                 type: 'error',
+      //                 message: '修改失败!'
+      //               });
+      //             }
+      //           })
+      // }
+    },
+    doLayout() {
+      this.$refs.adminTable && this.$refs.adminTable.doLayout()
+      this.$refs.skillTable && this.$refs.skillTable.doLayout()
+    }
+  },
+  mounted () {
+    this.$nextTick(() => {
+      this.selectInfobyAccid()
+      this.getOrgTreeSource()
+      let accessRow = JSON.parse(sessionStorage.getItem('accessRow'))
+      this.sarAccessEO = accessRow
+      this.getFileInfo()
+    })
+
+    // 从数据库中查询各下拉框数据
+    this.$http.get('sys/dictype/getDicTypeListCode', '', {
+      _this: this
+    }, res => {
+      this.allSelectOptions = res.data || {}
+      this.regionOptions = res.data.REGION // 基础信息 区域list
+      this.applyArcticOptions = res.data.ENERGYTYPES || [] // 基础车型 适用车型list
+      this.energyKindOptions = res.data.ENERGYTYPES || [] // 能源种类list
+      this.drawerCountryOptions = res.data.COUNTRY // 国家、地区list
+      this.standNatureOptions = res.data.SARPROPERTY // 新增 标准性质
+      this.accessSarTypeOptions = res.data.REQUESTTYPE // 数据搜索 要求类型
+      this.standSortOptions = res.data.STANDCLASSIFY // 标准类别
+      this.standStateOptions = res.data.STANDSTATE // 标准状态
+      this.ROLELIST = res.data.ROLELIST
+      this.GXHBQOptions = res.data.GXHBQXX
+      this.askNatureOptions = res.data.ACCESSTYPE
+      this.getGzzOption()
+    }, 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: 80px;
+        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;
+        }
+      }
+    }
+  }
+  /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");
+      }
+    }
+  }
+  .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/standardForComments/index.vue b/src/pages/regulatoryRepository/standardForComments/index.vue
index 528f12add..9dec62b78 100644
--- a/src/pages/regulatoryRepository/standardForComments/index.vue
+++ b/src/pages/regulatoryRepository/standardForComments/index.vue
@@ -59,8 +59,11 @@
             <el-table-column
               prop="oldStandNum"
               label="类别"
-              align="center"
-            >
+              align="center">
+              <template slot-scope="scope">
+                <a @click="oldPreview(scope.row)" class="table-jump">{{ scope.row.oldStandNum }}</a>
+              </template>
+
             </el-table-column>
             <el-table-column
               prop="oldStandName"
@@ -176,6 +179,9 @@ export default {
         case '查看':
           this.handlePreview(command[0])
           break
+        case '查看类别':
+          this.oldPreview(command[0])
+          break
         case '收藏':
           this.collectInfo(command[0])
           break
@@ -275,13 +281,23 @@ export default {
     },
     // 点击查看
     handlePreview (item) {
-       let routeUrl = this.$router.resolve({
-         name: 'consultationDetails',
-         params: {
-           id: item.id,
-           pageType: 'INLAND_STAND'
-         }
-       })
+      let routeUrl = this.$router.resolve({
+        name: 'consultationDetails',
+        params: {
+          id: item.id,
+          pageType: 'INLAND_STAND'
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+    },
+    oldPreview (item) {
+      let routeUrl = this.$router.resolve({
+        name: 'categoryDetails',
+        params: {
+          id: item.id,
+          pageType: 'INLAND_STAND'
+        }
+      })
       window.open(routeUrl.href, '_blank')
     },
     // handlePreview (params) {
diff --git a/src/router/index.js b/src/router/index.js
index dc6ae9b1f..87204de87 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2409,6 +2409,18 @@ const routes = [
           menuId: ''
         }
       },
+      {
+        path: '/categoryDetails/:id/:pageType',
+        name: 'categoryDetails',
+        component: () =>
+            import('@/pages/details/categoryDetails/index'),
+        meta: {
+          requireAuth: true,
+          title: '管理征求意见',
+          isBoolean: true,
+          menuId: ''
+        }
+      },
       {
         path: '/standInvolveProjectTwo',
         name: 'standInvolveProjectTwo',