撤销上报

src/views/debit-pay/start-work/components/order/task-modal.vue

@@ -0,0 +1,50 @@
+<template>
+    <hc-new-dialog is-table widths="400px" :show="isShow" title="任务流程" @close="addModalClose">
+        111
+    </hc-new-dialog>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+
+const props = defineProps({
+    data: {
+        type: Object,
+        default: () => ({}),
+    },
+})
+
+//事件
+const emit = defineEmits(['close'])
+
+//双向绑定
+// eslint-disable-next-line no-undef
+const isShow = defineModel('modelValue', {
+    default: false,
+})
+
+//监听
+const dataInfo = ref(props.data)
+watch(() => props.data, (data) => {
+    dataInfo.value = data
+}, { immediate: true, deep:true })
+
+//监听
+watch(isShow, (val) => {
+    if (val) getDataApi()
+})
+
+const getDataApi = async () => {
+
+}
+
+//关闭弹窗
+const addModalClose = () => {
+    isShow.value = false
+    emit('close')
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/debit-pay/start-work/order.vue

@@ -29,6 +29,9 @@
                         is-new is-check :check-style="{ width: 29 }" :index-style="{ width: 60 }"
                         is-current-row @selection-change="tableCheckChange" @row-click="hanleRow"
                     >
+                        <template #approveStatusName="{ row }">
+                            <el-link type="primary" @click="rowTableClick(row)">{{ row.approveStatusName }}</el-link>
+                        </template>
                         <template #action="{ row }">
                             <el-link type="success" :disabled="approveStatus !== 0" @click="rowEditClick(row)">
                                 修改
@@ -89,6 +92,9 @@
 
         <!-- 上报弹窗 -->
         <hc-report-dialog v-model="isReport" :info="reportInfo" @finish="reportFinish" />
+
+        <!-- 任务流程 -->
+        <HcTaskModal v-model="isTaskModal" :data="taskData" />
     </hc-new-card>
 </template>
 
@@ -96,6 +102,7 @@
 import { nextTick, onActivated, ref } from 'vue'
 import { useAppStore } from '~src/store'
 import HcDataModal from './components/order/dataModal.vue'
+import HcTaskModal from './components/order/task-modal.vue'
 import { deepClone, getArrValue, getObjValue } from 'js-fast-way'
 import mainApi from '~api/debit-pay/start-work/order.js'
 import periodApi from '~api/debit-pay/material/periods.js'
@@ -264,6 +271,14 @@ const reportFinish = () => {
     window.location.reload()
 }
 
+//审批状态
+const isTaskModal = ref(false)
+const taskData = ref({})
+const rowTableClick = (row) => {
+    taskData.value = deepClone(row)
+    isTaskModal.value = true
+}
+
 //撤销上报
 const undoReportClick = async () => {