[add] 市场法规清单新增

src/views/standardRegulationLibrary/marketRegulationsList/MarketRegulationsDetailPage.vue

@@ -0,0 +1,281 @@
+<template>
+  <internal-detail-page :title="$route.query.title" :content-padding="0" :loading="loading">
+    <div class="content-wrapper">
+      <a-row>
+        <!--  国家/地区 -->
+        <a-col :span="12">
+          <label>{{ $t('standardRegulationLibrary.marketRegulationsList.countryRegion') }}</label>
+          <span>{{ model.countryRegion }}</span>
+        </a-col>
+        <!--  清单编号 -->
+        <a-col :span="12">
+          <label>{{ $t('standardRegulationLibrary.marketRegulationsList.listNumber') }}</label>
+          <span>{{ model.listNumber }}</span>
+        </a-col>
+        <!--  清单名称 -->
+        <a-col :span="12">
+          <label>{{ $t('standardRegulationLibrary.marketRegulationsList.listName') }}</label>
+          <span>{{ model.listName }}</span>
+        </a-col>
+        <!--  驾驶位置 -->
+        <a-col :span="12">
+          <label>{{ $t('standardRegulationLibrary.marketRegulationsList.drivingPosition') }}</label>
+          <span>{{ model.drivingPosition }}</span>
+        </a-col>
+        <!--  密级 -->
+        <a-col :span="12">
+          <label>{{ $t('standardRegulationLibrary.marketRegulationsList.securityClass') }}</label>
+          <span>{{ model.securityClass }}</span>
+        </a-col>
+        <!--  清单说明 -->
+        <a-col :span="12">
+          <label>{{ $t('standardRegulationLibrary.marketRegulationsList.listDeclaration') }}</label>
+          <span>{{ model.listDeclaration }}</span>
+        </a-col>
+        <!--  附件 -->
+        <a-col :span="12">
+          <label>{{ $t('attach') }}</label>
+          <file-echo :fileIds="model.attach"/>
+        </a-col>
+      </a-row>
+      <!--  市场法规清单 -->
+      <div class="process-part-title">{{ $t('marketRegulationsList') }}</div>
+
+      <!-- 查询区域 -->
+      <div class="table-page-search-wrapper">
+        <a-form layout="inline" @keyup.enter.native="searchQuery">
+          <a-row :gutter="24">
+            <!--  标准编号 -->
+            <a-col :md="6" :sm="12">
+              <a-form-item :label="$t('standardNumber')">
+                <j-input
+                  :placeholder="$t('pleaseEnter') + $t('standardNumber')"
+                  v-model="queryParam.standardNumber"></j-input>
+              </a-form-item>
+            </a-col>
+
+            <!--   清单名称  -->
+            <a-col :md="6" :sm="8">
+              <a-form-item :label="$t('standardName')">
+                <j-input
+                  :placeholder="$t('pleaseEnter') + $t('standardName')"
+                  v-model="queryParam.standardName"></j-input>
+              </a-form-item>
+            </a-col>
+
+            <div style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">{{ $t('query') }}</a-button>
+              <a-button type="primary" ghost @click="searchReset" icon="reload" style="margin-left: 8px">{{ $t('reset') }}</a-button>
+            </div>
+
+          </a-row>
+        </a-form>
+      </div>
+
+      <!-- table区域-begin -->
+      <div>
+        <j-table
+          :can-drag="true"
+          :scroll="{x: '100%', y: yScrollHeight}"
+          ref="table"
+          rowKey="id"
+          :columns="columns"
+          :dataSource="dataSource"
+          :pagination="false"
+          :loading="loading"
+          :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+          @change="handleTableChange">
+
+          <!--  标准编号、标准名称 -->
+          <template v-slot:toDetail="{text, record}">
+            <a-tooltip overlay-class-name="tooltip-style">
+              <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+              <a class="link-a" @click="toDetail(record)">{{ text }}</a>
+            </a-tooltip>
+          </template>
+
+          <template v-slot:action="{text, record}">
+            <a @click="handleEdit(record)">{{ $t('edit') }}</a>
+            <a-divider type="vertical" />
+            <a @click="handleDelete(record.id)" class="table-ope-btn">{{ $t('delete') }}</a>
+          </template>
+
+        </j-table>
+      </div>
+      <!-- table区域-end -->
+    </div>
+  </internal-detail-page>
+</template>
+
+<script>
+import InternalDetailPage from '../../../components/InternalDetailPage'
+import FileEcho from '../../../components/FileEcho'
+import { JeroListMixin } from '../../../mixins/JeroListMixin'
+
+export default {
+  name: 'MarketRegulationsDetailPage',
+  components: { InternalDetailPage, FileEcho },
+  mixins: [JeroListMixin],
+  data () {
+    return {
+      model: {},
+      columns: [
+        { // 序号
+          title: this.$t('serialNumber'),
+          dataIndex: '',
+          key: 'rowIndex',
+          align: 'center',
+          width: 80,
+          customRender: function (t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        { // 标准编号
+          title: this.$t('standardNumber'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'standardNumber',
+          scopedSlots: { customRender: 'toDetail' }
+        },
+        { // 标准编号
+          title: this.$t('standardName'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'standardName',
+          scopedSlots: { customRender: 'toDetail' }
+        },
+        { // 标准英文名称
+          title: this.$t('standardRegulationLibrary.marketListField.standardEnglishName'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'standardEnglishName',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 新生产车实施日期
+          title: this.$t('standardRegulationLibrary.marketListField.newProductionVehicleImplementationDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'newProductionVehicleImplementationDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 新认证车实施日期
+          title: this.$t('standardRegulationLibrary.marketListField.newCertifiedVehicleImplementationDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'newCertifiedVehicleImplementationDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 注册日期
+          title: this.$t('standardRegulationLibrary.marketListField.dateOfRegistration'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'dateOfRegistration',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 适用国家/地区
+          title: this.$t('standardRegulationLibrary.marketListField.applicableCountryRegion'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'applicableCountryRegion',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 适用车型
+          title: this.$t('standardRegulationLibrary.marketListField.applicableVehicleType'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'applicableVehicleType',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 认证对象
+          title: this.$t('standardRegulationLibrary.marketListField.authenticationObject'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'authenticationObject',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 认证交付物
+          title: this.$t('standardRegulationLibrary.marketListField.certifiedDeliverables'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'certifiedDeliverables',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 类型
+          title: this.$t('standardRegulationLibrary.marketListField.type'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'type',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 动力类型
+          title: this.$t('standardRegulationLibrary.marketListField.dynamicType'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'dynamicType',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 主控部门
+          title: this.$t('standardRegulationLibrary.marketListField.mainControlDepartment'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'mainControlDepartment',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 主控部门专业模块
+          title: this.$t('standardRegulationLibrary.marketListField.masterControlDepartmentProfessionalModule'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'masterControlDepartmentProfessionalModule',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 关联部门
+          title: this.$t('standardRegulationLibrary.marketListField.relatedDepartment'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'relatedDepartment',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 关联部门专业模块
+          title: this.$t('standardRegulationLibrary.marketListField.associateDepartmentSpecializedModules'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'associateDepartmentSpecializedModules',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 批量限制
+          title: this.$t('standardRegulationLibrary.marketListField.batchRestriction'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'batchRestriction',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 自动驾驶等级
+          title: this.$t('standardRegulationLibrary.marketListField.automaticDrivingLevel'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'automaticDrivingLevel',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 要求类型
+          title: this.$t('standardRegulationLibrary.marketListField.requirementType'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'requirementType',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('operation'),
+          scopedSlots: { customRender: 'action' },
+          align: 'center',
+          fixed: 'right',
+          width: 170
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/standardRegulationLibrary/marketRegulationsList/MarketRegulationsFormPage.vue

@@ -124,9 +124,8 @@
           <!--  批量删除 -->
           <a-button icon="delete" type="primary" ghost @click="batchDel">{{ $t('batchDelete') }}</a-button>
           <!--  导入  -->
-          <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader"
-                    :data="importData" :action="importExcelUrl" @change="handleImportExcel">
-            <a-button type="primary" icon="download" ghost @click="handleImport">{{ $t('import') }}</a-button>
+          <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
+            <a-button icon="download" type="primary" ghost>{{ $t('import') }}</a-button>
           </a-upload>
           <!--  模板下载  -->
           <a-button type="primary" icon="download" ghost
@@ -175,6 +174,13 @@
       <!--  提交  -->
       <a-button type="primary" :loading="loading" @click="handleSubmit">{{ $t('submit') }}</a-button>
     </div>
+
+    <!--  新增、编辑弹框 -->
+    <market-regulations-modal ref="marketRegulationsModal" @ok="modalFormOk"/>
+    <!--  调取弹框  -->
+    <standard-selection-modal ref="transferModal" @ok="transferOk"/>
+    <!--  复制弹框  -->
+    <market-regulations-list-selection-modal ref="copyModal" @ok="copyOk"/>
   </internal-detail-page>
 </template>
 
@@ -182,10 +188,13 @@
 import InternalDetailPage from '@/components/InternalDetailPage'
 import JTable from '@/components/jero/JTable'
 import { JeroListMixin } from '../../../mixins/JeroListMixin'
+import MarketRegulationsModal from './modules/MarketRegulationsModal'
+import StandardSelectionModal from '../../../components/selection/StandardSelectionModal'
+import MarketRegulationsListSelectionModal from '../../../components/selection/MarketRegulationsListSelectionModal'
 
 export default {
   name: 'MarketRegulationsFormPage',
-  components: { InternalDetailPage, JTable },
+  components: { MarketRegulationsListSelectionModal, StandardSelectionModal, InternalDetailPage, JTable, MarketRegulationsModal },
   mixins: [JeroListMixin],
   data () {
     return {
@@ -260,119 +269,119 @@ export default {
           scopedSlots: { customRender: 'toDetail' }
         },
         { // 标准英文名称
-          title: this.$t('marketListField.standardEnglishName'),
+          title: this.$t('standardRegulationLibrary.marketListField.standardEnglishName'),
           align: 'center',
           width: 180,
           dataIndex: 'standardEnglishName',
           scopedSlots: { customRender: 'text' }
         },
         { // 新生产车实施日期
-          title: this.$t('marketListField.newProductionVehicleImplementationDate'),
+          title: this.$t('standardRegulationLibrary.marketListField.newProductionVehicleImplementationDate'),
           align: 'center',
           width: 180,
           dataIndex: 'newProductionVehicleImplementationDate',
           scopedSlots: { customRender: 'text' }
         },
         { // 新认证车实施日期
-          title: this.$t('marketListField.newCertifiedVehicleImplementationDate'),
+          title: this.$t('standardRegulationLibrary.marketListField.newCertifiedVehicleImplementationDate'),
           align: 'center',
           width: 180,
           dataIndex: 'newCertifiedVehicleImplementationDate',
           scopedSlots: { customRender: 'text' }
         },
         { // 注册日期
-          title: this.$t('marketListField.dateOfRegistration'),
+          title: this.$t('standardRegulationLibrary.marketListField.dateOfRegistration'),
           align: 'center',
           width: 180,
           dataIndex: 'dateOfRegistration',
           scopedSlots: { customRender: 'text' }
         },
         { // 适用国家/地区
-          title: this.$t('marketListField.applicableCountryRegion'),
+          title: this.$t('standardRegulationLibrary.marketListField.applicableCountryRegion'),
           align: 'center',
           width: 180,
           dataIndex: 'applicableCountryRegion',
           scopedSlots: { customRender: 'text' }
         },
         { // 适用车型
-          title: this.$t('marketListField.applicableVehicleType'),
+          title: this.$t('standardRegulationLibrary.marketListField.applicableVehicleType'),
           align: 'center',
           width: 180,
           dataIndex: 'applicableVehicleType',
           scopedSlots: { customRender: 'text' }
         },
         { // 认证对象
-          title: this.$t('marketListField.authenticationObject'),
+          title: this.$t('standardRegulationLibrary.marketListField.authenticationObject'),
           align: 'center',
           width: 180,
           dataIndex: 'authenticationObject',
           scopedSlots: { customRender: 'text' }
         },
         { // 认证交付物
-          title: this.$t('marketListField.certifiedDeliverables'),
+          title: this.$t('standardRegulationLibrary.marketListField.certifiedDeliverables'),
           align: 'center',
           width: 180,
           dataIndex: 'certifiedDeliverables',
           scopedSlots: { customRender: 'text' }
         },
         { // 类型
-          title: this.$t('marketListField.type'),
+          title: this.$t('standardRegulationLibrary.marketListField.type'),
           align: 'center',
           width: 180,
           dataIndex: 'type',
           scopedSlots: { customRender: 'text' }
         },
         { // 动力类型
-          title: this.$t('marketListField.dynamicType'),
+          title: this.$t('standardRegulationLibrary.marketListField.dynamicType'),
           align: 'center',
           width: 180,
           dataIndex: 'dynamicType',
           scopedSlots: { customRender: 'text' }
         },
         { // 主控部门
-          title: this.$t('marketListField.mainControlDepartment'),
+          title: this.$t('standardRegulationLibrary.marketListField.mainControlDepartment'),
           align: 'center',
           width: 180,
           dataIndex: 'mainControlDepartment',
           scopedSlots: { customRender: 'text' }
         },
         { // 主控部门专业模块
-          title: this.$t('marketListField.masterControlDepartmentProfessionalModule'),
+          title: this.$t('standardRegulationLibrary.marketListField.masterControlDepartmentProfessionalModule'),
           align: 'center',
           width: 180,
           dataIndex: 'masterControlDepartmentProfessionalModule',
           scopedSlots: { customRender: 'text' }
         },
         { // 关联部门
-          title: this.$t('marketListField.relatedDepartment'),
+          title: this.$t('standardRegulationLibrary.marketListField.relatedDepartment'),
           align: 'center',
           width: 180,
           dataIndex: 'relatedDepartment',
           scopedSlots: { customRender: 'text' }
         },
         { // 关联部门专业模块
-          title: this.$t('marketListField.associateDepartmentSpecializedModules'),
+          title: this.$t('standardRegulationLibrary.marketListField.associateDepartmentSpecializedModules'),
           align: 'center',
           width: 180,
           dataIndex: 'associateDepartmentSpecializedModules',
           scopedSlots: { customRender: 'text' }
         },
         { // 批量限制
-          title: this.$t('marketListField.batchRestriction'),
+          title: this.$t('standardRegulationLibrary.marketListField.batchRestriction'),
           align: 'center',
           width: 180,
           dataIndex: 'batchRestriction',
           scopedSlots: { customRender: 'text' }
         },
         { // 自动驾驶等级
-          title: this.$t('marketListField.automaticDrivingLevel'),
+          title: this.$t('standardRegulationLibrary.marketListField.automaticDrivingLevel'),
           align: 'center',
           width: 180,
           dataIndex: 'automaticDrivingLevel',
           scopedSlots: { customRender: 'text' }
         },
         { // 要求类型
-          title: this.$t('marketListField.requirementType'),
+          title: this.$t('standardRegulationLibrary.marketListField.requirementType'),
           align: 'center',
           width: 180,
           dataIndex: 'requirementType',
@@ -388,8 +397,9 @@ export default {
       ],
       showList: false, // 是否展示清单
       url: {
-        list: ''
-      }
+        importExcelUrl: ''
+      },
+      disableMixinCreated: true
     }
   },
   methods: {
@@ -397,9 +407,33 @@ export default {
     handleNext () {
       this.showList = true
     },
+    // 新增
+    handleAdd () {
+      this.$refs.marketRegulationsModal.add()
+    },
+    //  调取
+    handleTransfer () {
+      this.$refs.transferModal.open()
+    },
+    // 复制
+    handleCopy () {
+      this.$refs.copyModal.open()
+    },
+    // 新增完成
+    modalFormOk (value) {
+      this.dataSource.unshift(value)
+    },
     // 取消
     handleCancel () {
 
+    },
+    // 调取完成
+    transferOk () {
+
+    },
+    // 复制完成
+    copyOk () {
+
     },
     // 提交
     handleSubmit () {
@@ -427,4 +461,8 @@ export default {
   overflow: auto;
   padding: 32px 20px;
 }
+
+.center-operate-box {
+  text-align: right;
+}
 </style>

src/views/standardRegulationLibrary/marketRegulationsList/modules/MarketRegulationsModal.vue

@@ -0,0 +1,275 @@
+<template>
+  <a-drawer
+    :title="title"
+    :width="width"
+    placement="right"
+    :closable="true"
+    @close="handleCancel"
+    :visible="visible"
+    :maskClosable="false"
+    destroyOnClose
+    class="custom-drawer-style"
+  >
+    <div class="custom-drawer-style-scroll">
+      <a-spin :spinning="confirmLoading" style="width: 100%;height:100%">
+        <a-form :form="form">
+          <!--   标准编号  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardNumber')">
+            <standard-selection :placeholder="$t('pleaseSelect') + $t('standardNumber')"
+                                type="radio"
+                                v-decorator.trim="[ 'standardId', validatorRules.standardId ]" />
+          </a-form-item>
+          <!--   标准名称  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardName')">
+            <a-input :placeholder="$t('pleaseEnter') + $t('standardName')"
+                     disabled
+                     v-decorator.trim="[ 'standardName', validatorRules.standardName ]" />
+          </a-form-item>
+          <!--   标准英文名称  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.standardEnglishName')">
+            <a-input :placeholder="$t('pleaseEnter') + $t('standardRegulationLibrary.marketListField.standardEnglishName')"
+                     disabled
+                     v-decorator.trim="[ 'standardEnglishName', validatorRules.standardEnglishName ]" />
+          </a-form-item>
+          <!--   类型  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.type')">
+            <j-dict-select-tag :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.marketListField.type')"
+                               disabled
+                               dict-code="type"
+                               v-decorator.trim="[ 'type', validatorRules.type ]" />
+          </a-form-item>
+          <!--   新生产车实施日期  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.newProductionVehicleImplementationDate')">
+            <j-multiple-date-picker :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.marketListField.newProductionVehicleImplementationDate')"
+                                    v-decorator.trim="[ 'newProductionVehicleImplementationDate', validatorRules.newProductionVehicleImplementationDate ]" />
+          </a-form-item>
+          <!--   新认证车实施日期  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.newCertifiedVehicleImplementationDate')">
+            <j-multiple-date-picker :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.marketListField.newCertifiedVehicleImplementationDate')"
+                                    v-decorator.trim="[ 'newCertifiedVehicleImplementationDate', validatorRules.newCertifiedVehicleImplementationDate ]" />
+          </a-form-item>
+          <!--   注册日期  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.dateOfRegistration')">
+            <j-multiple-date-picker :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.marketListField.dateOfRegistration')"
+                                    v-decorator.trim="[ 'dateOfRegistration', validatorRules.dateOfRegistration ]" />
+          </a-form-item>
+          <!--   适用国家/地区  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.applicableCountryRegion')">
+            <j-dict-select-tag :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.marketListField.applicableCountryRegion')"
+                               dict-code="market_state"
+                               v-decorator.trim="[ 'applicableCountryRegion', validatorRules.applicableCountryRegion ]" />
+          </a-form-item>
+          <!--   认证对象  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.authenticationObject')">
+            <j-dict-select-tag :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.marketListField.authenticationObject')"
+                               dict-code="authentication_object"
+                               v-decorator.trim="[ 'authenticationObject', validatorRules.authenticationObject ]" />
+          </a-form-item>
+          <!--   认证交付物  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.certifiedDeliverables')">
+            <a-input :placeholder="$t('pleaseEnter') + $t('standardRegulationLibrary.marketListField.certifiedDeliverables')"
+                     :maxLength="50"
+                     v-decorator.trim="[ 'certifiedDeliverables', validatorRules.certifiedDeliverables ]" />
+          </a-form-item>
+          <!--   主控部门  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.mainControlDepartment')">
+            <j-select-depart :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.marketListField.mainControlDepartment')"
+                             :backDepart="true"
+                             v-decorator.trim="[ 'mainControlDepartment', validatorRules.mainControlDepartment ]" />
+          </a-form-item>
+          <!--   主控部门专业模块  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.masterControlDepartmentProfessionalModule')">
+            <j-dict-select-tag :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.marketListField.masterControlDepartmentProfessionalModule')"
+                               dict-code="master_control_department_professional_module"
+                               v-decorator.trim="[ 'masterControlDepartmentProfessionalModule', validatorRules.masterControlDepartmentProfessionalModule ]" />
+          </a-form-item>
+          <!--   关联部门  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.relatedDepartment')">
+            <j-select-depart :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.marketListField.relatedDepartment')"
+                             :backDepart="true"
+                             v-decorator.trim="[ 'relatedDepartment', validatorRules.relatedDepartment ]" />
+          </a-form-item>
+          <!--   关联部门专业模块  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.associateDepartmentSpecializedModules')">
+            <j-dict-select-tag :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.marketListField.associateDepartmentSpecializedModules')"
+                               dict-code="master_control_department_professional_module"
+                               v-decorator.trim="[ 'associateDepartmentSpecializedModules', validatorRules.associateDepartmentSpecializedModules ]" />
+          </a-form-item>
+          <!--   适用车型  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.applicableVehicleType')">
+            <j-multi-select-tag :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.marketListField.applicableVehicleType')"
+                                dict-code="applicable_vehicle_type"
+                                v-decorator.trim="[ 'applicableVehicleType', validatorRules.applicableVehicleType ]" />
+          </a-form-item>
+          <!--   动力类型  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.dynamicType')">
+            <j-multi-select-tag :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.marketListField.dynamicType')"
+                                dict-code="dynamic_type"
+                                v-decorator.trim="[ 'dynamicType', validatorRules.dynamicType ]" />
+          </a-form-item>
+          <!--   批量限制  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.batchRestriction')">
+            <j-multi-select-tag :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.marketListField.batchRestriction')"
+                                dict-code="batch_restriction"
+                                v-decorator.trim="[ 'batchRestriction', validatorRules.batchRestriction ]" />
+          </a-form-item>
+          <!--   自动驾驶等级  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.automaticDrivingLevel')">
+            <j-multi-select-tag :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.marketListField.automaticDrivingLevel')"
+                                dict-code="automatic_driving_level"
+                                v-decorator.trim="[ 'automaticDrivingLevel', validatorRules.automaticDrivingLevel ]" />
+          </a-form-item>
+          <!--   要求类型  -->
+          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.marketListField.requirementType')">
+            <j-dict-select-tag :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.marketListField.requirementType')"
+                                dict-code="requirement_type"
+                                v-decorator.trim="[ 'requirementType', validatorRules.requirementType ]" />
+          </a-form-item>
+        </a-form>
+      </a-spin>
+    </div>
+
+    <div class="custom-drawer-style-bottom-btn">
+      <a-button @click="handleOk" type="primary" style="margin-bottom: 0;">
+        {{ $t('determine') }}
+      </a-button>
+      <a-button @click="handleCancel" style="margin-bottom: 0;">{{ $t('cancel') }}</a-button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import StandardSelection from '@/components/selection/StandardSelection'
+import JMultipleDatePicker from '../../../../components/JMultipleDatePicker'
+
+export default {
+  name: 'MarketRegulationsModal',
+  components: { JMultipleDatePicker, StandardSelection },
+  data () {
+    return {
+      title: this.$t('newlyAdded'),
+      width: 800,
+      visible: false,
+      confirmLoading: false,
+      form: this.$form.createForm(this),
+      model: {},
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 6 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 16 }
+      },
+      validatorRules: {
+        // 标准编号
+        standardId: {
+          rules: [{
+            required: true,
+            message: this.$t('pleaseSelect') + this.$t('standardNumber')
+          }],
+          validateTrigger: 'change'
+        },
+        // 标准名称
+        standardName: {
+          rules: [{
+            required: true,
+            message: this.$t('pleaseEnter') + this.$t('standardName')
+          }],
+          validateTrigger: 'blur'
+        },
+        // 新生产车实施日期
+        newProductionVehicleImplementationDate: {
+          rules: [{
+            required: true,
+            message: this.$t('pleaseSelect') + this.$t('standardRegulationLibrary.marketListField.newProductionVehicleImplementationDate')
+          }],
+          validateTrigger: 'change'
+        },
+        // 新认证车实施日期
+        newCertifiedVehicleImplementationDate: {
+          rules: [{
+            required: true,
+            message: this.$t('pleaseSelect') + this.$t('standardRegulationLibrary.marketListField.newCertifiedVehicleImplementationDate')
+          }],
+          validateTrigger: 'change'
+        },
+        // 注册日期
+        dateOfRegistration: {
+          rules: [{
+            required: true,
+            message: this.$t('pleaseSelect') + this.$t('standardRegulationLibrary.marketListField.dateOfRegistration')
+          }],
+          validateTrigger: 'change'
+        },
+        // 适用国家/地区
+        applicableCountryRegion: {
+          rules: [{
+            required: true,
+            message: this.$t('pleaseSelect') + this.$t('standardRegulationLibrary.marketListField.applicableCountryRegion')
+          }],
+          validateTrigger: 'change'
+        },
+        // 认证对象
+        authenticationObject: {
+          rules: [{
+            required: true,
+            message: this.$t('pleaseSelect') + this.$t('standardRegulationLibrary.marketListField.authenticationObject')
+          }],
+          validateTrigger: 'change'
+        },
+        // 主控部门
+        mainControlDepartment: {
+          rules: [{
+            required: true,
+            message: this.$t('pleaseSelect') + this.$t('standardRegulationLibrary.marketListField.mainControlDepartment')
+          }],
+          validateTrigger: 'change'
+        },
+        // 主控部门专业模块
+        masterControlDepartmentProfessionalModule: {
+          rules: [{
+            required: true,
+            message: this.$t('pleaseSelect') + this.$t('standardRegulationLibrary.marketListField.masterControlDepartmentProfessionalModule')
+          }],
+          validateTrigger: 'change'
+        },
+        // 适用车型
+        applicableVehicleType: {
+          rules: [{
+            required: true,
+            message: this.$t('pleaseSelect') + this.$t('standardRegulationLibrary.marketListField.applicableVehicleType')
+          }],
+          validateTrigger: 'change'
+        },
+        // 动力类型
+        dynamicType: {
+          rules: [{
+            required: true,
+            message: this.$t('pleaseSelect') + this.$t('standardRegulationLibrary.marketListField.dynamicType')
+          }],
+          validateTrigger: 'change'
+        }
+      }
+    }
+  },
+  methods: {
+    add () {
+      this.visible = true
+    },
+    handleOk () {
+
+    },
+    handleCancel () {
+      this.close()
+    },
+    close () {
+      this.visible = false
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>