refactor(page-decoration): 重构移动端页面管理界面，使用Tabs组件替换分类卡片

feat(wap): 为移动端页面列表添加类型标签页功能
fix(dialog): 修复对话框确认后未隐藏的问题
style: 统一移动端页面管理样式，优化表格布局

seller/src/views/shop/wap/wapList.vue

@@ -1,6 +1,11 @@
 <template>
   <div class="wrapper">
 
+    <Tabs v-model="tabsValue" @on-click="clickType" class="wap-tabs">
+      <TabPane label="首页" name="STORE"></TabPane>
+      <TabPane label="专题" name="SPECIAL"></TabPane>
+    </Tabs>
+
     <Card class="content">
       <Button type="primary" @click="handleAdd()">添加页面</Button>
       <div class="list">
@@ -45,6 +50,7 @@ export default {
   // components: {region},
   data() {
     return {
+      tabsValue: 'STORE',
       selectedIndex: 0, // 装修那个页面的下标
       columns: [ // 表头
         {
@@ -88,9 +94,9 @@ export default {
   },
   methods: {
     // 切换tab
-    clickType(val,index) {
-      this.params.pageNumber = 1
-      this.selectedIndex = index
+    clickType(val) {
+      this.params.pageNumber = 1;
+      this.tabsValue = val;
       this.params.pageType = val;
     },
     // 是否发布
@@ -129,13 +135,14 @@ export default {
     handleEdit(val) {
       this.$router.push({
         path: "/floorList/main",
-        query: { id: val.id, name: val.name, type: val.pageShow },
+        query: { id: val.id, name: val.name, type: val.pageShow, pagetype: this.params.pageType },
       });
     },
     // 添加模板
     handleAdd() {
       this.$router.push({
         path: "/floorList/main",
+        query: { pagetype: this.params.pageType },
       });
     },
      // 分页 改变页数
@@ -161,6 +168,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
+.wap-tabs { margin-bottom: 12px; }
 .category-item {
   cursor: pointer;
   padding: 4px;