| | |
| | | </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" placeholder="请选择" /> |
| | | <el-tree-select v-model="ruleForm.principalDepartmentId" :data="data" class="w100" :props="propse" clearable placeholder="请选择" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> |
| | |
| | | reactive, |
| | | ref, |
| | | defineComponent, |
| | | onMounted, |
| | | // toRefs, |
| | | } from 'vue'; |
| | | import { |
| | |
| | | import AddEmergencyPersonnel from "/@/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue"; |
| | | import DailogSearchUser from "/@/components/DailogSearchUser/index.vue" |
| | | import {contingencyApi} from "/@/api/contingency"; |
| | | import {goalManagementApi} from "/@/api/goalManagement"; |
| | | // import {releaseDrillPlanApi} from "/@/api/releaseDrillPlan"; |
| | | |
| | | |
| | |
| | | const ruleForm =ref({ |
| | | teamName: '', // 队伍名称 |
| | | teamLevel: '', // 队伍级别 |
| | | principalUid: 1, // 队伍负责人 |
| | | principalUid: '', // 队伍负责人 |
| | | principalDepartmentId: '', //负责人部门 |
| | | principalPhone: '', // 负责人手机 |
| | | telephoneNumber: '', // 固定电话 |
| | |
| | | // 上传附件 |
| | | const fileList = ref<UploadUserFile[]>([]) |
| | | |
| | | //部门树 |
| | | const department = () => { |
| | | goalManagementApi() |
| | | .getTreedepartment() |
| | | .then((res) => { |
| | | if (res.data.code == 200) { |
| | | data.value = res.data.data; |
| | | } else { |
| | | ElMessage.error(res.data.msg); |
| | | } |
| | | }); |
| | | }; |
| | | //定义树形下拉框 |
| | | const principalDepartmentId = ref() |
| | | const data = [ |
| | | { |
| | | value: '1', |
| | | label: '广汇能源综合物流发展有限责任公司', |
| | | children: [ |
| | | { |
| | | value: '11', |
| | | label: '经营班子', |
| | | children: [], |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | value: '2', |
| | | label: '生产运行部', |
| | | children: [ |
| | | { |
| | | value: '21', |
| | | label: '灌装一班', |
| | | children: [] |
| | | }, |
| | | { |
| | | value: '22', |
| | | label: '工艺四班', |
| | | children: [], |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | value: '3', |
| | | label: '设备部', |
| | | children: [ |
| | | { |
| | | value: '31', |
| | | label: '仪表班', |
| | | children: [], |
| | | }, |
| | | { |
| | | value: '32', |
| | | label: '机修班', |
| | | children: [], |
| | | }, |
| | | ], |
| | | }, |
| | | ] |
| | | const propse = { |
| | | label: 'depName', |
| | | children: 'children', |
| | | value: 'depId', |
| | | }; |
| | | const data=ref() |
| | | onMounted(() => { |
| | | department(); |
| | | }); |
| | | // const data = [ |
| | | // { |
| | | // value: '1', |
| | | // label: '广汇能源综合物流发展有限责任公司', |
| | | // children: [ |
| | | // { |
| | | // value: '11', |
| | | // label: '经营班子', |
| | | // children: [], |
| | | // }, |
| | | // ], |
| | | // }, |
| | | // { |
| | | // value: '2', |
| | | // label: '生产运行部', |
| | | // children: [ |
| | | // { |
| | | // value: '21', |
| | | // label: '灌装一班', |
| | | // children: [] |
| | | // }, |
| | | // { |
| | | // value: '22', |
| | | // label: '工艺四班', |
| | | // children: [], |
| | | // }, |
| | | // ], |
| | | // }, |
| | | // { |
| | | // value: '3', |
| | | // label: '设备部', |
| | | // children: [ |
| | | // { |
| | | // value: '31', |
| | | // label: '仪表班', |
| | | // children: [], |
| | | // }, |
| | | // { |
| | | // value: '32', |
| | | // label: '机修班', |
| | | // children: [], |
| | | // }, |
| | | // ], |
| | | // }, |
| | | // ] |
| | | // 打开用户选择弹窗 |
| | | const userRef = ref(); |
| | | const openUser = () => { |
| | |
| | | ruleForm.value = { |
| | | teamName: '', // 队伍名称 |
| | | teamLevel: '', // 队伍级别 |
| | | principalUid: 1, // 队伍负责人 |
| | | principalUid: '', // 队伍负责人 |
| | | principalDepartmentId: '', //负责人部门 |
| | | principalPhone: '', // 负责人手机 |
| | | telephoneNumber: '', // 固定电话 |
| | |
| | | userRef, |
| | | titles, |
| | | disabled, |
| | | propse, |
| | | emit, |
| | | onSubmit, |
| | | openUser, |
| | |
| | | // listApi, |
| | | onEdit, |
| | | onRowDel, |
| | | department, |
| | | }; |
| | | }, |
| | | }); |