From 3c7e24db182229f8081bd52050f7689e2b6378cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E4=BC=9F=E4=BD=B3?= <2797716443@qq.com>
Date: Tue, 1 Jun 2021 16:50:24 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=81=E6=B1=82=E6=84=8F=E8=A7=81=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../details/consultationDetails/index.vue     |  15 +
 .../details/otherStandardDetails/index.vue    |  18 +-
 src/pages/localTool/standardWarning.vue       | 618 +++++++++++-------
 .../standardForComments/index.vue             |  85 +--
 src/router/index.js                           |  12 +
 5 files changed, 472 insertions(+), 276 deletions(-)
 create mode 100644 src/pages/details/consultationDetails/index.vue

diff --git a/src/pages/details/consultationDetails/index.vue b/src/pages/details/consultationDetails/index.vue
new file mode 100644
index 000000000..21cb8cc72
--- /dev/null
+++ b/src/pages/details/consultationDetails/index.vue
@@ -0,0 +1,15 @@
+<template>
+<div>
+  征求意见详情
+</div>
+</template>
+
+<script>
+export default {
+  name: "consultationDetails"
+};
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/details/otherStandardDetails/index.vue b/src/pages/details/otherStandardDetails/index.vue
index c9a25f55b..504900654 100644
--- a/src/pages/details/otherStandardDetails/index.vue
+++ b/src/pages/details/otherStandardDetails/index.vue
@@ -5,6 +5,9 @@
     <div class="details-header">
       <span>{{sarStandardsInfoEO.standSortShow || ''}} {{sarStandardsInfoEO.standNumber}}-{{sarStandardsInfoEO.standYear}} 《{{sarStandardsInfoEO.standName}}》 标准详情</span>
     </div>
+    <div class="details-fraction">
+      <span>9.5分</span>
+    </div>
     <!--主体内容-->
     <div class="details-content">
       <div class="details-content-modular basic-information">
@@ -2795,6 +2798,7 @@ export default {
           & > p{
             min-height: 55px;
             line-height: 55px;
+            border-bottom: 1px solid #E5E5E5;
           }
         }
       }
@@ -2812,6 +2816,18 @@ export default {
         width: 100%;
       }
     }
+    .details-fraction{
+      float: right;
+      width:270px;
+      height:80px;
+      line-height: 80px;
+      text-align: center;
+      font-size: 30px;
+      font-weight: bold;
+      color: #e88218;
+      margin-top: -80px;
+      background: #E5E5E5;
+    }
     /deep/.details-content{
       /*padding: 0 67px;*/
       .details-content-modular{
@@ -3007,7 +3023,6 @@ export default {
       }
       .basic-information{
         border-top: 2px dashed #D1D1D1;
-        border-bottom: 2px dashed #D1D1D1;
         .modular-header{
           height: 60px;
           border-bottom: none;
@@ -3016,6 +3031,7 @@ export default {
           & > p{
             min-height: 55px;
             line-height: 55px;
+            border-bottom: 1px solid #E5E5E5;
           }
         }
       }
diff --git a/src/pages/localTool/standardWarning.vue b/src/pages/localTool/standardWarning.vue
index d1578fbfd..2ccbf4542 100644
--- a/src/pages/localTool/standardWarning.vue
+++ b/src/pages/localTool/standardWarning.vue
@@ -3,8 +3,8 @@
   <div id="dynamicInformation" class="dynamic-information v-class">
     <div class="dynamic-content">
       <!-- 实施预警 -->
-      <div class="dynamic" style="overflow-y: scroll">
-        <div class="container">
+      <div class="dynamic" style="overflow-y: auto;">
+        <div class="container" :style="containerStyle">
           <el-tabs v-model="activeName" @tab-click="handleClick">
             <el-tab-pane label="标准预警" name="STANDARD">
               <div class="dynamic-content">
@@ -14,10 +14,10 @@
                 <div class="more">
                   <el-form :inline="true" :model="dynamic" class="demo-form-inline">
                     <el-form-item label="适用车型">
-                      <el-input  clearable size="small"
-                                 v-model="dynamic.keyword"
-                                 placeholder="根据适用车型查找"
-                                 @keyup.enter="searchBtnClick"></el-input>
+                      <el-input clearable size="small"
+                                v-model="dynamic.keyword"
+                                placeholder="根据适用车型查找"
+                                @keyup.enter="searchBtnClick"></el-input>
                     </el-form-item>
                   </el-form>
                 </div>
@@ -51,7 +51,7 @@
                     </el-table-column>
                     <el-table-column prop="putTime" label="新车型实施日期" align="center" sortable>
                       <template slot-scope="scope">
-                        {{(scope.row.putTime ? scope.row.putTime.substring(0, 11): '')}}
+                        {{ (scope.row.putTime ? scope.row.putTime.substring(0, 11) : "") }}
                       </template>
                     </el-table-column>
                     <el-table-column prop="standName" label="适用车型" align="center">
@@ -99,7 +99,7 @@
                     </el-table-column>
                     <el-table-column prop="putTime" label="在产车实施日期" align="center" sortable>
                       <template slot-scope="scope">
-                        {{(scope.row.putTime ? scope.row.putTime.substring(0, 11): '')}}
+                        {{ (scope.row.putTime ? scope.row.putTime.substring(0, 11) : "") }}
                       </template>
                     </el-table-column>
                     <el-table-column prop="standName" label="适用车型" align="center">
@@ -148,12 +148,12 @@
                     </el-table-column>
                     <el-table-column prop="putTime" label="实施日期" align="center" sortable>
                       <template slot-scope="scope">
-                        {{(scope.row.putTime ? scope.row.putTime.substring(0, 11): '')}}
+                        {{ (scope.row.putTime ? scope.row.putTime.substring(0, 11) : "") }}
                       </template>
                     </el-table-column>
                     <el-table-column prop="putTime" label="预警日期" align="center" sortable>
                       <template slot-scope="scope">
-                        {{(scope.row.putTime ? scope.row.putTime.substring(0, 11): '')}}
+                        {{ (scope.row.putTime ? scope.row.putTime.substring(0, 11) : "") }}
                       </template>
                     </el-table-column>
                     <el-table-column prop="standName" label="适用车型" align="center">
@@ -202,12 +202,12 @@
                     </el-table-column>
                     <el-table-column prop="putTime" label="实施日期" align="center" sortable>
                       <template slot-scope="scope">
-                        {{(scope.row.putTime ? scope.row.putTime.substring(0, 11): '')}}
+                        {{ (scope.row.putTime ? scope.row.putTime.substring(0, 11) : "") }}
                       </template>
                     </el-table-column>
                     <el-table-column prop="putTime" label="预警日期" align="center" sortable>
                       <template slot-scope="scope">
-                        {{(scope.row.putTime ? scope.row.putTime.substring(0, 11): '')}}
+                        {{ (scope.row.putTime ? scope.row.putTime.substring(0, 11) : "") }}
                       </template>
                     </el-table-column>
                     <el-table-column prop="standName" label="适用车型" align="center">
@@ -233,54 +233,74 @@
               <div class="dynamic-content">
                 <h5>实施预警</h5>
                 <div class="content" style="height: 100%; padding-top: 5px; ">
-                  <el-divider content-position="left" class="dynamic-child-title">新车型实施日期预警</el-divider>
-                  <el-table
-                    :data="newTypeDatas"
-                    :height="height"
-                    border
-                    :resizable="false"
-                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                  >
-                    <el-table-column prop="standNum" label="政策编号" align="center">
-                      <template slot-scope="scope">
-                        <a @click="showStandDetails(scope.row)">{{ scope.row.standNum }}</a>
-                      </template>
-                    </el-table-column>
-                    <el-table-column prop="standName" label="政策名称" align="center">
-                      <template slot-scope="scope">
-                        <a @click="showStandDetails(scope.row)">{{ scope.row.standName }}</a>
-                      </template>
-                    </el-table-column>
-                    <el-table-column prop="putTime" label="新车型实施日期" align="center" sortable>
-                      <template slot-scope="scope">
-                        {{(scope.row.putTime ? scope.row.putTime.substring(0, 11): '')}}
-                      </template>
-                    </el-table-column>
-                  </el-table>
-                  <el-divider content-position="left" class="dynamic-child-title">在产车实施日期预警</el-divider>
-                  <el-table
-                    :data="productionVehicleDatas"
-                    :height="height"
-                    border
-                    :resizable="false"
-                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                  >
-                    <el-table-column prop="standNum" label="政策编号" align="center">
-                      <template slot-scope="scope">
-                        <a @click="showStandDetails(scope.row)">{{ scope.row.standNum }}</a>
-                      </template>
-                    </el-table-column>
-                    <el-table-column prop="standName" label="政策名称" align="center">
-                      <template slot-scope="scope">
-                        <a @click="showStandDetails(scope.row)">{{ scope.row.standName }}</a>
-                      </template>
-                    </el-table-column>
-                    <el-table-column prop="putTime" label="在产车实施日期" align="center" sortable>
-                      <template slot-scope="scope">
-                        {{(scope.row.putTime ? scope.row.putTime.substring(0, 11): '')}}
-                      </template>
-                    </el-table-column>
-                  </el-table>
+                  <div class="content-group">
+                    <el-divider content-position="left" class="dynamic-child-title">新车型实施日期预警</el-divider>
+                    <div class="table-wrap">
+                      <el-table
+                        :data="newTypeDatas"
+                        :height="tableHeight"
+                        border
+                        :resizable="false"
+                        :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+                      >
+                        <el-table-column prop="standNum" label="政策编号" align="center">
+                          <template slot-scope="scope">
+                            <a @click="showStandDetails(scope.row)">{{ scope.row.standNum }}</a>
+                          </template>
+                        </el-table-column>
+                        <el-table-column prop="standName" label="政策名称" align="center">
+                          <template slot-scope="scope">
+                            <a @click="showStandDetails(scope.row)">{{ scope.row.standName }}</a>
+                          </template>
+                        </el-table-column>
+                        <el-table-column prop="putTime" label="新车型实施日期" align="center" sortable>
+                          <template slot-scope="scope">
+                            {{ (scope.row.putTime ? scope.row.putTime.substring(0, 11) : "") }}
+                          </template>
+                        </el-table-column>
+                      </el-table>
+                    </div>
+                    <pagination
+                      style="position: static;"
+                      :page="newModelPageConfig.page"
+                      :total="newModelPageConfig.total"
+                      @pageChange="page => handlePageChange('newModel', page)"
+                      @pageSizeChange="pageSize => handlePageSizeChange('newModel', pageSize)"></pagination>
+                  </div>
+                  <div class="content-group">
+                    <el-divider content-position="left" class="dynamic-child-title">在产车实施日期预警</el-divider>
+                    <div class="table-wrap">
+                      <el-table
+                        :data="productionVehicleDatas"
+                        :height="tableHeight"
+                        border
+                        :resizable="false"
+                        :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+                      >
+                        <el-table-column prop="standNum" label="政策编号" align="center">
+                          <template slot-scope="scope">
+                            <a @click="showStandDetails(scope.row)">{{ scope.row.standNum }}</a>
+                          </template>
+                        </el-table-column>
+                        <el-table-column prop="standName" label="政策名称" align="center">
+                          <template slot-scope="scope">
+                            <a @click="showStandDetails(scope.row)">{{ scope.row.standName }}</a>
+                          </template>
+                        </el-table-column>
+                        <el-table-column prop="putTime" label="在产车实施日期" align="center" sortable>
+                          <template slot-scope="scope">
+                            {{ (scope.row.putTime ? scope.row.putTime.substring(0, 11) : "") }}
+                          </template>
+                        </el-table-column>
+                      </el-table>
+                    </div>
+                    <pagination
+                      style="position: static;"
+                      :page="newModelPageConfig.page"
+                      :total="newModelPageConfig.total"
+                      @pageChange="page => handlePageChange('newModel', page)"
+                      @pageSizeChange="pageSize => handlePageSizeChange('newModel', pageSize)"></pagination>
+                  </div>
                 </div>
               </div>
             </el-tab-pane>
@@ -293,26 +313,27 @@
 </template>
 
 <script>
-import { mapMutations } from 'vuex'
+import { mapMutations } from "vuex";
+
 export default {
-  name: 'standardWarning',
-  data () {
+  name: "standardWarning",
+  data() {
     return {
-      activeName: 'STANDARD',   //tab 默认选中值
+      activeName: "STANDARD",   //tab 默认选中值
       // 头部搜索框
       dynamic: {
-        keyWord: '',
-        openData: '',
-        closeData: ''
+        keyWord: "",
+        openData: "",
+        closeData: ""
       },
       MsgInterInfoEOPage: {
-        msgType: ''
+        msgType: ""
       },
       MsgDynamicInfoEOPage: {
-        msgType: ''
+        msgType: ""
       },
       MsgResourceInfoEOPage: {
-        msgType: ''
+        msgType: ""
       },
       height: null,
       productionVehicleDatas: [],
@@ -340,19 +361,36 @@ export default {
       swiperIndex: -1,
       dynamicFormRules: {
         keyWord: [
-          { type: 'string', max: 100, message: '关键字长度不能超过100个字符', trigger: 'blur' }
+          { type: "string", max: 100, message: "关键字长度不能超过100个字符", trigger: "blur" }
         ]
-      }
-    }
+      },
+      newModelPageConfig: {
+        page: 1,
+        total: 0
+      },
+      tableHeight: 0
+    };
   },
   methods: {
-    //切换tab
+    // 切换tab
     handleClick(tab, event) {
-      console.log(tab, event);
+      switch (tab.name) {
+        case "POLICY":
+          const computedHeight = () => {
+            this.tableHeight = $(".content-group").find(".table-wrap").height();
+          }
+          this.$nextTick(() => {
+            computedHeight()
+            window.addEventListener('resize', computedHeight)
+            this.$once('hook:beforeDestroy', () => {
+              window.removeEventListener('resize', computedHeight)
+            })
+          });
+      }
     },
     //查找适用车型
-    searchBtnClick(){
-      console.log('查找适用车型');
+    searchBtnClick() {
+      console.log("查找适用车型");
     },
     /**
      * @author liruohao
@@ -390,193 +428,193 @@ export default {
     //     window.open(routeUrl.href, '_blank')
     //   }
     // },
-    showStandDetails (item) {
-      let getStandId = item.sarId
-      let getStandType = item.sortName
-      this.$http.get('lawss/sarMenu/judgeSarMenuByRole', {
+    showStandDetails(item) {
+      let getStandId = item.sarId;
+      let getStandType = item.sortName;
+      this.$http.get("lawss/sarMenu/judgeSarMenuByRole", {
         sarId: getStandId,
         sarType: getStandType,
-        isExit: '1'
+        isExit: "1"
       }, {
         _this: this
       }, res => {
         if (res.ok) {
-          let pageTpe = ''
-          let id = ''
-          let routename = ''
-          if (getStandType === 'INLAND_STAND' || getStandType === 'FOREIGN_STAND') {
-            if (this.$hasPermission('SSA6WR4HV8')) {
-              pageTpe = getStandType
-              id = getStandId
-              routename = 'OtherStandardDetails'
+          let pageTpe = "";
+          let id = "";
+          let routename = "";
+          if (getStandType === "INLAND_STAND" || getStandType === "FOREIGN_STAND") {
+            if (this.$hasPermission("SSA6WR4HV8")) {
+              pageTpe = getStandType;
+              id = getStandId;
+              routename = "OtherStandardDetails";
             } else {
-              this.$message.error('无权访问')
+              this.$message.error("无权访问");
             }
-          } else if (getStandType === 'INLAND_LAWS' || getStandType === 'FOREIGN_LAWS') {
-            if (this.$hasPermission('A2HDHMEA6W')) {
-              pageTpe = getStandType
-              id = getStandId
-              routename = 'OtherLawsDetails'
+          } else if (getStandType === "INLAND_LAWS" || getStandType === "FOREIGN_LAWS") {
+            if (this.$hasPermission("A2HDHMEA6W")) {
+              pageTpe = getStandType;
+              id = getStandId;
+              routename = "OtherLawsDetails";
             } else {
-              this.$message.error('无权访问')
+              this.$message.error("无权访问");
             }
-          } else if (getStandType === 'BUSSIONESS_STAND') {
-            if (this.$hasPermission('YJUHC32R7G')) {
-              pageTpe = 'BUSINESS_STAND'
-              id = getStandId
-              routename = 'OtherBussStandardDetails'
+          } else if (getStandType === "BUSSIONESS_STAND") {
+            if (this.$hasPermission("YJUHC32R7G")) {
+              pageTpe = "BUSINESS_STAND";
+              id = getStandId;
+              routename = "OtherBussStandardDetails";
             } else {
-              this.$message.error('无权访问')
+              this.$message.error("无权访问");
             }
           }
-          if (routename !== '') {
+          if (routename !== "") {
             let routeUrl = this.$router.resolve({
               name: routename,
               params: {
                 id: id,
                 pageType: pageTpe
               }
-            })
-            window.open(routeUrl.href, '_blank')
+            });
+            window.open(routeUrl.href, "_blank");
           }
         } else {
-          this.$message.error(res.message)
+          this.$message.error(res.message);
         }
       }, e => {
-      })
+      });
     },
     // 获取国内动态
-    queryMsgByPage () {
-      this.MsgDynamicInfoEOPage.msgType = 'INLAND'
-      this.MsgDynamicInfoEOPage.rowLimit = 10
-      this.$http.get('lawss/msgDynamicInfo/page', this.MsgDynamicInfoEOPage, {
+    queryMsgByPage() {
+      this.MsgDynamicInfoEOPage.msgType = "INLAND";
+      this.MsgDynamicInfoEOPage.rowLimit = 10;
+      this.$http.get("lawss/msgDynamicInfo/page", this.MsgDynamicInfoEOPage, {
         _this: this,
-        loading: 'loading.inlandLoading'
+        loading: "loading.inlandLoading"
       }, res => {
-        this.inlandMsgList = res.data.list
+        this.inlandMsgList = res.data.list;
       }, e => {
-      })
+      });
     },
     // 国内动态更多查看
-    dynamicDomestic () {
-      this.$store.commit('setDetailMap', this.$route.path)
+    dynamicDomestic() {
+      this.$store.commit("setDetailMap", this.$route.path);
       this.$router.push({
-        name: 'DomesticDynamics'
-      })
+        name: "DomesticDynamics"
+      });
     },
     // 国际动态更多查看
-    dynamicInternational () {
+    dynamicInternational() {
       this.$router.push({
-        name: 'InternationalDynamics'
-      })
+        name: "InternationalDynamics"
+      });
     },
 
     // 获取国外动态
-    queryForeignMsgByPage () {
-      this.MsgInterInfoEOPage.msgType = 'FOREIGN'
-      this.MsgInterInfoEOPage.rowLimit = 10
-      this.$http.get('lawss/msgDynamicInfo/page', this.MsgInterInfoEOPage, {
+    queryForeignMsgByPage() {
+      this.MsgInterInfoEOPage.msgType = "FOREIGN";
+      this.MsgInterInfoEOPage.rowLimit = 10;
+      this.$http.get("lawss/msgDynamicInfo/page", this.MsgInterInfoEOPage, {
         _this: this,
-        loading: 'loading.foreignLoading'
+        loading: "loading.foreignLoading"
       }, res => {
-        this.foreignMsgList = res.data.list
+        this.foreignMsgList = res.data.list;
       }, e => {
-      })
+      });
     },
     // 资料中心更多查看
-    informationCenter () {
-      this.$store.commit('setDetailMap', this.$route.path)
+    informationCenter() {
+      this.$store.commit("setDetailMap", this.$route.path);
       this.$router.push({
-        name: 'InformationCenter'
-      })
+        name: "InformationCenter"
+      });
     },
     // 实施预警更多查看
-    dynamicWarning () {
-      this.$store.commit('setDetailMap', this.$route.path)
+    dynamicWarning() {
+      this.$store.commit("setDetailMap", this.$route.path);
       this.$router.push({
-        name: 'ImplementWarning'
-      })
+        name: "ImplementWarning"
+      });
     },
     // 获取资料中心
-    queryResourceMsgByPage () {
-      this.MsgResourceInfoEOPage.msgType = 'RESOURCE'
-      this.MsgResourceInfoEOPage.rowLimit = 10
-      this.$http.get('lawss/msgDynamicInfo/page', this.MsgResourceInfoEOPage, {
+    queryResourceMsgByPage() {
+      this.MsgResourceInfoEOPage.msgType = "RESOURCE";
+      this.MsgResourceInfoEOPage.rowLimit = 10;
+      this.$http.get("lawss/msgDynamicInfo/page", this.MsgResourceInfoEOPage, {
         _this: this,
-        loading: 'loading.resourceLoading'
+        loading: "loading.resourceLoading"
       }, res => {
-        this.resourceMsgList = res.data.list
+        this.resourceMsgList = res.data.list;
       }, e => {
-      })
+      });
     },
-    showMsgDetails (id, pageType) {
-      this.$store.commit('setDetailMap', this.$route.path)
+    showMsgDetails(id, pageType) {
+      this.$store.commit("setDetailMap", this.$route.path);
       this.$router.push({
-        name: 'DomesticDynamicsDetails',
+        name: "DomesticDynamicsDetails",
         params: {
           id: id,
           pageType: pageType
         }
-      })
+      });
     },
-    showDynmicMsgDetails (item) {
-      let isContains = 0
+    showDynmicMsgDetails(item) {
+      let isContains = 0;
       if (this.roleModuleList != null && this.roleModuleList.length > 0) {
         for (let module in this.roleModuleList) {
           if (this.roleModuleList[module].id === item.msgMode) {
-            isContains = 1
-            break
+            isContains = 1;
+            break;
           }
         }
         if (isContains === 1) {
-          this.$store.commit('setDetailMap', this.$route.path)
+          this.$store.commit("setDetailMap", this.$route.path);
           this.$router.push({
-            name: 'DomesticDynamicsDetails',
+            name: "DomesticDynamicsDetails",
             params: {
               id: item.id,
-              pageType: item.msgType + '_MSG'
+              pageType: item.msgType + "_MSG"
             }
-          })
+          });
         } else {
-          this.$message.error('当前角色无权限查看此信息')
+          this.$message.error("当前角色无权限查看此信息");
         }
       } else {
-        this.$message.error('当前角色无权限查看此信息')
+        this.$message.error("当前角色无权限查看此信息");
       }
     },
-    queryProductionVehicleByPage () {
-      this.$http.get('lawss/msgSarPutTime/page', {
-        sarPutType: 'ZCCSSRQ',
+    queryProductionVehicleByPage() {
+      this.$http.get("lawss/msgSarPutTime/page", {
+        sarPutType: "ZCCSSRQ",
         pageSize: 5
       }, {
         _this: this
       }, res => {
-        this.productionVehicleDatas = res.data.list
+        this.productionVehicleDatas = res.data.list;
       }, e => {
-      })
+      });
     },
-    queryNewTypeByPage () {
-      this.$http.get('lawss/msgSarPutTime/page', {
-        sarPutType: 'XCXSSRQ',
+    queryNewTypeByPage() {
+      this.$http.get("lawss/msgSarPutTime/page", {
+        sarPutType: "XCXSSRQ",
         pageSize: 5
       }, {
         _this: this
       }, res => {
-        this.newTypeDatas = res.data.list
+        this.newTypeDatas = res.data.list;
       }, e => {
-      })
+      });
     },
-    queryNewProductionByPage () {
-      this.$http.get('lawss/msgSarPutTime/page', {
-        warnType: 'STAND',
-        sarPutType: 'NEWPRODUCT',
+    queryNewProductionByPage() {
+      this.$http.get("lawss/msgSarPutTime/page", {
+        warnType: "STAND",
+        sarPutType: "NEWPRODUCT",
         pageSize: 5
       }, {
         _this: this
       }, res => {
-        this.newProductionDatas = res.data.list
+        this.newProductionDatas = res.data.list;
       }, e => {
-      })
+      });
     },
     /*
      *@description:新车型条款预警Table
@@ -584,17 +622,17 @@ export default {
      *@author: 刘志超
      *@date: 2020-09-16 10:02:10
     */
-    querynewCarWarningByPage () {
-      this.$http.get('lawss/msgSarPutTime/page', {
-        warnType: 'ITEM',
-        sarPutType: 'NEWCAR',
+    querynewCarWarningByPage() {
+      this.$http.get("lawss/msgSarPutTime/page", {
+        warnType: "ITEM",
+        sarPutType: "NEWCAR",
         pageSize: 5
       }, {
         _this: this
       }, res => {
-        this.newCarWarning = res.data.list
+        this.newCarWarning = res.data.list;
       }, e => {
-      })
+      });
     },
     /*
      *@description:在产车条款预警Table
@@ -602,49 +640,49 @@ export default {
      *@author: 刘志超
      *@date: 2020-09-16 10:02:19
     */
-    queryProducCarWarningByPage () {
-      this.$http.get('lawss/msgSarPutTime/page', {
-        warnType: 'ITEM',
-        sarPutType: 'PRODUCT',
+    queryProducCarWarningByPage() {
+      this.$http.get("lawss/msgSarPutTime/page", {
+        warnType: "ITEM",
+        sarPutType: "PRODUCT",
         pageSize: 5
       }, {
         _this: this
       }, res => {
-        this.producCarWarning = res.data.list
+        this.producCarWarning = res.data.list;
       }, e => {
-      })
+      });
     },
     /**
      * @description: 本地动态搜索
      * @author: chenxiaoxi
      * @date: 2018/10/19 15:15:30
      */
-    queryDynamicInformation (formName) {
+    queryDynamicInformation(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
           this.$router.push({
-            name: 'QueryDynamicInformation',
+            name: "QueryDynamicInformation",
             query: {
               keywords: this.dynamic.keyWord,
-              startTime: this.dynamic.openData !== '' ? this.dateFormat(this.dynamic.openData) : '',
-              endTime: this.dynamic.closeData !== '' ? this.dateFormat(this.dynamic.closeData) : ''
+              startTime: this.dynamic.openData !== "" ? this.dateFormat(this.dynamic.openData) : "",
+              endTime: this.dynamic.closeData !== "" ? this.dateFormat(this.dynamic.closeData) : ""
             }
-          })
+          });
         } else {
-          this.$message.error('请检查表单是否填写正确')
+          this.$message.error("请检查表单是否填写正确");
         }
-      })
+      });
     },
     // 获取轮播图
-    getHorseLantern () {
-      this.$http.get('lawss/msgDynamicInfo/queryNewsPic', {
+    getHorseLantern() {
+      this.$http.get("lawss/msgDynamicInfo/queryNewsPic", {
         rowLimit: 5
       }, {
         _this: this
       }, res => {
-        this.imgInformationList = res.data.list
+        this.imgInformationList = res.data.list;
       }, e => {
-      })
+      });
     },
 
     /**
@@ -652,22 +690,22 @@ export default {
      * @author: chenxiaoxi
      * @date: 2018/10/26 14:08:38
      */
-    imgInformationDetail (information) {
-      this.setDetailMap(this.$route.path)
+    imgInformationDetail(information) {
+      this.setDetailMap(this.$route.path);
       this.$router.push({
-        name: 'DomesticDynamicsDetails',
+        name: "DomesticDynamicsDetails",
         params: {
           id: information.id,
           pageType: information.msgType
         }
-      })
+      });
     },
-    isNew (pubTime) {
-      if (pubTime != null && pubTime !== '' && pubTime !== undefined) {
-        pubTime = pubTime.replace(new RegExp(/-/gm), '/')
-        return new Date().getTime() - new Date(pubTime).getTime() < 7 * 24 * 3600 * 1000
+    isNew(pubTime) {
+      if (pubTime != null && pubTime !== "" && pubTime !== undefined) {
+        pubTime = pubTime.replace(new RegExp(/-/gm), "/");
+        return new Date().getTime() - new Date(pubTime).getTime() < 7 * 24 * 3600 * 1000;
       } else {
-        return ''
+        return "";
       }
     },
     /**
@@ -675,36 +713,54 @@ export default {
      * @author: chenxiaoxi
      * @date: 2018/11/01 10:20:12
      */
-    dateFormat (date) {
-      let year = new Date(date).getFullYear()
-      let month = new Date(date).getMonth() + 1
-      let day = new Date(date).getDate()
-      return year + '-' + (month < 10 ? '0' + month : month) + '-' + (day < 10 ? '0' + day : day)
+    dateFormat(date) {
+      let year = new Date(date).getFullYear();
+      let month = new Date(date).getMonth() + 1;
+      let day = new Date(date).getDate();
+      return year + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day : day);
     },
-    getDate (date) {
-      return date !== undefined && date != null ? date.split(' ')[0] : ''
+    getDate(date) {
+      return date !== undefined && date != null ? date.split(" ")[0] : "";
     },
     /**
      * @description: 轮播点击
      * @author: chenxiaoxi
      * @date: 2018/11/10 13:22:15
      */
-    swiperClick (index) {
+    swiperClick(index) {
       if (index === 6 || index === 0) {
-        this.imgInformationDetail(this.imgInformationList[0])
+        this.imgInformationDetail(this.imgInformationList[0]);
       } else {
-        this.imgInformationDetail(this.imgInformationList[index - 1])
+        this.imgInformationDetail(this.imgInformationList[index - 1]);
       }
     },
     // 查询当前登录人拥有的全部模块权限
-    showRoleModules () {
-      this.$http.get('lawss/msgModule/selectMsgModuleByRole', {}, {_this: this}, res => {
+    showRoleModules() {
+      this.$http.get("lawss/msgModule/selectMsgModuleByRole", {}, { _this: this }, res => {
         if (res.data) {
-          this.roleModuleList = res.data
+          this.roleModuleList = res.data;
         }
-      })
+      });
     },
-    ...mapMutations(['setDetailMap'])
+
+    handlePageChange(field, page) {
+      switch (field) {
+        case "newModel":
+          break;
+        case "":
+          break;
+      }
+    },
+
+    handlePageSizeChange(field, pageSize) {
+      switch (field) {
+        case "newModel":
+          break;
+        case "":
+          break;
+      }
+    },
+    ...mapMutations(["setDetailMap"])
   },
   props: {
     reload: {
@@ -712,51 +768,59 @@ export default {
     }
   },
   computed: {
-    showSwiper () {
-      return this.imgInformationList.length
+    showSwiper() {
+      return this.imgInformationList.length;
+    },
+    containerStyle() {
+      return this.activeName === 'POLICY' ? {
+        height: '100%'
+      } : {}
     }
   },
-  watch: {
-  },
-  mounted () {
-    this.height = $('.content').height() * 0.4
+  watch: {},
+  mounted() {
+    this.height = $(".content").height() * 0.4;
     window.onresize = () => {
-      this.height = $('.content').height() * 0.4
-    }
+      this.height = $(".content").height() * 0.4;
+    };
     // this.queryMsgByPage()
     // this.queryForeignMsgByPage()
     // this.queryResourceMsgByPage()
-    this.queryNewTypeByPage()
-    this.queryProductionVehicleByPage()
+    this.queryNewTypeByPage();
+    this.queryProductionVehicleByPage();
     // this.queryNewProductionByPage()
     // this.querynewCarWarningByPage()
     // this.queryProducCarWarningByPage()
     // this.showRoleModules()
-    this.getHorseLantern()
+    this.getHorseLantern();
     for (let key in this.dynamic) {
-      this.dynamic[key] = ''
+      this.dynamic[key] = "";
     }
   }
-}
+};
 </script>
 
 <style lang="less" scoped>
 @import "~@/assets/styles/style";
 @import "~@/assets/styles/mixins";
+
 #dynamicInformation {
   background: #fff;
   padding-top: 10px;
   width: 100%;
   height: 100%;
+
   .dynamic-header {
     height: 300px;
     background: @homeSectionBgColor;
+
     .dynamic-header-left {
       width: 750px;
       height: 100%;
       border-right: 1px solid #ddd;
       float: left;
       background: #eee;
+
       .wrapper {
         overflow: hidden;
         width: 100%;
@@ -767,21 +831,26 @@ export default {
         cursor: pointer;
         border: 1px solid #eee;
         border-right: none;
+
         .swiper-pagination {
           .swiper-pagination-bullet {
             width: 10px;
             height: 10px;
             outline: none;
+
             &:hover {
               cursor: pointer;
             }
+
             &.swiper-pagination-bullet-active {
               background: #fff;
             }
           }
         }
+
         .swiper-container {
           height: 100%;
+
           .swiper-img {
             width: 100%;
             height: 100%;
@@ -789,6 +858,7 @@ export default {
         }
       }
     }
+
     .dynamic-header-right {
       padding: 10px;
       float: left;
@@ -797,14 +867,17 @@ export default {
       align-items: center;
       width: calc(~"100% - 750px");
       height: 100%;
+
       .dynamic-search {
         width: 300px;
+
         .dynamic-search-line {
           width: 100%;
           height: 4px;
           background: @boxBgColor;
           margin-bottom: 5px;
         }
+
         .dynamic-search-center {
           .search-btn {
             padding: 0;
@@ -813,6 +886,7 @@ export default {
             font-size: 12px;
           }
         }
+
         h5 {
           font-size: 18px;
           line-height: 30px;
@@ -822,6 +896,7 @@ export default {
           user-select: none;
           font-weight: 600;
         }
+
         .dynamic-label-input-form {
           .el-form-item {
             margin-bottom: 5px;
@@ -829,28 +904,34 @@ export default {
         }
       }
     }
+
     @media screen and (min-width: 1920px) {
       .dynamic-header-left {
         width: 1200px;
       }
+
       .dynamic-header-right {
         width: calc(~"100% - 1200px");
       }
     }
   }
-  .container{
-   /deep/.el-tabs__header{
-     height:50px;
-   }
+
+  .container {
+    /deep/ .el-tabs__header {
+      height: 50px;
+    }
   }
+
   .dynamic-content {
     height: 100%;
     overflow-y: hidden;
     width: 100%;
     position: relative;
+
     .dynamic {
       width: 100%;
       height: 100%;
+
       .dynamic-content {
         h5 {
           margin-left: 20px;
@@ -862,12 +943,14 @@ export default {
           user-select: none;
           font-weight: 600;
         }
+
         .dynamic-line {
           width: 100%;
           height: 4px;
           background: @boxBgColor;
           margin-bottom: 5px;
         }
+
         .more {
           cursor: pointer;
           color: #12508e;
@@ -882,63 +965,77 @@ export default {
           //   transition: all 0.2s linear;
           // }
         }
+
         .dynamic-loop-container {
           position: relative;
           min-height: 160px;
+
           .dynamic-loop {
             cursor: pointer;
             width: 100%;
             padding: 5px 18px;
+
             &:hover {
               .domestic-loop-header {
                 color: @baseColor;
               }
+
               .loop-content-left {
                 text-decoration: underline;
                 color: @baseColor;
               }
             }
+
             .domestic-loop-header {
               font-size: 15px;
               height: 20px;
               line-height: 20px;
               .flex();
               align-items: center;
+
               .domestic-title {
                 max-width: 80%;
                 .ellipsis();
               }
             }
+
             .newInformation {
               color: #e4393c;
             }
+
             .time {
               position: absolute;
               right: 0.1rem;
               //top: 0;
             }
+
             .newI {
               font-style: italic;
               color: #e4393c;
               font-weight: bold;
               margin-right: 5px;
             }
+
             .domestic-loop-content {
               width: 100%;
               height: 20px;
               line-height: 20px;
               .flex();
+
               .loop-content-left {
                 padding-left: 30px;
                 flex: 1;
                 overflow: hidden;
+
                 .left-content {
                   width: 100%;
+
                   p {
                     .ellipsis();
                   }
                 }
               }
+
               .loop-content-right {
                 width: 150px;
                 .flex();
@@ -947,12 +1044,57 @@ export default {
             }
           }
         }
+
         .content {
           padding-bottom: 10px;
           height: calc(~'100% - 40px');
         }
       }
+
+      ::v-deep {
+        .el-tabs {
+          height: 100%;
+          display: flex;
+          flex-direction: column;
+
+          .el-tabs__content {
+            flex: 1;
+            overflow: hidden;
+
+            .el-tab-pane {
+              &:last-child {
+                height: 100%;
+
+                .dynamic-content {
+                  display: flex;
+                  flex-direction: column;
+
+                  .content {
+                    flex: 1;
+                    overflow: hidden;
+                    display: flex;
+                    flex-direction: column;
+
+                    .content-group {
+                      flex: 1;
+                      overflow: hidden;
+                      display: flex;
+                      flex-direction: column;
+
+                      .table-wrap {
+                        flex: 1;
+                        overflow: hidden;
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
     }
+
     .dynamic-child-title {
       color: #515a6e;
       margin: 24px 0;
diff --git a/src/pages/regulatoryRepository/standardForComments/index.vue b/src/pages/regulatoryRepository/standardForComments/index.vue
index 1798efea6..528f12add 100644
--- a/src/pages/regulatoryRepository/standardForComments/index.vue
+++ b/src/pages/regulatoryRepository/standardForComments/index.vue
@@ -1,5 +1,5 @@
 <comment>
-# 标准对比
+# 标准征求意见
 </comment>
 <template>
   <div class="standardForComments">
@@ -15,11 +15,11 @@
               <el-input v-model="newNumOrName" class="s-c-input" placeholder="请输入关键字" clearable :maxlength="100" @keyup.enter.native="sarStandCompareHis()"></el-input>
             </el-formItem>
             <el-formItem label="开始日期" class="search-item">
-              <el-datePicker v-model="newNumOrName" :editable="false"
+              <el-datePicker v-model="newNumOrName1" :editable="false"
                              placeholder="请选择开始日期"></el-datePicker>
             </el-formItem>
             <el-formItem label="结束日期" class="search-item">
-              <el-datePicker v-model="newNumOrName" :editable="false"
+              <el-datePicker v-model="newNumOrName2" :editable="false"
                              placeholder="请选择结束日期"></el-datePicker>
             </el-formItem>
             <el-formItem class="search-item btn-box">
@@ -67,8 +67,7 @@
               label="标准名称/政策名称"
               align="center">
               <template slot-scope="scope">
-                <a v-if="scope.row.standYear" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
-                <a v-else @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}</a>
+                <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.oldStandName }}</a>
               </template>
             </el-table-column>
             <el-table-column
@@ -125,6 +124,8 @@ export default {
       standCommonlySearch: {},
       oldNumOrName: '',
       newNumOrName: '',
+      newNumOrName1: '',
+      newNumOrName2: '',
       standInfoList: [],
       tableHeight: null,
       total: 0,
@@ -272,39 +273,49 @@ export default {
       this.drawerModal = false
       this.$refs.drawerModalTree.treeReload()
     },
-    // 查看
-    handlePreview (params) {
-      if (params.compareType === '条款比对') {
-        this.$store.commit('setDetailMap', this.$route.path)
-        this.$router.push({
-          name: 'SeeDatalis',
-          query: {
-            row: JSON.stringify(params)
-          }
-        })
-      } else {
-        let rowDataLeft = {}
-        let rowDataRight = {}
-        rowDataLeft.showNumber = params.oldStandNum
-        rowDataLeft.standName = params.oldStandName
-        rowDataLeft.standNameSplit = null
-        rowDataLeft.standNumSplit = null
-        rowDataRight.showNumber = params.newStandNum
-        rowDataRight.standName = params.newStandName
-        rowDataRight.standNameSplit = null
-        rowDataRight.standNumSplit = null
-        this.$store.commit('setDetailMap', this.$route.path)
-        this.$router.push({
-          name: 'TextComparison',
-          query: {
-            id: params.id,
-            flag: '查看',
-            rowDataLeft: JSON.stringify(rowDataLeft),
-            rowDataRight: JSON.stringify(rowDataRight)
-          }
-        })
-      }
+    // 点击查看
+    handlePreview (item) {
+       let routeUrl = this.$router.resolve({
+         name: 'consultationDetails',
+         params: {
+           id: item.id,
+           pageType: 'INLAND_STAND'
+         }
+       })
+      window.open(routeUrl.href, '_blank')
     },
+    // handlePreview (params) {
+    //   if (params.compareType === '条款比对') {
+    //     this.$store.commit('setDetailMap', this.$route.path)
+    //     this.$router.push({
+    //       name: 'SeeDatalis',
+    //       query: {
+    //         row: JSON.stringify(params)
+    //       }
+    //     })
+    //   } else {
+    //     let rowDataLeft = {}
+    //     let rowDataRight = {}
+    //     rowDataLeft.showNumber = params.oldStandNum
+    //     rowDataLeft.standName = params.oldStandName
+    //     rowDataLeft.standNameSplit = null
+    //     rowDataLeft.standNumSplit = null
+    //     rowDataRight.showNumber = params.newStandNum
+    //     rowDataRight.standName = params.newStandName
+    //     rowDataRight.standNameSplit = null
+    //     rowDataRight.standNumSplit = null
+    //     this.$store.commit('setDetailMap', this.$route.path)
+    //     this.$router.push({
+    //       name: 'TextComparison',
+    //       query: {
+    //         id: params.id,
+    //         flag: '查看',
+    //         rowDataLeft: JSON.stringify(rowDataLeft),
+    //         rowDataRight: JSON.stringify(rowDataRight)
+    //       }
+    //     })
+    //   }
+    // },
     // 删除
     delFileEditInfo (id) {
       this.$confirm('是否删除?', '提示', {
diff --git a/src/router/index.js b/src/router/index.js
index 559657387..dc6ae9b1f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2397,6 +2397,18 @@ const routes = [
           menuId: 'SSA6WR4HV8'
         }
       },
+      {
+        path: '/consultationDetails/:id/:pageType',
+        name: 'consultationDetails',
+        component: () =>
+          import('@/pages/details/consultationDetails/index'),
+        meta: {
+          requireAuth: true,
+          title: '征求意见详情',
+          isBoolean: true,
+          menuId: ''
+        }
+      },
       {
         path: '/standInvolveProjectTwo',
         name: 'standInvolveProjectTwo',