| | |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="涉及相关部门" prop="workDetail.involvedDepIds"> |
| | | <el-select v-model="form.workDetail.involvedDepIds" multiple> |
| | | <el-option v-for="item in otherWorkList" :key="item.value" :label="item.label" :value="item.value" /> |
| | | </el-select> |
| | | <el-cascader v-model="form.workDetail.involvedDepIds" :options="departList" :props="casProps" :show-all-levels="false" @change="handleChange" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | interface stateType { |
| | | form: Object, |
| | | csDepList: Array<any>, |
| | | otherWorkList: Array<any> |
| | | casProps: {} |
| | | } |
| | | export default defineComponent({ |
| | | name: 'brokenForm', |
| | | components: {}, |
| | | props:['workerList'], |
| | | props:['workerList','departList'], |
| | | setup() { |
| | | const userInfo = useUserInfo() |
| | | const { userInfos } = storeToRefs(userInfo); |
| | |
| | | value: 6 |
| | | } |
| | | ], |
| | | otherWorkList: [ |
| | | { |
| | | label: '部门一', |
| | | value: 1 |
| | | }, |
| | | { |
| | | label: '部门二', |
| | | value: 2 |
| | | }, |
| | | { |
| | | label: '部门三', |
| | | value: 3 |
| | | }, |
| | | { |
| | | label: '部门四', |
| | | value: 4 |
| | | } |
| | | ] |
| | | casProps: { |
| | | emitPath: false, |
| | | value: 'depId', |
| | | label: 'depName', |
| | | multiple: true |
| | | } |
| | | }); |
| | | const ruleFormRef = ref<FormInstance>() |
| | | const applyRules = reactive<FormRules>({ |