bug修改

zhouwx

2025-03-24 89ca288fbb88ca7083030e2f332ec7a9731d8cd6

 src/views/signProject/components/circulation.vue

@@ -9,34 +9,37 @@
        :close-on-click-modal="false"
    >
      <el-form :model="state.form" size="default" ref="busRef" :rules="state.formRules" label-width="150px" >
        <el-form-item label="部门:" prop="deptId" >
        <el-form-item label="部门:" prop="deptIds" >
          <el-cascader
              style="width: 100%"
              clearable
              v-model="state.form.deptId"
              placeholder="请选择部门"
              v-model="state.deptIds"
              :options="state.options"
              @change="selectValue"
              :props="{ expandTrigger: 'hover', value: 'deptId',label: 'deptName',emitPath: false}"></el-cascader>
              :props="{ multiple:true, expandTrigger: 'hover', value: 'deptId',label: 'deptName',emitPath: false}">
          </el-cascader>
        </el-form-item>
        <el-form-item label="签署人:" prop="people" >
        <el-form-item label="签署人:" prop="initiaiUsers" >
          <el-select
              clearable
              v-model="state.form.people"
              v-model="state.initiaiUsers"
              filterable
              multiple
              remote

              multiple
              reserve-keyword
              placeholder="请输入签署人名称（可多选）"
              placeholder="请输入签署人名称"
              remote-show-suffix
              :remote-method="(val)=>getUserList(val,state.form.deptId)"
              style="width: 100%"
              @change="changeUser"
              :remote-method="(val)=>getUserList(val,state.deptIds)"
              style=" width:100%"
              value-key="userId"
          >
            <el-option
                v-for="item in state.userList"
                :key="item.userId"
                :label="item.nickName"
                :value="item.userId"
                :value="item"
            />
          </el-select>
        </el-form-item>
@@ -55,6 +58,9 @@
import {ElMessage} from "element-plus";
import {listDept} from "@/api/system/dept";
import {listUser} from "@/api/system/user";
import {signFlow} from "@/api/signAgreement/signProject";
import {getInfo} from "@/api/login";
import {userListByDept} from "@/api/signAgreement/template";

const { proxy } = getCurrentInstance();
const dialogVisible = ref(false);
@@ -65,35 +71,54 @@

const state = reactive({
  form: {
    id: '',
    deptId: '',
    people: []
    itemId: null,
    initiaiUserId:null,
    userDept: []
  },
  user: {},
  options: [],
  userList: [],
  formRules:{
    deptId: [{ required: true, trigger: "blur", message:'请选择部门' }],
    people: [{ required: true, trigger: "blur", message:'请选择签署人' }],
  },
  // formRules:{
  //   deptIds: [{ required: true, trigger: "blur", message:'请选择部门' }],
  //   initiaiUsers: [{ required: true, trigger: "blur", message:'请选择签署人' }],
  // },
  deptIds: [],
  initiaiUsers: []
})


const openDialog = async (value) => {
  await getDept()
  await getUserInfo()
  state.form.itemId = value.id
  dialogVisible.value = true;
}
const selectValue = (val) => {
  state.userList = []
  state.form.people = []
  state.form.initiaiUserId = null
  state.initiaiUsers = []
  state.form.userDept = []
  getUserList("",val)

}

const changeUser = (val) =>{
  const userIds = val.map(item => item.userId)
  state.form.initiaiUserId = userIds.join(',')
  state.form.userDept = val.map(i => i.userId + '_' + i.deptId)
}
const getDept = () => {
  listDept().then(response => {
    state.options = proxy.handleTree(response.data, "deptId",'parentId','children');
    console.log('response',state.options)
  });
}

const getUserInfo = async () => {
  const res = await getInfo()
  if(res.code == 200){
    state.user = res.user
  }else{
    ElMessage.warning(res.message)
  }
}


@@ -101,20 +126,27 @@
  const valid = await busRef.value.validate();
  if(valid){
      const {id, ...data} = JSON.parse(JSON.stringify(state.form))
      // const res = await addWarehouse(data)
      // if(res.code === 200){
      //   ElMessage({
      //     type: 'success',
      //     message: '新增成功'
      //   });
      // }else{
      //   ElMessage.warning(res.message)
      // }
      data.userId = state.user.userId
      data.userName = state.user.userName
      data.deptId = state.user.deptId
      data.deptName = state.user.dept.deptName
      if(data.initiaiUserId == null) {
        ElMessage.warning('请选择签署人')
        return;
      }
      const res = await signFlow(data)
      if(res.code === 200){
        ElMessage({
          type: 'success',
          message: '流转成功'
        });
      }else{
        ElMessage.warning(res.message)
      }
      emit("getList")
      busRef.value.clearValidate();
      reset();
      dialogVisible.value = false;

  }
}

@@ -126,23 +158,31 @@
}
const reset = () => {
  state.form = {
    id: '',
    name: '',
    remark: '',
    itemId: null,
    initiaiUserId:null,
    userDept: []
  }
  state.deptIds = []
  state.initiaiUsers = []
}
const getUserList = async (val,deptId)=>{
  if(deptId == '' || deptId == null){
    ElMessage.warning("请选择部门！")
  if(deptId.length ==0 || deptId == null){
    // ElMessage.warning("请选择部门！")
    return;
  }
  if(val != ""){
    const queryParams = {
      name: val,
      deptId: deptId,
      nickName: val,
    }
    const res = await listUser(queryParams)
    const res = await userListByDept(queryParams)
    if (res.code == 200) {
      state.userList = res.rows
      state.userList = res.rows.map(item => {
        return {
          ...item,
          nickName: item.nickName +  ' ( ' + item.dept.deptName + ' ) '
        }
      })
    } else {
      ElMessage.warning(res.message)
    }
@@ -152,9 +192,14 @@
      pageSize: 10,
      deptId: deptId
    }
    const res = await listUser(queryParams)
    const res = await userListByDept(queryParams)
    if (res.code == 200) {
      state.userList = res.rows
      state.userList = res.rows.map(item => {
        return {
          ...item,
          nickName: item.nickName +  ' ( ' + item.dept.deptName + ' ) '
        }
      })
    } else {
      ElMessage.warning(res.message)
    }