reactor:甄别申请调整;

src/views/business/discern/backlog/index.vue

@@ -9,82 +9,86 @@
 							<el-input v-model="state.queryParams.Keyword" placeholder="工单编码/标题" clearable @keyup.enter="queryList" />
 						</el-form-item>
 					</el-col>
-						<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
-							<el-form-item label="甄别时间" prop="crTime">
-								<el-date-picker
-									v-model="state.queryParams.crTime"
-									type="datetimerange"
-									unlink-panels
-									range-separator="至"
-									start-placeholder="开始时间"
-									end-placeholder="结束时间"
-									:shortcuts="shortcuts"
-									@change="timeStartChangeCr"
-									value-format="YYYY-MM-DD[T]HH:mm:ss"
-								/>
-							</el-form-item>
-						</el-col>
 					<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
-            <el-form-item label=" ">
-                <el-button type="primary" @click="queryList" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
-                <el-button @click="resetQuery(ruleFormRef)" v-waves class="default-button" :loading="state.loading"> <SvgIcon name="ele-Refresh" class="mr5" />重置 </el-button>
-            </el-form-item>
+						<el-form-item label="甄别时间" prop="crTime">
+							<el-date-picker
+								v-model="state.queryParams.crTime"
+								type="datetimerange"
+								unlink-panels
+								range-separator="至"
+								start-placeholder="开始时间"
+								end-placeholder="结束时间"
+								:shortcuts="shortcuts"
+								@change="timeStartChangeCr"
+								value-format="YYYY-MM-DD[T]HH:mm:ss"
+							/>
+						</el-form-item>
+					</el-col>
+					<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
+						<el-form-item label=" ">
+							<el-button type="primary" @click="queryList" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
+							<el-button @click="resetQuery(ruleFormRef)" v-waves class="default-button" :loading="state.loading">
+								<SvgIcon name="ele-Refresh" class="mr5" />重置
+							</el-button>
+						</el-form-item>
 					</el-col>
 				</el-row>
 			</el-form>
 		</el-card>
 		<el-card shadow="never">
 			<!-- 功能按钮 -->
-      <el-tabs v-model="state.queryParams.status" class="demo-tabs" @tab-change="handleClick">
-        <el-tab-pane :name="item.value" v-for="item in state.tabPaneList" :key="item.value" :label="item.label"></el-tab-pane>
-      </el-tabs>
+			<el-tabs v-model="state.queryParams.status" class="demo-tabs" @tab-change="handleClick">
+				<el-tab-pane :name="item.value" v-for="item in state.tabPaneList" :key="item.value" :label="item.label"></el-tab-pane>
+			</el-tabs>
 			<!-- 表格 -->
 			<el-table :data="state.tableData" v-loading="state.loading" row-key="id" ref="multipleTableRef" @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" />
-        <el-table-column prop="order.no" label="工单编码" show-overflow-tooltip width="150"></el-table-column>
-        <el-table-column width="100" label="省/市工单" prop="isProvince" >
-          <template #default="{ row }">
-            <span>{{ row.order?.isProvince ? '省工单' : '市工单' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="工单标题" show-overflow-tooltip width="300">
-          <template #default="{ row }">
-            <span class="color-primary">{{ row.order?.title }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="order.sourceChannel" label="来源方式" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="order.acceptType" label="受理类型" show-overflow-tooltip width="120"></el-table-column>
-        <el-table-column prop="expiredTime" label="受理人" show-overflow-tooltip width="170">
-          <template #default="{ row }">
-            <span>{{ row.order?.acceptorName}} <span v-if="row.order?.acceptorStaffNo">[{{row.order?.acceptorStaffNo}}]</span> </span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="order.orgLevelOneName" label="一级部门" show-overflow-tooltip width="150"></el-table-column>
-        <el-table-column prop="order.actualHandleOrgName" label="接办部门" show-overflow-tooltip width="150"></el-table-column>
-        <el-table-column prop="actualHandleTime" label="接办时间" show-overflow-tooltip width="170">
-          <template #default="{ row }">
-            <span>{{ formatDate(row.order?.actualHandleTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="order.startTime" label="受理时间" show-overflow-tooltip width="170">
-          <template #default="{ row }">
-            <span>{{ formatDate(row.order?.startTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="visit.visitTime" label="回访时间" show-overflow-tooltip width="170">
-          <template #default="{ row }">
-            <span>{{ formatDate(row.visit?.visitTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="creationTime" label="甄别申请时间" show-overflow-tooltip width="170">
-          <template #default="{ row }">
-            <span>{{ formatDate(row.creationTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="creatorName" label="甄别申请人" show-overflow-tooltip width="170"></el-table-column>
-        <el-table-column prop="creatorOrgName" label="甄别申请部门" show-overflow-tooltip  width="200"></el-table-column>
-        <el-table-column prop="typeDicName" label="甄别申请类型" show-overflow-tooltip  width="170"></el-table-column>
-        <el-table-column prop="content" label="甄别申请原因" show-overflow-tooltip width="200"></el-table-column>
+				<el-table-column type="selection" width="55" />
+				<el-table-column prop="order.no" label="工单编码" show-overflow-tooltip width="150"></el-table-column>
+				<el-table-column width="100" label="省/市工单" prop="isProvince">
+					<template #default="{ row }">
+						<span>{{ row.order?.isProvince ? '省工单' : '市工单' }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column label="工单标题" show-overflow-tooltip width="300">
+					<template #default="{ row }">
+						<span class="color-primary">{{ row.order?.title }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="order.sourceChannel" label="来源方式" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="order.acceptType" label="受理类型" show-overflow-tooltip width="120"></el-table-column>
+				<el-table-column prop="expiredTime" label="受理人" show-overflow-tooltip width="170">
+					<template #default="{ row }">
+						<span
+							>{{ row.order?.acceptorName }} <span v-if="row.order?.acceptorStaffNo">[{{ row.order?.acceptorStaffNo }}]</span>
+						</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="order.orgLevelOneName" label="一级部门" show-overflow-tooltip width="150"></el-table-column>
+				<el-table-column prop="order.actualHandleOrgName" label="接办部门" show-overflow-tooltip width="150"></el-table-column>
+				<el-table-column prop="actualHandleTime" label="接办时间" show-overflow-tooltip width="170">
+					<template #default="{ row }">
+						<span>{{ formatDate(row.order?.actualHandleTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="order.startTime" label="受理时间" show-overflow-tooltip width="170">
+					<template #default="{ row }">
+						<span>{{ formatDate(row.order?.startTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="visit.visitTime" label="回访时间" show-overflow-tooltip width="170">
+					<template #default="{ row }">
+						<span>{{ formatDate(row.visit?.visitTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="creationTime" label="甄别申请时间" show-overflow-tooltip width="170">
+					<template #default="{ row }">
+						<span>{{ formatDate(row.creationTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="creatorName" label="甄别申请人" show-overflow-tooltip width="170"></el-table-column>
+				<el-table-column prop="creatorOrgName" label="甄别申请部门" show-overflow-tooltip width="200"></el-table-column>
+				<el-table-column prop="typeDicName" label="甄别申请类型" show-overflow-tooltip width="170"></el-table-column>
+				<el-table-column prop="content" label="甄别申请原因" show-overflow-tooltip width="200"></el-table-column>
 				<el-table-column label="操作" width="100" fixed="right" align="center">
 					<template #default="{ row }">
 						<el-button link type="primary" @click="approve(row)" title="甄别审批" v-auth="'business:discern:backlog:approve'"> 甄别审批 </el-button>
@@ -102,19 +106,19 @@
 				@pagination="queryList"
 			/>
 		</el-card>
-    <!-- 流程审批 -->
-    <process-approval ref="processApprovalRef" @orderProcessSuccess="queryList" />
+		<!-- 流程审批 -->
+		<process-approval ref="processApprovalRef" @orderProcessSuccess="queryList" />
 	</div>
 </template>
 <script setup lang="ts" name="orderDiscernBacklog">
-import { onMounted, reactive, ref,defineAsyncComponent } from 'vue';
+import { onMounted, reactive, ref, defineAsyncComponent } from 'vue';
 import { ElButton, ElMessage, FormInstance } from 'element-plus';
 import { auth } from '/@/utils/authFunction';
 import { throttle } from '/@/utils/tools';
-import {commonEnum, shortcuts} from '/@/utils/constants';
+import { commonEnum, shortcuts } from '/@/utils/constants';
 import { formatDate } from '/@/utils/formatTime';
-import {screenList,screenBaseData} from '/@/api/business/discern';
-import other from "/@/utils/other";
+import { screenList, screenBaseData, screenGetWorkflowId } from '/@/api/business/discern';
+import other from '/@/utils/other';
 
 // 引入组件
 const ProcessApproval = defineAsyncComponent(() => import('/@/components/ProcessApproval/index.vue')); // 流程审批
@@ -129,13 +133,13 @@ const state = reactive(<any>{
 		CreationTimeStart: '', // 创建时间 开始
 		CreationTimeEnd: '', // 创建时间 结束
 		exTime: [], // 办理期限
-    Status: '0'
+		Status: '0',
 	},
 	tableData: [], //表单
 	loading: false, // 加载
 	total: 0, // 总数
-  screenStatus: [], // 甄别状态
-  screenType: [], // 甄别类型
+	screenStatus: [], // 甄别状态
+	screenType: [], // 甄别类型
 });
 const handleTimeChange = (val: string[], startKey: string, endKey: string) => {
 	if (val) {
@@ -153,30 +157,30 @@ const timeStartChangeCr = (val: string[]) => {
 // 获取查询条件基础信息
 const getBaseData = async () => {
 	const res: any = await screenBaseData();
-  state.screenStatus = res.result?.screenStatus ?? [];
-  state.screenType = res.result?.screenType ?? [];
+	state.screenStatus = res.result?.screenStatus ?? [];
+	state.screenType = res.result?.screenType ?? [];
 };
 /** 获取列表 */
 const queryList = throttle(() => {
 	if (!auth('business:discern:backlog:query')) ElMessage.error('抱歉，您没有权限查看甄别待办！');
 	else {
-    let request = other.deepClone(state.queryParams);
-    Reflect.deleteProperty(request, 'exTime'); // 删除无用的参数
-    state.loading = true;
-    screenList(request)
-        .then((response: any) => {
-          state.tableData = response?.result.items ?? [];
-          state.total = response?.result.total;
-          state.loading = false;
-        })
-        .catch(() => {
-          state.loading = false;
-        });
+		let request = other.deepClone(state.queryParams);
+		Reflect.deleteProperty(request, 'exTime'); // 删除无用的参数
+		state.loading = true;
+		screenList(request)
+			.then((response: any) => {
+				state.tableData = response?.result.items ?? [];
+				state.total = response?.result.total;
+				state.loading = false;
+			})
+			.catch(() => {
+				state.loading = false;
+			});
 	}
 }, 500);
 // 切换tab 查询列表
 const handleClick = () => {
-  queryList();
+	queryList();
 };
 /** 重置按钮操作 */
 const resetQuery = throttle((formEl: FormInstance | undefined) => {
@@ -198,19 +202,24 @@ const onExport = () => {
 };
 // 甄别审批
 const processApprovalRef = ref<RefType>(); // 流程审批ref
-const approve = (row: any) => {
-  const params = {
-    id: row.order.workflowId,
-    commonEnum:commonEnum.Discriminate,
-    processType: '甄别审批',
-    orderDetail: row.order,
-    extra: {
-      dialogTitle: '甄别审批',
-      inputPlaceholder: '办理意见',
-      annexName:'甄别附件',
-    },
-  };
-  processApprovalRef.value.openDialog(params);
+const approve = async (row: any) => {
+  try {
+    const {result} = await screenGetWorkflowId(row.id);
+    const params = {
+      id: result,
+      commonEnum: commonEnum.Discriminate,
+      processType: '甄别审批',
+      orderDetail: row.order,
+      extra: {
+        dialogTitle: '甄别审批',
+        inputPlaceholder: '办理意见',
+        annexName: '甄别附件',
+      },
+    };
+    processApprovalRef.value.openDialog(params);
+  }catch (error) {
+    console.log(error);
+  }
 };
 onMounted(async () => {
 	await getBaseData();
@@ -220,6 +229,5 @@ onMounted(async () => {
 
 <style scoped lang="scss">
 .business-discern-backlog-container {
-
 }
 </style>