From 5e2996c9e53f125323042b7cb9c56d540d8075d8 Mon Sep 17 00:00:00 2001
From: weiwei <ctw@example.com>
Date: Tue, 25 Feb 2025 16:15:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E5=AE=A1=E6=89=B9=E6=8A=BD?=
 =?UTF-8?q?=E5=B1=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../supermarketerp/smErpInventoryRecords.ts   |   1 +
 .../taskDrawer}/agree.vue                     |   0
 src/components/taskDrawer/index.vue           | 123 ++++++++++++++++++
 .../taskDrawer}/refuse.vue                    |   0
 .../taskDrawer}/transfer.vue                  |   0
 src/components/taskDrawer/types.ts            |  24 ++++
 src/views/flow/task/handler/types.ts          |  22 ----
 src/views/flow/task/pending.vue               | 113 +++-------------
 src/views/supermarket/smSpu/form.vue          |  39 ++----
 .../smErpCgPlan/cgPlanOption.vue              |   1 +
 .../wallet/wallet-recharge-apply/index.vue    |  34 +++++
 11 files changed, 207 insertions(+), 150 deletions(-)
 rename src/{views/flow/task/handler => components/taskDrawer}/agree.vue (100%)
 create mode 100644 src/components/taskDrawer/index.vue
 rename src/{views/flow/task/handler => components/taskDrawer}/refuse.vue (100%)
 rename src/{views/flow/task/handler => components/taskDrawer}/transfer.vue (100%)
 create mode 100644 src/components/taskDrawer/types.ts
 delete mode 100644 src/views/flow/task/handler/types.ts

diff --git a/src/api/supermarketerp/smErpInventoryRecords.ts b/src/api/supermarketerp/smErpInventoryRecords.ts
index 49db3e5..f1657a9 100644
--- a/src/api/supermarketerp/smErpInventoryRecords.ts
+++ b/src/api/supermarketerp/smErpInventoryRecords.ts
@@ -1,4 +1,5 @@
 import request from "/@/utils/request"
+
 export function fetchList(query?: Object) {
 	return request({
 		url: "/supermarket/smErpInventoryRecords/page",
diff --git a/src/views/flow/task/handler/agree.vue b/src/components/taskDrawer/agree.vue
similarity index 100%
rename from src/views/flow/task/handler/agree.vue
rename to src/components/taskDrawer/agree.vue
diff --git a/src/components/taskDrawer/index.vue b/src/components/taskDrawer/index.vue
new file mode 100644
index 0000000..4279c3d
--- /dev/null
+++ b/src/components/taskDrawer/index.vue
@@ -0,0 +1,123 @@
+<template>
+	<!--右侧抽屉-->
+	<el-drawer v-model="taskDrawerVisible" direction="rtl" size="400px">
+		<template #header>
+			<h3>{{ currentData?.processName }}</h3>
+		</template>
+		<template #default>
+			<el-card class="box-card">
+				<form-render
+					@addLayoutOneItem="addLayoutOneItem"
+					@deleteLayoutOneItem="deleteLayoutOneItem"
+					ref="formRenderRef"
+					:form-list="currentOpenFlowForm"
+				/>
+			</el-card>
+			<flow-node-format
+				:disableSelect="true"
+				:formData="formValue"
+				:task-id="currentData.taskId"
+				:processInstanceId="currentData.processInstanceId"
+				:flow-id="currentData.flowId"
+				ref="flowNodeFormatRef"
+				class="mt-4"
+			/>
+		</template>
+		<template #footer>
+			<div style="flex: auto">
+				<el-button size="large" type="danger" icon="Close" @click="refuseTask">拒绝</el-button>
+				<el-button size="large" type="primary" icon="Check" @click="submitTask">提交</el-button>
+				<el-button size="large" type="info" icon="Share" @click="transferTask">转办</el-button>
+			</div>
+		</template>
+	</el-drawer>
+
+	<!--同意提交处理-->
+	<agree-handle @taskSubmitEvent="taskSubmitEvent" ref="agreeHandler"></agree-handle>
+
+	<!--拒绝审核处理-->
+	<refuse-handle @taskSubmitEvent="taskSubmitEvent" ref="refuseHandler"></refuse-handle>
+
+	<!--转办处理-->
+	<transfer-handle @taskSubmitEvent="taskSubmitEvent" ref="transferHandler"></transfer-handle>
+</template>
+
+<script setup lang="ts">
+import FormRender from "/@/views/flow/form/render/FormRender.vue"
+import FlowNodeFormat from "/@/views/flow/form/tools/FlowNodeFormatData.vue"
+import AgreeHandle from "./agree.vue"
+import RefuseHandle from "./refuse.vue"
+import TransferHandle from "./transfer.vue"
+import other from "/@/utils/other"
+import { FlowFormItem, TaskData } from "./types"
+
+const taskDrawerVisible = defineModel<boolean>()
+
+const props = withDefaults(
+	defineProps<{
+		currentData: TaskData
+		currentOpenFlowForm: FlowFormItem[]
+	}>(),
+	{
+		currentData: (): TaskData => ({
+			processName: "",
+			taskId: "",
+			processInstanceId: "",
+			flowId: "",
+		}),
+		currentOpenFlowForm: () => [],
+	},
+)
+
+const emit = defineEmits(["taskSubmitEvent"])
+
+const agreeHandler = ref()
+const refuseHandler = ref()
+const transferHandler = ref()
+
+const addLayoutOneItem = (id: number | string) => {
+	for (const item of props.currentOpenFlowForm) {
+		if (item.id !== id) {
+			continue
+		}
+		let value = item.props.value
+		let oriForm = item.props.oriForm
+		value.push(other.deepClone(oriForm))
+		item.props.value = value
+	}
+}
+const deleteLayoutOneItem = (id: any, index: any) => {
+	for (const item of props.currentOpenFlowForm) {
+		if (item.id !== id) {
+			continue
+		}
+		item.props.value.splice(index, 1)
+	}
+}
+
+// 提交任务
+const submitTask = () => {
+	agreeHandler.value.handle(props.currentData, props.currentOpenFlowForm)
+}
+// 拒绝任务
+const refuseTask = () => {
+	refuseHandler.value.handle(props.currentData, props.currentOpenFlowForm)
+}
+
+// 转办任务
+const transferTask = () => {
+	transferHandler.value.handle(props.currentData, props.currentOpenFlowForm)
+}
+
+// 流程提交
+const taskSubmitEvent = () => emit("taskSubmitEvent")
+
+const formValue = computed(() => {
+	const obj: any = {}
+
+	for (var item of props.currentOpenFlowForm) {
+		obj[item.id] = item.props.value
+	}
+	return obj
+})
+</script>
diff --git a/src/views/flow/task/handler/refuse.vue b/src/components/taskDrawer/refuse.vue
similarity index 100%
rename from src/views/flow/task/handler/refuse.vue
rename to src/components/taskDrawer/refuse.vue
diff --git a/src/views/flow/task/handler/transfer.vue b/src/components/taskDrawer/transfer.vue
similarity index 100%
rename from src/views/flow/task/handler/transfer.vue
rename to src/components/taskDrawer/transfer.vue
diff --git a/src/components/taskDrawer/types.ts b/src/components/taskDrawer/types.ts
new file mode 100644
index 0000000..50b91d3
--- /dev/null
+++ b/src/components/taskDrawer/types.ts
@@ -0,0 +1,24 @@
+// First let's create types for our form data
+export interface FlowFormItem {
+	id: string
+	type: string
+	props: {
+		value: any
+		[key: string]: any
+	}
+}
+
+export interface TaskData {
+	processName: string
+	taskId: string
+	processInstanceId: string
+	flowId: string
+}
+
+export interface TaskSubmitParam {
+	paramMap: Record<string, any>
+	taskId: string
+	taskLocalParamMap: {
+		approveDesc: string
+	}
+}
diff --git a/src/views/flow/task/handler/types.ts b/src/views/flow/task/handler/types.ts
deleted file mode 100644
index 32cbeeb..0000000
--- a/src/views/flow/task/handler/types.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-// First let's create types for our form data
-export interface FlowFormItem {
-  id: string
-  type: string
-  props: {
-    value: any
-    [key: string]: any
-  }
-}
-
-export interface TaskData {
-  taskId: string
-  nodeId: string
-}
-
-export interface TaskSubmitParam {
-  paramMap: Record<string, any>
-  taskId: string
-  taskLocalParamMap: {
-    approveDesc: string
-  }
-} 
\ No newline at end of file
diff --git a/src/views/flow/task/pending.vue b/src/views/flow/task/pending.vue
index 5296a68..5c64ea4 100644
--- a/src/views/flow/task/pending.vue
+++ b/src/views/flow/task/pending.vue
@@ -52,73 +52,35 @@
 				<el-table-column label="任务时间" prop="taskCreateTime" />
 				<el-table-column fixed="right" label="操作" width="200">
 					<template #default="scope">
-						<el-button type="primary" size="small" link icon="VideoPlay" @click="deal(scope.row)"> 开始处理 </el-button>
+						<el-button type="primary" size="small" link icon="VideoPlay" @click="deal(scope.row)">开始处理</el-button>
 					</template>
 				</el-table-column>
 			</el-table>
 
 			<pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination"></pagination>
 
-			<!--右侧抽屉-->
-			<el-drawer v-model="rightDrawerVisible" direction="rtl" size="400px">
-				<template #header>
-					<h3>{{ currentData?.processName }}</h3>
-				</template>
-				<template #default>
-					<el-card class="box-card">
-						<form-render
-							@addLayoutOneItem="addLayoutOneItem"
-							@deleteLayoutOneItem="deleteLayoutOneItem"
-							ref="formRenderRef"
-							:form-list="currentOpenFlowForm"
-						></form-render>
-					</el-card>
-					<flow-node-format
-						:disableSelect="true"
-						:formData="formValue"
-						:task-id="currentData.taskId"
-						:processInstanceId="currentData.processInstanceId"
-						:flow-id="currentData.flowId"
-						ref="flowNodeFormatRef"
-						class="mt-4"
-					/>
-				</template>
-				<template #footer>
-					<div style="flex: auto">
-						<el-button size="large" type="danger" icon="Close" @click="refuseTask">拒绝</el-button>
-						<el-button size="large" type="primary" icon="Check" @click="submitTask">提交</el-button>
-						<el-button size="large" type="info" icon="Share" @click="transferTask">转办</el-button>
-					</div>
-				</template>
-			</el-drawer>
-
-			<!--同意提交处理-->
-			<agree-handle @taskSubmitEvent="taskSubmitEvent" ref="agreeHandler"></agree-handle>
-
-			<!--拒绝审核处理-->
-			<refuse-handle @taskSubmitEvent="taskSubmitEvent" ref="refuseHandler"></refuse-handle>
-
-			<!--转办处理-->
-			<transfer-handle @taskSubmitEvent="taskSubmitEvent" ref="transferHandler"></transfer-handle>
+			<!-- 右侧抽屉 -->
+			<taskDrawer
+				v-model="taskDrawerVisible"
+				:current-data="currentData"
+				:current-open-flow-form="currentOpenFlowForm"
+				@task-submit-event="taskSubmitEvent"
+			/>
 		</div>
 	</div>
 </template>
 <script setup lang="ts">
-import FormRender from "/@/views/flow/form/render/FormRender.vue"
-import AgreeHandle from "./handler/agree.vue"
-import RefuseHandle from "./handler/refuse.vue"
-import TransferHandle from "./handler/transfer.vue"
-import FlowNodeFormat from "/@/views/flow/form/tools/FlowNodeFormatData.vue"
-import other from "/@/utils/other"
 import { queryMineTask, queryTask } from "/@/api/flow/task"
 import { BasicTableProps, useTable } from "/@/hooks/table"
+import taskDrawer from "/@/components/taskDrawer/index.vue"
 
-const rightDrawerVisible = ref(false)
+const taskDrawerVisible = ref(false)
 const showSearch = ref(true)
 const loading = ref(false)
 const queryRef = ref()
-
 const currentData = ref()
+const currentOpenFlowForm = ref()
+
 const state: BasicTableProps = reactive<BasicTableProps>({
 	pageList: queryMineTask,
 	queryForm: {
@@ -137,33 +99,9 @@ const deal = (row: any) => {
 	currentData.value = row
 	queryTask(row.taskId, false).then((res) => {
 		currentOpenFlowForm.value = res.data.formItems
-		rightDrawerVisible.value = true
+		taskDrawerVisible.value = true
 	})
 }
-const currentOpenFlowForm = ref()
-const addLayoutOneItem = (id: Number) => {
-	for (const item of currentOpenFlowForm.value) {
-		if (item.id !== id) {
-			continue
-		}
-		let value = item.props.value
-		let oriForm = item.props.oriForm
-		value.push(other.deepClone(oriForm))
-		item.props.value = value
-	}
-}
-const deleteLayoutOneItem = (id, index) => {
-	for (const item of currentOpenFlowForm.value) {
-		if (item.id !== id) {
-			continue
-		}
-		item.props.value.splice(index, 1)
-	}
-}
-
-const agreeHandler = ref()
-const refuseHandler = ref()
-const transferHandler = ref()
 
 // 清空搜索条件
 const resetQuery = () => {
@@ -171,37 +109,18 @@ const resetQuery = () => {
 	getDataList()
 }
 
+// 任务提交事件
 const taskSubmitEvent = () => {
-	rightDrawerVisible.value = false
+	taskDrawerVisible.value = false
 	getDataList()
 }
 
-/**
- * 提交任务
- */
-const submitTask = () => {
-	agreeHandler.value.handle(currentData.value, currentOpenFlowForm.value)
-}
-/**
- * 拒绝任务
- */
-const refuseTask = () => {
-	refuseHandler.value.handle(currentData.value, currentOpenFlowForm.value)
-}
-
-/**
- * 转办任务
- */
-const transferTask = () => {
-	transferHandler.value.handle(currentData.value, currentOpenFlowForm.value)
-}
-
 onMounted(() => {
 	getDataList()
 })
 
 const formValue = computed(() => {
-	const obj = {}
+	const obj: any = {}
 
 	for (var item of currentOpenFlowForm.value) {
 		obj[item.id] = item.props.value
diff --git a/src/views/supermarket/smSpu/form.vue b/src/views/supermarket/smSpu/form.vue
index dc0cf33..8c2105e 100644
--- a/src/views/supermarket/smSpu/form.vue
+++ b/src/views/supermarket/smSpu/form.vue
@@ -16,7 +16,7 @@
 
 				<el-col :span="24" class="mb20">
 					<el-form-item label="商品轮播图" prop="sliderPicUrls">
-						<upload-img v-model:imageUrl="form.sliderPicUrls"></upload-img>
+						<upload-imgs v-model:imageUrls="form.sliderPicUrls"></upload-imgs>
 					</el-form-item>
 				</el-col>
 
@@ -29,21 +29,14 @@
 				<el-col :span="24" class="mb20">
 					<el-form-item label="商品状态" prop="status">
 						<el-radio-group v-model="form.status">
-							<el-radio :label="item.value" v-for="(item, index) in spu_status" border :key="index"
-								>{{ item.label }}
-							</el-radio>
+							<el-radio :label="item.value" v-for="(item, index) in spu_status" border :key="index">{{ item.label }} </el-radio>
 						</el-radio-group>
 					</el-form-item>
 				</el-col>
 
 				<el-col :span="12" class="mb20">
 					<el-form-item label="赠送积分" prop="giveIntegral">
-						<el-input-number
-							:min="0"
-							:max="1000"
-							v-model="form.giveIntegral"
-							placeholder="请输入赠送积分"
-						></el-input-number>
+						<el-input-number :min="0" :max="1000" v-model="form.giveIntegral" placeholder="请输入赠送积分"></el-input-number>
 					</el-form-item>
 				</el-col>
 			</el-row>
@@ -62,14 +55,7 @@
 	</el-dialog>
 
 	<!-- 库存商品选择对话框 -->
-	<el-dialog
-		v-model="spuSelectDialogVisible"
-		title="选择商品"
-		width="60%"
-		:close-on-click-modal="false"
-		draggable
-		@close=""
-	>
+	<el-dialog v-model="spuSelectDialogVisible" title="选择商品" width="60%" :close-on-click-modal="false" draggable @close="">
 		<el-row>
 			<el-form :inline="true" @keyup.enter="getDataList">
 				<el-form-item label="商品名称" prop="name">
@@ -82,12 +68,7 @@
 			</el-form>
 		</el-row>
 
-		<el-table
-			v-loading="state.loading"
-			:data="state.dataList"
-			@row-click="handleRowClick"
-			:row-style="{ cursor: 'pointer' }"
-		>
+		<el-table v-loading="state.loading" :data="state.dataList" @row-click="handleRowClick" :row-style="{ cursor: 'pointer' }">
 			<el-table-column type="index" label="#" width="50" align="center" />
 			<el-table-column prop="productName" label="商品名称" width="100px" align="center" show-overflow-tooltip />
 			<el-table-column prop="brandId" label="商品品牌" width="100px" align="center" show-overflow-tooltip />
@@ -178,11 +159,8 @@ const openDialog = (id: string) => {
 	visible.value = true
 	form.id = ""
 
-	// 重置表单数据
-	nextTick(() => {
-		dataFormRef.value?.resetFields()
-		form.erpSpuName = ""
-	})
+	dataFormRef.value?.resetFields()
+	form.erpSpuName = ""
 
 	// 获取smSpu信息
 	if (id) {
@@ -228,8 +206,7 @@ const state: BasicTableProps = reactive<BasicTableProps>({
 	pageList: getOnlineSpuPage,
 })
 
-const { getDataList, currentChangeHandle, sizeChangeHandle, sortChangeHandle, downBlobFile, tableStyle } =
-	useTable(state)
+const { getDataList, currentChangeHandle, sizeChangeHandle, sortChangeHandle, downBlobFile, tableStyle } = useTable(state)
 
 const resetQuery = () => {
 	state.queryForm.productName = ""
diff --git a/src/views/supermarketerp/smErpCgPlan/cgPlanOption.vue b/src/views/supermarketerp/smErpCgPlan/cgPlanOption.vue
index 723aecd..8eb8686 100644
--- a/src/views/supermarketerp/smErpCgPlan/cgPlanOption.vue
+++ b/src/views/supermarketerp/smErpCgPlan/cgPlanOption.vue
@@ -6,6 +6,7 @@
 					<el-form-item label="编号" prop="planCode">
 						<el-input v-model="baseDataForm.planCode" readonly style="width: 200px" />
 					</el-form-item>
+
 					<el-form-item label="单据日期" prop="planDate">
 						<el-input v-model="baseDataForm.planDate" readonly style="width: 200px" />
 					</el-form-item>
diff --git a/src/views/wallet/wallet-recharge-apply/index.vue b/src/views/wallet/wallet-recharge-apply/index.vue
index b2238e6..90fc8ef 100644
--- a/src/views/wallet/wallet-recharge-apply/index.vue
+++ b/src/views/wallet/wallet-recharge-apply/index.vue
@@ -110,6 +110,9 @@
 							@click="handleDelete([row.id])"
 							>删除</el-button
 						>
+						<el-button type="primary" size="small" link icon="VideoPlay" @click="deal(row)" v-auth="'wallet_walletRechargeApply_check'">
+							开始处理
+						</el-button>
 					</template>
 				</el-table-column>
 			</el-table>
@@ -126,6 +129,14 @@
 			temp-url="/admin/sys-file/local/file/wallet_recharge.xlsx"
 			@refreshDataList="getDataList(false)"
 		/>
+
+		<!-- 右侧抽屉 -->
+		<taskDrawer
+			v-model="taskDrawerVisible"
+			:current-data="currentData"
+			:current-open-flow-form="currentOpenFlowForm"
+			@task-submit-event="taskSubmitEvent"
+		/>
 	</div>
 </template>
 
@@ -135,6 +146,8 @@ import * as walletRechargeApplyApi from "/@/api/wallet/wallet-recharge-apply"
 import { useMessage, useMessageBox } from "/@/hooks/message"
 import { useDict } from "/@/hooks/dict"
 import { ElLoading } from "element-plus"
+import { queryTask } from "/@/api/flow/task"
+import taskDrawer from "/@/components/taskDrawer/index.vue"
 
 const { push } = useRouter()
 
@@ -151,6 +164,9 @@ const showSearch = ref(true)
 // 多选变量
 const selectObjs = ref([]) as any
 const multiple = ref(true)
+const taskDrawerVisible = ref<boolean>()
+const currentData = ref()
+const currentOpenFlowForm = ref()
 
 const state: BasicTableProps = reactive<BasicTableProps>({
 	queryForm: {},
@@ -221,4 +237,22 @@ const handleDelete = async (ids: string[]) => {
 		useMessage().error(err.msg)
 	}
 }
+
+/**
+ * 点击开始处理
+ * @param row
+ */
+const deal = (row: any) => {
+	currentData.value = row
+	queryTask(row.processId, false).then((res) => {
+		currentOpenFlowForm.value = res.data.formItems
+		taskDrawerVisible.value = true
+	})
+}
+
+// 任务提交事件
+const taskSubmitEvent = () => {
+	taskDrawerVisible.value = false
+	getDataList()
+}
 </script>