From 4c1b7538f1ca8e5529f4f982a29f2d2c8d486c4e Mon Sep 17 00:00:00 2001
From: baoyu <102349094+Bytq@users.noreply.github.com>
Date: Fri, 12 Apr 2024 13:08:35 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E7=82=B9=E8=AE=A4=E8=AF=81=E6=A0=87?=
 =?UTF-8?q?=E5=87=86/=E6=94=BF=E7=AD=96=E5=90=88=E8=A7=84=E6=80=A7?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E5=AE=A1=E6=9F=A5=E6=B5=81=E7=A8=8B=20?=
 =?UTF-8?q?=E5=AE=9E=E6=96=BD=E6=97=A5=E6=9C=9F=20=E5=AE=9E=E6=96=BD?=
 =?UTF-8?q?=E8=A6=81=E6=B1=82=20=E5=9B=9E=E6=98=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/businessDivisionList.vue       | 335 ++++++++++--------
 1 file changed, 185 insertions(+), 150 deletions(-)

diff --git a/src/pages/processCenter/pages/creatProcess/policyComplianceReview/components/businessDivisionList.vue b/src/pages/processCenter/pages/creatProcess/policyComplianceReview/components/businessDivisionList.vue
index 663bd1b1a..4fc0e76a0 100644
--- a/src/pages/processCenter/pages/creatProcess/policyComplianceReview/components/businessDivisionList.vue
+++ b/src/pages/processCenter/pages/creatProcess/policyComplianceReview/components/businessDivisionList.vue
@@ -1,159 +1,194 @@
 <template>
-    <div style="margin-top: 10px">
-        <el-table
-                :data="infoTableDatas"
-                ref="multipleTable"
-                tooltip-effect="dark"
-                border
-                style="width: 100%;"
-                height="500"
-                :header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
-         fontWeight: 'bold', height: '48px'}">
-            <el-table-column
-                    type="selection"
-                    width="55"
-                    align="center">
-            </el-table-column>
-          <el-table-column
-              type="index"
-              width="55"
-              label="序号"
-              align="center">
-            <template slot-scope="{scope, column, $index}">
-              {{ ($index + 1) }}
-            </template>
-          </el-table-column>
-            <el-table-column
-                    prop="lawCode"
-                    label="标准编号/政策文号"
-                    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="产品类型">
-            </el-table-column>
-            <el-table-column
-                    prop="implTime"
-                    align="center"
-                    show-overflow-tooltip
-                    width="170"
-                    label="实施日期">
-            </el-table-column>
-            <el-table-column
-                    prop="implRequire"
-                    show-overflow-tooltip
-                    align="center"
-                    width="180"
-                    label="实施要求">
-            </el-table-column>
-            <el-table-column
-                    prop="resourceAccordwithCircumstance"
-                    show-overflow-tooltip
-                    align="center"
-                    width="180"
-                    label="资源符合情况">
-            </el-table-column>
-            <el-table-column
-                    prop="devPlan"
-                    align="center"
-                    show-overflow-tooltip
-                    width="180"
-                    label="开发计划">
-            </el-table-column>
-            <el-table-column
-                    prop="sopDate"
-                    align="center"
-                    show-overflow-tooltip
-                    width="170"
-                    label="SOP时间">
-            </el-table-column>
-            <el-table-column
-                    prop="finishCircumstance"
-                    align="center"
-                    width="180"
-                    show-overflow-tooltip
-                    label="完成情况">
-            </el-table-column>
-            <el-table-column
-                    prop="sopDateSolutions"
-                    align="center"
-                    show-overflow-tooltip
-                    width="400"
-                    label="SOP时间超过法规时限的空档期的业务应对方案">
-            </el-table-column>
-            <el-table-column
-                    v-if="showInput"
-                    align="center"
-                    fixed="right"
-                    width="80"
-                    label="操作">
-                <template slot-scope="scope">
-                    <a class="scopeText" @click="editModel(scope.row,scope.$index)">
-                        编辑
-                    </a>
-                </template>
-            </el-table-column>
-        </el-table>
-        <businessDivisionEdit ref="businessDivisionEditRef" @businessDivisionEditForm="businessDivisionEditForm"/>
-    </div>
+  <div style="margin-top: 10px">
+    <loading :loading="loading">数据获取中...</loading>
+    <el-table
+      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'}"
+    >
+      <el-table-column
+        type="selection"
+        width="55"
+        align="center"
+      />
+      <el-table-column
+        type="index"
+        width="55"
+        label="序号"
+        align="center"
+      >
+        <template slot-scope="{scope, column, $index}">
+          {{ ($index + 1) }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="lawCode"
+        label="标准编号/政策文号"
+        show-overflow-tooltip
+        align="center"
+        width="180"
+      />
+      <el-table-column
+        show-overflow-tooltip
+        prop="lawName"
+        label="标准名称/政策名称"
+        min-width="180"
+        align="center"
+      />
+      <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="实施日期"
+      />
+      <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="资源符合情况"
+      />
+      <el-table-column
+        prop="devPlan"
+        align="center"
+        show-overflow-tooltip
+        width="180"
+        label="开发计划"
+      />
+      <el-table-column
+        prop="sopDate"
+        align="center"
+        show-overflow-tooltip
+        width="170"
+        label="SOP时间"
+      />
+      <el-table-column
+        prop="finishCircumstance"
+        align="center"
+        width="180"
+        show-overflow-tooltip
+        label="完成情况"
+      />
+      <el-table-column
+        prop="sopDateSolutions"
+        align="center"
+        show-overflow-tooltip
+        width="400"
+        label="SOP时间超过法规时限的空档期的业务应对方案"
+      />
+      <el-table-column
+        v-if="showInput"
+        align="center"
+        fixed="right"
+        width="80"
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <a class="scopeText" @click="editModel(scope.row,scope.$index)">
+            编辑
+          </a>
+        </template>
+      </el-table-column>
+    </el-table>
+    <businessDivisionEdit ref="businessDivisionEditRef" @businessDivisionEditForm="businessDivisionEditForm" />
+  </div>
 </template>
 
 <script>
-    import businessDivisionEdit from "./businessDivisionEdit";
+import businessDivisionEdit from './businessDivisionEdit';
 
-    export default {
-        name: "businessDivisionList",
-        components: {
-            businessDivisionEdit
-        },
-        data() {
-            return {
-                infoTableDatas: [],
-                taskKey: this.$route.query.taskDefinitionKey,
-                selectNum: 0,
-            }
-        },
-        computed: {
-            showInput() {
-                if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey8' ||
-                    this.taskKey == 'PolicyComplianceProgramReviewProcessKey9') {
-                    return true
-                }
-                return false
-            },
-        },
-        methods: {
-            getData(val) {
-                this.infoTableDatas = val || []
-                this.infoTableDatas = [...this.infoTableDatas]
-            },
-            submit(callback) {
-                callback && callback(this.infoTableDatas)
-            },
-            businessDivisionEditForm(row) {
-                this.infoTableDatas[this.selectNum] = row
-                this.infoTableDatas = [...this.infoTableDatas]
-            },
-            editModel(row, index) {
-                this.selectNum = index
-                this.$refs.businessDivisionEditRef.edit(JSON.parse(JSON.stringify(row)))
-            },
-        }
+export default {
+  name: 'BusinessDivisionList',
+  components: {
+    businessDivisionEdit
+  },
+  data () {
+    return {
+      infoTableDatas: [],
+      taskKey: this.$route.query.taskDefinitionKey,
+      selectNum: 0,
+      loading: false,
+      dict: []
     }
+  },
+  computed: {
+    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
+      }
+      return false
+    },
+  },
+  methods: {
+    getData (val) {
+      this.infoTableDatas = val || []
+      this.infoTableDatas = [ ...this.infoTableDatas ]
+    },
+    submit (callback) {
+      callback && callback(this.infoTableDatas)
+    },
+    businessDivisionEditForm (row) {
+      this.infoTableDatas[this.selectNum] = row
+      this.infoTableDatas = [ ...this.infoTableDatas ]
+    },
+    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>