From b2409bffaba0ba6c70924213046c0ace95a8fe5d Mon Sep 17 00:00:00 2001
From: lideqin <694785430@qq.com>
Date: Tue, 2 Jul 2024 14:40:30 +0800
Subject: [PATCH] =?UTF-8?q?[update]=20=E5=B8=82=E5=9C=BA=E6=B3=95=E8=A7=84?=
 =?UTF-8?q?=E6=B8=85=E5=8D=95=E8=81=94=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../lang/standardRegulationLibrary/en-us.js   |   3 +-
 .../lang/standardRegulationLibrary/zh-cn.js   |   3 +-
 .../MarketRegulationsDetailPage.vue           | 142 +++++++++++++-----
 .../MarketRegulationsFormPage.vue             |   1 -
 .../MarketRegulationsList.vue                 |  33 +++-
 5 files changed, 142 insertions(+), 40 deletions(-)

diff --git a/src/common/lang/standardRegulationLibrary/en-us.js b/src/common/lang/standardRegulationLibrary/en-us.js
index 5f33dc6..1d20409 100644
--- a/src/common/lang/standardRegulationLibrary/en-us.js
+++ b/src/common/lang/standardRegulationLibrary/en-us.js
@@ -72,7 +72,8 @@ module.exports = {
     templateName: 'Market regulation list import template',
     historicalVersion: 'Historical version',
     standardExist: 'The standard already exists',
-    haveStandardExist: 'Some standards already exist'
+    haveStandardExist: 'Some standards already exist',
+    pleaseSelectAListPublish: 'Please select a list to publish'
   },
   // 市场清单详情列表字段
   marketListField: {
diff --git a/src/common/lang/standardRegulationLibrary/zh-cn.js b/src/common/lang/standardRegulationLibrary/zh-cn.js
index a48ba2f..1491a51 100644
--- a/src/common/lang/standardRegulationLibrary/zh-cn.js
+++ b/src/common/lang/standardRegulationLibrary/zh-cn.js
@@ -73,7 +73,8 @@ module.exports = {
     templateName: '市场法规清单导入模版',
     historicalVersion: '历史版本',
     standardExist: '标准已经存在',
-    haveStandardExist: '部分标准已存在'
+    haveStandardExist: '部分标准已存在',
+    pleaseSelectAListPublish: '请选择一个清单进行发布'
   },
   // 市场清单详情列表字段
   marketListField: {
diff --git a/src/views/standardRegulationLibrary/marketRegulationsList/MarketRegulationsDetailPage.vue b/src/views/standardRegulationLibrary/marketRegulationsList/MarketRegulationsDetailPage.vue
index 6e8168e..171bb4c 100644
--- a/src/views/standardRegulationLibrary/marketRegulationsList/MarketRegulationsDetailPage.vue
+++ b/src/views/standardRegulationLibrary/marketRegulationsList/MarketRegulationsDetailPage.vue
@@ -1,41 +1,42 @@
 <template>
   <internal-detail-page :title="$route.query.title" :content-padding="0" :loading="loading">
     <div class="content-wrapper">
-      <a-row>
+      <a-row class="basic-info" v-if="ids.length <= 1">
         <!--  国家/地区 -->
         <a-col :span="12">
           <label>{{ $t('standardRegulationLibrary.marketRegulationsList.countryRegion') }}</label>
-          <span>{{ model.country }}</span>
+          <span>{{ model.manifest.country_dictText || global.emptyLine }}</span>
         </a-col>
         <!--  清单编号 -->
         <a-col :span="12">
           <label>{{ $t('standardRegulationLibrary.marketRegulationsList.listNumber') }}</label>
-          <span>{{ model.manifestNo }}</span>
+          <span>{{ model.manifest.manifestNo || global.emptyLine }}</span>
         </a-col>
         <!--  清单名称 -->
         <a-col :span="12">
           <label>{{ $t('standardRegulationLibrary.marketRegulationsList.listName') }}</label>
-          <span>{{ model.mainfestName }}</span>
+          <span>{{ model.manifest.mainfestName || global.emptyLine }}</span>
         </a-col>
         <!--  驾驶位置 -->
         <a-col :span="12">
           <label>{{ $t('standardRegulationLibrary.marketRegulationsList.drivingPosition') }}</label>
-          <span>{{ model.drivePosition }}</span>
+          <span>{{ model.manifest.drivePosition_dictText || global.emptyLine }}</span>
         </a-col>
         <!--  密级 -->
         <a-col :span="12">
           <label>{{ $t('standardRegulationLibrary.marketRegulationsList.securityClass') }}</label>
-          <span>{{ model.securityLevel_dictText }}</span>
+          <span>{{ model.manifest.securityLevel_dictText || global.emptyLine }}</span>
         </a-col>
         <!--  清单说明 -->
         <a-col :span="12">
           <label>{{ $t('standardRegulationLibrary.marketRegulationsList.listDeclaration') }}</label>
-          <span>{{ model.listDeclaration }}</span>
+          <span>{{ model.manifest.manifestDesc || global.emptyLine }}</span>
         </a-col>
         <!--  附件 -->
-        <a-col :span="12">
+        <a-col :span="12" class="file-echo-col">
           <label>{{ $t('attach') }}</label>
-          <file-echo :fileIds="model.attach"/>
+          <file-echo v-if="model.manifest.file" class="file-echo-div" :fileIds="model.manifest.file"/>
+          <span v-else>{{ global.emptyLine }}</span>
         </a-col>
       </a-row>
       <!--  市场法规清单 -->
@@ -83,7 +84,6 @@
           :dataSource="dataSource"
           :pagination="ipagination"
           :loading="loading"
-          :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
           @change="handleTableChange">
 
           <!--  标准编号、标准名称 -->
@@ -104,18 +104,30 @@
 <script>
 import InternalDetailPage from '../../../components/InternalDetailPage'
 import FileEcho from '../../../components/FileEcho'
-import { JeroListMixin } from '../../../mixins/JeroListMixin'
 import { getMarketRegulationListById } from '../../../api/standardRegulationLibraryApi'
 import JTable from '../../../components/jero/JTable'
 import { StandardSource } from '../../../enums/commonEnums'
+import { mapGetters } from 'vuex'
 
 export default {
   name: 'MarketRegulationsDetailPage',
   components: { InternalDetailPage, FileEcho, JTable },
-  mixins: [JeroListMixin],
+  computed: {
+    ...mapGetters(['defaultHeight']),
+    yScrollHeight () {
+      /**
+       * 前几个使用变量是为了配合iframe嵌套，算出页面显示范围的高度
+       * 48px：分页器的高度
+       * 48px：a-card的padding（上24+下24）
+       * 54px：表头行的高度
+       */
+      return `calc(100vh - ${this.defaultHeight['user-info-height']} - ${this.defaultHeight['breadcrumb-height']} - ${this.defaultHeight.oneLineSearchHeight} - ${this.defaultHeight.oneLineOperationHeight} - 48px - 48px - 54px - ${this.isBackTitle ? '56px' : '0px'})`
+    }
+  },
   data () {
     return {
-      model: {},
+      loading: false,
+      model: { manifest: {}, lists: [] },
       columns: [
         { // 序号
           title: this.$t('serialNumber'),
@@ -173,21 +185,21 @@ export default {
           title: this.$t('standardRegulationLibrary.marketListField.applicableCountryRegion'),
           align: 'center',
           width: 180,
-          dataIndex: 'applicableCountryRegion',
+          dataIndex: 'applicableCountryRegion_dictText',
           scopedSlots: { customRender: 'text' }
         },
         { // 适用车型
           title: this.$t('standardRegulationLibrary.marketListField.applicableVehicleType'),
           align: 'center',
           width: 180,
-          dataIndex: 'applicableVehicle',
+          dataIndex: 'applicableVehicle_dictText',
           scopedSlots: { customRender: 'text' }
         },
         { // 认证对象
           title: this.$t('standardRegulationLibrary.marketListField.authenticationObject'),
           align: 'center',
           width: 180,
-          dataIndex: 'authenticationObject',
+          dataIndex: 'authenticationObject_dictText',
           scopedSlots: { customRender: 'text' }
         },
         { // 认证交付物
@@ -201,91 +213,138 @@ export default {
           title: this.$t('standardRegulationLibrary.marketListField.type'),
           align: 'center',
           width: 180,
-          dataIndex: 'stanardClass',
+          dataIndex: 'stanardClass_dictText',
           scopedSlots: { customRender: 'text' }
         },
         { // 动力类型
           title: this.$t('standardRegulationLibrary.marketListField.dynamicType'),
           align: 'center',
           width: 180,
-          dataIndex: 'dynamicType',
+          dataIndex: 'dynamicType_dictText',
           scopedSlots: { customRender: 'text' }
         },
         { // 主控部门
           title: this.$t('standardRegulationLibrary.marketListField.mainControlDepartment'),
           align: 'center',
           width: 180,
-          dataIndex: 'mainDept',
+          dataIndex: 'mainDept_dictText',
           scopedSlots: { customRender: 'text' }
         },
         { // 主控部门专业模块
           title: this.$t('standardRegulationLibrary.marketListField.masterControlDepartmentProfessionalModule'),
           align: 'center',
           width: 180,
-          dataIndex: 'mainDeptProfMode',
+          dataIndex: 'mainDeptProfMode_dictText',
           scopedSlots: { customRender: 'text' }
         },
         { // 关联部门
           title: this.$t('standardRegulationLibrary.marketListField.relatedDepartment'),
           align: 'center',
           width: 180,
-          dataIndex: 'associateDept',
+          dataIndex: 'associateDept_dictText',
           scopedSlots: { customRender: 'text' }
         },
         { // 关联部门专业模块
           title: this.$t('standardRegulationLibrary.marketListField.associateDepartmentSpecializedModules'),
           align: 'center',
           width: 180,
-          dataIndex: 'associateDeptProfMode',
+          dataIndex: 'associateDeptProfMode_dictText',
           scopedSlots: { customRender: 'text' }
         },
         { // 批量限制
           title: this.$t('standardRegulationLibrary.marketListField.batchRestriction'),
           align: 'center',
           width: 180,
-          dataIndex: 'batchLimit',
+          dataIndex: 'batchLimit_dictText',
           scopedSlots: { customRender: 'text' }
         },
         { // 自动驾驶等级
           title: this.$t('standardRegulationLibrary.marketListField.automaticDrivingLevel'),
           align: 'center',
           width: 180,
-          dataIndex: 'autopilotLevel',
+          dataIndex: 'autopilotLevel_dictText',
           scopedSlots: { customRender: 'text' }
         },
         { // 要求类型
           title: this.$t('standardRegulationLibrary.marketListField.requirementType'),
           align: 'center',
           width: 180,
-          dataIndex: 'requireType',
+          dataIndex: 'requireType_dictText',
           scopedSlots: { customRender: 'text' }
         }
       ],
-      disableMixinCreated: true
+      dataSource: [],
+      dataList: [], // 用于查询的数据，保证查询后数据不变
+      /* 分页参数 */
+      ipagination: {
+        current: 1,
+        pageSize: 10,
+        pageSizeOptions: ['10', '20', '30'],
+        showTotal: (total, range) => {
+          return range[0] + '-' + range[1] + ' 共' + total + '条'
+        },
+        showQuickJumper: true,
+        showSizeChanger: true,
+        total: 0
+      },
+      queryParam: {},
+      filters: {},
+      ids: []
     }
   },
   mounted () {
-    if (this.$route.query.ids) {
-      this.filters.ids = this.$route.query.ids
-    }
     if (this.$route.query.versionNumber) {
       this.filters.manifestVersion = this.$route.query.versionNumber
     }
-    this.initData()
+    this.ids = this.$route.query.ids.split(',')
+    console.log('----ids', this.ids)
+    this.initData(this.$route.query.ids)
   },
   methods: {
-    initData (id) {
+    initData (ids) {
       this.loading = true
-      getMarketRegulationListById({ id }).then(res => {
+      const param = Object.assign({}, this.filters)
+      param.manifestId = ids
+      getMarketRegulationListById(param).then(res => {
         if (res.success) {
           this.model = Object.assign({}, res.result)
-          this.dataSource = JSON.parse(JSON.stringify(this.model.data))
-          this.dataList = JSON.parse(JSON.stringify(this.model.data))
+          if (!this.model.manifest) {
+            this.model.manifest = {}
+          }
+          this.dataSource = JSON.parse(JSON.stringify(this.model.lists))
+          this.dataList = JSON.parse(JSON.stringify(this.model.lists))
         }
       }).finally(() => {
         this.loading = false
       })
     },
+    // 查询
+    searchQuery () {
+      if (this.queryParam.standardNumber && this.queryParam.standardName) {
+        this.dataSource = this.dataList.filter(item => {
+          return item.standardNumber.indexOf(this.queryParam.standardNumber) !== -1 && item.standardName.indexOf(this.queryParam.standardName) !== -1
+        })
+      } else if (this.queryParam.standardNumber) {
+        this.dataSource = this.dataList.filter(item => {
+          return item.standardNumber.indexOf(this.queryParam.standardNumber) !== -1
+        })
+      } else if (this.queryParam.standardName) {
+        this.dataSource = this.dataList.filter(item => {
+          return item.standardName.indexOf(this.queryParam.standardName) !== -1
+        })
+      } else {
+        this.dataSource = JSON.parse(JSON.stringify(this.dataList))
+      }
+    },
+    // 重置
+    searchReset () {
+      this.queryParam = {}
+      this.dataSource = JSON.parse(JSON.stringify(this.dataList))
+    },
+    handleTableChange (pagination, filters, sorter) {
+      // 分页、排序、筛选变化时触发
+      this.ipagination = pagination
+    },
     toDetail (record) {
       let path = ''
       // 需要先判断是哪种标准
@@ -312,4 +371,19 @@ export default {
   overflow: auto;
   padding: 32px 20px;
 }
+.basic-info {
+  /deep/ .ant-col {
+    margin-bottom: 5px;
+  }
+  label {
+    display: inline-block;
+    width: 150px;
+  }
+  .file-echo-col {
+    display: flex;
+    .file-echo-div {
+      width: calc(100% - 150px)
+    }
+  }
+}
 </style>
diff --git a/src/views/standardRegulationLibrary/marketRegulationsList/MarketRegulationsFormPage.vue b/src/views/standardRegulationLibrary/marketRegulationsList/MarketRegulationsFormPage.vue
index 9308be6..1ccf3ad 100644
--- a/src/views/standardRegulationLibrary/marketRegulationsList/MarketRegulationsFormPage.vue
+++ b/src/views/standardRegulationLibrary/marketRegulationsList/MarketRegulationsFormPage.vue
@@ -530,7 +530,6 @@ export default {
     },
     // 查询
     searchQuery () {
-      console.log('-----this.queryParam', this.queryParam)
       if (this.queryParam.standardNumber && this.queryParam.standardName) {
         this.dataSource = this.dataList.filter(item => {
           return item.standardNumber.indexOf(this.queryParam.standardNumber) !== -1 && item.standardName.indexOf(this.queryParam.standardName) !== -1
diff --git a/src/views/standardRegulationLibrary/marketRegulationsList/MarketRegulationsList.vue b/src/views/standardRegulationLibrary/marketRegulationsList/MarketRegulationsList.vue
index 1357012..7295a56 100644
--- a/src/views/standardRegulationLibrary/marketRegulationsList/MarketRegulationsList.vue
+++ b/src/views/standardRegulationLibrary/marketRegulationsList/MarketRegulationsList.vue
@@ -274,7 +274,18 @@ export default {
     },
     // 批量发布
     handleBatchPublish () {
-
+      if (this.selectedRowKeys.length !== 1) {
+        // 提示请选择一个清单进行发布
+        this.$message.warning(this.$t('standardRegulationLibrary.marketRegulationsList.pleaseSelectAListPublish'))
+        return
+      }
+      // 跳转市场清单发布流程
+      this.$router.push({
+        path: '/workCenter/MarketListReleaseProcess',
+        query: {
+          marketRegulationId: this.selectedRowKeys[0]
+        }
+      })
     },
     // 查看
     handleLook () {
@@ -295,9 +306,25 @@ export default {
         }
       })
     },
+    // 点击清单编号/清单名称查看详情
+    toDetail (record) {
+      this.$router.push({
+        path: '/standardRegulationLibrary/marketRegulationsList/marketRegulationsDetailPage',
+        query: {
+          title: this.$t('view'),
+          ids: record.id
+        }
+      })
+    },
     // 发布
-    handlePublish () {
-
+    handlePublish (record) {
+      // 跳转市场清单发布流程
+      this.$router.push({
+        path: '/workCenter/MarketListReleaseProcess',
+        query: {
+          marketRegulationId: record.id
+        }
+      })
     }
   }
 }