|
|
@@ -6,7 +6,7 @@
|
|
|
:title="state.title + '流程'"
|
|
|
ref="dialogRef"
|
|
|
@mouseup="mouseup"
|
|
|
- :style="'transform: ' + state.trasform + ';'"
|
|
|
+ :style="'transform: ' + state.transform + ';'"
|
|
|
append-to-body
|
|
|
destroy-on-close
|
|
|
>
|
|
|
@@ -27,11 +27,11 @@
|
|
|
filterable
|
|
|
placeholder="请选择处理人"
|
|
|
class="w100"
|
|
|
- @change="selectHanders"
|
|
|
+ @change="selectHandlers"
|
|
|
value-key="key"
|
|
|
clearable
|
|
|
>
|
|
|
- <el-option v-for="item in state.handerOptions" :key="item.key" :label="item.value" :value="item" />
|
|
|
+ <el-option v-for="item in state.handlerOptions" :key="item.key" :label="item.value" :value="item" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -44,7 +44,7 @@
|
|
|
:rules="[{ required: false, message: '请选择主办', trigger: 'change' }]"
|
|
|
>
|
|
|
<el-select v-model="state.ruleForm.nextMainHandler" placeholder="请选择主办" class="w100">
|
|
|
- <el-option v-for="item in state.handerMainOptions" :key="item.key" :label="item.value" :value="item.key" />
|
|
|
+ <el-option v-for="item in state.handlerMainOptions" :key="item.key" :label="item.value" :value="item.key" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -105,8 +105,8 @@ const state = reactive<any>({
|
|
|
nextMainHandler: '',
|
|
|
},
|
|
|
nextStepOptions: [], // 下一节点
|
|
|
- handerOptions: [], // 处理人
|
|
|
- trasform: 'translate(0px, 0px)',
|
|
|
+ handlerOptions: [], // 处理人
|
|
|
+ transform: 'translate(0px, 0px)',
|
|
|
fileList: [],
|
|
|
loading: false,
|
|
|
isStartFlow: false, //是否开启流程
|
|
|
@@ -114,7 +114,7 @@ const state = reactive<any>({
|
|
|
workflowId: '', //工单id
|
|
|
commonEnum: '',
|
|
|
handlerClassifies: [], //撤回处理人
|
|
|
- handerMainOptions: [], // 主办人
|
|
|
+ handlerMainOptions: [], // 主办人
|
|
|
handleId: '', // 流程处理ID
|
|
|
});
|
|
|
const ruleFormRef = ref<RefType>();
|
|
|
@@ -184,26 +184,25 @@ const selectNextStep = (val: any) => {
|
|
|
const getNextStepOption = async (DefineId: string, Code: string) => {
|
|
|
try {
|
|
|
const res: any = await workflowStepOptions({ DefineId, Code });
|
|
|
- state.handerOptions = res.result ?? [];
|
|
|
+ state.handlerOptions = res.result ?? [];
|
|
|
} catch (error) {
|
|
|
console.log(error);
|
|
|
}
|
|
|
};
|
|
|
// 选择处理人
|
|
|
-const selectHanders = () => {
|
|
|
+const selectHandlers = () => {
|
|
|
ruleFormRef.value?.resetFields('nextMainHandler');
|
|
|
};
|
|
|
const showMainHandler = computed(() => {
|
|
|
- if (state.ruleForm.nextHandlers.length > 1) return true;
|
|
|
- else return false;
|
|
|
+ return state.ruleForm.nextHandlers.length > 1;
|
|
|
});
|
|
|
// 主办从处理人中选择
|
|
|
-state.handerMainOptions = computed(() => {
|
|
|
+state.handlerMainOptions = computed(() => {
|
|
|
return state.ruleForm.nextHandlers;
|
|
|
});
|
|
|
// 设置抽屉
|
|
|
const mouseup = () => {
|
|
|
- state.trasform = dialogRef.value.dialogContentRef.$el.style.transform;
|
|
|
+ state.transform = dialogRef.value.dialogContentRef.$el.style.transform;
|
|
|
};
|
|
|
// 关闭弹窗
|
|
|
const closeDialog = () => {
|
zhangchong