点击当前状态显示流程修改

src/views/demo/illegalconstruction/illegaldisposalledger/ShowStatusList/index.vue

@@ -0,0 +1,29 @@
+<template>
+  <div style="padding: 30px;">
+    <a-steps
+      progress-dot
+      v-model:current="current"
+      direction="vertical"
+      :items="statusItems"
+    ></a-steps>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {ref, computed} from "vue"
+const props = defineProps(['statusData','statusItems'])
+
+const stepIndexMap = {
+  0: 0,
+  1: 1,
+  2: 1,
+  3: 2,
+  4: 2,
+  6: 3,
+  7: 4,
+  8: 5,
+}
+const current = computed(() => stepIndexMap[props.statusData])
+</script>
+
+<style lang="scss" scoped></style>

src/views/demo/illegalconstruction/illegaldisposalledger/index.vue

@@ -1,25 +1,41 @@
 <template>
-  <BasicTable @register="registerTable">
-    <template #toolbar>
-      <PermissionBtn @btn-event="onBtnClicked" />
-    </template>
-    <template #bodyCell="{ column, record, text }">
-      <template v-if="['status'].includes(column.key)">
-        <a @click="showStatusList(record, column.key)">{{ text }}</a>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <PermissionBtn @btn-event="onBtnClicked" />
       </template>
-    </template>
-  </BasicTable>
+      <template #bodyCell="{ column, record, text }">
+        <template v-if="['currentStatusName'].includes(column.key)">
+          <a @click="showStatusList(record, column.key)">{{ text }}</a>
+        </template>
+      </template>
+    </BasicTable>
+    <a-modal
+      :footer="null"
+      v-model:open="showStatusModal"
+      title="处理流程"
+      :destroyOnClose="true"
+    >
+      <ShowStatusList :statusData="statusData" :statusItems="statusItems"/>
+    </a-modal>
+  </div>
 </template>
 
 <script setup lang="ts">
-import {} from "vue"
+import { ref } from "vue"
 import { PermissionBtn } from '@/components/PermissionBtn/index';
 import { BasicTable, useTable, TableAction } from '@/components/Table';
 import { columns, searchFormSchema } from './utils'
 import { GetReportStatistics } from '@/api/illegalconstruction/statistical'
+import ShowStatusList from './ShowStatusList/index.vue'
 import { getAppEnvConfig } from '@/utils/env';
 import axios from "axios";
 const { VITE_GLOB_API_URL } = getAppEnvConfig();
+
+const showStatusModal = ref(false)
+const statusData = ref(0)
+const statusItems = ref([])
+
 const [registerTable, { setTableData, reload, clearSelectedRowKeys, setPagination, setLoading }] =useTable({
   title: '违法处置台账',
   api: GetReportStatistics,
@@ -70,6 +86,32 @@ const onBtnClicked = (domId) => {
 }
 const showStatusList = (record, key) => {
   console.log(record, key)
+  statusData.value = record.status
+  const base = [
+    { title: "待处理" },
+  ]
+  if (statusData.value === 2) {
+    base.push({ title: "初审审核拒绝" })
+  } else {
+    base.push({ title: "初审审核通过" })
+  }
+  if (statusData.value === 2) {
+    return base
+  }
+
+  if (statusData.value === 4) {
+    base.push({ title: "复审审核拒绝" })
+    return base
+  } else {
+    base.push({ title: "复审审核通过" })
+  }
+  base.push(
+    { title: "已开单提车" },
+    { title: "已审核" },
+    { title: "已提车" }
+  )
+  statusItems.value = base
+  showStatusModal.value = true
 }
 </script>
 

src/views/demo/illegalconstruction/illegaldisposalledger/utils.ts

@@ -49,7 +49,7 @@ export const columns = [
   },
   { 
     title: '当前状态',
-    dataIndex: 'status',
+    dataIndex: 'currentStatusName',
   },
 ]
 export const searchFormSchema = [