修改组织

src/views/organizationManagement/components/organizationAdd.vue

@@ -47,7 +47,7 @@
               <el-input placeholder="请输入编码" v-model.trim="form.fiveCode"></el-input>
             </el-form-item>
             <el-form-item prop="bmCode" label="编码类型">
-              <el-input placeholder="请输入编码类型" v-model.trim="form.bmCode"></el-input>
+              <el-autocomplete class="inline-input" v-model="form.bmCode" :fetch-suggestions="querySearch" placeholder="请输入内容"></el-autocomplete>
             </el-form-item>
           </div>
         </el-form>
@@ -137,7 +137,45 @@ export default {
       checkRoles: [], //选中的角色
       checkTrees: [], //上级权限选中树数据
       rulesObj: {}, //权限规则数据
-      orgList: []
+      orgList: [],
+      restaurants: [
+        {
+          id: 1,
+          value: 'A'
+        },
+        {
+          id: 2,
+          value: 'B'
+        },
+        {
+          id: 3,
+          value: 'C'
+        },
+        {
+          id: 4,
+          value: 'G'
+        },
+        {
+          id: 5,
+          value: 'H'
+        },
+        {
+          id: 6,
+          value: 'M'
+        },
+        {
+          id: 7,
+          value: 'P'
+        },
+        {
+          id: 8,
+          value: 'S'
+        },
+        {
+          id: 9,
+          value: 'V'
+        }
+      ]
     };
   },
   computed: {
@@ -279,6 +317,17 @@ export default {
         console.log("出错了", error);
       }
     },
+    querySearch (queryString, cb) {
+      var restaurants = this.restaurants;
+      var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+      // 调用 callback 返回建议列表的数据
+      cb(results);
+    },
+    createFilter (queryString) {
+      return (restaurant) => {
+        return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
+      };
+    },
   },
 };
 </script>

src/views/organizationManagement/components/organizationEdit.vue

@@ -47,7 +47,7 @@
               <el-input placeholder="请输入编码" v-model.trim="form.fiveCode"></el-input>
             </el-form-item>
             <el-form-item prop="bmCode" label="编码类型">
-              <el-input placeholder="请输入编码类型" v-model.trim="form.bmCode"></el-input>
+              <el-autocomplete class="inline-input" v-model="form.bmCode" :fetch-suggestions="querySearch" placeholder="请输入内容"></el-autocomplete>
             </el-form-item>
           </div>
         </el-form>
@@ -144,7 +144,45 @@ export default {
       checkTrees: [], //上级权限选中树数据
       rulesObj: {}, //权限规则数据
       upRoleList: [],
-      orgList: []
+      orgList: [],
+      restaurants: [
+        {
+          id: 1,
+          value: 'A'
+        },
+        {
+          id: 2,
+          value: 'B'
+        },
+        {
+          id: 3,
+          value: 'C'
+        },
+        {
+          id: 4,
+          value: 'G'
+        },
+        {
+          id: 5,
+          value: 'H'
+        },
+        {
+          id: 6,
+          value: 'M'
+        },
+        {
+          id: 7,
+          value: 'P'
+        },
+        {
+          id: 8,
+          value: 'S'
+        },
+        {
+          id: 9,
+          value: 'V'
+        }
+      ]
     };
   },
   computed: {
@@ -398,6 +436,17 @@ export default {
         console.log("出错了", error);
       }
     },
+    querySearch (queryString, cb) {
+      var restaurants = this.restaurants;
+      var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+      // 调用 callback 返回建议列表的数据
+      cb(results);
+    },
+    createFilter (queryString) {
+      return (restaurant) => {
+        return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
+      };
+    },
   },
 };
 </script>