lilei 2 週間 前
コミット
5f0b0fb0f3

+ 12 - 1
src/views/financialManagement/manualEntryForm/list.vue

@@ -96,6 +96,7 @@
               v-if="record.status!='WAIT_SUBMIT'"
               size="small"
               type="link"
+              @click="auditStatus(record)"
               class="button-info"
             >
               审核状态
@@ -104,6 +105,8 @@
         </s-table>
       </a-spin>
     </a-card>
+    <!-- 审核进度 -->
+    <verifyModal v-drag :openModal="openModal" :itemId="itemId" :itemSn="itemSn" @close="openModal=false"></verifyModal>
     <!-- 基础信息 -->
     <baseModal v-drag :show="baseModal" :itemSn="itemSn" @cancel="baseModal=false" @ok="hanldAudit"></baseModal>
     <!-- 提交  选择审批人员 -->
@@ -117,16 +120,18 @@ import { STable, VSelect } from '@/components'
 import dealerSubareaScopeList from '@/views/common/dealerSubareaScopeList.vue'
 import rangeDate from '@/views/common/rangeDate.vue'
 import baseModal from './baseModal.vue'
+import verifyModal from './verifyModal.vue'
 import chooseDepartUserModal from './chooseDepartUserModal.vue'
 import { verifyAccountChangeList, verifyAcountBillSubmit, verifyAccountChangeDel } from '@/api/verifyAccountChange.js'
 export default {
   name: 'ManualEntryFormList',
   mixins: [commonMixin],
-  components: { STable, VSelect, rangeDate, baseModal, chooseDepartUserModal, dealerSubareaScopeList },
+  components: { STable, VSelect, rangeDate, baseModal, chooseDepartUserModal, dealerSubareaScopeList, verifyModal },
   data () {
     return {
       spinning: false,
       baseModal: false,
+      openModal: false,
       tableHeight: 0,
       queryParam: { //  查询条件
         beginDate: '',
@@ -222,6 +227,12 @@ export default {
       this.queryParam.status = undefined
       this.$refs.table.refresh(true)
     },
+    // 审核进度
+    auditStatus (row) {
+      this.openModal = true
+      this.itemSn = row.changeSn
+      this.itemId = row.id
+    },
     // 删除
     handleDel (row) {
       const _this = this

+ 102 - 0
src/views/financialManagement/manualEntryForm/verifyModal.vue

@@ -0,0 +1,102 @@
+<template>
+  <a-modal
+    centered
+    :footer="null"
+    :maskClosable="false"
+    title="人工录入单审核进度"
+    v-model="isShow"
+    @cancel="isShow=false"
+    width="50%">
+    <p>说明:以下信息来自钉钉</p>
+    <a-spin :spinning="spinning" tip="Loading...">
+      <s-table
+        class="sTable fixPagination"
+        ref="table"
+        size="small"
+        :rowKey="(record) => record.id"
+        :columns="columns"
+        :data="loadData"
+        :scroll="{ y: 500 }"
+        :showPagination="false"
+        :defaultLoadData="true"
+        bordered>
+      </s-table>
+    </a-spin>
+  </a-modal>
+</template>
+
+<script>
+import { STable } from '@/components'
+import { getProcessInstance } from '@/api/expenseManagement'
+export default {
+  name: 'VerifyModal',
+  components: { STable },
+  props: {
+    openModal: {
+      type: Boolean,
+      default: false
+    },
+    itemSn: {
+      type: [Number, String],
+      default: ''
+    },
+    itemId: {
+      type: [Number, String],
+      default: ''
+    }
+  },
+  data () {
+    return {
+      spinning: false,
+      isShow: this.openModal,
+      columns: [{ title: '序号', dataIndex: 'no', width: '8%', align: 'center' },
+        { title: '人员姓名', width: '12%', dataIndex: 'approvalName', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '人员类型', dataIndex: 'processTaskType', width: '15%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '状态', dataIndex: 'approvalStateDictValue', width: '10%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '审批意见', dataIndex: 'approvalOpinion', width: '20%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
+        { title: '附件', dataIndex: 'attachmentNames', width: '20%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '操作时间', dataIndex: 'approvalTime', width: '20%', align: 'center', customRender: function (text) { return text || '--' } }],
+      // 加载数据方法 必须为 Promise 对象
+      loadData: parameter => {
+        this.spinning = true
+        delete parameter.tableId
+        delete parameter.index
+        return getProcessInstance({ businessType: 'VERIFY_ACCOUNT_CHANGE', businessSn: this.itemSn }).then(res => {
+          let data
+          if (res.status == 200) {
+            data = res.data ? res.data[0] ? res.data[0].opinionList ? res.data[0].opinionList : [] : [] : []
+            const no = 0
+            for (var i = 0; i < data.length; i++) {
+              data[i].no = no + i + 1
+            }
+            this.disabled = false
+          }
+          this.spinning = false
+          return data
+        })
+      }
+    }
+  },
+  watch: {
+    openModal (nVal, oVal) {
+      this.isShow = nVal
+    },
+    isShow (nVal, oVal) {
+      if (!nVal) {
+        this.$emit('close')
+        this.$refs.table.clearTable()
+      } else {
+        this.$nextTick(() => {
+          this.$refs.table.refresh()
+        })
+      }
+    },
+    itemSn (nVal, oVal) {
+
+    }
+  }
+}
+</script>
+
+<style>
+</style>