指派根据组查询人员

src/components/showModel/showModel.vue

@@ -20,9 +20,14 @@
         <div v-if="info" class="showModel__info">{{ info }}</div>
         <div class="select-wrap" v-if="selectName === 'user'">
           <cube-select
+            v-model="selectGroupId"
+            :options="selectDataGroup"
+            placeholder="请选择工作组" @change="changeGroup($event)"
+          ></cube-select>
+          <cube-select
             v-model="selectUserId"
-            :options="selectData"
-            placeholder="请选择指派对象"
+            :options="selectDataUser"
+            placeholder="请选择指派对象" style="margin-top:0.5rem;"
           ></cube-select>
         </div>
         <div v-if="textName === 'textarea'">
@@ -58,14 +63,17 @@ export default {
       time: 5, //5秒后自动关闭
       timer: null, //5秒后自动关闭，定时器
       timerFlag: true, //是否显示取消自动关闭按钮
-      selectData: [], //select数据
-      selectUserId: 0, //select选中的数据
+      selectDataUser: [], //select数据-用户
+      selectUserId: 0, //select选中的数据-用户
+      selectDataGroup: [], //select数据-工作组
+      selectGroupId: 0, //select选中的数据-工作组
       textareaData: '', //textarea的数据
     };
   },
   watch: {
     disjunctor(newValue) {
       if (newValue && this.selectName === "user") {
+        this.selectGroupId = 0;
         this.selectUserId = 0;
       }
       if (newValue && this.textName === "textarea") {
@@ -130,8 +138,13 @@ export default {
     }
   },
   methods: {
+    //选择组
+    changeGroup(groupId){
+      this.getZpUser(groupId);
+    },
     // 获取指派对象
-    getZpUser() {
+    getZpUser(groupId) {
+      this.selectDataUser = [];
       var postData = {
         idx: 0,
         sum: 1000,
@@ -141,14 +154,38 @@ export default {
           selectType: "1"
         }
       };
+      if(groupId){
+        postData.user.groupdata = {id:groupId}
+      }
       this.$http
         .post("service/user/data/fetchDataList/user", postData)
         .then(res => {
-          res.data.list.forEach((v, i) => {
-            this.selectData.push({
+          res.data.list = res.data.list || [];
+          this.selectDataUser = res.data.list.map((v) => {
+            return {
               text: v.name,
               value: v.id
-            });
+            };
+          });
+        });
+    },
+    // 获取工作组
+    getZpGroup() {
+      this.selectDataGroup = [];
+      var postData = {
+        idx: 0,
+        sum: 1000,
+        group: {}
+      };
+      this.$http
+        .post("service/user/data/fetchDataList/group", postData)
+        .then(res => {
+          res.data.list = res.data.list||[];
+          this.selectDataGroup = res.data.list.map((v) => {
+            return {
+              text: v.groupName,
+              value: v.id
+            };
           });
         });
     },
@@ -183,6 +220,7 @@ export default {
   },
   created() {
     if (this.selectName === "user") {
+      this.getZpGroup();
       this.getZpUser();
     }
   }