|
@@ -295,7 +295,7 @@
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" v-if="!returnArr.includes(state.processType)">
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" v-if="!returnArr.includes(state.processType)">
|
|
<el-form-item label="下一环节" prop="nextStepCode" :rules="[{ required: true, message: '请选择下一环节', trigger: 'change' }]">
|
|
<el-form-item label="下一环节" prop="nextStepCode" :rules="[{ required: true, message: '请选择下一环节', trigger: 'change' }]">
|
|
<el-select v-model="state.ruleForm.nextStepCode" placeholder="请选择下一环节" class="w100" @change="selectNextStep">
|
|
<el-select v-model="state.ruleForm.nextStepCode" placeholder="请选择下一环节" class="w100" @change="selectNextStep">
|
|
- <el-option v-for="item in state.nextStepOptions" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
|
|
|
+ <el-option v-for="item in state.nextStepOptions" :key="item.key" :label="item.value" :value="item.key" />
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
@@ -324,7 +324,7 @@
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" v-if="formComponents.includes('Sms')">
|
|
|
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
|
<el-form-item label="短信通知" prop="isSms">
|
|
<el-form-item label="短信通知" prop="isSms">
|
|
<el-checkbox v-model="state.ruleForm.isSms" label="短信通知" />
|
|
<el-checkbox v-model="state.ruleForm.isSms" label="短信通知" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -512,8 +512,12 @@ const state = reactive<any>({
|
|
ruleForm: {
|
|
ruleForm: {
|
|
//流程表单
|
|
//流程表单
|
|
opinion: '', // 意见
|
|
opinion: '', // 意见
|
|
|
|
+ nextStepCode: '', // 下一节点
|
|
|
|
+ backToCountersignEnd: false, // 是否回到会签结束节点
|
|
nextHandlers: [], // 下一节点处理人
|
|
nextHandlers: [], // 下一节点处理人
|
|
nextMainHandler: '', // 主办人
|
|
nextMainHandler: '', // 主办人
|
|
|
|
+ isSms: false, // 是否短信通知
|
|
|
|
+ isStartCountersign: false, // 是否发起会签
|
|
},
|
|
},
|
|
delayForm: {
|
|
delayForm: {
|
|
//延期申请表单
|
|
//延期申请表单
|
|
@@ -567,6 +571,10 @@ const pushRangesOptions = ref<EmptyArrayType>([]); // 公告范围
|
|
const orgsOptions = ref<EmptyArrayType>([]); // 来源单位
|
|
const orgsOptions = ref<EmptyArrayType>([]); // 来源单位
|
|
const handleResult = (res: any) => {
|
|
const handleResult = (res: any) => {
|
|
state.nextStepOptions = res.result.steps; //处理人选择内容
|
|
state.nextStepOptions = res.result.steps; //处理人选择内容
|
|
|
|
+ state.ruleForm.backToCountersignEnd = res.result.backToCountersignEnd ?? false; // 是否回到会签结束节点
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
state.handleId = res.result.id; //流程ID
|
|
state.handleId = res.result.id; //流程ID
|
|
formComponents.value = res.result.components ?? []; // 表单组件
|
|
formComponents.value = res.result.components ?? []; // 表单组件
|
|
console.log(formComponents.value, '21');
|
|
console.log(formComponents.value, '21');
|
|
@@ -576,7 +584,7 @@ const handleResult = (res: any) => {
|
|
// 办理才有期满时间
|
|
// 办理才有期满时间
|
|
state.ruleForm.expiredTime = res.result.expiredTime ?? null; // 期满时间
|
|
state.ruleForm.expiredTime = res.result.expiredTime ?? null; // 期满时间
|
|
}
|
|
}
|
|
- if (state.nextStepOptions.length === 1) {
|
|
|
|
|
|
+ /*if (state.nextStepOptions.length === 1) {
|
|
// 下一节点是否只有一个 默认选中第一个
|
|
// 下一节点是否只有一个 默认选中第一个
|
|
state.ruleForm.nextStepCode = state.nextStepOptions[0].code; // 下一节点
|
|
state.ruleForm.nextStepCode = state.nextStepOptions[0].code; // 下一节点
|
|
getNextStepOption(res.result.id, state.nextStepOptions[0].code); // 查询流程下一节点参数
|
|
getNextStepOption(res.result.id, state.nextStepOptions[0].code); // 查询流程下一节点参数
|
|
@@ -584,7 +592,17 @@ const handleResult = (res: any) => {
|
|
} else {
|
|
} else {
|
|
state.ruleForm.nextStepCode = '';
|
|
state.ruleForm.nextStepCode = '';
|
|
isCollect.value = false;
|
|
isCollect.value = false;
|
|
|
|
+ }*/
|
|
|
|
+ if (state.nextStepOptions.length === 1) {
|
|
|
|
+ // 下一节点是否只有一个 默认选中第一个
|
|
|
|
+ state.ruleForm.nextStepCode = state.nextStepOptions[0].key; // 下一节点
|
|
|
|
+ selectNextStep(state.nextStepOptions[0].key); // 查询流程下一节点参数
|
|
|
|
+ isCollect.value = state.nextStepOptions[0].stepType === 3 && handelArr.includes(state.processType); // 是否是汇总节点(汇总需要填入其他参数)
|
|
|
|
+ } else {
|
|
|
|
+ state.ruleForm.nextStepCode = '';
|
|
|
|
+ isCollect.value = false;
|
|
}
|
|
}
|
|
|
|
+
|
|
};
|
|
};
|
|
// 打开弹窗
|
|
// 打开弹窗
|
|
const openDialog = async (val: any) => {
|
|
const openDialog = async (val: any) => {
|
|
@@ -706,22 +724,24 @@ watchEffect(() => {
|
|
// 流程选择下一环节
|
|
// 流程选择下一环节
|
|
const isCollect = ref(false); // 是否是汇总节点(汇总需要填入其他参数)
|
|
const isCollect = ref(false); // 是否是汇总节点(汇总需要填入其他参数)
|
|
const selectNextStep = (val: any) => {
|
|
const selectNextStep = (val: any) => {
|
|
- ruleFormRef.value.resetFields('nextHandlers');
|
|
|
|
- ruleFormRef.value.resetFields('nextMainHandler');
|
|
|
|
- let next: any;
|
|
|
|
- next = state.nextStepOptions.find((item: any) => item.code === val);
|
|
|
|
|
|
+ ruleFormRef.value?.resetFields('nextHandlers');
|
|
|
|
+ ruleFormRef.value?.resetFields('nextMainHandler');
|
|
|
|
+ const items = state.nextStepOptions.find((item: any) => item.key === val).items;
|
|
|
|
+ console.log(items,'21')
|
|
|
|
+ state.handlerOptions = items ?? [];
|
|
|
|
+ /*const next = state.nextStepOptions.find((item: any) => item.code === val);
|
|
getNextStepOption(state.handleId, next.code);
|
|
getNextStepOption(state.handleId, next.code);
|
|
- isCollect.value = next.stepType === 3 && handelArr.includes(state.processType); // 是否是汇总节点(汇总需要填入其他参数)
|
|
|
|
|
|
+ isCollect.value = next.stepType === 3 && handelArr.includes(state.processType); // 是否是汇总节点(汇总需要填入其他参数)*/
|
|
};
|
|
};
|
|
// 查询流程下一节点参数
|
|
// 查询流程下一节点参数
|
|
-const getNextStepOption = async (DefineId: string, Code: string) => {
|
|
|
|
|
|
+/*const getNextStepOption = async (DefineId: string, Code: string) => {
|
|
try {
|
|
try {
|
|
const res: any = await workflowStepOptions({ DefineId, Code });
|
|
const res: any = await workflowStepOptions({ DefineId, Code });
|
|
state.handlerOptions = res.result.handlers ?? [];
|
|
state.handlerOptions = res.result.handlers ?? [];
|
|
} catch (error) {
|
|
} catch (error) {
|
|
console.log(error);
|
|
console.log(error);
|
|
}
|
|
}
|
|
-};
|
|
|
|
|
|
+};*/
|
|
// 选择处理人
|
|
// 选择处理人
|
|
const selectHandlers = () => {
|
|
const selectHandlers = () => {
|
|
ruleFormRef.value?.resetFields('nextMainHandler');
|
|
ruleFormRef.value?.resetFields('nextMainHandler');
|