add 法规合规评估流程页面

2023-11-29 19:43:06 +08:00
parent beb777a66d
commit a5045d9302
11 changed files with 973 additions and 13 deletions
@@ -0,0 +1,137 @@
+<template>
+  <j-modal
+    :title="$t('view')"
+    :maskClosable="false"
+    :width="1000"
+    :closable="true"
+    @ok="handleOk"
+    @cancel="handleCancel"
+    switchFullscreen
+    :visible="visible">
+    <div class="detail-page-part-form">
+      <!--标准编号/条款号-->
+      <div class="detail-page-part-form-item">
+        <label>{{ $t('projectLibrary.vehicleItemLibrary.standardNumberClauseNumber') }}</label>
+        <span></span>
+      </div>
+      <!--标准名称/条款名称-->
+      <div class="detail-page-part-form-item">
+        <label>{{ $t('workCenter.projectComplianceEvaluationProcess.standardNameClauseName') }}</label>
+        <span></span>
+      </div>
+    </div>
+
+    <div>
+      <j-table :columns="columns" :data-source="dataSource" :pagination="ipagination" :scroll="{x: '100%'}">
+
+      </j-table>
+    </div>
+  </j-modal>
+</template>
+
+<script>
+import JTable from '../../../../components/jero/JTable'
+
+export default {
+  name: 'DepartLeaderDetailModal',
+  components: { JTable },
+  data () {
+    return {
+      visible: false,
+      model: {},
+      /* 分页参数 */
+      ipagination: {
+        current: 1,
+        pageSize: 10,
+        pageSizeOptions: ['10', '20', '30'],
+        showTotal: (total, range) => {
+          return range[0] + '-' + range[1] + ' ' + this.$t('total') + total + this.$t('strip')
+        },
+        showQuickJumper: true,
+        showSizeChanger: true,
+        total: 0
+      },
+      columns: [
+        // 序号
+        {
+          title: this.$t('serialNumber'),
+          key: 'rowIndex',
+          width: 60,
+          customRender: function (t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        // 模块负责人
+        {
+          title: this.$t('workCenter.standardConsultationProcess.moduleOwner'),
+          dataIndex: 'moduleOwner',
+          width: 150
+        },
+        // 设计工程师
+        {
+          title: this.$t('workCenter.standardConsultationProcess.designEngineer'),
+          dataIndex: 'contact',
+          width: 150
+        },
+        // 评估结果
+        {
+          dataIndex: 'evaluationResults_dictText',
+          title: this.$t('projectLibrary.vehicleItemLibrary.evaluationResult'),
+          width: 120
+        },
+        // 车型
+        {
+          dataIndex: '4',
+          title: this.$t('projectLibrary.specialProjectLibrary.vehicleModel'),
+          width: 100
+        },
+        // 依据描述
+        {
+          dataIndex: 'nameWorkNo',
+          title: this.$t('projectLibrary.specialProjectLibrary.basisDescription'),
+          width: 250
+        },
+        // 佐证材料
+        {
+          dataIndex: '5',
+          title: this.$t('projectLibrary.specialProjectLibrary.supportingMaterial'),
+          width: 120
+        }
+      ],
+      dataSource: []
+    }
+  },
+  methods: {
+    open (record) {
+      this.visible = true
+      this.model = Object.assign({}, record)
+    },
+    handleOk () {
+      this.close()
+    },
+    handleCancel () {
+      this.close()
+    },
+    close () {
+      this.visible = false
+      this.model = {}
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+
+.detail-page-part-form-item {
+  width: calc((100% - 16px) / 2) !important;
+
+  label {
+    width: 9rem !important;
+  }
+}
+
+.detail-page-part-form-item:nth-child(2n) {
+  margin-right: 0 !important;
+}
+</style>