| | |
|---|
| | | <el-row> |
|---|
| | | <el-col :span="24"> |
|---|
| | | <el-form-item label="申请部门：" prop="approveDeptName"> |
|---|
| | | <el-input v-model="form.approveDeptName" placeholder="请输入" clearable/> |
|---|
| | | <!-- <el-select--> |
|---|
| | | <!-- disabled--> |
|---|
| | | <!-- v-model="form.approveDeptId"--> |
|---|
| | | <!-- placeholder="选择部门"--> |
|---|
| | | <!-- >--> |
|---|
| | | <!-- <el-option--> |
|---|
| | | <!-- v-for="user in productOptions"--> |
|---|
| | | <!-- :key="user.deptId"--> |
|---|
| | | <!-- :label="user.deptName"--> |
|---|
| | | <!-- :value="user.deptId"--> |
|---|
| | | <!-- />--> |
|---|
| | | <!-- </el-select>--> |
|---|
| | | <!-- <el-input v-model="form.approveDeptName" placeholder="请输入" clearable/>--> |
|---|
| | | <el-select |
|---|
| | | v-model="form.approveDeptId" |
|---|
| | | placeholder="选择部门" |
|---|
| | | @change="handleDeptChange" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="user in productOptions" |
|---|
| | | :key="user.deptId" |
|---|
| | | :label="user.deptName" |
|---|
| | | :value="user.deptId" |
|---|
| | | /> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | |
|---|
| | | const emit = defineEmits(['close']) |
|---|
| | | import useUserStore from "@/store/modules/user"; |
|---|
| | | import { getCurrentDate } from "@/utils/index.js"; |
|---|
| | | import log from "@/views/monitor/job/log.vue"; |
|---|
| | | const userStore = useUserStore(); |
|---|
| | | |
|---|
| | | const dialogFormVisible = ref(false); |
|---|
| | |
|---|
| | | function removeApproverNode(index) { |
|---|
| | | approverNodes.value.splice(index, 1) |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 处理部门选择变化 |
|---|
| | | const handleDeptChange = (deptId) => { |
|---|
| | | if (deptId) { |
|---|
| | | const selectedDept = productOptions.value.find(dept => dept.deptId === deptId); |
|---|
| | | if (selectedDept) { |
|---|
| | | form.value.approveDeptName = selectedDept.deptName; |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | form.value.approveDeptName = ''; |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | // 打开弹框 |
|---|
| | | const openDialog = (type, row) => { |
|---|
| | | operationType.value = type; |
|---|
| | |
|---|
| | | userListNoPageByTenantId().then((res) => { |
|---|
| | | userList.value = res.data; |
|---|
| | | }); |
|---|
| | | getProductOptions(); |
|---|
| | | form.value = {} |
|---|
| | | approverNodes.value = [ |
|---|
| | | { id: 1, userId: null } |
|---|
| | |
|---|
| | | |
|---|
| | | // 获取当前用户信息并设置部门ID |
|---|
| | | form.value.approveDeptId = userStore.currentDeptId |
|---|
| | | |
|---|
| | | // 加载部门选项，并在加载完成后设置部门名称 |
|---|
| | | getProductOptions(); |
|---|
| | | if (operationType.value === 'edit') { |
|---|
| | | fileList.value = row.commonFileList |
|---|
| | | form.value.tempFileIds = fileList.value.map(file => file.id) |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | const getProductOptions = () => { |
|---|
| | | getDept().then((res) => { |
|---|
| | | return getDept().then((res) => { |
|---|
| | | productOptions.value = res.data; |
|---|
| | | // 如果已有部门ID，自动设置部门名称（用于验证） |
|---|
| | | if (form.value.approveDeptId && productOptions.value.length > 0) { |
|---|
| | | const matchedDept = productOptions.value.find(dept => |
|---|
| | | dept.deptId == form.value.approveDeptId || |
|---|
| | | String(dept.deptId) === String(form.value.approveDeptId) |
|---|
| | | ); |
|---|
| | | if (matchedDept) { |
|---|
| | | form.value.approveDeptName = matchedDept.deptName; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }; |
|---|
| | | function convertIdToValue(data) { |
|---|
