[update 首页] 最新解读标准

src/views/dashboard/modules/SearchAndWarningCard.vue

@@ -40,32 +40,47 @@
             <div v-else class="table-text">{{ global.emptyLine }}</div>
           </a-tooltip>
         </template>
+        <!--  解读信息  -->
+        <template v-slot:interpretingInformation="text, record">
+          <a v-if="record.splitInfoId" class="link-a" @click="previewStandardResolutionSheet(record.splitInfoId)">{{ $t('view') }}</a>
+          <div v-else class="table-text">{{ global.emptyLine }}</div>
+        </template>
       </a-table>
     </div>
+    <!--    标准分解单-->
+    <standard-resolution-sheet-modal ref="standardResolutionSheetModal" />
   </div>
 </template>
 
 <script>
-import { getAction } from '@api/manage'
 import { StandardSource } from '@/enums/commonEnums'
 import { getMarketRegulationsList } from '../../../api/api'
+import { getHomeNewStandard } from '@api/dashboard'
+import StandardResolutionSheetModal
+  from '@views/standardRegulationLibrary/foreignStandard/detail/modules/StandardResolutionSheetModal'
 
 export default {
   name: 'SearchAndWarningCard',
+  components: { StandardResolutionSheetModal },
   data () {
     return {
       tabList: [
-        { key: 'lastStorageStandards', name: '最新入库标准' },
-        { key: 'marketUpdates', name: '市场更新情况' },
-        { key: 'lastStorageEnterpriseStandard', name: '最新入库企标' },
-        { key: 'latestInterpretationStandards', name: '最新解读标准' },
-        { key: 'implementStandards', name: '将实施标准' }
+        // 最新入库标准
+        { key: 'lastStorageStandards', name: this.$t('dashboard.tableList.newWarehousingStandards') },
+        // 市场更新情况
+        { key: 'marketUpdates', name: this.$t('dashboard.tableList.marketUpdates') },
+        // 最新入库企标
+        { key: 'lastStorageEnterpriseStandard', name: this.$t('dashboard.tableList.newWarehousingEnterpriseStandards') },
+        // 最新解读标准
+        { key: 'latestInterpretationStandards', name: this.$t('dashboard.tableList.newInterpretationStandards') },
+        // 将实施标准
+        { key: 'implementStandards', name: this.$t('dashboard.tableList.implementStandards') }
       ],
       warningTab: '', // 预警当前tab
       loading: false,
       columns: [
-        {
-          title: '来源',
+        { // 来源
+          title: this.$t('dashboard.tableList.source'),
           align: 'left',
           dataIndex: 'source_dictText',
           width: 60,
@@ -77,8 +92,8 @@ export default {
             ].includes(this.warningTab)
           }
         },
-        {
-          title: '标准编号',
+        { // 标准编号
+          title: this.$t('standardNumber'),
           align: 'left',
           dataIndex: 'standardNumber',
           width: 120,
@@ -92,8 +107,8 @@ export default {
             ].includes(this.warningTab)
           }
         },
-        {
-          title: '标准名称',
+        { // 标准名称
+          title: this.$t('standardName'),
           align: 'left',
           dataIndex: 'standardName',
           width: 180,
@@ -107,20 +122,20 @@ export default {
             ].includes(this.warningTab)
           }
         },
-        {
-          title: '解读信息',
+        { // 解读信息
+          title: this.$t('dashboard.tableList.interpretationInfo'),
           align: 'left',
           dataIndex: 'interpretingInformation',
           width: 180,
-          scopedSlots: { customRender: 'text' },
+          scopedSlots: { customRender: 'interpretingInformation' },
           show: () => {
             return [
               this.tabList[3].key
             ].includes(this.warningTab)
           }
         },
-        {
-          title: '新生产车实施日期',
+        { // 新生产车实施日期
+          title: this.$t('dashboard.advancedSearch.newProduceMaterialDate'),
           align: 'left',
           dataIndex: 'newProduceModelImplementationDate',
           width: 140,
@@ -131,8 +146,8 @@ export default {
             ].includes(this.warningTab)
           }
         },
-        {
-          title: '新认证车实施日期',
+        { // 新认证车实施日期
+          title: this.$t('dashboard.advancedSearch.newAttestationMaterialDate'),
           align: 'left',
           dataIndex: 'newAuthenticationModelImplementationDate',
           width: 140,
@@ -144,8 +159,8 @@ export default {
             ].includes(this.warningTab)
           }
         },
-        {
-          title: '发布日期',
+        { // 发布日期
+          title: this.$t('dashboard.advancedSearch.releaseDate'),
           align: 'left',
           dataIndex: 'releaseDate',
           width: 100,
@@ -156,8 +171,8 @@ export default {
             ].includes(this.warningTab)
           }
         },
-        {
-          title: '实施日期',
+        { // 实施日期
+          title: this.$t('dashboard.advancedSearch.materialDate'),
           align: 'left',
           dataIndex: 'implementationDate',
           width: 100,
@@ -168,8 +183,8 @@ export default {
             ].includes(this.warningTab)
           }
         },
-        {
-          title: '标准状态',
+        { // 标准状态
+          title: this.$t('standardState'),
           align: 'left',
           dataIndex: 'status_dictText',
           width: 100,
@@ -182,8 +197,8 @@ export default {
             ].includes(this.warningTab)
           }
         },
-        {
-          title: '代替标准编号',
+        { // 代替标准编号
+          title: this.$t('dashboard.tableList.substituteStandardNumber'),
           align: 'left',
           dataIndex: 'standardNumber2',
           width: 100,
@@ -195,8 +210,8 @@ export default {
           }
         },
         // 市场更新情况start
-        {
-          title: '国家/地区',
+        { // 国家/地区
+          title: this.$t('standardRegulationLibrary.marketRegulationsList.countryRegion'),
           align: 'left',
           dataIndex: 'country_dictText',
           width: 100,
@@ -207,8 +222,8 @@ export default {
             ].includes(this.warningTab)
           }
         },
-        {
-          title: '清单编号',
+        { // 清单编号
+          title: this.$t('standardRegulationLibrary.marketRegulationsList.listNumber'),
           align: 'left',
           dataIndex: 'manifestNo',
           width: 100,
@@ -219,8 +234,8 @@ export default {
             ].includes(this.warningTab)
           }
         },
-        {
-          title: '清单名称',
+        { // 清单名称
+          title: this.$t('standardRegulationLibrary.marketRegulationsList.listName'),
           align: 'left',
           dataIndex: 'manifestName',
           width: 100,
@@ -231,8 +246,8 @@ export default {
             ].includes(this.warningTab)
           }
         },
-        {
-          title: '清单版本',
+        { // 清单版本
+          title: this.$t('standardRegulationLibrary.marketRegulationsList.listVersion'),
           align: 'left',
           dataIndex: 'manifestVersion',
           width: 100,
@@ -243,8 +258,8 @@ export default {
             ].includes(this.warningTab)
           }
         },
-        {
-          title: '驾驶位置',
+        { // 驾驶位置
+          title: this.$t('standardRegulationLibrary.marketRegulationsList.drivingPosition'),
           align: 'left',
           dataIndex: 'drivePosition_dictText',
           width: 100,
@@ -282,6 +297,12 @@ export default {
     // this.loadData(1)
   },
   methods: {
+    /**
+     * 查看标准分解单
+     */
+    previewStandardResolutionSheet (id) {
+      this.$refs.standardResolutionSheetModal.open(id)
+    },
     // 回车跳标题检索
     searchInputEnter () {
       const { href } = this.$router.resolve({
@@ -315,6 +336,7 @@ export default {
     },
     // 预警tab切换
     warningTabChange (value) {
+      this.dataSource = []
       this.warningTab = value
       this.showColumns = this.columns.filter(col => col.show ? col.show() : true).map(item => {
         return Object.assign({}, item, { show: undefined })
@@ -384,7 +406,7 @@ export default {
           func = null
           break
         case 'latestInterpretationStandards': // 最新解读标准
-          func = null
+          func = getHomeNewStandard
           break
         case 'implementStandards': // 将实施标准
           func = null
@@ -472,8 +494,4 @@ export default {
     height: calc(100vh - 226px);
   }
 }
-// 通过媒体查询覆盖表格高度
-.table /deep/ .ant-table-scroll .ant-table-body {
-  max-height: calc(100vh - 20px - 162px - 310px) !important;
-}
 </style>