From 6c49ebe0583ef4f8f8eec4c80290087ded66bbaa Mon Sep 17 00:00:00 2001
From: youyuzihan <youyuzihan@gmail.com>
Date: Wed, 2 Jun 2021 15:11:42 +0800
Subject: [PATCH] =?UTF-8?q?update=EF=BC=9A=E4=BF=AE=E6=AD=A3=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=EF=BC=8C=E7=AD=89=E5=BE=85=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/details/categoryDetails/index.vue | 983 ++++++--------------
 1 file changed, 287 insertions(+), 696 deletions(-)

diff --git a/src/pages/details/categoryDetails/index.vue b/src/pages/details/categoryDetails/index.vue
index c1f272a7b..a55190297 100644
--- a/src/pages/details/categoryDetails/index.vue
+++ b/src/pages/details/categoryDetails/index.vue
@@ -11,49 +11,55 @@
     </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>
+          <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>
+          <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>
+        <p class="transition-box-p">
+          <label class="transition-box-label">上传时间：</label>
+          <span class="transition-box-span">{{ sarAccessEO.remark || '-' }}</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'"-->
+<!--              />-->
+<!--              &lt;!&ndash;              v-btn-permission="'E5QPKLR9CFVXTV64N32C'"&ndash;&gt;-->
+<!--              <i-->
+<!--                  title="下载带水印"-->
+<!--                  @click="downloadFileByWater(item.id,item.name)"-->
+<!--                  class="icon-download2"-->
+<!--                  v-btn-permission="'43MBNPD59L2VYEQH4DSL'"-->
+<!--              />-->
+<!--            </p>-->
+<!--            &lt;!&ndash;              v-btn-permission="'43MBNPD59L2VYEQH4DSL'"&ndash;&gt;-->
+<!--            &lt;!&ndash;            <span&ndash;&gt;-->
+<!--            &lt;!&ndash;              class="transition-box-span"&ndash;&gt;-->
+<!--            &lt;!&ndash;              v-for="item in fileInfoList"&ndash;&gt;-->
+<!--            &lt;!&ndash;              :key="item.id"&ndash;&gt;-->
+<!--            &lt;!&ndash;              @click="fileDownLoad(item.id)"&ndash;&gt;-->
+<!--            &lt;!&ndash;            >{{ item.name }}</span>&ndash;&gt;-->
+<!--          </div>-->
+<!--          <span class="transition-box-span" v-else>-</span>-->
+<!--        </div>-->
       </div>
     </transition>
     <div class="search-area">
@@ -87,18 +93,18 @@
 <!--            </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-button class="common-button-primary" type="primary" icon="el-icon-search" size="small" @click="selectProductBtn"></el-button>-->
 <!--          </el-form-item>-->
 <!--          <el-form-item label="" class="search-item btn-box">-->
-<!--            <el-button class="common-button-default" icon="el-icon-refresh-left" @click="resetSelect" round></el-button>-->
+<!--            <el-button class="common-button-default" icon="el-icon-refresh-left" @click="resetSelect" size="small"></el-button>-->
 <!--          </el-form-item>-->
 
           <el-button class="common-button-default export-button"
-                     round @click="exportStandard()"
+                     size="small" @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>-->
+<!--          <el-button type="primary" class="common-button-primary" size="mini" @click="selectMoreBtn"><i class="iconfont">&#xe7a5;</i>高级查询</el-button>-->
           <AdvancedQuery
               :isAdvancedSearch.sync="isAdvancedSearch"
               :twoOptions="twoOptions"
@@ -113,557 +119,242 @@
     </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',
+        <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">
+            @selection-change="standSelectChange"
+            ref="skillTable"
+        >
+          <el-table-column
+              type="selection"
+              width="55"
+              show-overflow-tooltip
+              align="center">
+          </el-table-column>
 
-                        </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">
+          <el-table-column
+              prop="chapterNumber"
+              label="章节编号"
+              show-overflow-tooltip
+              fixed="left">
+          </el-table-column>
 
-                      </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>
 
+<!--          <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="modifyOpinion"
+              show-overflow-tooltip
+              label="修改意见内容">
+          </el-table-column>
+
+          <el-table-column
+              prop="proposeDepartment"
+              label="提出部门(项目)"
+          >
+          </el-table-column>
+
+          <el-table-column
+              prop="proposeHuman"
+              label="提出人"
+
+          >
+          </el-table-column>
+<!--          <el-table-column-->
+<!--              prop="eopPutTime"-->
+<!--              width="190px"-->
+<!--              label="EOP实施日期(项目)"-->
+<!--              sortable-->
+<!--          >-->
+<!--          </el-table-column>-->
+
+<!--          <el-table-column-->
+<!--              prop="authDelive"-->
+<!--              width="120px"-->
+<!--              label="认证交付物">-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--              prop="authObjId"-->
+<!--              width="100px"-->
+<!--              label="认证对象">-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--              prop="askNatureName"-->
+<!--              width="100px"-->
+<!--              label="监管类型">-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--              prop="applyArcticId"-->
+<!--              width="120px"-->
+<!--              show-overflow-tooltip-->
+<!--              label="适用车辆类型">-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--              prop="ZRBMName"-->
+<!--              width="150px"-->
+<!--              show-overflow-tooltip-->
+<!--              label="责任部门">-->
+<!--            <template slot-scope="scope">-->
+<!--              {{ scope.row.ZRBMName || scope.row.zrbmname || '' }}-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--              prop="XGBMName"-->
+<!--              width="100px"-->
+<!--              show-overflow-tooltip-->
+<!--              label="相关部门">-->
+<!--            <template slot-scope="scope">-->
+<!--              {{ scope.row.XGBMName || scope.row.xgbmname || '' }}-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--              prop="FOName"-->
+<!--              width="150px"-->
+<!--              show-overflow-tooltip-->
+<!--              label="FO">-->
+<!--            <template slot-scope="scope">-->
+<!--              {{ scope.row.FOName || scope.row.foname || '' }}-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--              prop="proEssessUser"-->
+<!--              width="120px"-->
+<!--              show-overflow-tooltip-->
+<!--              label="项目评估角色">-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--              prop="synopsis"-->
+<!--              width="200px"-->
+<!--              show-overflow-tooltip-->
+<!--              label="文本说明">-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--              width="120px"-->
+<!--              show-overflow-tooltip-->
+<!--              label="标签">-->
+<!--            <template slot-scope="scope">-->
+<!--              {{ scope.row.GXHBQName || scope.row.gxhbqName || '' }}-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--              prop="askTypeName"-->
+<!--              width="120px"-->
+<!--              show-overflow-tooltip-->
+<!--              label="要求类型">-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--              prop="prcState"-->
+<!--              label="流程状态">-->
+<!--            <template slot-scope="scope">-->
+<!--              <span v-if="scope.row.sarType === 'TEMP'"></span>-->
+<!--              <div v-else-if="scope.row.prcState === '1'">评估中</div>-->
+<!--              <div v-else-if="scope.row.prcState === '2'">已评估</div>-->
+<!--              &lt;!&ndash;                <div v-else-if="scope.row.prcState === '3'">已评估</div>&ndash;&gt;-->
+<!--              &lt;!&ndash;                <div v-else-if="scope.row.prcState === '4'">已整改</div>&ndash;&gt;-->
+<!--              &lt;!&ndash;                <div v-else-if="scope.row.prcState === '5'">未评估</div>&ndash;&gt;-->
+<!--              <div v-else>N/A</div>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--              prop="sarState"-->
+<!--              width="100"-->
+<!--              label="符合性状态">-->
+<!--            <template slot-scope="scope">-->
+<!--              <span v-if="scope.row.sarType === 'TEMP'"></span>-->
+<!--              <a v-else-if="scope.row.sarState === '1'" class="table-jump" @click="changeState(scope.row)">待验证</a>-->
+<!--              <a v-else-if="scope.row.sarState === '2'" class="table-jump" @click="changeState(scope.row)">符合</a>-->
+<!--              <a v-else-if="scope.row.sarState === '3'" class="table-jump" @click="changeState(scope.row)">不符合</a>-->
+<!--              <a v-else-if="scope.row.sarState === '4'" class="table-jump" @click="changeState(scope.row)">部分符合</a>-->
+<!--              <a v-else-if="scope.row.sarState === '5'" class="table-jump" @click="changeState(scope.row)">不涉及</a>-->
+<!--              <a v-else-if="scope.row.sarState === '6'" class="table-jump" @click="changeState(scope.row)">评估中</a>-->
+<!--              <a v-else-if="scope.row.sarState === '7'" class="table-jump">整改中</a>-->
+<!--              <a v-else-if="scope.row.sarState === '8'" class="table-jump">未评估</a>-->
+<!--              &lt;!&ndash;                <a v-else-if="scope.row.sarState === '0'" class="table-jump">部分符合</a>&ndash;&gt;-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--              prop="sarState"-->
+<!--              align="center"-->
+<!--              width="100"-->
+<!--              label="合规性分级">-->
+<!--            <template slot-scope="scope">-->
+<!--              &lt;!&ndash;                <span v-if="scope.row.sarType === 'TEMP'"></span>&ndash;&gt;-->
+<!--              &lt;!&ndash;                <div v-else-if="scope.row.sarState === 8" >&ndash;&gt;-->
+<!--              &lt;!&ndash;                  <img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">&ndash;&gt;-->
+<!--              &lt;!&ndash;                </div>&ndash;&gt;-->
+<!--              &lt;!&ndash;                <div v-else-if="scope.row.sarState === 2" >&ndash;&gt;-->
+<!--              &lt;!&ndash;                  <img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">&ndash;&gt;-->
+<!--              &lt;!&ndash;                </div>&ndash;&gt;-->
+<!--              &lt;!&ndash;                <div v-else-if="scope.row.sarState === 5">&ndash;&gt;-->
+<!--              &lt;!&ndash;                  <img class="iconClass" src="../../../assets/images/ComplianceClassification/white.png">&ndash;&gt;-->
+<!--              &lt;!&ndash;                </div>&ndash;&gt;-->
+<!--              &lt;!&ndash;                <div v-else-if="scope.row.color === '#f00' && scope.row.sarState === '3'">&ndash;&gt;-->
+<!--              &lt;!&ndash;                  <img class="iconClass" @click="typeColor(scope.row, 1, 1)" src="../../../assets/images/ComplianceClassification/red.png" >&ndash;&gt;-->
+<!--              &lt;!&ndash;                </div>&ndash;&gt;-->
+<!--              &lt;!&ndash;                <div v-else-if="scope.row.color !== '' && scope.row.sarState === '3'">&ndash;&gt;-->
+<!--              &lt;!&ndash;                  <img class="iconClass" @click="typeColor(scope.row, 2, 1)" src="../../../assets/images/ComplianceClassification/yellow.png" >&ndash;&gt;-->
+<!--              &lt;!&ndash;                </div>&ndash;&gt;-->
+<!--              <div @click="chooseColor(scope.row, '2')">-->
+<!--                <div v-if="!scope.row.color">-->
+<!--                  <span v-if="scope.row.sarType === 'TEMP'"></span>-->
+<!--                  <div v-else-if="scope.row.sarState === '8'|| ((scope.row.sarState === ''&& (scope.row.prcState !== ''&&scope.row.prcState !== null))||(scope.row.sarState === 'null'&& (scope.row.prcState !== ''&&scope.row.prcState !== null)))">-->
+<!--                    &lt;!&ndash;                          <img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">&ndash;&gt;-->
+<!--                    &lt;!&ndash;暂不显示&ndash;&gt;-->
+<!--                  </div>-->
+<!--                  <div v-else-if="scope.row.sarState === '2'" >-->
+<!--                    <img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">-->
+
+<!--                  </div>-->
+<!--                  <div v-else-if="scope.row.sarState === '5'">-->
+<!--                    <img class="iconClass" src="../../../assets/images/ComplianceClassification/grey.png">-->
+<!--                  </div>-->
+<!--                  <div v-else-if="scope.row.prcState === ''||scope.row.prcState === null">-->
+<!--                    &lt;!&ndash;                          <img class="iconClass"  src="../../../assets/images/ComplianceClassification/white.png" >&ndash;&gt;-->
+<!--                  </div>-->
+<!--                  &lt;!&ndash;                        <div v-else-if="scope.row.color === '#f00'">&ndash;&gt;-->
+<!--                  &lt;!&ndash;                          <img class="iconClass" @click="typeColor(scope.row, 1, 1)" src="../../../assets/images/ComplianceClassification/red.png" >&ndash;&gt;-->
+<!--                  &lt;!&ndash;                        </div>&ndash;&gt;-->
+<!--                  <div v-else-if="scope.row.sarState === '3'">-->
+<!--                    <img class="iconClass" src="../../../assets/images/ComplianceClassification/yellow.png" >-->
+<!--                  </div>-->
+<!--                </div>-->
+<!--                <div v-else>-->
+<!--                  <div v-if="scope.row.color === 'green'" >-->
+<!--                    <img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">-->
+<!--                    &lt;!&ndash;暂不显示&ndash;&gt;-->
+<!--                  </div>-->
+<!--                  <div v-if="scope.row.color === 'red'" >-->
+<!--                    <img class="iconClass" src="../../../assets/images/ComplianceClassification/red.png">-->
+<!--                    &lt;!&ndash;暂不显示&ndash;&gt;-->
+<!--                  </div>-->
+<!--                  <div v-if="scope.row.color === 'blue'" >-->
+<!--                    <img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">-->
+<!--                    &lt;!&ndash;暂不显示&ndash;&gt;-->
+<!--                  </div>-->
+<!--                  <div v-if="scope.row.color === 'grey'" >-->
+<!--                    <img class="iconClass" src="../../../assets/images/ComplianceClassification/grey.png">-->
+<!--                    &lt;!&ndash;暂不显示&ndash;&gt;-->
+<!--                  </div>-->
+<!--                  <div v-if="scope.row.color === 'yellow'" >-->
+<!--                    <img class="iconClass" src="../../../assets/images/ComplianceClassification/yellow.png">-->
+<!--                    &lt;!&ndash;暂不显示&ndash;&gt;-->
+<!--                  </div>-->
+<!--                </div>-->
+<!--              </div>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+        </el-table>
       </div>
     </div>
     <!--导出文件改名字模态框-->
@@ -731,129 +422,29 @@ export default {
       isAdvancedSearch: false,
       twoOptions: [
         {
-          label: '标准号',
-          value: 'code',
+          label: '章节编号',
+          value: 'chapterCode',
           type: 'INPUT',
           disabled: false
         },
         {
-          label: '中文名称',
-          value: 'resName',
+          label: '修改意见内容',
+          value: 'opinionInfo',
           type: 'INPUT',
           disabled: false
         },
         {
-          label: '英文名称',
-          value: 'resEnName',
+          label: '提出部门',
+          value: 'upDepartment',
           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',
+          label: '提出人',
+          value: 'upHuman',
           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',