审批重构
This commit is contained in:
@ -61,15 +61,20 @@
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<el-table v-loading="loading" :data="formalitiesAreConsolidatedList" @selection-change="handleSelectionChange">
|
||||
<el-table v-loading="loading" :data="formalitiesAreConsolidatedList" @selection-change="handleSelectionChange" row-key="id" default-expand-all>
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="手续办理清单模板父级" align="center" prop="formalitiesPname" />
|
||||
<!-- <el-table-column label="手续办理清单模板父级" align="center" prop="formalitiesPname" /> -->
|
||||
<el-table-column label="手续办理清单模板" align="center" prop="formalitiesName" />
|
||||
<el-table-column label="计划开始时间" align="center" prop="planTheStartTime" width="180">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.planTheStartTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="计划完成时间" align="center" prop="planTheEndTime" width="180">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.planTheEndTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="负责人" align="center" prop="head" />
|
||||
<el-table-column label="实际完成时间" align="center" prop="actualCompletionTime" width="180">
|
||||
<template #default="scope">
|
||||
@ -79,18 +84,27 @@
|
||||
<el-table-column label="办理状态" align="center" prop="processingStatus" />
|
||||
<el-table-column label="手续材料" align="center" prop="formalitiesUrl" width="180">
|
||||
<template #default="scope">
|
||||
<el-link type="primary" :underline="false" @click="handlePreview(scope.row)" target="_blank">查看</el-link>
|
||||
<el-link type="primary" :underline="false" @click="handlePreview(scope.row)" target="_blank" v-if="scope.row.formalitiesPid"
|
||||
>查看</el-link
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="备注" align="center" prop="remark" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template #default="scope">
|
||||
<div v-if="scope.row.status != 1">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['formalities:formalitiesAreConsolidated:edit']"
|
||||
<div v-if="scope.row.formalitiesPid">
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
icon="Edit"
|
||||
v-if="scope.row.processingStatus != '已完成'"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['formalities:formalitiesAreConsolidated:edit']"
|
||||
>修改</el-button
|
||||
>
|
||||
<el-button link type="primary" icon="Upload" @click="handleUpload(scope.row)">上传</el-button>
|
||||
<el-button link type="primary" icon="Upload" v-if="scope.row.processingStatus != '已完成'" @click="handleUpload(scope.row)"
|
||||
>上传</el-button
|
||||
>
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
@ -113,9 +127,14 @@
|
||||
<el-date-picker clearable v-model="form.planTheStartTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择计划开始时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="计划完成时间" prop="planTheStartTime">
|
||||
<el-date-picker clearable v-model="form.planTheEndTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择计划完成时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="负责人" prop="head">
|
||||
<el-input v-model="form.head" placeholder="请输入负责人" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="form.remark" placeholder="请输入备注" />
|
||||
</el-form-item>
|
||||
@ -136,7 +155,7 @@
|
||||
</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="90" align="center" v-if="fileStatus != 1">
|
||||
<el-table-column label="操作" width="90" align="center" v-if="fileStatus != '1'">
|
||||
<template #default="scope">
|
||||
<el-button type="danger" link icon="Delete" @click="handleDeleteFile(scope.row)"> 删除 </el-button>
|
||||
</template>
|
||||
@ -156,13 +175,14 @@
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 上传文件对话框 -->
|
||||
<el-dialog draggable title="上传文件" v-model="fileVisible" width="45%">
|
||||
<el-dialog draggable title="上传文件" v-model="fileVisible" width="450">
|
||||
<el-form-item label="上传文件" prop="processingStatus">
|
||||
<file-upload
|
||||
v-model="file"
|
||||
ref="uploadRef"
|
||||
uploadUrl="/formalities/formalitiesAnnex"
|
||||
:data="{ formalitiesId: form.id }"
|
||||
:fileType="['pdf']"
|
||||
:auto-upload="false"
|
||||
showFileList
|
||||
method="put"
|
||||
@ -176,6 +196,23 @@
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog title="修改状态" v-model="updateStatusVisible" width="500">
|
||||
<el-form ref="statusFormRef" :model="statusForm" :rules="rules">
|
||||
<el-form-item label="办理状态" prop="processingStatus">
|
||||
<el-select v-model="statusForm.processingStatus" placeholder="请选择办理状态">
|
||||
<el-option label="待开始" value="待开始" />
|
||||
<el-option label="处理中" value="处理中" />
|
||||
<el-option label="已完成" value="已完成" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span>
|
||||
<el-button @click="updateStatusVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="submitStatus">确定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -206,7 +243,8 @@ const formalitiesAreConsolidatedList = ref<FormalitiesAreConsolidatedVO[]>([]);
|
||||
const buttonLoading = ref(false);
|
||||
const loading = ref(true);
|
||||
const fileLoading = ref(false);
|
||||
|
||||
const updateStatusVisible = ref(false);
|
||||
const statusFormRef = ref<ElFormInstance>();
|
||||
const showSearch = ref(true);
|
||||
const ids = ref<Array<string | number>>([]);
|
||||
const single = ref(true);
|
||||
@ -218,7 +256,7 @@ const formalitiesAreConsolidatedFormRef = ref<ElFormInstance>();
|
||||
const fileList = ref([]);
|
||||
const fileTotal = ref(0);
|
||||
const viewVisible = ref(false);
|
||||
const fileStatus = ref(0);
|
||||
const fileStatus = ref<string>('0');
|
||||
const dialog = reactive<DialogOption>({
|
||||
visible: false,
|
||||
title: ''
|
||||
@ -229,10 +267,18 @@ const fileParams = reactive({
|
||||
pageSize: 10,
|
||||
formalitiesId: undefined
|
||||
});
|
||||
const statusForm = ref({
|
||||
id: undefined,
|
||||
projectId: currentProject.value?.id,
|
||||
processingStatus: undefined
|
||||
});
|
||||
|
||||
const initFormData: FormalitiesAreConsolidatedForm = {
|
||||
id: undefined,
|
||||
projectId: currentProject.value?.id,
|
||||
planTheStartTime: undefined,
|
||||
planTheEndTime: undefined,
|
||||
|
||||
head: undefined
|
||||
};
|
||||
const data = reactive<PageData<FormalitiesAreConsolidatedForm, FormalitiesAreConsolidatedQuery>>({
|
||||
@ -251,7 +297,11 @@ const data = reactive<PageData<FormalitiesAreConsolidatedForm, FormalitiesAreCon
|
||||
params: {}
|
||||
},
|
||||
rules: {
|
||||
id: [{ required: true, message: '不能为空', trigger: 'blur' }]
|
||||
id: [{ required: true, message: '不能为空', trigger: 'blur' }],
|
||||
planTheStartTime: [{ required: true, message: '请选择计划开始时间', trigger: 'blur' }],
|
||||
planTheEndTime: [{ required: true, message: '请选择计划结束时间', trigger: 'blur' }],
|
||||
head: [{ required: true, message: '请输入负责人', trigger: 'blur' }],
|
||||
processingStatus: [{ required: true, message: '请选择办理状态', trigger: 'blur' }]
|
||||
}
|
||||
});
|
||||
|
||||
@ -327,12 +377,21 @@ const handleUpload = (row) => {
|
||||
};
|
||||
|
||||
const handleUpdateStatus = async (row?: FormalitiesAreConsolidatedVO) => {
|
||||
await proxy?.$modal.confirm('是否确认修改状态?').finally(() => (loading.value = false));
|
||||
statusForm.value.id = row.id;
|
||||
statusForm.value.processingStatus = row.processingStatus;
|
||||
|
||||
await editStatus({ id: row?.id, projectId: currentProject.value?.id });
|
||||
updateStatusVisible.value = true;
|
||||
};
|
||||
|
||||
proxy?.$modal.msgSuccess('修改成功');
|
||||
await getList();
|
||||
const submitStatus = async () => {
|
||||
statusFormRef.value?.validate(async (valid: boolean) => {
|
||||
if (valid) {
|
||||
await editStatus(statusForm.value);
|
||||
proxy?.$modal.msgSuccess('修改成功');
|
||||
await getList();
|
||||
updateStatusVisible.value = false;
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
/** 提交按钮 */
|
||||
|
Reference in New Issue
Block a user