| | |
| | | </el-col> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> |
| | | <el-form-item label="负责人部门" prop="principalDepartmentId"> |
| | | <el-tree-select v-model="ruleForm.principalDepartmentId" :data="data" class="w100" |
| | | <el-tree-select v-model="ruleForm.principalDepartmentId" :data="newTreeList" class="w100" |
| | | :props="propse" clearable placeholder="请选择"/> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | principalPhone: '', // 负责人手机 |
| | | telephoneNumber: '', // 固定电话 |
| | | teamDesc: '', //队伍描述 |
| | | fileList: [ |
| | | { |
| | | fileUrl: 'url', |
| | | fileName: 'name', |
| | | } |
| | | ], |
| | | fileList: [], |
| | | memberList: [] |
| | | }); |
| | | const titles = ref(); |
| | |
| | | // 上传附件 |
| | | const fileList = ref<UploadUserFile[]>([]) |
| | | |
| | | //部门树 |
| | | const department = () => { |
| | | goalManagementApi() |
| | | //定义树形下拉框 |
| | | const principalDepartmentId = ref() |
| | | const data = ref() |
| | | |
| | | |
| | | |
| | | //el-tree-select回显 |
| | | const propse = { |
| | | label: 'depName', |
| | | children: 'children', |
| | | }; |
| | | const newTreeList = []; |
| | | //得到部门树 |
| | | const department = async () => { |
| | | await goalManagementApi() |
| | | .getTreedepartment() |
| | | .then((res) => { |
| | | if (res.data.code == 200) { |
| | | data.value = res.data.data; |
| | | getTreeList(res.data.data, newTreeList); |
| | | } else { |
| | | ElMessage.error(res.data.msg); |
| | | } |
| | | }); |
| | | }; |
| | | //定义树形下拉框 |
| | | const principalDepartmentId = ref() |
| | | const propse = { |
| | | label: 'depName', |
| | | children: 'children', |
| | | value: 'depId', |
| | | // 递归树状数据且修改字段名 |
| | | const getTreeList = (treeList, newTreeList) => { |
| | | treeList.map((c) => { |
| | | let tempData = { |
| | | depName: c.depName, |
| | | value: c.depId, |
| | | children: [], |
| | | }; |
| | | if (c.children && c.children.length > 0) { |
| | | tempData.children = []; |
| | | getTreeList(c.children, tempData.children); |
| | | } |
| | | newTreeList.push(tempData); |
| | | }); |
| | | }; |
| | | const data = ref() |
| | | onMounted(() => { |
| | | department(); |
| | | }); |
| | | |
| | | |
| | | |
| | | |
| | | // 打开用户选择弹窗 |
| | | const userRef = ref(); |
| | | const openUser = () => { |
| | |
| | | if (!formEl) return; |
| | | await formEl.validate((valid, fields) => { |
| | | if (valid) { |
| | | ruleForm.value.fileList=[] |
| | | isShowDialog.value = false; |
| | | contingencyApi() |
| | | .editEmergencyTeam(ruleForm.value) |
| | |
| | | principalPhone: '', // 负责人手机 |
| | | telephoneNumber: '', // 固定电话 |
| | | teamDesc: '', //队伍描述 |
| | | fileList: [ |
| | | { |
| | | fileUrl: 'url', |
| | | fileName: 'name', |
| | | } |
| | | ], |
| | | fileList: [], |
| | | memberList: [] |
| | | }; |
| | | } |
| | |
| | | if (!formEl) return; |
| | | formEl.resetFields(); |
| | | tableData.value=[] |
| | | ruleForm.value = {} |
| | | }; |
| | | // 定义表格数据 |
| | | const tableData = ref([]); |
| | |
| | | }else { |
| | | addRef.value.openDialog('新建应急队伍人员','',teamId.value); |
| | | } |
| | | |
| | | }; |
| | | // 请求列表数据 |
| | | const listApi = async () => { |
| | |
| | | // 新增后刷新 |
| | | const onMyAdd = (e: object) => { |
| | | listApi(); |
| | | // console.log(e) |
| | | // item.value = e |
| | | // tableData.value.push(item.value) |
| | | // console.log(tableData) |
| | | }; |
| | | // 打开修改弹窗 |
| | | const onEdit = (val: string, row: object) => { |
| | |
| | | onRowDel, |
| | | department, |
| | | peopleInsertBtn, |
| | | teamId |
| | | teamId, |
| | | newTreeList |
| | | }; |
| | | }, |
| | | }); |