chenrui 4 년 전
부모
커밋
90c46ae2bb

+ 212 - 211
src/config/router.config.js

@@ -8,199 +8,200 @@ import {
 } from '@/layouts'
 
 export const asyncRouterMap = [{
-    path: '/',
-    name: 'index',
-    component: BasicLayout,
+  path: '/',
+  name: 'index',
+  component: BasicLayout,
+  meta: {
+    title: '首页'
+  },
+  redirect: '/home',
+  children: [{
+    path: '/home',
+    name: 'home',
+    redirect: '/home',
+    component: PageView,
     meta: {
-      title: '首页'
+      title: '首页',
+      icon: 'home'
     },
-    redirect: '/home',
+    hideChildrenInMenu: true,
     children: [{
-        path: '/home',
-        name: 'home',
-        redirect: '/home',
-        component: PageView,
-        meta: {
-          title: '首页',
-          icon: 'home'
-        },
-        hideChildrenInMenu: true,
-        children: [{
-            path: '/home',
-            name: 'home',
-            component: () => import( /* webpackChunkName: "home" */ '@/views/Home'),
-            meta: {
-              title: '首页',
-              icon: 'home',
-              hidden: true
-            }
-          },
-          {
-            path: '/changePwd',
-            name: 'changePwd',
-            component: () => import( /* webpackChunkName: "home" */ '@/views/user/ChangePwd'),
-            meta: {
-              title: '修改密码',
-              icon: 'home',
-              hidden: true
-            }
-          }
-        ]
-      },
-      // Car washing machine management center
-      {
-        path: '/CarWashManagement',
-        redirect: '/CarWashManagement/CarWashManagement',
-        component: PageView,
-        meta: {
-          title: '洗车机管理中心',
-          icon: 'setting'
-          // permission: 'M_setting_0'
-        },
-        children: [{
-          path: '/CarWashManagement/CarWashManagement',
-          name: 'CarWashManagement',
-          component: () => import('@/views/CarWashManagement/CarWashManagement.vue'),
-          meta: {
-            title: '洗车机管理',
-            icon: 'database'
-            // permission: 'M_sys_dataDictionary'
-          }
-        }]
-      },
-      {
-        path: '/Order',
-        redirect: '/Order/OrderCenter',
-        name: 'Order',
-        component: PageView,
-        meta: {
-          title: '订单中心',
-          icon: 'snippets'
-          // permission: 'M_setting_0'
-        },
-        children: [{
-          path: '/Order/OrderCenter',
-          name: 'OrderCenter',
-          component: () => import('@/views/Order/OrderCenter.vue'),
-          meta: {
-            title: '订单中心',
-            icon: 'snippets'
-            // permission: 'M_sys_dataDictionary'
-          }
-        }]
-      },
+      path: '/home',
+      name: 'home',
+      component: () => import(/* webpackChunkName: "home" */ '@/views/Home'),
+      meta: {
+        title: '首页',
+        icon: 'home',
+        hidden: true
+      }
+    },
+    {
+      path: '/changePwd',
+      name: 'changePwd',
+      component: () => import(/* webpackChunkName: "home" */ '@/views/user/ChangePwd'),
+      meta: {
+        title: '修改密码',
+        icon: 'home',
+        hidden: true
+      }
+    }
+    ]
+  },
+  // Car washing machine management center
+  {
+    path: '/CarWashManagement',
+    redirect: '/CarWashManagement/CarWashManagement',
+    component: PageView,
+    meta: {
+      title: '洗车机管理中心',
+      icon: 'setting'
+      // permission: 'M_setting_0'
+    },
+    children: [{
+      path: '/CarWashManagement/CarWashManagement',
+      name: 'CarWashManagement',
+      component: () => import('@/views/CarWashManagement/CarWashManagement.vue'),
+      meta: {
+        title: '洗车机管理',
+        icon: 'database'
+        // permission: 'M_sys_dataDictionary'
+      }
+    }]
+  },
+  {
+    path: '/Order',
+    redirect: '/Order/OrderCenter',
+    name: 'Order',
+    component: PageView,
+    meta: {
+      title: '订单中心',
+      icon: 'snippets'
+      // permission: 'M_setting_0'
+    },
+    children: [{
+      path: '/Order/OrderCenter',
+      name: 'OrderCenter',
+      component: () => import('@/views/Order/OrderCenter.vue'),
+      meta: {
+        title: '订单中心',
+        icon: 'snippets'
+        // permission: 'M_sys_dataDictionary'
+      }
+    }]
+  },
+  // {
+  //   path: '/RefundRecord',
+  //   redirect: '/RefundRecord/RefundRecord',
+  //   component: PageView,
+  //   meta: {
+  //     title: '退单记录',
+  //     icon: 'setting'
+  //     // permission: 'M_setting_0'
+  //   },
+  //   children: [{
+  //     path: '/RefundRecord/RefundRecord',
+  //     name: 'RefundRecord',
+  //     component: () => import('@/views/RefundRecord/RefundRecord.vue'),
+  //     meta: {
+  //       title: '退单记录',
+  //       icon: 'setting'
+  //       // permission: 'M_sys_dataDictionary'
+  //     }
+  //   }
+  //   ]
+  // },
+  {
+    path: '/auth',
+    redirect: '/auth/userList',
+    component: PageView,
+    meta: {
+      title: '权限管理',
+      icon: 'lock'
+      // permission: 'M_auth_0' ,
+    },
+    children: [{
+      path: '/auth/userList',
+      name: 'powerUserList',
+      component: () => import(/* webpackChunkName: "auth" */ '@/views/power/user/userList.vue'),
+      meta: {
+        title: '用户管理',
+        icon: 'user'
+        // permission: 'M_auth_userList' ,
+      }
+    },
+    {
+      path: '/auth/roleList',
+      name: 'powerRoleList',
+      component: () => import(/* webpackChunkName: "auth" */ '@/views/power/role/roleList.vue'),
+      meta: {
+        title: '角色管理',
+        icon: 'solution'
+        // permission: 'M_auth_roleList',
+      }
+    },
+    {
+      path: '/menusAuth/adminMenus',
+      name: 'adminMenus',
+      component: () => import(/* webpackChunkName: "bnSetting" */ '@/views/bnSetting/menu/adminMenus.vue'),
+      meta: {
+        title: '菜单管理',
+        icon: 'appstore'
+        // permission: 'M_menusAuth_adminMenus'
+      }
+    }
+    ]
+  },
+  {
+    path: '/setting',
+    redirect: '/setting/userList',
+    component: PageView,
+    meta: {
+      title: '系统设置',
+      icon: 'setting'
+      // permission: 'M_setting_0'
+    },
+    children: [{
+      path: '/setting/dataDictionary',
+      name: 'powerDD',
+      component: () => import(/* webpackChunkName: "setting" */
+        '@/views/power/dataDictionary/dataDictionary.vue'),
+      meta: {
+        title: '数据字典管理',
+        icon: 'database'
+        // permission: 'M_sys_dataDictionary'
+      }
+    }
+      // 暂时屏蔽,后期可能需要
       // {
-      //   path: '/RefundRecord',
-      //   redirect: '/RefundRecord/RefundRecord',
-      //   component: PageView,
+      //   path: '/setting/register',
+      //   name: 'powerRegister',
+      //   component: () => import( /* webpackChunkName: "setting" */ '@/views/power/register/register.vue'),
       //   meta: {
-      //     title: '退单记录',
-      //     icon: 'setting'
-      //     // permission: 'M_setting_0'
-      //   },
-      //   children: [{
-      //     path: '/RefundRecord/RefundRecord',
-      //     name: 'RefundRecord',
-      //     component: () => import('@/views/RefundRecord/RefundRecord.vue'),
-      //     meta: {
-      //       title: '退单记录',
-      //       icon: 'setting'
-      //       // permission: 'M_sys_dataDictionary'
-      //     }
+      //     title: '参数管理',
+      //     icon: 'key'
+      //     // permission: 'M_sys_register'
       //   }
-      //   ]
       // },
-      {
-        path: '/auth',
-        redirect: '/auth/userList',
-        component: PageView,
-        meta: {
-          title: '权限管理',
-          icon: 'lock'
-          // permission: 'M_auth_0' ,
-        },
-        children: [{
-            path: '/auth/userList',
-            name: 'powerUserList',
-            component: () => import( /* webpackChunkName: "auth" */ '@/views/power/user/userList.vue'),
-            meta: {
-              title: '用户管理',
-              icon: 'user'
-              // permission: 'M_auth_userList' ,
-            }
-          },
-          {
-            path: '/auth/roleList',
-            name: 'powerRoleList',
-            component: () => import( /* webpackChunkName: "auth" */ '@/views/power/role/roleList.vue'),
-            meta: {
-              title: '角色管理',
-              icon: 'solution'
-              // permission: 'M_auth_roleList',
-            }
-          },
-          {
-            path: '/menusAuth/menu',
-            name: 'powerMenu',
-            component: () => import( /* webpackChunkName: "auth" */ '@/views/power/menu/menu.vue'),
-            meta: {
-              title: '菜单管理',
-              icon: 'profile'
-              // permission: 'M_menusAuth_menu'
-            }
-          }
-        ]
-      },
-      {
-        path: '/setting',
-        redirect: '/setting/userList',
-        component: PageView,
-        meta: {
-          title: '系统设置',
-          icon: 'setting'
-          // permission: 'M_setting_0'
-        },
-        children: [{
-            path: '/setting/dataDictionary',
-            name: 'powerDD',
-            component: () => import( /* webpackChunkName: "setting" */
-              '@/views/power/dataDictionary/dataDictionary.vue'),
-            meta: {
-              title: '数据字典管理',
-              icon: 'database'
-              // permission: 'M_sys_dataDictionary'
-            }
-          },
-          {
-            path: '/setting/register',
-            name: 'powerRegister',
-            component: () => import( /* webpackChunkName: "setting" */ '@/views/power/register/register.vue'),
-            meta: {
-              title: '参数管理',
-              icon: 'key'
-              // permission: 'M_sys_register'
-            }
-          },
-          // 暂时屏蔽,后期可能需要
-          // {
-          //   path: '/setting/jobs',
-          //   name: 'powerJobs',
-          //   component: () => import( /* webpackChunkName: "setting" */ '@/views/power/job/jobs.vue'),
-          //   meta: {
-          //     title: '定时器',
-          //     icon: 'alert'
-          //     // permission: 'M_sys_job'
-          //   }
-          // }
-        ]
-      }
+      // 暂时屏蔽,后期可能需要
+      // {
+      //   path: '/setting/jobs',
+      //   name: 'powerJobs',
+      //   component: () => import( /* webpackChunkName: "setting" */ '@/views/power/job/jobs.vue'),
+      //   meta: {
+      //     title: '定时器',
+      //     icon: 'alert'
+      //     // permission: 'M_sys_job'
+      //   }
+      // }
     ]
-  },
-  {
-    path: '*',
-    redirect: '/404',
-    hidden: true
   }
+  ]
+},
+{
+  path: '*',
+  redirect: '/404',
+  hidden: true
+}
 ]
 
 /**
@@ -208,35 +209,35 @@ export const asyncRouterMap = [{
  * @type { *[] }
  */
 export const constantRouterMap = [{
-    path: '/user',
-    component: UserLayout,
-    redirect: '/user/login',
-    hidden: true,
-    children: [{
-        path: 'login',
-        name: 'login',
-        component: () => import( /* webpackChunkName: "user" */ '@/views/user/Login')
-      },
-      {
-        path: 'register',
-        name: 'register',
-        component: () => import( /* webpackChunkName: "user" */ '@/views/user/Register')
-      },
-      {
-        path: 'register-result',
-        name: 'registerResult',
-        component: () => import( /* webpackChunkName: "user" */ '@/views/user/RegisterResult')
-      },
-      {
-        path: 'recover',
-        name: 'recover',
-        component: undefined
-      }
-    ]
+  path: '/user',
+  component: UserLayout,
+  redirect: '/user/login',
+  hidden: true,
+  children: [{
+    path: 'login',
+    name: 'login',
+    component: () => import(/* webpackChunkName: "user" */ '@/views/user/Login')
+  },
+  {
+    path: 'register',
+    name: 'register',
+    component: () => import(/* webpackChunkName: "user" */ '@/views/user/Register')
+  },
+  {
+    path: 'register-result',
+    name: 'registerResult',
+    component: () => import(/* webpackChunkName: "user" */ '@/views/user/RegisterResult')
   },
   {
-    path: '/404',
-    component: () => import( /* webpackChunkName: "fail" */ '@/views/exception/404')
+    path: 'recover',
+    name: 'recover',
+    component: undefined
   }
+  ]
+},
+{
+  path: '/404',
+  component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/404')
+}
 
 ]

+ 1 - 1
src/views/CarWashManagement/CarWashManagement.vue

@@ -54,7 +54,7 @@
       <template slot="businessStatus" slot-scope="text, record">{{ record.businessStatus ? $refs.businessStatus.getNameByCode(record.businessStatus) : '-' }}</template>
       <!-- 操作 -->
       <template slot="action" slot-scope="text, record">
-        <a-tooltip placement="left" trigger="click" overlayClassName="btn-cont">
+        <a-tooltip placement="left" overlayClassName="btn-cont">
           <template slot="title">
             <div class="btn-set-cont">
               <p class="set-sub-btn normal" @click="setStoreUpdateStatus(record, 'OPEN')" v-if="record.deviceStatus != 'PAUSE' && record.businessStatus != 'OPEN'">

+ 9 - 9
src/views/power/menu/menu.vue → src/views/bnSetting/menu/adminMenus.vue

@@ -178,14 +178,14 @@
 
       </a-col>
     </a-row>
-    <childModal :visible="showChildModal" @refresh="getMenuList" :data="parentData" @close="showChildModal = false"></childModal>
+    <childModal parentType="admin" :visible="showChildModal" @refresh="getYyMenuList" :data="parentData" @close="showChildModal = false"></childModal>
   </a-card>
 </template>
 
 <script>
 import { STable, VSelect } from '@/components'
 import childModal from './childModal.vue'
-import { getMenuList, saveMenu, deleteMenu } from '@/api/menu.js'
+import { getYyMenuList, saveYyMenu, deleteYyMenu } from '@/api/menu.js'
 
 export default {
   name: 'Menu',
@@ -310,8 +310,8 @@ export default {
       })
     },
     // 获取菜单树列表
-    getMenuList () {
-      getMenuList().then(res => {
+    getYyMenuList () {
+      getYyMenuList().then(res => {
         console.log(res, 'res1111111')
         if (res.status == 200) {
           this.treeData = res.data
@@ -372,12 +372,12 @@ export default {
         okText: '确定',
         cancelText: '取消',
         onOk () {
-          deleteMenu({
+          deleteYyMenu({
             id: _this.formData.id
           }).then(res => {
             if (res.status == 200) {
               _this.$message.success('删除成功')
-              _this.getMenuList()
+              _this.getYyMenuList()
             }
           }).catch(() => {
             _this.$message.success('删除失败, 请稍后重试')
@@ -392,11 +392,11 @@ export default {
       this.form.validateFields((err, values) => {
         if (!err) {
           console.log(values.formData, ' formData.type222222222')
-          saveMenu(Object.assign({ id: this.formData.id }, values.formData)).then(res => {
+          saveYyMenu(Object.assign({ id: this.formData.id }, values.formData)).then(res => {
             console.log(res, 'res--save')
             if (res.status + '' === '200') {
               this.$message.success(res.message ? res.message : '保存成功')
-              _this.getMenuList()
+              _this.getYyMenuList()
               _this.clear()
             } else {
               // this.$message.warning(res.message)
@@ -417,7 +417,7 @@ export default {
   },
   beforeRouteEnter (to, from, next) {
     next(vm => {
-      vm.getMenuList()
+      vm.getYyMenuList()
     })
   },
   watch: {

+ 41 - 2
src/views/power/menu/childModal.vue → src/views/bnSetting/menu/childModal.vue

@@ -126,6 +126,36 @@
               rules: [] }]"
           />
         </a-form-item>
+        <!-- 连锁可用 -->
+        <a-form-item v-if="parentType=='store'" label="连锁可用" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+          <a-radio-group
+            name="radioGroup"
+            v-decorator="[
+              'formData.chainOrgUse',
+              {
+                initialValue: formData.chainOrgUse,
+                rules: [{ required: true, message: '请选择!' }] },
+            ]"
+          >
+            <a-radio :value="1">是</a-radio>
+            <a-radio :value="0">否</a-radio>
+          </a-radio-group>
+        </a-form-item>
+        <!-- 单店可用 -->
+        <a-form-item v-if="parentType=='store'" label="单店可用" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+          <a-radio-group
+            name="radioGroup"
+            v-decorator="[
+              'formData.singleOrgUse',
+              {
+                initialValue: formData.singleOrgUse,
+                rules: [{ required: true, message: '请选择!' }] },
+            ]"
+          >
+            <a-radio :value="1">是</a-radio>
+            <a-radio :value="0">否</a-radio>
+          </a-radio-group>
+        </a-form-item>
         <!-- 状态 -->
         <a-form-item label="启用" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
           <a-radio-group
@@ -158,7 +188,7 @@
 
 <script>
 import { STable, VSelect } from '@/components'
-import { saveMenu } from '@/api/menu.js'
+import { saveYyMenu, saveMdMenu } from '@/api/menu.js'
 export default {
   name: 'ChildModal',
   components: {
@@ -169,6 +199,10 @@ export default {
       type: Boolean,
       default: false
     },
+    parentType: {
+      type: String,
+      default: ''
+    },
     data: {
       type: Object,
       default: function () {
@@ -196,6 +230,8 @@ export default {
         urlPath: '',
         sort: '',
         type: undefined,
+        chainOrgUse: 1,
+        singleOrgUse: 1,
         status: 1 // 活动状态
       }
     }
@@ -216,7 +252,8 @@ export default {
       this.form.validateFields((err, values) => {
         if (!err) {
           console.log(values.formData, ' formData.type222222222')
-          saveMenu(Object.assign(this.formData, values.formData)).then(res => {
+          const saveRequest = this.parentType == 'store' ? saveMdMenu : saveYyMenu
+          saveRequest(Object.assign(this.formData, values.formData)).then(res => {
             console.log(res, 'res--save')
             if (res.status + '' === '200') {
               this.$message.success(res.message ? res.message : '保存成功')
@@ -258,6 +295,8 @@ export default {
       this.formData.sort = ''
       this.formData.type = ''
       this.formData.status = 1
+      this.formData.chainOrgUse = 1
+      this.formData.singleOrgUse = 1
       this.formData.code = ''
       this.formData.permission = ''
     }

+ 494 - 0
src/views/bnSetting/menu/storeMenus.vue

@@ -0,0 +1,494 @@
+<template>
+  <a-card :bordered="false">
+    <a-row :gutter="24">
+      <a-button style="margin-right: 10px;" type="primary" icon="plus" @click="addChild">添加子菜单</a-button>
+      <a-button style="margin-right: 10px;background-color: #19be6b;color: #fff;" type="" icon="plus" @click="addTitle">添加顶部菜单</a-button>
+      <a-button style="margin-right: 10px;background-color: red;color: #fff;" type="" icon="delete" @click="delect()">删除</a-button>
+
+    </a-row>
+    <a-row :gutter="24">
+      <!-- 左侧菜单树列表 -->
+      <a-col :span="8">
+        <a-row :gutter="24" class="textCount">
+          <a-icon type="info-circle" style="color: #1890FF;margin-right: 10px;" />
+          <span>当前选择:<span style="color: #40a9ff;font-weight: 600;">{{ selectedMenu }}</span><span v-if="selectedKeys.length" class="imgSize" @click="cancelSel">取消选择</span></span>
+        </a-row>
+
+        <a-row :gutter="24" >
+          <a-input-search placeholder="输入搜索菜单名搜索" style="width: 100%" @change="onChange" />
+          <a-tree
+            @expand="onExpand"
+            :treeData="getMenus"
+            :expandedKeys="expandedKeys"
+            :autoExpandParent="autoExpandParent"
+            @select="onSelect"
+            :selectedKeys="selectedKeys"
+            showIcon
+          >
+            <template slot="title" slot-scope="{title}">
+              <span v-if="title.indexOf(searchValue) > -1">
+                {{ title.substr(0, title.indexOf(searchValue)) }}
+                <span style="color: #f50">{{ searchValue }}</span>
+                {{ title.substr(title.indexOf(searchValue) + searchValue.length) }}
+              </span>
+              <span v-else>{{ title }}</span>
+            </template>
+            <a-icon slot="file" type="file" />
+            <a-icon slot="pushpin" type="pushpin" />
+          </a-tree>
+        </a-row>
+      </a-col>
+      <!-- 右侧 -->
+      <a-col :span="16" >
+        <a-form :form="form" @submit="handleSubmit">
+          <!-- 类型 -->
+          <a-form-item label="类型" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+            <div v-if="!formData.type||formData.type=='0'">
+              <a-icon type="file" style="margin-right: 10px;" /><span >页面菜单</span>
+            </div>
+            <div v-if="formData.type=='1'">
+              <a-icon type="pushpin" style="margin-right: 10px;" /><span >操作按钮</span>
+            </div>
+          </a-form-item>
+
+          <!-- 名称 -->
+          <a-form-item label="名称" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+            <a-input
+              placeholder="请输入名称"
+              v-decorator="['formData.name', {
+                initialValue: formData.name,
+                rules: [{ required: true, message: '请输入名称!' },{pattern:'^[^<|>]{1,20}$',message:'请输入不含<或>的字符,最多20个字符'}] }]"
+            />
+          </a-form-item>
+          <!-- 路由英文名 -->
+          <!-- <a-form-item v-if="!formData.type||formData.type=='0'" label="路由英文名" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+            <a-input
+              placeholder="请输入路由英文名"
+              v-decorator="['formData.routeName', {
+                initialValue: formData.routeName,
+                rules: [{ required: true, message: '请输入路由英文名!' }] }]"
+            />
+          </a-form-item> -->
+          <!-- 路径 -->
+          <!-- <a-form-item v-if="!formData.type||formData.type=='0'" label="路径" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+            <a-input
+              placeholder="请输入路径"
+              v-decorator="['formData.routePath', {
+                initialValue: formData.routePath,
+                rules: [{ required: true, message: '请输入路径!' }] }]"
+            />
+          </a-form-item> -->
+          <!-- 请求路径 -->
+          <!-- <a-form-item v-if="formData.type==1" label="请求路径" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+            <a-input
+              placeholder="请输入请求路径"
+              v-decorator="['formData.urlPath', {
+                initialValue: formData.urlPath,
+                rules: [{ required: true, message: '请输入请求路径!' }] }]"
+            />
+          </a-form-item> -->
+          <!-- 前端权限编码 -->
+          <a-form-item label="前端权限编码" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+            <a-input
+              placeholder="请输入前端权限编码"
+              v-decorator="[
+                'formData.code',
+                {
+                  initialValue: formData.code,
+                  rules: [{ required: true, message: '请输入前端权限编码!' }] },
+              ]"
+            />
+          </a-form-item>
+          <!-- 后台权限编码 -->
+          <a-form-item label="后台权限编码" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+            <a-input
+              placeholder="请输入后台权限编码"
+              v-decorator="[
+                'formData.permission',
+                {
+                  initialValue: formData.permission,
+                  rules: [{ required: formData.isLeaf, message: '请输入后台权限编码!' }] },
+              ]"
+            />
+          </a-form-item>
+          <!-- 图标 -->
+          <!-- <a-form-item v-if="!formData.type ||formData.type=='0' " label="图标" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+            <a-input
+              placeholder="请输入图标名称"
+              v-decorator="['formData.icon', {
+                initialValue: formData.icon,
+                rules: [] }]"
+            />
+          </a-form-item> -->
+          <!-- 前端组件 -->
+          <!-- <a-form-item v-if="!formData.type ||formData.type=='0'" label="前端组件" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+            <a-input
+              placeholder="请输入前端组件路径"
+              v-decorator="['formData.componentPath', {
+                initialValue: formData.componentPath,
+                rules: [{ required: true, message: '请输入前端组件路径!' }] }]"
+            />
+          </a-form-item> -->
+
+          <!-- 第三方链接 -->
+          <!-- <a-form-item v-if="!formData.type ||formData.type=='0'" label="第三方链接" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+            <a-input
+              placeholder="请输入第三方链接地址"
+              v-decorator="['formData.urlPath', {
+                initialValue: formData.urlPath,
+                rules: [] }]"
+            />
+          </a-form-item> -->
+
+          <!-- 排序值 -->
+          <a-form-item label="排序值" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+            <a-input
+              type="number"
+              placeholder="请输入排序值"
+              v-decorator="['formData.sort', {
+                initialValue: formData.sort,
+                rules: [] }]"
+            />
+          </a-form-item>
+          <!-- 连锁可用 -->
+          <a-form-item label="连锁可用" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+            <a-radio-group
+              name="radioGroup"
+              v-decorator="[
+                'formData.chainOrgUse',
+                {
+                  initialValue: formData.chainOrgUse,
+                  rules: [{ required: true, message: '请选择!' }] },
+              ]"
+            >
+              <a-radio :value="1">是</a-radio>
+              <a-radio :value="0">否</a-radio>
+            </a-radio-group>
+          </a-form-item>
+          <!-- 单店可用 -->
+          <a-form-item label="单店可用" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+            <a-radio-group
+              name="radioGroup"
+              v-decorator="[
+                'formData.singleOrgUse',
+                {
+                  initialValue: formData.singleOrgUse,
+                  rules: [{ required: true, message: '请选择!' }] },
+              ]"
+            >
+              <a-radio :value="1">是</a-radio>
+              <a-radio :value="0">否</a-radio>
+            </a-radio-group>
+          </a-form-item>
+          <!-- 状态 -->
+          <a-form-item label="启用" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
+            <a-radio-group
+              name="radioGroup"
+              v-decorator="[
+                'formData.status',
+                {
+                  initialValue: formData.status,
+                  rules: [{ required: true, message: '请选择状态!' }] },
+              ]"
+            >
+              <a-radio :value="1">是</a-radio>
+              <a-radio :value="0">否</a-radio>
+            </a-radio-group>
+          </a-form-item>
+
+          <a-form-item :wrapper-col="{ span: 12, offset: 5 }">
+            <a-button type="primary" @click="handleSubmit()">
+              保存
+            </a-button>
+            <a-button :style="{ marginLeft: '8px' }" @click="clear">
+              重置
+            </a-button>
+          </a-form-item>
+        </a-form>
+
+      </a-col>
+    </a-row>
+    <childModal parentType="store" :visible="showChildModal" @refresh="getMdMenuList" :data="parentData" @close="showChildModal = false"></childModal>
+  </a-card>
+</template>
+
+<script>
+import { STable, VSelect } from '@/components'
+import childModal from './childModal.vue'
+import { getMdMenuList, saveMdMenu, deleteMdMenu } from '@/api/menu.js'
+
+export default {
+  name: 'Menu',
+  components: {
+    STable, VSelect, childModal
+  },
+  props: {},
+  data () {
+    return {
+      treeData: [],
+      dataList: [],
+      searchValue: '',
+      expandedKeys: [],
+      autoExpandParent: true,
+      selectedKeys: [],
+      selectedMenu: '', // 选择的树节点名
+      formLayout: 'horizontal',
+      form: this.$form.createForm(this, { name: 'menu' }),
+      showChildModal: false,
+      parentData: {}, // 父级菜单
+      formData: {
+        id: '',
+        name: '',
+        routePath: '',
+        icon: '',
+        routeName: '',
+        componentPath: '',
+        urlPath: '',
+        code: '',
+        permission: '',
+        sort: '',
+        type: '0',
+        isLeaf: true,
+        chainOrgUse: '',
+        singleOrgUse: '',
+        status: '' // 活动状态
+      }
+    }
+  },
+  computed: {
+    getMenus () {
+      this.generateList(this.treeData)
+      return this.treeData
+    }
+  },
+  methods: {
+    onExpand (expandedKeys) {
+      // console.log('onExpand', expandedKeys)
+      this.expandedKeys = expandedKeys
+      this.autoExpandParent = false
+    },
+
+    onSelect (selectedKeys, info) {
+      console.log('onSelect', info)
+      this.selectedKeys = selectedKeys
+      if (info.selected) {
+        const data = info.selectedNodes[0].data.props
+        const isLeaf = data.dataRef.children
+        // this.formData = Object.assign({}, this.formData, info.selectedNodes[0].data.props)
+        this.formData = {
+          id: data.id,
+          name: data.name,
+          routePath: data.routePath,
+          icon: data.icon,
+          routeName: data.routeName,
+          componentPath: data.componentPath,
+          urlPath: data.urlPath,
+          code: data.code,
+          permission: data.permission,
+          sort: data.sort,
+          type: data.type,
+          chainOrgUse: data.chainOrgUse,
+          singleOrgUse: data.singleOrgUse,
+          status: data.status,
+          isLeaf: !(isLeaf && isLeaf.length)
+        }
+
+        this.selectedMenu = this.formData.name
+        this.formData.status = Number(this.formData.status)
+        this.formData.chainOrgUse = Number(this.formData.chainOrgUse)
+        this.formData.singleOrgUse = Number(this.formData.singleOrgUse)
+      } else {
+        this.selectedMenu = ''
+        this.clear()
+      }
+    },
+    generateList (data) {
+      for (let i = 0; i < data.length; i++) {
+        const node = data[i]
+        const key = node.title
+        this.dataList.push({ key, title: key })
+        node.scopedSlots = { title: 'title' }
+        node.slots = { icon: node.type == '0' ? 'file' : 'pushpin' }
+
+        if (node.children) {
+          this.generateList(node.children)
+        }
+      }
+    },
+    getParentKey (key, tree) {
+      let parentKey
+      for (let i = 0; i < tree.length; i++) {
+        const node = tree[i]
+        if (node.children) {
+          if (node.children.some(item => item.title == key)) {
+            parentKey = node.key
+          } else if (this.getParentKey(key, node.children)) {
+            parentKey = this.getParentKey(key, node.children)
+          }
+        }
+      }
+      return parentKey
+    },
+    onChange (e) {
+      const value = e.target.value
+      const expandedKeys = this.dataList
+        .map(item => {
+          if (item.title.indexOf(value) > -1) {
+            return this.getParentKey(item.title, this.treeData)
+          }
+          return null
+        })
+        .filter((item, i, self) => item && self.indexOf(item) === i)
+      Object.assign(this, {
+        expandedKeys,
+        searchValue: value,
+        autoExpandParent: true
+      })
+    },
+    // 获取菜单树列表
+    getMdMenuList () {
+      getMdMenuList().then(res => {
+        console.log(res, 'res1111111')
+        if (res.status == 200) {
+          this.treeData = res.data
+          console.log(this.treeData, 'this.treeData')
+        }
+      })
+    },
+    // 添加子节点
+    addChild () {
+      if (!this.selectedMenu) {
+        return this.$message.warning('请先选择一个父级菜单')
+      } else if (this.formData.type == '1') {
+        return this.$message.warning('请选择一个页面级菜单')
+      }
+      this.showChildModal = true
+      this.parentData = this.formData
+    },
+    // 添加顶部菜单
+    addTitle () {
+      this.showChildModal = true
+      this.parentData = {}
+    },
+    //  取消选择
+    cancelSel () {
+      this.selectedKeys = []
+      this.selectedMenu = ''
+      this.clear()
+    },
+    // 清空列表
+    clear () {
+      this.form.resetFields()
+      this.formData.id = ''
+      this.formData.name = ''
+      this.formData.routePath = ''
+      this.formData.icon = ''
+      this.formData.routeName = ''
+      this.formData.componentPath = ''
+      this.formData.urlPath = ''
+      this.formData.sort = ''
+      this.formData.type = ''
+	    this.formData.chainOrgUse = ''
+	    this.formData.singleOrgUse = ''
+      this.formData.status = ''
+      this.formData.code = ''
+      this.formData.permission = ''
+      this.formData.isLeaf = true
+    },
+
+    // 删除数据
+    delect () {
+      if (!this.selectedKeys.length) {
+        return this.$message.warning('您还未选择要删除的数据')
+      }
+      const _this = this
+      console.log(_this.formData.id, '_this.formData.id')
+      this.$confirm({
+        title: '警告',
+        content: `确定要删除您选择的 ${_this.formData.name} 的数据吗?`,
+        okText: '确定',
+        cancelText: '取消',
+        onOk () {
+          deleteMdMenu({
+            id: _this.formData.id
+          }).then(res => {
+            if (res.status == 200) {
+              _this.$message.success('删除成功')
+              _this.getMdMenuList()
+            }
+          }).catch(() => {
+            _this.$message.success('删除失败, 请稍后重试')
+          })
+        }
+      })
+    },
+
+    // 保存提交
+    handleSubmit () {
+      const _this = this
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          console.log(values.formData, ' formData.type222222222')
+          saveMdMenu(Object.assign({ id: this.formData.id }, values.formData)).then(res => {
+            console.log(res, 'res--save')
+            if (res.status + '' === '200') {
+              this.$message.success(res.message ? res.message : '保存成功')
+              _this.getMdMenuList()
+              _this.clear()
+            } else {
+              // this.$message.warning(res.message)
+            }
+          })
+        }
+      })
+    },
+    handleCancel () {
+      this.clear()
+    }
+
+  },
+  mounted () {
+  },
+  beforeCreate () {
+    this.form = this.$form.createForm(this, { name: 'menu' })
+  },
+  beforeRouteEnter (to, from, next) {
+    next(vm => {
+      vm.getMdMenuList()
+    })
+  },
+  watch: {
+
+  }
+}
+</script>
+
+<style>
+  .menu-box::-webkit-scrollbar{
+    width: 6px;
+    height: 6px ;
+  }
+
+  .menu-box::-webkit-scrollbar-thumb{
+    width: 6px;
+    height: 6px ;
+    border-radius: 4px;
+    -webkit-box-shadow: inset 0 0 2px #d1d1d1;
+    background: #e4e4e4;
+  }
+
+  .textCount{
+    border: 1px solid #91d5ff;
+    background-color: #e6f7ff;
+    border-radius: 5px;
+    padding: 5px 10px 5px 20px;
+    margin: 10px 0;
+    color: rgba(0, 0, 0, 0.85);
+  }
+  .imgSize{
+    color: #2d8cf0;
+    margin-left: 10px;
+    font-size: 14px;
+  }
+
+</style>

+ 162 - 0
src/views/bnSetting/menusAuth.vue

@@ -0,0 +1,162 @@
+<template>
+  <div>
+    <a-form class="form-box" style="height: 500px;overflow: auto;margin-bottom: 15px;" :form="form" @submit="handleSubmit">
+      <a-tree
+        checkable
+        @check="onCheck"
+        @expand="onExpand"
+        :autoExpandParent="autoExpandParent"
+        v-model="checkedKeys"
+        :treeData="treeData"
+      />
+    </a-form>
+    <a-form-item :wrapper-col="{ offset: 3 }">
+      <a-button type="primary" @click="handleSubmit()">
+        保存
+      </a-button>
+    </a-form-item>
+  </div>
+</template>
+
+<script>
+import { findLsMenu, saveLsMouldMenu, findDdMenu, saveDdMouldMenu } from '@/api/menuSet'
+export default {
+  name: 'MenusAuth',
+  props: {
+    types: {
+      type: String,
+      default: 'dd'
+    }
+  },
+  data () {
+    return {
+      menuIds: '',
+      treeData: [],
+      expandedKeys: [],
+      autoExpandParent: false,
+      checkedKeys: [],
+      checkedData: [],
+      formLayout: 'horizontal',
+      form: this.$form.createForm(this, { name: 'menuModal' })
+    }
+  },
+  methods: {
+    tabChange (v) {
+      console.log(v)
+    },
+    // 初始化树
+    treeInit (dr) {
+      this.treeData = dr.menuList
+      this.menuIds = dr.mould.menuIds
+      if (this.menuIds) {
+        const arr = this.menuIds.split(',')
+        const temp = []
+        arr.map(item => {
+          temp.push(Number(item))
+        })
+        this.checkedData = temp
+        this.expandedKeys = temp
+        // 找出叶子节点
+        this.findLeaf(this.treeData, temp)
+      }
+    },
+    // 获取连锁树数据
+    getfindLsMenu () {
+      findLsMenu().then(res => {
+        console.log(res, '+++++++++连锁+++++++++')
+        if (res.status == 200) {
+          this.treeInit(res.data)
+        }
+      })
+    },
+    // 获取单店树数据
+    getfindDdMenu () {
+      findDdMenu().then(res => {
+        console.log(res, '+++++++++单店+++++++++')
+        if (res.status == 200) {
+          this.treeInit(res.data)
+        }
+      })
+    },
+    onExpand (expandedKeys) {
+      console.log('onExpand', expandedKeys)
+      this.expandedKeys = expandedKeys
+      this.autoExpandParent = false
+    },
+    onCheck (checkedKeys, info) {
+      this.checkedData = [...checkedKeys, ...info.halfCheckedKeys]
+      this.checkedKeys = checkedKeys
+    },
+    // 勾选已选的菜单
+    findLeaf (data, arr) {
+      for (let i = 0; i < data.length; i++) {
+        const node = data[i]
+        if (node.children) {
+          this.findLeaf(node.children, arr)
+        } else {
+          const hasNode = arr.find(item => {
+            return item == node.id
+          })
+          if (hasNode) {
+            this.checkedKeys.push(node.id)
+          }
+        }
+      }
+    },
+    // 保存提交
+    handleSubmit () {
+      const _this = this
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          // console.log(this.checkedData)
+          if (this.checkedData.length == 0) {
+            return this.$message.warning('请先选择菜单')
+          }
+          const arr = this.checkedData.join(',')
+          if (this.types == 'dd') {
+            this.ddSave({ menuIds: arr })
+          } else {
+            this.lsSave({ menuIds: arr })
+          }
+        }
+      })
+    },
+    // 保存单店
+    ddSave (pars) {
+      saveDdMouldMenu(pars).then(res => {
+        console.log(res, 'res--save')
+        if (res.status + '' === '200') {
+          this.$message.success(res.message ? res.message : '保存成功')
+        } else {
+          // this.$message.warning(res.message)
+        }
+      })
+    },
+    // 保存连锁
+    lsSave (pars) {
+      saveLsMouldMenu(pars).then(res => {
+        console.log(res, 'res--save')
+        if (res.status + '' === '200') {
+          this.$message.success(res.message ? res.message : '保存成功')
+        } else {
+          // this.$message.warning(res.message)
+        }
+      })
+    }
+  },
+  mounted () {
+    // 单店
+    if (this.types == 'dd') {
+      this.getfindDdMenu()
+    } else {
+      this.getfindLsMenu()
+    }
+  },
+  beforeCreate () {
+    this.form = this.$form.createForm(this, { name: 'menu' })
+  }
+}
+</script>
+
+<style>
+</style>

+ 41 - 0
src/views/bnSetting/menusAuthTab.vue

@@ -0,0 +1,41 @@
+<template>
+  <div class="menusAuth-cons">
+    <a-tabs @change="tabChange" type="card">
+      <a-tab-pane tab="单店菜单设置" key="1">
+        <menusAuth types="dd"></menusAuth>
+      </a-tab-pane>
+      <a-tab-pane tab="连锁店菜单设置" key="2">
+        <menusAuth types="ls"></menusAuth>
+      </a-tab-pane>
+    </a-tabs>
+  </div>
+</template>
+
+<script>
+  import menusAuth from './menusAuth.vue'
+  export default {
+    name: 'menusAuthTab',
+    components: {
+      menusAuth
+    },
+    data() {
+      return {}
+    },
+    methods: {
+      tabChange(v) {
+        console.log(v)
+      },
+    },
+    beforeRouteEnter (to, from, next) {
+      next(vm => {
+      })
+    },
+  }
+</script>
+
+<style>
+  .menusAuth-cons{
+    background: #fff;
+    padding: 10px;
+  }
+</style>