重点认证标准/政策合规性项目审查流程 实施日期 实施要求 回显

src/pages/processCenter/pages/creatProcess/policyComplianceReview/components/businessDivisionList.vue

@@ -1,24 +1,27 @@
 <template>
   <div style="margin-top: 10px">
+    <loading :loading="loading">数据获取中...</loading>
     <el-table
-                :data="infoTableDatas"
       ref="multipleTable"
+      :data="infoTableDatas"
       tooltip-effect="dark"
       border
       style="width: 100%;"
       height="500"
       :header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
-         fontWeight: 'bold', height: '48px'}">
+                           fontWeight: 'bold', height: '48px'}"
+    >
       <el-table-column
         type="selection"
         width="55"
-                    align="center">
+        align="center"
-            </el-table-column>
+      />
       <el-table-column
         type="index"
         width="55"
         label="序号"
-              align="center">
+        align="center"
+      >
         <template slot-scope="{scope, column, $index}">
           {{ ($index + 1) }}
         </template>
@@ -29,78 +32,83 @@
         show-overflow-tooltip
         align="center"
         width="180"
-            >
+      />
-            </el-table-column>
       <el-table-column
         show-overflow-tooltip
         prop="lawName"
         label="标准名称/政策名称"
         min-width="180"
         align="center"
-            >
+      />
-            </el-table-column>
       <el-table-column
         prop="productType"
         show-overflow-tooltip
         width="120"
         align="center"
         label="产品类型">
+        <template slot-scope="{row}">
+          <span>{{ trackingChecklistProductTypeMap[row.productType] || '-' }}</span>
+        </template>
       </el-table-column>
       <el-table-column
         prop="implTime"
         align="center"
         show-overflow-tooltip
         width="170"
-                    label="实施日期">
+        label="实施日期"
-            </el-table-column>
+      />
       <el-table-column
         prop="implRequire"
         show-overflow-tooltip
         align="center"
         width="180"
         label="实施要求">
+        <template slot-scope="{row}">
+          <span>{{ trackingChecklistPutDemandMap[row.implRequire] || '-' }}</span>
+        </template>
       </el-table-column>
       <el-table-column
         prop="resourceAccordwithCircumstance"
         show-overflow-tooltip
         align="center"
         width="180"
-                    label="资源符合情况">
+        label="资源符合情况"
-            </el-table-column>
+      />
       <el-table-column
         prop="devPlan"
         align="center"
         show-overflow-tooltip
         width="180"
-                    label="开发计划">
+        label="开发计划"
-            </el-table-column>
+      />
       <el-table-column
         prop="sopDate"
         align="center"
         show-overflow-tooltip
         width="170"
-                    label="SOP时间">
+        label="SOP时间"
-            </el-table-column>
+      />
       <el-table-column
         prop="finishCircumstance"
         align="center"
         width="180"
         show-overflow-tooltip
-                    label="完成情况">
+        label="完成情况"
-            </el-table-column>
+      />
       <el-table-column
         prop="sopDateSolutions"
         align="center"
         show-overflow-tooltip
         width="400"
-                    label="SOP时间超过法规时限的空档期的业务应对方案">
+        label="SOP时间超过法规时限的空档期的业务应对方案"
-            </el-table-column>
+      />
       <el-table-column
         v-if="showInput"
         align="center"
         fixed="right"
         width="80"
-                    label="操作">
+        label="操作"
+      >
         <template slot-scope="scope">
           <a class="scopeText" @click="editModel(scope.row,scope.$index)">
             编辑
@@ -108,27 +116,47 @@
         </template>
       </el-table-column>
     </el-table>
-        <businessDivisionEdit ref="businessDivisionEditRef" @businessDivisionEditForm="businessDivisionEditForm"/>
+    <businessDivisionEdit ref="businessDivisionEditRef" @businessDivisionEditForm="businessDivisionEditForm" />
   </div>
 </template>
 
 <script>
-    import businessDivisionEdit from "./businessDivisionEdit";
+import businessDivisionEdit from './businessDivisionEdit';
 
-    export default {
+export default {
-        name: "businessDivisionList",
+  name: 'BusinessDivisionList',
   components: {
     businessDivisionEdit
   },
-        data() {
+  data () {
     return {
       infoTableDatas: [],
       taskKey: this.$route.query.taskDefinitionKey,
       selectNum: 0,
+      loading: false,
+      dict: []
     }
   },
   computed: {
-            showInput() {
+    computed: {
+      trackingChecklistProductTypeMap () {
+        return this.dict.trackingChecklistProductType
+          ? this.dict.trackingChecklistProductType.reduce((obj, item) => {
+            obj[item.value] = item.label
+            return obj
+          }, {})
+          : []
+      },
+      trackingChecklistPutDemandMap () {
+        return this.dict.trackingChecklistPutDemand
+          ? this.dict.trackingChecklistPutDemand.reduce((obj, item) => {
+            obj[item.value] = item.label
+            return obj
+          }, {})
+          : []
+      }
+    },
+    showInput () {
       if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey8' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey9') {
         return true
@@ -137,23 +165,30 @@
     },
   },
   methods: {
-            getData(val) {
+    getData (val) {
       this.infoTableDatas = val || []
-                this.infoTableDatas = [...this.infoTableDatas]
+      this.infoTableDatas = [ ...this.infoTableDatas ]
     },
-            submit(callback) {
+    submit (callback) {
       callback && callback(this.infoTableDatas)
     },
-            businessDivisionEditForm(row) {
+    businessDivisionEditForm (row) {
       this.infoTableDatas[this.selectNum] = row
-                this.infoTableDatas = [...this.infoTableDatas]
+      this.infoTableDatas = [ ...this.infoTableDatas ]
     },
-            editModel(row, index) {
+    editModel (row, index) {
       this.selectNum = index
       this.$refs.businessDivisionEditRef.edit(JSON.parse(JSON.stringify(row)))
     },
+    getDicTypeListCode () {
+      this.loading = true
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+        this.loading = false
+      })
     }
   }
+}
 </script>
 
 <style scoped>