对接设计符合性确认

2022-05-10 11:21:17 +08:00
parent 20b0c436c4
commit 5da8cb2e43
15 changed files with 150 additions and 18 deletions
@@ -0,0 +1,110 @@
+<template>
+  <div class="box">
+    <div class="box-text">
+      <div class="header-text">
+        {{$t('circulationHistory')}}
+      </div>
+    </div>
+    <div style="width: 100%">
+      <a-table
+        ref="table"
+        :loading="loading"
+        :pagination="false"
+        :scroll="{x: true}"
+        :data-source="dataSource"
+        :columns="columns"
+      >
+        <span slot="approvalResult" slot-scope="text,result">
+            {{approvalResult[text]}}
+        </span>
+      </a-table>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getAction, postAction, downloadFile } from '@/api/manage'
+  import moment from 'moment'
+  import { Base64 } from 'js-base64'
+
+  export default {
+    name: 'circulationHistory',
+    data() {
+      return {
+        dataSource: [],
+        loading: false,
+        approvalResult: {
+          0: this.$t('agree'),
+          1: this.$t('disagree'),
+          2: this.$t('terminationProcess'),
+          3: this.$t('issue')
+        },
+        columns: [
+          {
+            title: this.$t('result'),
+            dataIndex: 'approvalResult',
+            align: 'center',
+            scopedSlots: { customRender: 'approvalResult' }
+          },
+          {
+            title: this.$t('opinion'),
+            dataIndex: 'approvalOpinion',
+            align: 'center'
+          },
+          {
+            title: this.$t('operationNode'),
+            dataIndex: 'name',
+            align: 'center'
+          },
+          {
+            title: this.$t('Operator'),
+            dataIndex: 'assignee',
+            align: 'center'
+          },
+          {
+            title: this.$t('operationTime'),
+            dataIndex: 'createTime',
+            align: 'center',
+            customRender: function(t, r, index) {
+              return moment(t).format('YYYY-MM-DD HH:mm:ss')
+            }
+          }
+        ],
+        downLoadFileUrl: window._CONFIG['domianPreviewURL'] + '/sys/common/download'
+      }
+    },
+    mounted() {
+      this.getList()
+    },
+    methods: {
+      getList() {
+        let query = {
+          prcId: this.$route.query.actiProcInstId
+        }
+        getAction('/workFlow/queryProcessHistoryByPrcId', query).then((res) => {
+          this.dataSource = res
+        })
+      }
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .box {
+    padding: 0 24px 24px 24px;
+    box-sizing: border-box;
+  }
+
+  .box-text {
+    display: flex;
+    justify-content: space-between;
+    height: 60px;
+    line-height: 40px;
+
+    .header-text {
+      font-size: 16px;
+      font-weight: 400;
+      color: #000F16;
+    }
+  }
+</style>