新增页面

src/components/system/minimenu.vue

@@ -169,7 +169,7 @@
         this.addMsg.PageType = 1;
         this.addMsg.PageName = "";
         this.addMsg.PageUrl = "";
-        this.addMsg.PageSort = "";
+        this.addMsg.PageSort = 0;
         this.addMsg.IsParameter = 0;
         this.addMsg.ParameterValue = "";
       },

src/components/system/setminipage.vue

@@ -27,8 +27,7 @@
 <template>
   <div class="minimenuDiv">
     <div class="query-box">
-
-      <button type="button" class="normalBtn" >保存</button>
+      <button type="button" class="normalBtn" @click="setMiniProgramPage()">保存</button>
     </div>
     <table class="commonTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
       <tr>
@@ -36,30 +35,17 @@
         <th>菜单</th>
       </tr>
       <tr v-for="(item,index) in dataList" :key="index">
-        <td>{{item.PageId}}</td>
-        <td>{{item.PageName}}</td>
-        <td>{{item.PageUrl}}</td>
-        <td>{{item.PageTypeStr}}</td>
-        <td>{{item.StatusStr}}</td>
         <td>
-          <el-tooltip class="item" effect="dark" content="修改" placement="top-start">
-            <el-button type="primary" icon="el-icon-edit" @click="getMenu(item.PageId)" circle style="padding:6px;">
-            </el-button>
-          </el-tooltip>
-          <el-tooltip class="item" effect="dark" content="删除" placement="top-start">
-            <el-button v-if="item.Status==0" type="danger" icon="el-icon-delete" @click="delMenu(item.PageId)" circle
-              style="padding:6px;"></el-button>
-          </el-tooltip>
-          <el-tooltip class="item" effect="dark" content="恢复" placement="top-start">
-            <el-button v-if="item.Status==1" type="primary" icon="iconfont icon-icon_huifu"
-              @click="recoverMenu(item.PageId)" circle style="padding:5px;"></el-button>
-          </el-tooltip>
+          <el-checkbox v-model="item.IsChecked" :key="index" @change="ChangeItem(item)">{{item.PageTypeName}}
+          </el-checkbox>
+        </td>
+        <td style="text-align:left; padding-left:5px;">
+          <template v-for="(subItem,subIndex) in item.SubMenuList">
+            <el-checkbox v-model="subItem.IsChecked" :key="subIndex">{{subItem.PageName}}</el-checkbox>
+          </template>
         </td>
       </tr>
     </table>
-  
-
- 
   </div>
 </template>
 <script>
@@ -67,65 +53,69 @@
     data() {
       return {
         loading: false,
-        menuDialog: false,
-
-  
         dataList: [],
-        addMsg: {
-          PageId: 0, //页面编号
-          PageType: 1, //页面类型(1-基础页面,2-营销页面，3-订单页面，4-插件页面，5-diy页面
-          PageName: '', //页面名称
-          PageUrl: "", //页面地址
-          PageSort: 0, //页面排序
-          IsParameter: 0, //是否有参数(0-无参数，1-有参数)
-          ParameterValue: "", //参数值
-        },
         pageType: [],
-        menurules: {
-          PageName: [{
-            required: true,
-            message: '请填写菜单名称。',
-            trigger: 'blur'
-          }],
-        }
+        MallBaseId: 0, //小程序Id
       };
     },
     created() {
 
     },
     methods: {
-     
+      ChangeItem(item) {
+        if (item.SubMenuList && item.SubMenuList.length > 0) {
+          item.SubMenuList.forEach(subItem => {
+            subItem.IsChecked = item.IsChecked;
+          })
+        }
+      },
       //获取分页数据
       getPageList() {
         this.apipost("/api/Tenant/GetMiniProgramePageManageList", {}, res => {
           if (res.data.resultCode == 1) {
             this.dataList = res.data.data;
-
           } else {
             this.Info(res.data.message);
           }
         })
       },
       //添加修改菜单
-      setMenu() {
-        this.apipost("/api/Tenant/SetMiniProgramePageManage", this.addMsg, res => {
-          if (res.data.resultCode == 1) {
-            this.getPageList();
-            this.menuDialog = false;
-            this.resetMsg();
+      setMiniProgramPage() {
+        var setArray = []; //新增修改的数组
+        var deleteArray = []; //删除的数组
+        if (this.dataList && this.dataList.length > 0) {
+          this.dataList.forEach(item => {
+            if (item.SubMenuList && item.SubMenuList.length > 0) {
+              item.SubMenuList.forEach(subItem => {
+                if (subItem.IsChecked) {
+                  setArray.push({
+                    Id: subItem.Id,
+                    PageId: subItem.PageId,
+                    MallBaseId: this.MallBaseId
+                  });
                 } else {
-            this.Info(res.data.message);
+                  deleteArray.push({
+                    Id: subItem.Id,
+                    PageId: subItem.PageId,
+                    MallBaseId: this.MallBaseId
+                  })
                 }
               })
-      },
-      //根据编号获取菜单
-      getMenu(Id) {
-        this.apipost("/api/Tenant/GetMiniProgramePageManage", {
-          PageId: Id
-        }, res => {
+            }
+          })
+        }
+        if (setArray.length == 0 && deleteArray.length == 0) {
+          this.Info("请选择要操作的菜单!");
+          return;
+        }
+        var msg = {
+          setMsg: setArray,
+          delMsg: deleteArray
+        };
+        this.apipost("/api/Tenant/SetMiniProgram_Page", msg, res => {
           if (res.data.resultCode == 1) {
-            this.addMsg = res.data.data;
-            this.menuDialog = true;
+            this.getPageList();
+            this.Success(res.data.message);
           } else {
             this.Info(res.data.message);
           }
@@ -133,7 +123,7 @@
       },
     },
     mounted() {
- 
+      this.MallBaseId = this.getLocalStorage().MallBaseId;
       this.getPageList();
     }
   };

src/router/index.js

@@ -4,8 +4,7 @@ import Router from 'vue-router'
 Vue.use(Router)
 
 export default new Router({
-  routes: [
-    {
+  routes: [{
       path: '/',
       name: 'login',
       component: resolve => require(['@/components/Login'], resolve),
@@ -16,7 +15,7 @@ export default new Router({
       component: resolve => require(['@/components/Login'], resolve),
     },
     {
-      path:'/Forgetpassword',
+      path: '/Forgetpassword',
       name: 'Forgetpassword',
       component: resolve => require(['@/components/Forgetpassword'], resolve),
     },
@@ -36,12 +35,12 @@ export default new Router({
       component: resolve => require(['@/components/system/menu'], resolve),
     },
     {
-        path: '/minimenu',//小程序菜单管理
+      path: '/minimenu', //小程序菜单管理
       name: 'minimenu',
       component: resolve => require(['@/components/system/minimenu'], resolve),
     },
     {
-        path: '/setminipage',//设置小程序菜单
+      path: '/setminipage', //设置小程序菜单
       name: 'setminipage',
       component: resolve => require(['@/components/system/setminipage'], resolve),
     },
@@ -49,8 +48,7 @@ export default new Router({
       path: '/mall',
       name: 'mall',
       component: resolve => require(['@/components/mall'], resolve),
-      children:[
-        {
+      children: [{
           path: '/zanIndex',
           name: 'zanIndex',
           component: resolve => require(['@/components/zanIndex'], resolve),
@@ -133,6 +131,12 @@ export default new Router({
           path: '/storeStyle',
           name: 'storeStyle',
           component: resolve => require(['@/components/StoreDesign/storeStyle'], resolve),
+        },
+        //店铺管理 小程序页面
+        {
+          path: '/mimipage',
+          name: 'mimipage',
+          component: resolve => require(['@/components/StoreDesign/mimipage'], resolve),
         }
       ]
     },