From a63543a5c793c8954fa2f9da0ee4fb215c62d8c2 Mon Sep 17 00:00:00 2001
From: 疯狂的狮子Li <15040126243@163.com>
Date: 星期一, 20 五月 2024 10:26:46 +0800
Subject: [PATCH] !118 ♥️发布 5.2.0-BETA 公测版本 Merge pull request !118 from 疯狂的狮子Li/dev
---
src/views/workflow/leave/index.vue | 251 ++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 251 insertions(+), 0 deletions(-)
diff --git a/src/views/workflow/leave/index.vue b/src/views/workflow/leave/index.vue
new file mode 100644
index 0000000..23d5442
--- /dev/null
+++ b/src/views/workflow/leave/index.vue
@@ -0,0 +1,251 @@
+<template>
+ <div class="p-2">
+ <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+ <div v-show="showSearch" class="search">
+ <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+ <el-form-item label="璇峰亣澶╂暟" prop="startLeaveDays">
+ <el-input v-model="queryParams.startLeaveDays" placeholder="璇疯緭鍏ヨ鍋囧ぉ鏁�" clearable @keyup.enter="handleQuery" />
+ </el-form-item>
+ <el-form-item prop="endLeaveDays"> 鑷� </el-form-item>
+ <el-form-item prop="endLeaveDays">
+ <el-input v-model="queryParams.endLeaveDays" placeholder="璇疯緭鍏ヨ鍋囧ぉ鏁�" clearable @keyup.enter="handleQuery" />
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button>
+ <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ </transition>
+
+ <el-card shadow="never">
+ <template #header>
+ <el-row :gutter="10" class="mb8">
+ <el-col :span="1.5">
+ <el-button v-hasPermi="['demo:leave:add']" type="primary" plain icon="Plus" @click="handleAdd">鏂板</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button v-hasPermi="['demo:leave:export']" type="warning" plain icon="Download" @click="handleExport">瀵煎嚭</el-button>
+ </el-col>
+ <right-toolbar v-model:showSearch="showSearch" @query-table="getList"></right-toolbar>
+ </el-row>
+ </template>
+
+ <el-table v-loading="loading" :data="leaveList" @selection-change="handleSelectionChange">
+ <el-table-column type="selection" width="55" align="center" />
+ <el-table-column v-if="false" label="涓婚敭" align="center" prop="id" />
+ <el-table-column label="璇峰亣绫诲瀷" align="center">
+ <template #default="scope">
+ <el-tag>{{ options.find((e) => e.value === scope.row.leaveType)?.label }}</el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column label="寮�濮嬫椂闂�" align="center" prop="startDate">
+ <template #default="scope">
+ <span>{{ parseTime(scope.row.startDate, '{y}-{m}-{d}') }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="缁撴潫鏃堕棿" align="center" prop="endDate">
+ <template #default="scope">
+ <span>{{ parseTime(scope.row.endDate, '{y}-{m}-{d}') }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="璇峰亣澶╂暟" align="center" prop="leaveDays" />
+ <el-table-column label="璇峰亣鍘熷洜" align="center" prop="remark" />
+ <el-table-column align="center" label="娴佺▼鐘舵��" min-width="70">
+ <template #default="scope">
+ <dict-tag :options="wf_business_status" :value="scope.row.processInstanceVo.businessStatus"></dict-tag>
+ </template>
+ </el-table-column>
+ <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+ <template #default="scope">
+ <el-button
+ v-if="
+ scope.row.processInstanceVo.businessStatus === 'draft' ||
+ scope.row.processInstanceVo.businessStatus === 'cancel' ||
+ scope.row.processInstanceVo.businessStatus === 'back'
+ "
+ v-hasPermi="['demo:leave:edit']"
+ size="small"
+ link
+ type="primary"
+ icon="Edit"
+ @click="handleUpdate(scope.row)"
+ >淇敼</el-button
+ >
+ <el-button
+ v-if="
+ scope.row.processInstanceVo.businessStatus === 'draft' ||
+ scope.row.processInstanceVo.businessStatus === 'cancel' ||
+ scope.row.processInstanceVo.businessStatus === 'back'
+ "
+ v-hasPermi="['demo:leave:remove']"
+ size="small"
+ link
+ type="primary"
+ icon="Delete"
+ @click="handleDelete(scope.row)"
+ >鍒犻櫎</el-button
+ >
+ <el-button link type="primary" size="small" icon="View" @click="handleView(scope.row)">鏌ョ湅</el-button>
+ <el-button
+ v-if="scope.row.processInstanceVo.businessStatus === 'waiting'"
+ link
+ size="small"
+ type="primary"
+ icon="Notification"
+ @click="handleCancelProcessApply(scope.row.processInstanceVo.id)"
+ >鎾ら攢</el-button
+ >
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" :total="total" @pagination="getList" />
+ </el-card>
+ </div>
+</template>
+
+<script setup name="Leave" lang="ts">
+import { delLeave, listLeave } from '@/api/workflow/leave';
+import { cancelProcessApply } from '@/api/workflow/processInstance';
+import { LeaveForm, LeaveQuery, LeaveVO } from '@/api/workflow/leave/types';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { wf_business_status } = toRefs<any>(proxy?.useDict('wf_business_status'));
+const leaveList = ref<LeaveVO[]>([]);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<string | number>>([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const options = [
+ {
+ value: '1',
+ label: '浜嬪亣'
+ },
+ {
+ value: '2',
+ label: '璋冧紤'
+ },
+ {
+ value: '3',
+ label: '鐥呭亣'
+ },
+ {
+ value: '4',
+ label: '濠氬亣'
+ }
+];
+
+const queryFormRef = ref<ElFormInstance>();
+
+const data = reactive<PageData<LeaveForm, LeaveQuery>>({
+ form: {},
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ startLeaveDays: undefined,
+ endLeaveDays: undefined
+ },
+ rules: {}
+});
+
+const { queryParams } = toRefs(data);
+
+/** 鏌ヨ璇峰亣鍒楄〃 */
+const getList = async () => {
+ loading.value = true;
+ const res = await listLeave(queryParams.value);
+ leaveList.value = res.rows;
+ total.value = res.total;
+ loading.value = false;
+};
+
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+const handleQuery = () => {
+ queryParams.value.pageNum = 1;
+ getList();
+};
+
+/** 閲嶇疆鎸夐挳鎿嶄綔 */
+const resetQuery = () => {
+ queryFormRef.value?.resetFields();
+ handleQuery();
+};
+
+/** 澶氶�夋閫変腑鏁版嵁 */
+const handleSelectionChange = (selection: LeaveVO[]) => {
+ ids.value = selection.map((item) => item.id);
+ single.value = selection.length != 1;
+ multiple.value = !selection.length;
+};
+
+/** 鏂板鎸夐挳鎿嶄綔 */
+const handleAdd = () => {
+ proxy.$tab.closePage(proxy.$route);
+ proxy.$router.push(`/demo/leaveEdit/index/add/add`);
+ proxy.$router.push({
+ path: `/demo/leaveEdit/index`,
+ query: {
+ type: 'add'
+ }
+ });
+};
+
+/** 淇敼鎸夐挳鎿嶄綔 */
+const handleUpdate = (row?: LeaveVO) => {
+ proxy.$tab.closePage(proxy.$route);
+ proxy.$router.push({
+ path: `/demo/leaveEdit/index`,
+ query: {
+ id: row.id,
+ type: 'update'
+ }
+ });
+};
+
+/** 鏌ョ湅鎸夐挳鎿嶄綔 */
+const handleView = (row?: LeaveVO) => {
+ proxy.$tab.closePage(proxy.$route);
+ proxy.$router.push({
+ path: `/demo/leaveEdit/index`,
+ query: {
+ id: row.id,
+ type: 'view'
+ }
+ });
+};
+
+/** 鍒犻櫎鎸夐挳鎿嶄綔 */
+const handleDelete = async (row?: LeaveVO) => {
+ const _ids = row?.id || ids.value;
+ await proxy?.$modal.confirm('鏄惁纭鍒犻櫎璇峰亣缂栧彿涓�"' + _ids + '"鐨勬暟鎹」锛�').finally(() => (loading.value = false));
+ await delLeave(_ids);
+ proxy?.$modal.msgSuccess('鍒犻櫎鎴愬姛');
+ await getList();
+};
+
+/** 瀵煎嚭鎸夐挳鎿嶄綔 */
+const handleExport = () => {
+ proxy?.download(
+ 'demo/leave/export',
+ {
+ ...queryParams.value
+ },
+ `leave_${new Date().getTime()}.xlsx`
+ );
+};
+
+/** 鎾ら攢鎸夐挳鎿嶄綔 */
+const handleCancelProcessApply = async (id: string) => {
+ await proxy?.$modal.confirm('鏄惁纭鎾ら攢褰撳墠鍗曟嵁锛�');
+ loading.value = true;
+ await cancelProcessApply(id).finally(() => (loading.value = false));
+ await getList();
+ proxy?.$modal.msgSuccess('鎾ら攢鎴愬姛');
+};
+onMounted(() => {
+ getList();
+});
+</script>
--
Gitblit v1.9.3