将申请部门输入框改为下拉选择组件,补充

yaowanxin

11 小时以前 20eb8806fca8195bf6224fcb77c5a5e4bc3c16dc

 src/views/collaborativeApproval/approvalProcess/components/infoFormDia.vue

@@ -17,19 +17,19 @@
        <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>
@@ -217,6 +217,7 @@
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);
@@ -279,7 +280,17 @@
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;