硬件参数和字典数据

src/api/modules/paramManage/dataDic.api.js

@@ -0,0 +1,29 @@
+
+  //数据字典
+export default ({request}) => ({
+  
+
+//列表
+ dataDic(data = {}) {
+
+
+  return request({
+    url: `/basic-enum/getTree`,
+    method: 'post',
+    data
+  })
+
+  },
+
+  //新增
+  addDataDic(data = {}) {
+
+
+    return request({
+      url: `basic-enum/save`,
+      method: 'post',
+      data
+    })
+  
+    }
+})

src/api/modules/paramManage/hardParam.api.js

@@ -2,6 +2,16 @@
   //硬件参数
 export default ({request}) => ({
   //左侧树
+  leftTree(params = {}) {
+
+
+    return request({
+      url: `orgInfo/authority/getTreeList`,
+      method: 'get',
+      params
+    })
+  
+    },
 
 //列表
  hardParam(data = {}) {

src/assets/style/public-class.scss

@@ -127,6 +127,10 @@ $sizes: (0, 5, 10, 15, 20);
 .el-tree-node__content:hover {
   background-color: #91a8bc !important;
 }
+.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
+  background-color: #0064b9 !important;
+  border-radius: 20px;
+}
 //table border
 
 .el-table td,
@@ -169,3 +173,6 @@ $sizes: (0, 5, 10, 15, 20);
 //   border:1px solid #345684;
 //   opacity: 12.5;
 // }
+#switchLabel .el-switch__label{
+  color:#fff;
+}

src/views/demo/parameManagement/dataDictionary/index.vue

@@ -24,7 +24,10 @@
               <div class="searchRow">
                 <div>
                   <el-form-item label="字典名称:">
-                    <el-cascader :options="options"></el-cascader>
+                    <el-input
+                    v-model="formInline.enumName"
+                    placeholder="请输入"
+                  ></el-input>
                   </el-form-item>
 
                   <el-form-item>
@@ -50,7 +53,7 @@
                     <el-button
                       type="primary"
                       icon="el-icon-plus"
-                      @click="addDic"
+                      @click="addDic()"
                       >新建字典</el-button
                     >
                   </el-form-item>
@@ -63,36 +66,44 @@
               border
               style="width: 100%"
               row-key="id"
-              lazy
-              :load="load"
+             
+              
               :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
               :header-cell-style="{ background: '#0064b9', color: '#c9f5fa' }"
             >
               <el-table-column
-                prop="branchOffice"
+                prop='enumName'
                 label="字典名称"
                 align="center"
               >
               </el-table-column>
               <el-table-column
-                prop="directLibrary"
+                prop="enumCode"
                 label="字典标识"
                 align="center"
               >
               </el-table-column>
               <el-table-column
-                prop="subTreasury"
+                prop="useState"
                 label="使用状态"
                 align="center"
               >
+              <template slot-scope="scope">
+                <div v-if="scope.row.useState==1">
+                  启用
+                </div>
+                <div v-if="scope.row.useState==2">
+                  停用
+                </div>
+              </template>
               </el-table-column>
-              <el-table-column prop="cfName" label="更新时间" align="center">
+              <el-table-column prop="updateTime" label="更新时间" align="center">
               </el-table-column>
 
               <el-table-column align="center" label="操作" width="180">
                 <template slot-scope="scope">
                   <el-button
-                    @click="handleCheck(scope.row)"
+                    @click="addChildren(scope.row)"
                     type="text"
                     size="small"
                     icon="el-icon-circle-check"
@@ -118,30 +129,32 @@
 
 
     <!-- //字典弹框 -->
-    <el-dialog title="新建字典" :visible.sync="dicDialog" id="dialogStyle">
-  <el-form :model="form" id="dialogForm" :rules="rules">
-    <el-form-item label="字典标识:" :label-width="formLabelWidth" prop="kkk">
-      <el-input v-model="form.kkk" autocomplete="off"></el-input>
+    <el-dialog :title="title" :visible.sync="dicDialog" id="dialogStyle">
+  <el-form :model="form" id="dialogForm" :rules="rules" ref="formData">
+    <el-form-item label="字典标识:" :label-width="formLabelWidth" prop="enumCode">
+      <el-input v-model="form.enumCode" autocomplete="off"></el-input>
     </el-form-item>
-     <el-form-item label="字典名称:" :label-width="formLabelWidth" prop="name">
-      <el-input v-model="form.name" autocomplete="off"></el-input>
+     <el-form-item label="字典名称:" :label-width="formLabelWidth" prop="enumName">
+      <el-input v-model="form.enumName" autocomplete="off"></el-input>
     </el-form-item>
-     <el-form-item label="描述:" :label-width="formLabelWidth" prop="name">
-      <el-input v-model="form.name" autocomplete="off"></el-input>
+     <el-form-item label="描述:" :label-width="formLabelWidth" prop="remark">
+      <el-input v-model="form.remark" autocomplete="off"></el-input>
     </el-form-item>
-     <el-form-item label="字典状态:" :label-width="formLabelWidth" prop="name">
-      <el-input v-model="form.name" autocomplete="off"></el-input>
+     <el-form-item label="字典状态:" :label-width="formLabelWidth" id="switchLabel">
+          <el-switch v-model="form.useState" active-text="启用"
+  inactive-text="禁用"></el-switch>
     </el-form-item>
    
   </el-form>
   <div slot="footer" class="dialog-footer">
     <el-button @click="dicDialog = false">取 消</el-button>
-    <el-button type="primary" @click="defined()">确 定</el-button>
+    <el-button type="primary" @click="defined('formData')">确 定</el-button>
   </div>
 </el-dialog>
   </div>
 </template>
 <script>
+import api from "@/api";
 // 引入分页
 import Pagination from "@/components/pagination";
 export default {
@@ -149,7 +162,8 @@ export default {
   components: { Pagination },
   data() {
     return {
-    
+      //初始化弹框标题
+      title:"",
       //初始化弹框状态时关闭的
       dicDialog:false,
       //label宽度
@@ -189,58 +203,13 @@ export default {
 
       //头部查询条件
       formInline: {
-        cfName: "",
-        scanTime: "",
+        enumName:"",
       },
       //表格字段
-      dataDictionaryList: [
-        {
-          id: 1,
-          branchOffice: "中储粮河南分公司",
-          directLibrary: "商丘直属库",
-          subTreasury: "宁陵粮油储备公司",
-          cfName: "1号仓",
-          keeper: "白端静",
-          lxfs: "13531314569",
-          lastScan: "2019-08-21 16:11:59",
-          cfState: "出库",
-          hasChildren: true,
-        },
-      ],
+      dataDictionaryList: [],
 
-      // 日期插件
-      //
-      pickerOptions: {
-        shortcuts: [
-          {
-            text: "最近一周",
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-              picker.$emit("pick", [start, end]);
-            },
-          },
-          {
-            text: "最近一个月",
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-              picker.$emit("pick", [start, end]);
-            },
-          },
-          {
-            text: "最近三个月",
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-              picker.$emit("pick", [start, end]);
-            },
-          },
-        ],
-      },
+    
+   
       //分页
       total: 30,
       listQuery: {
@@ -253,22 +222,74 @@ export default {
       },
       //弹框初始化数据
       form:{
-        kkk:"",
-        name:"",
+        enumCode:"",
+        enumName:"",
+        useState:false,
+        remark:"",
       },
       //验证规则
       rules:{
-        kkk:[ {required:true,message:"请输入字典数据名称",trigger:"blur"}],
-        name:[ {required:true,message:"请输入字典数据名称",trigger:"blur"}]
-      }
+        enumCode:[ {required:true,message:"请输入字典标识",trigger:"blur"}],
+        enumName:[ {required:true,message:"请输入字典名称",trigger:"blur"}],
+        //  useState:[ {required:true,message:"请输入字典名称",trigger:"blur"}],
+       
+      },
+      // 点确定按钮时传的id
+      parentId:""
        
      
     };
   },
   methods: {
-    search() {},
-    reset() {},
-    getList() {},
+    search() {
+      this.getList()
+    },
+    reset() {
+      this.formInline.enumName="";
+      this.getList()
+    },
+    //列表
+    getList() {
+     var condition = {
+        enumName: this.formInline.enumName,
+        
+      };
+      condition = JSON.stringify(condition);
+       var data = {
+       
+        condition: condition,
+      };
+      api.dataDic(data).then(res=>{
+        if(res.code==200){
+          this.dataDictionaryList=res.data;
+        }
+      })
+      .catch(err=>{
+        console.log(err)
+      })
+    },
+    //新增
+    addDataDicList(){
+       
+     let data={
+        enumCode:this.form.enumCode,
+        enumName:this.form.enumName,
+        useState:this.form.useState==true?1:2,
+        remark:this.form.remark,
+        parentId:this.parentId
+      }
+      api.addDataDic(data)
+        .then(res => {
+          if (res.code == 200) {
+            this.$message.success("新增成功");
+            this.getList();
+          }
+        })
+        .catch(err => {
+          console.log(err)
+        });
+     
+    },
     //查看
     handleCheck() {
       this.$router.push({
@@ -306,13 +327,33 @@ export default {
     },
     //新建字典
     addDic() {
-      this.dicDialog=true;
+      this.form={}
+       this.title = "新增字典";
+      this.dicDialog = true;
+      this.parentId=0;
+      
+      
+    },
+    //新建子项
+    addChildren(row){
+      this.title = "新增子项";
+      this.form={}
+      this.dicDialog = true;
+        this.parentId=row.id;
     },
     //点击弹框确定按钮
-    defined(){
-     this.dicDialog=false;
+    defined(formData){
+      this.$refs[formData].validate((valid) => {
+        if (valid) {
+           this.addDataDicList();
+             this.dicDialog = false;
+        }
+      });
     }
   },
+  mounted(){
+    this.getList();
+  }
 };
 </script>
 <style lang="scss" scoped>
@@ -326,6 +367,7 @@ export default {
   display: flex;
   justify-content: space-between;
 }
+
 // #dialogForm .el-form-item .el-form-item_label{
 //   color:#000;
 // }

src/views/demo/parameManagement/hardwareParame/index.vue

@@ -4,16 +4,21 @@
       <!-- <template slot="header">首页/硬件参数</template> -->
       <div class="main">
         <div class="left">
-          <el-input placeholder="输入关键字进行过滤" v-model="filterText">
-          </el-input>
+          <!-- <el-input placeholder="输入关键字进行过滤" v-model="filterText" >
+          </el-input> -->
 
           <el-tree
             class="filter-tree"
+            :filter-node-method="filterNode"
+            v-loading="loading"
             :data="leftList"
             node-key="id"
             :props="defaultProps"
+            :expand-on-click-node="false"
+            @node-click="handleNodeClick"
             default-expand-all
-            :filter-node-method="filterNode"
+            highlight-current
+            :default-expanded-keys="this.defaultExpanded"
             ref="tree"
           >
             <span class="custom-tree-node" slot-scope="{ node, data }">
@@ -101,7 +106,7 @@
                   align="center"
                 >
                 </el-table-column>
-                <el-table-column prop="Port" label="设备编号" align="center">
+                <el-table-column prop="port" label="设备编号" align="center">
                 </el-table-column>
                 <el-table-column prop="ipAdress" label="设备IP" align="center">
                 </el-table-column>
@@ -133,7 +138,7 @@
 
     <!-- //弹框 -->
     <el-dialog :title="title" :visible.sync="dialogTantou" id="dialogStyle">
-      <el-form :model="dialog">
+      <el-form :model="dialog" ref="formData">
         <el-form-item label="设备名称:" :label-width="formLabelWidth">
           <el-input v-model="dialog.deviceName" autocomplete="off"></el-input>
         </el-form-item>
@@ -141,12 +146,14 @@
           <el-input v-model="dialog.ipAdress" autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item label="设备编码:" :label-width="formLabelWidth">
-          <el-input v-model="dialog.Port" autocomplete="off"></el-input>
+          <el-input v-model="dialog.port" autocomplete="off"></el-input>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="dialogTantou = false">取 消</el-button>
-        <el-button type="primary" @click="determine()">确 定</el-button>
+        <el-button type="primary" @click="determine('formData')"
+          >确 定</el-button
+        >
       </div>
     </el-dialog>
   </div>
@@ -157,6 +164,7 @@ export default {
   name: "hardwareParame",
   data() {
     return {
+      filterText:"",
       //初始化弹框标题
       title: "",
       //仓房id
@@ -168,82 +176,27 @@ export default {
       // 弹框默认关闭
       dialogTantou: false,
       filterText: "",
-      //默认展开的节点
+      leftList: [],
       defaultProps: {
         children: "children",
-        label: "label",
+        label: "orgName",
       },
-      //左侧树数据
-      leftList: [
-        {
-          id: 0,
-          label: "中储粮河南分公司",
-          icon: "el-icon-tickets",
-          children: [
-            {
-              id: 1,
-              label: "商丘直属库",
-              icon: "el-icon-paperclip",
-              children: [
-                {
-                  id: 4,
-                  label: "宁陵粮油储备公司",
-                  children: [
-                    {
-                      id: 9,
-                      label: "1号仓",
-                    },
-                    {
-                      id: 10,
-                      label: "2号仓",
-                    },
-                  ],
-                },
-              ],
-            },
-            {
-              id: 2,
-              label: "郑州直属库",
-              icon: "el-icon-paperclip",
-              children: [
-                {
-                  id: 5,
-                  label: "中牟粮油储备公司",
-                  children: [
-                    {
-                      id: 8,
-                      label: "1号仓",
-                    },
-                    {
-                      id: 9,
-                      label: "1号仓",
-                    },
-                  ],
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      // 日期插件
-      //
+
+      loading: false,
+      //默认展开的节点
+      defaultExpanded: [],
+      cfbh: "",
 
       formInline: {
         deviceNames: "",
       },
       //表格字段
-      hardwareList: [
-        {
-          deviceName: "",
-          port: "",
-          ipAdress: "",
-        },
-      ],
+      hardwareList: [],
       //弹框字段
       dialog: {
         deviceName: "",
-          port: "",
-          ipAdress: "",
+        port: "",
+        ipAdress: "",
       },
       //分页
 
@@ -255,19 +208,72 @@ export default {
         //总条数
         total: 0,
       },
+      // 过滤字段初始化
+      orgName:"",
     };
   },
+
   watch: {
-    filterTest(val) {
-      this.$refs.tree.filter(val);
+      filterText(val) {
+        this.$refs.tree.filter(val);
+      }
     },
-  },
+
   methods: {
+    //获取左侧树
+    getLeftTree() {
+      this.loading = true;
+      let params = {
+        orgName:this.orgName,
+      };
+
+      api
+        .leftTree(params)
+        .then((res) => {
+          if (res.code == 200) {
+            console.log(res);
+            this.leftList = [];
+            if (res.data) {
+              this.leftList = res.data;
+           
+
+              if (res.data[0].id) {
+                this.defaultExpanded.push(res.data[0].id);
+                if (res.data[0].children) {
+                  this.defaultExpanded.push(
+                    res.data[0].children[0].children[0].id
+                  );
+
+                  this.cfbh =
+                    res.data[0].children[0].children[0].children[0].id;
+                 
+                  setTimeout(() => {
+                    this.$refs.tree.setCurrentKey(this.cfbh);
+                  }, 500);
+                  console.log(this.leftList);
+                    this.getList();
+                }
+              }
+            }
+          } else {
+            this.$message({
+              type: "error",
+              message: res.msg,
+            });
+          }
+          this.loading = false;
+        })
+        .catch((error) => {
+          this.loading = false;
+          console.log(error);
+        });
+    },
     //获取列表数据
     getList() {
+      console.log("....")
       var condition = {
-        houseId: 1,
-        deviceName: "",
+        houseId: this.cfbh,
+        deviceName: this.formInline.deviceName,
       };
       condition = JSON.stringify(condition);
       var data = {
@@ -288,15 +294,46 @@ export default {
           console.log(err);
         });
     },
+    handleNodeClick(data,node) {
+    
+    if(node.level ===4){
+     this.cfbh=data.id;
+     console.log(  this.cfbh,";;;")
+    }
+    this.getList();
+    },
     //新增
-    addList(){},
+    addList() {
+      var data = {
+        houseId: this.cfbh,
+        deviceName: this.dialog.deviceName,
+        ipAdress: this.dialog.ipAdress,
+        port: this.dialog.port,
+      };
+      api
+        .addHardParam(data)
+        .then(res => {
+          if (res.code == 200) {
+            this.$message.success("新增成功");
+            this.getList();
+          }
+        })
+        .catch(err => {
+          console.log(err)
+        });
+    },
 
     filterNode(value, data) {
       if (!value) return true;
-      return data.label.indexOf(value) !== -1;
+      return data.orgName.indexOf(value) !== -1;
+    },
+    search() {
+      this.getList()
+    },
+    reset() {
+      this.formInline.deviceName="";
+      this.getList();
     },
-    search() {},
-    reset() {},
     //新增
     addTantou() {
       this.title = "新增硬件参数";
@@ -319,11 +356,21 @@ export default {
       this.getList();
     },
     //弹框确定按钮
-    determine() {},
+    determine(formData) {
+      this.$refs[formData].validate((valid) => {
+        if (valid) {
+          this.addList();
+             this.dialogTantou = false;
+        }
+      });
+    },
+    
+    
   },
   mounted() {
     console.log("aaaa");
-    this.getList();
+    // this.getList();
+    this.getLeftTree();
   },
 };
 </script>

src/views/demo/system/roleManagement/index.vue

@@ -1,14 +1,336 @@
 <template>
-    <div>
-         <d2-container>
-    <template slot="header">系统管理/角色管理</template>
- 角色管理
-  </d2-container>
-      
-    </div>
+  <div>
+    <d2-container>
+      <!-- <template slot="header">首页/数据查询</template> -->
+      <div class="main">
+        <div class="right">
+          <!-- <template slot="header">首页/数据查询</template> -->
+          <div class="nav">当前所在位置:首页>角色管理</div>
+          <div class="right_main">
+            <div class="right_title">
+              <i class="fa fa-bar-chart" aria-hidden="true" style="padding-right: 5px"></i>
+              角色管理
+            </div>
+            <div class="right_table">
+              <el-form :inline="true" :model="formInline" class="demo-form-inline">
+                <div class="float-left">
+                  <el-form-item label="机构名称">
+                    <el-input  v-model="state" >
+                     
+                     
+                    </el-input>
+                  </el-form-item>
+                  <el-form-item>
+                    <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+                  </el-form-item>
+                  <el-form-item>
+                    <el-button type="primary" icon="el-icon-refresh-left" @click="reset">重置</el-button>
+                  </el-form-item>
+                </div>
+                <div class="float-right">
+                  <el-form-item>
+
+                    <el-button type="primary" icon="el-icon-plus" @click="dialogFormVisible = true">新建角色</el-button>
+                  </el-form-item>
+
+                </div>
+              </el-form>
+              <el-table :data="tableData" ref='dataTreeList' style="width: 100%" :header-cell-style="{ background: '#0064b9', color: '#c9f5fa' }" row-key="id" border :tree-props="{children: 'children',hasChildren: 'hasChildren',}">
+                <el-table-column prop="OrganizationName" label="组织机构名称" align="center">
+                </el-table-column>
+                <el-table-column prop="storeType" label="仓库类型" align="center">
+                </el-table-column>
+
+                <el-table-column prop="state" label="机构状态" align="center">
+                </el-table-column>
+                <el-table-column prop="CreateDate" label="创建时间" align="center">
+                </el-table-column>
+                <el-table-column fixed="right" label="操作" width="200">
+                  <template slot-scope="scope">
+                    <el-button @click="detail(scope.row)" type="text" size="small">编辑</el-button>
+                    <el-button @click="detail(scope.row)" type="text" size="small">删除</el-button>
+                    <el-button @click="detail(scope.row)" type="text" size="small">查看</el-button>
+                    <el-switch v-model="value" active-value='启用' inactive-value='禁用'active-color="#13ce66" inactive-color="#ff4949">
+                    </el-switch>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="1" :page-sizes="[10, 20, 30, 40]" :page-size="pagination.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="pagination.total">
+              </el-pagination>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-dialog title="收货地址" :visible.sync="dialogFormVisible">
+        <el-form :model="form">
+          <el-form-item label="活动名称" :label-width="formLabelWidth">
+            <el-input v-model="form.name" autocomplete="off" style="width:223px"></el-input>
+          </el-form-item>
+          <el-form-item label="活动区域" :label-width="formLabelWidth">
+            <el-select v-model="form.region" placeholder="请选择活动区域">
+              <el-option label="区域一" value="shanghai"></el-option>
+              <el-option label="区域二" value="beijing"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="dialogFormVisible = false">取 消</el-button>
+          <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
+        </div>
+      </el-dialog>
+    </d2-container>
+  </div>
 </template>
 <script>
 export default {
-  name:"roleManagement"
+  name: 'roleManagement',
+  data () {
+    return {
+      value:'true',//启用开关默认值
+      filterText: '',
+      restaurants: [], //组织机构搜索
+      state: '',
+
+      formInline: {
+        scanTime: ''
+      },
+      // 表格字段
+      dataSearchList: [
+        {
+          directLibrary: '',
+          subTreasury: '',
+          cfName: '',
+          scanStart: '',
+          scanEnd: '',
+
+          cfState: ''
+        }
+      ],
+      tableData: [{
+        id: 1,
+        CreateDate: '2016-05-02',
+        OrganizationName: '王小虎',
+        storeType: '直属库',
+        state: '启用',
+      }, {
+        id: 2,
+        CreateDate: '2016-05-02',
+        OrganizationName: '王小虎',
+        storeType: '直属库',
+        state: '启用',
+      }, {
+        id: 3,
+        CreateDate: '2016-05-02',
+        OrganizationName: '王小虎',
+        storeType: '直属库',
+        state: '启用',
+        children: [{
+          id: 31,
+          CreateDate: '2016-05-02',
+          OrganizationName: '王小虎',
+          storeType: '直属库',
+          state: '启用',
+        }, {
+          id: 32,
+          CreateDate: '2016-05-02',
+          OrganizationName: '王小虎',
+          storeType: '直属库',
+          state: '启用',
+        }]
+      }, {
+        id: 4,
+        CreateDate: '2016-05-02',
+        OrganizationName: '王小虎',
+        storeType: '直属库',
+        state: '启用',
+      }],
+      dialogTableVisible: false,
+      dialogFormVisible: false,
+      formLabelWidth: '120px',
+      form: {
+        name: '',
+        region: ''
+      },
+      pagination: {
+        // 每页显示的条数
+        pageSize: 10,
+        // 当前页
+        curPage: 1,
+        // 总数
+        total: 20
+      }
+    }
+  },
+  watch: {
+    filterTest (val) {
+      this.$refs.tree.filter(val)
+    }
+  },
+  mounted () {
+    this.restaurants = this.loadAll();
+  },
+  methods: {
+    filterNode (value, data) {
+      if (!value) return true
+      return data.label.indexOf(value) !== -1
+    },
+    search () { },
+    reset () { },
+    // 每页条数改变
+    handleSizeChange (val) {
+      console.log(`每页 ${val} 条`)
+    },
+    // 当前页改变
+    handleCurrentChange (val) {
+      // this.pagination.curPage = val;
+      console.log(`当前页: ${val}`)
+    },
+    detail () { },
+
+    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);
+      };
+    },
+    loadAll () {
+      return [
+        { "value": "三全鲜食（北新泾店）", "address": "长宁区新渔路144号" },
+        { "value": "Hot honey 首尔炸鸡（仙霞路）", "address": "上海市长宁区淞虹路661号" },
+        { "value": "新旺角茶餐厅", "address": "上海市普陀区真北路988号创邑金沙谷6号楼113" },
+        { "value": "泷千家(天山西路店)", "address": "天山西路438号" },
+        { "value": "胖仙女纸杯蛋糕（上海凌空店）", "address": "上海市长宁区金钟路968号1幢18号楼一层商铺18-101" },
+        { "value": "贡茶", "address": "上海市长宁区金钟路633号" },
+        { "value": "豪大大香鸡排超级奶爸", "address": "上海市嘉定区曹安公路曹安路1685号" },
+        { "value": "茶芝兰（奶茶，手抓饼）", "address": "上海市普陀区同普路1435号" },
+        { "value": "十二泷町", "address": "上海市北翟路1444弄81号B幢-107" },
+        { "value": "星移浓缩咖啡", "address": "上海市嘉定区新郁路817号" },
+        { "value": "阿姨奶茶/豪大大", "address": "嘉定区曹安路1611号" },
+        { "value": "新麦甜四季甜品炸鸡", "address": "嘉定区曹安公路2383弄55号" },
+        { "value": "Monica摩托主题咖啡店", "address": "嘉定区江桥镇曹安公路2409号1F，2383弄62号1F" },
+        { "value": "浮生若茶（凌空soho店）", "address": "上海长宁区金钟路968号9号楼地下一层" },
+        { "value": "NONO JUICE  鲜榨果汁", "address": "上海市长宁区天山西路119号" },
+        { "value": "CoCo都可(北新泾店）", "address": "上海市长宁区仙霞西路" },
+        { "value": "快乐柠檬（神州智慧店）", "address": "上海市长宁区天山西路567号1层R117号店铺" },
+        { "value": "Merci Paul cafe", "address": "上海市普陀区光复西路丹巴路28弄6号楼819" },
+        { "value": "猫山王（西郊百联店）", "address": "上海市长宁区仙霞西路88号第一层G05-F01-1-306" },
+        { "value": "枪会山", "address": "上海市普陀区棕榈路" },
+        { "value": "纵食", "address": "元丰天山花园(东门) 双流路267号" },
+        { "value": "钱记", "address": "上海市长宁区天山西路" },
+        { "value": "壹杯加", "address": "上海市长宁区通协路" },
+        { "value": "唦哇嘀咖", "address": "上海市长宁区新泾镇金钟路999号2幢（B幢）第01层第1-02A单元" },
+        { "value": "爱茜茜里(西郊百联)", "address": "长宁区仙霞西路88号1305室" },
+        { "value": "爱茜茜里(近铁广场)", "address": "上海市普陀区真北路818号近铁城市广场北区地下二楼N-B2-O2-C商铺" },
+        { "value": "鲜果榨汁（金沙江路和美广店）", "address": "普陀区金沙江路2239号金沙和美广场B1-10-6" },
+        { "value": "开心丽果（缤谷店）", "address": "上海市长宁区威宁路天山路341号" },
+        { "value": "超级鸡车（丰庄路店）", "address": "上海市嘉定区丰庄路240号" },
+        { "value": "妙生活果园（北新泾店）", "address": "长宁区新渔路144号" },
+        { "value": "香宜度麻辣香锅", "address": "长宁区淞虹路148号" },
+        { "value": "凡仔汉堡（老真北路店）", "address": "上海市普陀区老真北路160号" },
+        { "value": "港式小铺", "address": "上海市长宁区金钟路968号15楼15-105室" },
+        { "value": "蜀香源麻辣香锅（剑河路店）", "address": "剑河路443-1" },
+        { "value": "北京饺子馆", "address": "长宁区北新泾街道天山西路490-1号" },
+        { "value": "饭典*新简餐（凌空SOHO店）", "address": "上海市长宁区金钟路968号9号楼地下一层9-83室" },
+        { "value": "焦耳·川式快餐（金钟路店）", "address": "上海市金钟路633号地下一层甲部" },
+        { "value": "动力鸡车", "address": "长宁区仙霞西路299弄3号101B" },
+        { "value": "浏阳蒸菜", "address": "天山西路430号" },
+        { "value": "四海游龙（天山西路店）", "address": "上海市长宁区天山西路" },
+        { "value": "樱花食堂（凌空店）", "address": "上海市长宁区金钟路968号15楼15-105室" },
+        { "value": "壹分米客家传统调制米粉(天山店)", "address": "天山西路428号" },
+        { "value": "福荣祥烧腊（平溪路店）", "address": "上海市长宁区协和路福泉路255弄57-73号" },
+        { "value": "速记黄焖鸡米饭", "address": "上海市长宁区北新泾街道金钟路180号1层01号摊位" },
+        { "value": "红辣椒麻辣烫", "address": "上海市长宁区天山西路492号" },
+        { "value": "(小杨生煎)西郊百联餐厅", "address": "长宁区仙霞西路88号百联2楼" },
+        { "value": "阳阳麻辣烫", "address": "天山西路389号" },
+        { "value": "南拳妈妈龙虾盖浇饭", "address": "普陀区金沙江路1699号鑫乐惠美食广场A13" }
+      ];
+    },
+    handleSelect (item) {
+      console.log(item);
+    },
+    handleIconClick (ev) {
+      console.log(ev);
+    },
+    // 全部展开
+    toggleRowExpansion (isExpansion) {
+      this.tableData.forEach(item => {
+        this.$refs.dataTreeList.toggleRowExpansion(item, isExpansion);
+      })
+    },
+
+  }
 }
-</script>
+</script>
+<style lang="scss" scoped>
+/* .main .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
+  border-bottom: none ;
+} */
+// 组织机构输入框
+.my-autocomplete {
+  li {
+    line-height: normal;
+    padding: 7px;
+
+    .name {
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+    .addr {
+      font-size: 12px;
+      color: #b4b4b4;
+    }
+
+    .highlighted .addr {
+      color: #ddd;
+    }
+  }
+}
+
+.main {
+  height: 100%;
+  display: flex;
+  .left {
+    width: 250px;
+    height: 100%;
+    background: #163d79;
+  }
+  .right {
+    // margin-left: 20px;
+    // width: calc(100% - 250px);
+    .nav {
+      padding: 10px 0 10px 10px;
+      color: #fff;
+
+      font-size: 14px;
+
+      background: #004a93;
+    }
+    .right_main {
+      border: 1px solid #67a7df;
+      background: #112f5d;
+
+      margin-top: 10px;
+      .right_title {
+        color: #fff;
+        border-bottom: 1px solid #67a7df;
+        padding: 10px;
+        font-size: 14px;
+      }
+      .right_table {
+        padding: 20px;
+      }
+    }
+  }
+}
+.float-left {
+  float: left;
+}
+.float-right {
+  float: right;
+}
+</style>