用户分公司

src/views/admin/user/index.vue

@@ -68,9 +68,16 @@
         </el-select>
       </el-form-item>
       <el-form-item label="所属分公司" prop="companyId">
-        <el-select class="filter-item" v-model="form.companyId" placeholder="请选择分公司">
-          <el-option v-for="item in allCompanies" :key="item.id" :label="item.name" :value="item.id"> </el-option>
-        </el-select>
+        <el-autocomplete
+          class="inline-input"
+          v-model="form.state2"
+          :fetch-suggestions="querySearch"
+          placeholder="请输入内容"
+          @select="handleSelect1"
+        ></el-autocomplete>
+        <!--<el-select class="filter-item" v-model="form.companyId" placeholder="请选择分公司">-->
+          <!--<el-option v-for="item in allCompanies" :key="item.id" :label="item.name" :value="item.id"> </el-option>-->
+        <!--</el-select>-->
       </el-form-item>
       <el-form-item label="所属角色" prop="groupId">
         <el-select v-model="form.members" multiple filterable remote placeholder="请选择角色" :remote-method="remoteGroupsMethod" :loading="loading">
@@ -107,7 +114,8 @@ import{
 import { mapGetters } from 'vuex';
 
 import {
-  getAllCompany
+  getAllCompany,
+  getAll
 } from 'api/base_info/branch_company/';
 
 import {
@@ -130,6 +138,7 @@ export default {
         status: 1,
         zoneId: undefined,
         companyId: undefined,
+        state2: '',
         password: undefined,
         passwordEdit: undefined,
         description: undefined,
@@ -211,6 +220,7 @@ export default {
       userManager_btn_del: false,
       userManager_btn_add: false,
       allCompanies: {},
+      allCompaniesArr: [],
       myGroups: [],
       loading: false,
       textMap: {
@@ -222,6 +232,10 @@ export default {
   },
   created() {
     this.getList();
+    getAll()
+      .then(response => {
+        this.allCompaniesArr = response.data;
+      })
     getAllCompany(codeAndBranchCompany => {
       this.allCompanies = codeAndBranchCompany;
     });
@@ -342,6 +356,16 @@ export default {
     },
     create(formName) {
       const set = this.$refs;
+      if(!this.form.state2 || this.form.state2 == "全部"){
+        this.form.companyId = undefined;
+//        this.$notify({
+//          title: '失败',
+//          message: '请选择分公司',
+//          type: 'warning',
+//          duration: 2000
+//        });
+//        return;
+      }
       set[formName].validate(valid => {
         if (valid) {
           addObj(this.form)
@@ -364,7 +388,41 @@ export default {
       this.dialogFormVisible = false;
       this.$refs[formName].resetFields();
     },
+    querySearch(queryString, cb) {
+      let selectArry = [];
+      this.allCompaniesArr.map(function(item){
+        item.value = item.name;
+        selectArry.push(item);
+      });
+      this.selectArry = selectArry;
+      var results = queryString ? selectArry.filter(this.createFilter(queryString)) : selectArry;
+      // 调用 callback 返回建议列表的数据
+      cb(results);
+    },
+    handleSelect1(item){
+      if(item.value == "全部"){
+        this.form.companyId = undefined;
+      } else {
+        this.form.companyId = item.id;
+      }
+      console.log(item);
+    },
+    createFilter(queryString) {
+      return (restaurant) => {
+        return (restaurant.name.indexOf(queryString.toLowerCase()) != -1);
+      };
+    },
     update(formName) {
+      if(!this.form.state2 || this.form.state2 == "全部"){
+        this.form.companyId = undefined;
+//        this.$notify({
+//          title: '失败',
+//          message: '请选择分公司',
+//          type: 'warning',
+//          duration: 2000
+//        });
+//        return;
+      }
       const set = this.$refs;
       set[formName].validate(valid => {
         if (valid) {
@@ -400,6 +458,7 @@ export default {
         zoneId: undefined,
         passwordEdit:undefined,
         companyId: undefined,
+        state2: '',
         password: "",
         description: undefined,
         dataLimit: [],