|
|
@@ -18,6 +18,8 @@
|
|
|
placeholder="请选择"
|
|
|
style="width: 100%"
|
|
|
multiple
|
|
|
+ filterable
|
|
|
+ @change="changeTeam"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in options"
|
|
|
@@ -28,6 +30,26 @@
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <el-form-item label="姓名" style="margin-bottom: 22px">
|
|
|
+ <el-select
|
|
|
+ v-model="form.checkedUserIds"
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 100%"
|
|
|
+ multiple
|
|
|
+ filterable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in userOptions"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
</el-form>
|
|
|
<template v-slot:footer>
|
|
|
<el-button @click="handleClose">取消</el-button>
|
|
|
@@ -39,13 +61,14 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { getteampage } from '@/api/workforceManagement/team';
|
|
|
+import { getteampage, listUserByIds } from '@/api/workforceManagement/team';
|
|
|
import { teamqueuesave } from '@/api/workforceManagement/schedule';
|
|
|
export default {
|
|
|
data() {
|
|
|
const defaultForm = {
|
|
|
name: '',
|
|
|
- teamIds: []
|
|
|
+ teamIds: [],
|
|
|
+ checkedUserIds: []
|
|
|
};
|
|
|
return {
|
|
|
defaultForm,
|
|
|
@@ -58,7 +81,8 @@ export default {
|
|
|
},
|
|
|
visible: false,
|
|
|
loading: false,
|
|
|
- options: []
|
|
|
+ options: [],
|
|
|
+ userOptions: []
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -105,7 +129,16 @@ export default {
|
|
|
getteampage().then((res) => {
|
|
|
this.options = res.list;
|
|
|
});
|
|
|
- }
|
|
|
+ },
|
|
|
+
|
|
|
+ changeTeam() {
|
|
|
+ console.log()
|
|
|
+
|
|
|
+ listUserByIds( this.form.teamIds).then(res => {
|
|
|
+
|
|
|
+ this.userOptions = res
|
|
|
+ })
|
|
|
+ },
|
|
|
}
|
|
|
};
|
|
|
</script>
|