|
@@ -30,70 +30,79 @@
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
|
<el-form-item label="附件" class="mb5">
|
|
|
- <annex-list name="特提附件" readonly :businessId="state.detail.id" classify="特提附件" v-model="state.detail.files"/>
|
|
|
+ <annex-list name="特提附件" readonly classify="特提申请" v-model="state.detail.files"/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-divider></el-divider>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
- <el-form-item label="特提节点" prop="nextStepCode" :rules="[{ required: true, message: '请选择特提节点', trigger: 'change' }]">
|
|
|
- <el-select v-model="state.ruleForm.nextStepCode" placeholder="请选择特提节点" class="w100" @change="selectTrace">
|
|
|
- <el-option v-for="item in steps" :value="item.key" :key="item.key" :label="item.value"> </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <template v-if="state.ruleForm.nextStepCode">
|
|
|
- <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="12">
|
|
|
- <el-form-item label="办理时限" prop="timeLimit" :rules="[{ required: true, message: '请输入办理时限', trigger: 'blur' }]">
|
|
|
- <el-row :gutter="10" class="w100">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
|
|
- <el-input-number
|
|
|
- placeholder="办理时限"
|
|
|
- v-model="state.ruleForm.timeLimit"
|
|
|
- controls-position="right"
|
|
|
- class="w100"
|
|
|
- :min="1"
|
|
|
- :max="99"
|
|
|
- ></el-input-number>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" v-loading="state.loading">
|
|
|
- <el-form-item
|
|
|
- label=""
|
|
|
- label-width="0"
|
|
|
- prop="timeLimitUnit"
|
|
|
- :rules="[{ required: true, message: '请选择办理时限单位', trigger: 'change' }]"
|
|
|
- >
|
|
|
- <el-select v-model="state.ruleForm.timeLimitUnit" placeholder="办理时限单位">
|
|
|
- <el-option v-for="item in specialTimeType" :value="item.key" :key="item.key" :label="item.value" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
- <el-form-item label="办理对象" prop="nextHandlers" :rules="[{ required: true, message: '请选择办理对象', trigger: 'change' }]">
|
|
|
- <el-select
|
|
|
- v-model="state.ruleForm.nextHandlers"
|
|
|
- placeholder="请选择办理对象"
|
|
|
- value-key="key"
|
|
|
- clearable
|
|
|
- collapse-tags
|
|
|
- collapse-tags-tooltip
|
|
|
- multiple
|
|
|
- filterable
|
|
|
- class="w100"
|
|
|
- >
|
|
|
- <el-option v-for="item in stepsItems" :value="item" :key="item.key" :label="item.value"> </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </template>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
|
|
- <el-form-item label="" prop="alterTime">
|
|
|
- <el-checkbox v-model="state.ruleForm.alterTime" label="无需计算期满时间" />
|
|
|
+ <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="12">
|
|
|
+ <el-form-item label="审批结果" prop="isPass" :rules="[{ required: true, message: '请选择审批结果', trigger: 'change' }]">
|
|
|
+ <el-radio-group v-model="state.ruleForm.isPass">
|
|
|
+ <el-radio :label="true">同意</el-radio>
|
|
|
+ <el-radio :label="false">不同意</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <template v-if="state.ruleForm.isPass">
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
+ <el-form-item label="特提节点" prop="nextStepCode" :rules="[{ required: true, message: '请选择特提节点', trigger: 'change' }]">
|
|
|
+ <el-select v-model="state.ruleForm.nextStepCode" placeholder="请选择特提节点" class="w100" @change="selectTrace">
|
|
|
+ <el-option v-for="item in steps" :value="item.key" :key="item.key" :label="item.value"> </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <template v-if="state.ruleForm.nextStepCode">
|
|
|
+ <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="12">
|
|
|
+ <el-form-item label="办理时限" prop="timeLimit" :rules="[{ required: true, message: '请输入办理时限', trigger: 'blur' }]">
|
|
|
+ <el-row :gutter="10" class="w100">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
|
|
+ <el-input-number
|
|
|
+ placeholder="办理时限"
|
|
|
+ v-model="state.ruleForm.timeLimit"
|
|
|
+ controls-position="right"
|
|
|
+ class="w100"
|
|
|
+ :min="1"
|
|
|
+ :max="99"
|
|
|
+ ></el-input-number>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" v-loading="state.loading">
|
|
|
+ <el-form-item
|
|
|
+ label=""
|
|
|
+ label-width="0"
|
|
|
+ prop="timeLimitUnit"
|
|
|
+ :rules="[{ required: true, message: '请选择办理时限单位', trigger: 'change' }]"
|
|
|
+ >
|
|
|
+ <el-select v-model="state.ruleForm.timeLimitUnit" placeholder="办理时限单位">
|
|
|
+ <el-option v-for="item in specialTimeType" :value="item.key" :key="item.key" :label="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
+ <el-form-item label="办理对象" prop="nextHandlers" :rules="[{ required: true, message: '请选择办理对象', trigger: 'change' }]">
|
|
|
+ <el-select
|
|
|
+ v-model="state.ruleForm.nextHandlers"
|
|
|
+ placeholder="请选择办理对象"
|
|
|
+ value-key="key"
|
|
|
+ clearable
|
|
|
+ collapse-tags
|
|
|
+ collapse-tags-tooltip
|
|
|
+ multiple
|
|
|
+ filterable
|
|
|
+ class="w100"
|
|
|
+ >
|
|
|
+ <el-option v-for="item in stepsItems" :value="item" :key="item.key" :label="item.value"> </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
|
|
+ <el-form-item label="" prop="alterTime">
|
|
|
+ <el-checkbox v-model="state.ruleForm.alterTime" label="无需计算期满时间" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
|
<el-form-item label="审批意见" prop="opinion" :rules="[{ required: true, message: '请填写特提审批意见', trigger: 'blur' }]">
|
|
|
<el-input v-model="state.ruleForm.opinion" type="textarea" :autosize="{ minRows: 6, maxRows: 10 }" placeholder="请填写特提审批意见" />
|
|
@@ -105,8 +114,7 @@
|
|
|
<template #footer>
|
|
|
<span class="dialog-footer">
|
|
|
<el-button @click="closeDialog" class="default-button">取 消</el-button>
|
|
|
- <el-button type="primary" @click="onReject(ruleFormRef)" :loading="state.loading">驳回</el-button>
|
|
|
- <el-button type="primary" @click="onPass(ruleFormRef)" :loading="state.loading">通过</el-button>
|
|
|
+ <el-button type="primary" @click="onAudit(ruleFormRef)" :loading="state.loading">审 批</el-button>
|
|
|
</span>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
@@ -129,16 +137,17 @@ const state = reactive<any>({
|
|
|
dialogVisible: false, // 是否显示弹窗
|
|
|
loading: false, // 是否显示加载
|
|
|
ruleForm: {
|
|
|
- nextStepCode: null, // 特提节点
|
|
|
- nextHandlers: [], // 处理对象
|
|
|
- timeLimitUnit: 2, // 期满时间单位
|
|
|
- orgId: null, // 部门id
|
|
|
- orgName: null, // 部门名称
|
|
|
- alterTime: false, // 是否修改期满时间
|
|
|
- opinion: '', // 审批意见
|
|
|
+ nextStepCode: null, // 特提节点
|
|
|
+ nextHandlers: [], // 处理对象
|
|
|
+ timeLimitUnit: 2, // 期满时间单位
|
|
|
+ orgId: null, // 部门id
|
|
|
+ orgName: null, // 部门名称
|
|
|
+ alterTime: false, // 是否修改期满时间
|
|
|
+ opinion: '', // 审批意见
|
|
|
+ isPass: true, // 是否通过
|
|
|
},
|
|
|
detail: {}, // 详情信息
|
|
|
- workflowId: null, // 工作流id
|
|
|
+ workflowId: null, // 工作流id
|
|
|
});
|
|
|
const ruleFormRef = ref<RefType>();
|
|
|
const storesUserInfo = useUserInfo();
|
|
@@ -149,14 +158,11 @@ const specialTimeType = ref<EmptyArrayType>([]); // 期满时间单位
|
|
|
// 打开弹窗
|
|
|
const openDialog = async (val: any) => {
|
|
|
state.loading = true;
|
|
|
- state.dialogVisible = true;
|
|
|
- state.workflowId = val.workflowId;
|
|
|
+ state.dialogVisible = true;
|
|
|
+ state.workflowId = val.workflowId;
|
|
|
try {
|
|
|
- const [baseRes, detailRes] = await Promise.all([
|
|
|
- specialApplyBase(val.workflowId),
|
|
|
- specialDetail(val.id)
|
|
|
- ]);
|
|
|
- steps.value = baseRes.result?.step?.steps ?? [];
|
|
|
+ const [baseRes, detailRes] = await Promise.all([specialApplyBase(val.workflowId), specialDetail(val.id)]);
|
|
|
+ steps.value = baseRes.result?.step?.steps ?? [];
|
|
|
specialTimeType.value = baseRes.result.specialTimeType ?? [];
|
|
|
state.detail = detailRes.result;
|
|
|
} catch (e) {
|
|
@@ -172,50 +178,62 @@ const closeDialog = () => {
|
|
|
const close = () => {
|
|
|
ruleFormRef.value?.clearValidate();
|
|
|
ruleFormRef.value?.resetFields();
|
|
|
- steps.value = [];
|
|
|
- stepsItems.value = [];
|
|
|
+ steps.value = [];
|
|
|
+ stepsItems.value = [];
|
|
|
};
|
|
|
|
|
|
// 选择节点确定处理对象
|
|
|
const selectTrace = (val: any) => {
|
|
|
- const step = steps.value.find((item) => item.key === val);
|
|
|
- state.ruleForm.nextStepName = step?.value;
|
|
|
- ruleFormRef.value?.resetFields('nextHandlers');
|
|
|
- stepsItems.value = step?.items ?? [];
|
|
|
- state.ruleForm.flowDirection = step?.flowDirection;
|
|
|
- queryHandleTime();
|
|
|
+ const step = steps.value.find((item) => item.key === val);
|
|
|
+ state.ruleForm.nextStepName = step?.value;
|
|
|
+ ruleFormRef.value?.resetFields('nextHandlers');
|
|
|
+ stepsItems.value = step?.items ?? [];
|
|
|
+ state.ruleForm.flowDirection = step?.flowDirection;
|
|
|
+ queryHandleTime();
|
|
|
};
|
|
|
// 查询办理时限
|
|
|
const queryHandleTime = () => {
|
|
|
- if (state.ruleForm.alterTime) return;
|
|
|
- state.loading = true;
|
|
|
- specialTime({ OrderId: state.detail.orderId, FlowDirection: state.ruleForm.flowDirection })
|
|
|
- .then((res) => {
|
|
|
- state.ruleForm.timeLimit = res.result ?? 0;
|
|
|
- })
|
|
|
- .finally(() => {
|
|
|
- state.loading = false;
|
|
|
- });
|
|
|
+ if (state.ruleForm.alterTime) return;
|
|
|
+ state.loading = true;
|
|
|
+ specialTime({ OrderId: state.detail.orderId, FlowDirection: state.ruleForm.flowDirection })
|
|
|
+ .then((res) => {
|
|
|
+ state.ruleForm.timeLimit = res.result ?? 0;
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ state.loading = false;
|
|
|
+ });
|
|
|
};
|
|
|
-// 通过
|
|
|
-const onPass = (formEl: FormInstance | undefined) => {
|
|
|
+// 审批
|
|
|
+const onAudit = (formEl: FormInstance | undefined) => {
|
|
|
if (!formEl) return;
|
|
|
formEl.validate((valid: boolean) => {
|
|
|
if (!valid) return;
|
|
|
state.loading = true;
|
|
|
- let request = {
|
|
|
- id:state.detail.id,
|
|
|
- orderId: state.detail.orderId,
|
|
|
- timeLimit: state.ruleForm.timeLimit,
|
|
|
- timeLimitUnit: state.ruleForm.timeLimitUnit,
|
|
|
- cause: state.detail.cause,
|
|
|
- opinion: state.ruleForm.opinion,
|
|
|
- workflowId: state.workflowId,
|
|
|
- state:1, // 审核结果 0 待审核 1 审核通过 2 审核不通过
|
|
|
- nextStepCode: state.ruleForm.nextStepCode,
|
|
|
- nextStepName: state.ruleForm.nextStepName,
|
|
|
- nextHandlers: state.ruleForm.nextHandlers,
|
|
|
- };
|
|
|
+ let request = {};
|
|
|
+ if(state.ruleForm.isPass){
|
|
|
+ request = {
|
|
|
+ id: state.detail.id,
|
|
|
+ orderId: state.detail.orderId,
|
|
|
+ timeLimit: state.ruleForm.timeLimit,
|
|
|
+ timeLimitUnit: state.ruleForm.timeLimitUnit,
|
|
|
+ cause: state.detail.cause,
|
|
|
+ opinion: state.ruleForm.opinion,
|
|
|
+ workflowId: state.workflowId,
|
|
|
+ state: 1, // 审核结果 0 待审核 1 审核通过 2 审核不通过
|
|
|
+ nextStepCode: state.ruleForm.nextStepCode,
|
|
|
+ nextStepName: state.ruleForm.nextStepName,
|
|
|
+ nextHandlers: state.ruleForm.nextHandlers,
|
|
|
+ };
|
|
|
+ }else{
|
|
|
+ request = {
|
|
|
+ id: state.detail.id,
|
|
|
+ orderId: state.detail.orderId,
|
|
|
+ cause: state.detail.cause,
|
|
|
+ opinion: state.ruleForm.opinion,
|
|
|
+ workflowId: state.workflowId,
|
|
|
+ state: 2, // 审核结果 0 待审核 1 审核通过 2 审核不通过
|
|
|
+ }
|
|
|
+ }
|
|
|
specialApprove(request)
|
|
|
.then(() => {
|
|
|
state.loading = false;
|
|
@@ -228,37 +246,6 @@ const onPass = (formEl: FormInstance | undefined) => {
|
|
|
});
|
|
|
});
|
|
|
};
|
|
|
-// 驳回
|
|
|
-const onReject = (formEl: FormInstance | undefined) => {
|
|
|
- if (!formEl) return;
|
|
|
- formEl.validate((valid: boolean) => {
|
|
|
- if (!valid) return;
|
|
|
- state.loading = true;
|
|
|
- let request = {
|
|
|
- id:state.detail.id,
|
|
|
- orderId: state.detail.orderId,
|
|
|
- timeLimit: state.ruleForm.timeLimit,
|
|
|
- timeLimitUnit: state.ruleForm.timeLimitUnit,
|
|
|
- cause: state.detail.cause,
|
|
|
- opinion: state.ruleForm.opinion,
|
|
|
- workflowId: state.workflowId,
|
|
|
- nextStepCode: state.ruleForm.nextStepCode,
|
|
|
- nextStepName: state.ruleForm.nextStepName,
|
|
|
- nextHandlers: state.ruleForm.nextHandlers,
|
|
|
- state:2,
|
|
|
- };
|
|
|
- specialApprove(request)
|
|
|
- .then(() => {
|
|
|
- state.loading = false;
|
|
|
- closeDialog();
|
|
|
- emit('updateList');
|
|
|
- ElMessage.success('操作成功');
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- state.loading = false;
|
|
|
- });
|
|
|
- });
|
|
|
-};
|
|
|
defineExpose({
|
|
|
openDialog,
|
|
|
closeDialog,
|