ytj

src/pages/system/caseManger/caseAreaManger/add.vue

+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>区域名：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入区域名"
+                v-model="postData.areaName"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>案场：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.case" placeholder="请选择">
+                <el-option
+                  v-for="item in caseList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>图片：</span>
+          <div class="flex-item">
+            <div>
+              <a class="formImg">
+                <img src="" class="centerLabel contain" alt="">
+                <i class="iconfont icon-quxiao"></i>
+              </a>
+              <el-button type="success" size="mini">上传图片</el-button>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>黑白图片：</span>
+          <div class="flex-item">
+            <div>
+              <a class="formImg">
+                <img src="" class="centerLabel contain" alt="">
+                <i class="iconfont icon-quxiao"></i>
+              </a>
+              <el-button type="success" size="mini">上传图片</el-button>
+            </div>
+          </div>
+        </li>
+        <li style="text-align:center">
+          <el-button type="primary" size="mini">保存</el-button>
+          <el-button type="danger" size="mini">取消</el-button>
+        </li>
+      </ul>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+      postData: {
+        areaName: '',
+        case: ''
+      },
+      caseList: [{
+        value: '0',
+        label: '案场1'
+      }, {
+        value: '1',
+        label: '案场3'
+      }, {
+        value: '2',
+        label: '案场3'
+      }],
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () {}
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/caseManger/caseAreaManger/edit.vue

+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>区域名：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入区域名"
+                v-model="postData.areaName"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>案场：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.case" placeholder="请选择">
+                <el-option
+                  v-for="item in caseList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>图片：</span>
+          <div class="flex-item">
+            <div>
+              <a class="formImg">
+                <img src="" class="centerLabel contain" alt="">
+                <i class="iconfont icon-quxiao"></i>
+              </a>
+              <el-button type="success" size="mini">上传图片</el-button>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>黑白图片：</span>
+          <div class="flex-item">
+            <div>
+              <a class="formImg">
+                <img src="" class="centerLabel contain" alt="">
+                <i class="iconfont icon-quxiao"></i>
+              </a>
+              <el-button type="success" size="mini">上传图片</el-button>
+            </div>
+          </div>
+        </li>
+        <li style="text-align:center">
+          <el-button type="primary" size="mini">保存</el-button>
+          <el-button type="danger" size="mini">取消</el-button>
+        </li>
+      </ul>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+      postData: {
+        areaName: '',
+        case: ''
+      },
+      caseList: [{
+        value: '0',
+        label: '案场1'
+      }, {
+        value: '1',
+        label: '案场3'
+      }, {
+        value: '2',
+        label: '案场3'
+      }],
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () {}
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/caseManger/caseAreaManger/index.vue

   <div class="subPage">
     <div class="system-table-search">
       <div class="flex-h">
-        <div class="flex-item flex-h"></div>
+        <div class="flex-item flex-h">
+          <el-button size="mini" type="success" @click='addCaseArea'>新增案场区域</el-button>
+        </div>
         <ul>
           <li>
             <span>选择案场：</span>
     },
     editItem (index, row) { // 编辑
       console.log(index, row)
+      this.$router.push({ name: 'editCaseArea' })
     },
     deleteItem (index, row) { // 删除
       console.log(index, row)
     },
     searchList (key) { // 搜索列表
       console.log(key)
+    },
+    addCaseArea () {
+      this.$router.push({ name: 'addCaseArea' })
     }
   }
 }
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-@import "page.scss";
 </style>

src/pages/system/caseManger/caseAreaManger/page.scss

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

src/pages/system/caseManger/caseTableManger/add.vue

+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>桌编号：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入桌编号"
+                v-model="postData.tableId"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>区域：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.caseArea" placeholder="请选择">
+                <el-option
+                  v-for="item in caseAreaList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+          </div>
+        </li>
+        <li style="text-align:center">
+          <el-button type="primary" size="mini">保存</el-button>
+          <el-button type="danger" size="mini">取消</el-button>
+        </li>
+      </ul>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+      postData: {
+        tableId: '',
+        caseArea: ''
+      },
+      caseAreaList: [
+        {
+          value: '0',
+          label: '区域A'
+        }
+      ]
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () { }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/caseManger/caseTableManger/edit.vue

+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>桌编号：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入桌编号"
+                v-model="postData.tableId"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>区域：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.caseArea" placeholder="请选择">
+                <el-option
+                  v-for="item in caseAreaList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+          </div>
+        </li>
+        <li style="text-align:center">
+          <el-button type="primary" size="mini">保存</el-button>
+          <el-button type="danger" size="mini">取消</el-button>
+        </li>
+      </ul>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+      postData: {
+        tableId: '',
+        caseArea: ''
+      },
+      caseAreaList: [
+        {
+          value: '0',
+          label: '区域A'
+        }
+      ]
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () { }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/caseManger/caseTableManger/index.vue

   <div class="subPage">
     <div class="system-table-search">
       <div class="flex-h">
-        <div class="flex-item flex-h"></div>
+        <div class="flex-item flex-h">
+          <el-button size="mini" type="success" @click='addCaseTable'>新增案场桌位</el-button>
+        </div>
         <ul>
           <li>
             <span>选择案场：</span>
     },
     editItem (index, row) { // 编辑
       console.log(index, row)
+      this.$router.push({ name: 'editCaseTable' })
     },
     deleteItem (index, row) { // 删除
       console.log(index, row)
     },
     searchList (key) { // 搜索列表
       console.log(key)
+    },
+    addCaseTable () {
+      this.$router.push({ name: 'addCaseTable' })
     }
   }
 }
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-@import "page.scss";
 </style>

src/pages/system/caseManger/caseTableManger/page.scss

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

src/pages/system/channelManager/channelList/add.vue

+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>渠道名：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入渠道名"
+                v-model="postData.channelName"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>渠道code：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入渠道code"
+                v-model="postData.channelCode"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li style="text-align:center">
+          <el-button type="primary" size="mini">保存</el-button>
+          <el-button type="danger" size="mini">取消</el-button>
+        </li>
+      </ul>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+      postData: {
+        channelName: '',
+        channelCode: ''
+      }
+    }
+  },
+  components: {},
+  methods: {},
+  mounted () {}
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/channelManager/channelList/edit.vue

+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>渠道名：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入渠道名"
+                v-model="postData.channelName"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>渠道code：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入渠道code"
+                v-model="postData.channelCode"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li style="text-align:center">
+          <el-button type="primary" size="mini">保存</el-button>
+          <el-button type="danger" size="mini">取消</el-button>
+        </li>
+      </ul>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+      postData: {
+        channelName: '',
+        channelCode: ''
+      }
+    }
+  },
+  components: {},
+  methods: {},
+  mounted () {}
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/channelManager/channelList/index.vue

     <div class="system-table-search">
       <div class="flex-h">
         <div class="flex-item flex-h">
-          <el-button size="mini" type="success">新增渠道</el-button>
+          <el-button size="mini" type="success" @click='addChannel'>新增渠道</el-button>
         </div>
         <ul>
           <li>
     },
     handleEdit (index, row) { // 编辑
       console.log(index, row)
+      this.$router.push({ name: 'editChannel' })
     },
     handleDelete (index, row) { // 删除
       console.log(index, row)
     },
     searchList (key) { // 搜索列表
       console.log(key)
+    },
+    addChannel () {
+      this.$router.push({ name: 'addChannel' })
     }
   }
 }

src/pages/system/cmsManger/bannerManger/add.vue

           </div>
         </li>
         <li class="flex-h">
-          <span>连接：</span>
+          <span>链接：</span>
           <div class="flex-item">
             <div style="width:50%">
               <el-input
-                placeholder="请输入连接"
+                placeholder="请输入链接"
                 v-model="postData.link"
                 clearable>
               </el-input>
           <div class="flex-item">
             <div style="width:50%">
               <el-input
-                placeholder="请输入真实姓名"
+                placeholder="请输入标题"
                 v-model="postData.realName"
                 clearable>
               </el-input>

src/pages/system/cmsManger/bannerManger/edit.vue

           </div>
         </li>
         <li class="flex-h">
-          <span>连接：</span>
+          <span>链接：</span>
           <div class="flex-item">
             <div style="width:50%">
               <el-input
-                placeholder="请输入连接"
+                placeholder="请输入链接"
                 v-model="postData.link"
                 clearable>
               </el-input>
           <div class="flex-item">
             <div style="width:50%">
               <el-input
-                placeholder="请输入真实姓名"
+                placeholder="请输入标题"
                 v-model="postData.realName"
                 clearable>
               </el-input>

src/pages/system/cmsManger/indexMsg/add.vue

           </div>
         </li>
         <li class="flex-h">
-          <span>跳转连接：</span>
+          <span>跳转链接：</span>
           <div class="flex-item">
             <div style="width:50%">
               <el-input

src/pages/system/cmsManger/indexMsg/edit.vue

           </div>
         </li>
         <li class="flex-h">
-          <span>跳转连接：</span>
+          <span>跳转链接：</span>
           <div class="flex-item">
             <div style="width:50%">
               <el-input

src/pages/system/cmsManger/majorProjects/add.vue

           <div class="flex-item">
             <div style="width:50%">
               <el-input
-                placeholder="请输入真实姓名"
+                placeholder="请输入名称"
                 v-model="postData.name"
                 clearable>
               </el-input>
           <div class="flex-item">
             <div style="width:50%">
               <el-input
-                placeholder="请输入真实姓名"
+                placeholder="请输入标题"
                 v-model="postData.title"
                 clearable>
               </el-input>
           <div class="flex-item">
             <div style="width:50%">
               <el-input
-                placeholder="请输入真实姓名"
+                placeholder="请输入专题简介"
                 v-model="postData.about"
                 type='textarea'
                 :autosize="{ minRows: 3, maxRows: 5}"

src/pages/system/cmsManger/majorProjects/edit.vue

           <div class="flex-item">
             <div style="width:50%">
               <el-input
-                placeholder="请输入真实姓名"
+                placeholder="请输入名称"
                 v-model="postData.name"
                 clearable>
               </el-input>
           <div class="flex-item">
             <div style="width:50%">
               <el-input
-                placeholder="请输入真实姓名"
+                placeholder="请输入标题"
                 v-model="postData.title"
                 clearable>
               </el-input>
           <div class="flex-item">
             <div style="width:50%">
               <el-input
-                placeholder="请输入真实姓名"
+                placeholder="请输入专题简介"
                 v-model="postData.about"
                 type='textarea'
                 :autosize="{ minRows: 3, maxRows: 5}"

src/pages/system/courseManger/courseTag/add.vue

     <form class="mainForm">
       <ul>
         <li class="flex-h">
-          <span>用户名：</span>
+          <span>标签名称：</span>
           <div class="flex-item">
             <div style="width:50%">
               <el-input
-                placeholder="请输入用户名"
+                placeholder="请输入标签名称"
                 v-model="postData.userName"
                 clearable>
               </el-input>

src/pages/system/courseManger/courseTag/edit.vue

+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>标签名称：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入标签名称"
+                v-model="postData.userName"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li style="text-align:center">
+          <el-button type="primary" size="mini">保存</el-button>
+          <el-button type="danger" size="mini">取消</el-button>
+        </li>
+      </ul>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+      postData: {
+        tag: '',
+      }
+    }
+  },
+  components: {},
+  methods: {},
+  mounted () {}
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/courseManger/courseTag/index.vue

     },
     handleEdit (index, row) { // 编辑
       console.log(index, row)
+      this.$router.push({ name: 'editCourseTag' })
     },
     handleDelete (index, row) { // 删除
       console.log(index, row)

src/pages/system/goodsManger/goodsSpecManger/add.vue

+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>规格名：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入规格名"
+                v-model="postData.goodsSpec"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li style="text-align:center">
+          <el-button type="primary" size="mini">保存</el-button>
+          <el-button type="danger" size="mini">取消</el-button>
+        </li>
+      </ul>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+      postData: {
+        goodsSpec: ''
+      }
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () { }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/goodsManger/goodsSpecManger/edit.vue

+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>规格名：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入规格名"
+                v-model="postData.goodsSpec"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li style="text-align:center">
+          <el-button type="primary" size="mini">保存</el-button>
+          <el-button type="danger" size="mini">取消</el-button>
+        </li>
+      </ul>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+      postData: {
+        goodsSpec: ''
+      }
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () { }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/goodsManger/goodsSpecManger/index.vue

     <div class="system-table-search">
       <div class="flex-h">
         <div class="flex-item flex-h">
-          <el-button size="mini" type="success">新增商品规格</el-button>
+          <el-button size="mini" type="success" @click="addGoodsSpec">新增商品规格</el-button>
         </div>
         <ul>
           <li>
     },
     handleEdit (index, row) { // 编辑
       console.log(index, row)
+      this.$router.push({ name: 'editGoodsSpec' })
     },
     handleDelete (index, row) { // 删除
       console.log(index, row)
     },
     searchList (key) { // 搜索列表
       console.log(key)
+    },
+    addGoodsSpec () {
+      this.$router.push({ name: 'addGoodsSpec' })
     }
   }
 }
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-@import "page.scss";
 </style>

src/pages/system/goodsManger/goodsSpecManger/page.scss

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

src/pages/system/goodsManger/goodsTypeManger/add.vue

+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>商品种类：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入商品种类"
+                v-model="postData.goodsType"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>商品种类code：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入商品种类code"
+                v-model="postData.goodsTypeCode"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li style="text-align:center">
+          <el-button type="primary" size="mini">保存</el-button>
+          <el-button type="danger" size="mini">取消</el-button>
+        </li>
+      </ul>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+      postData: {
+        goodsType: '',
+        goodsTypeCode: ''
+      },
+      caseAreaList: [
+        {
+          value: '0',
+          label: '区域A'
+        }
+      ]
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () { }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/goodsManger/goodsTypeManger/edit.vue

+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>商品种类：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入商品种类"
+                v-model="postData.goodsType"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>商品种类code：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入商品种类code"
+                v-model="postData.goodsTypeCode"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li style="text-align:center">
+          <el-button type="primary" size="mini">保存</el-button>
+          <el-button type="danger" size="mini">取消</el-button>
+        </li>
+      </ul>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+      postData: {
+        goodsType: '',
+        goodsTypeCode: ''
+      },
+      caseAreaList: [
+        {
+          value: '0',
+          label: '区域A'
+        }
+      ]
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () { }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/goodsManger/goodsTypeManger/index.vue

     <div class="system-table-search">
       <div class="flex-h">
         <div class="flex-item flex-h">
-          <el-button size="mini" type="success">新增商品类型</el-button>
+          <el-button size="mini" type="success" @click="addGoodsType">新增商品类型</el-button>
         </div>
         <ul>
           <li>
     },
     handleEdit (index, row) { // 编辑
       console.log(index, row)
+      this.$router.push({ name: 'editGoodsType' })
     },
     handleDelete (index, row) { // 删除
       console.log(index, row)
     },
     searchList (key) { // 搜索列表
       console.log(key)
+    },
+    addGoodsType () {
+      this.$router.push({ name: 'addGoodsType' })
     }
   }
 }
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-@import "page.scss";
 </style>

src/pages/system/goodsManger/goodsTypeManger/page.scss

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

src/pages/system/page.js

 import editCase from './caseManger/caseInfo/editCase/index' // 新增案场
 import keyManger from './caseManger/keyManger/index' // 钥匙管理
 import caseAreaManger from './caseManger/caseAreaManger/index' // 案场区域管理
+import addCaseArea from './caseManger/caseAreaManger/add' // 新增案场区域
+import editCaseArea from './caseManger/caseAreaManger/edit' // 编辑案场区域
 import caseTableManger from './caseManger/caseTableManger/index' // 案场桌位管理
+import addCaseTable from './caseManger/caseTableManger/add' // 新增案场桌位
+import editCaseTable from './caseManger/caseTableManger/edit' // 编辑案场桌位
 
 import goodsManger from './goodsManger/index' // 商品管理
 import goodsTypeManger from './goodsManger/goodsTypeManger/index' // 商品类型管理
+import addGoodsType from './goodsManger/goodsTypeManger/add' // 新增商品类型
+import editGoodsType from './goodsManger/goodsTypeManger/edit' // 编辑商品类型
 import goodsSpecManger from './goodsManger/goodsSpecManger/index' // 商品规格管理
+import addGoodsSpec from './goodsManger/goodsSpecManger/add' // 新增商品规格
+import editGoodsSpec from './goodsManger/goodsSpecManger/edit' // 编辑商品规格管理
 
 import cmsManger from './cmsManger/index' // cms管理
 import bannerManger from './cmsManger/bannerManger/index' // 轮播图管理
 
 import channelManger from './channelManager/index' // 渠道管理
 import channelList from './channelManager/channelList/index' // 渠道列表
+import addChannel from './channelManager/channelList/add' // 新增渠道
+import editChannel from './channelManager/channelList/edit' // 编辑渠道
 
 import courseManger from './courseManger/index' // 课程管理
 import fiveA from './courseManger/fiveA/index' // 全龄生活5A
 import editFiveA from './courseManger/fiveA/edit' // 全龄生活5A编辑
 import courseTag from './courseManger/courseTag/index' // 课程标签
 import addCourseTag from './courseManger/courseTag/add' // 新增课程标签
+import editCourseTag from './courseManger/courseTag/edit' // 编辑课程标签
 
 import dataStatistics from './dataStatistics/index' // 数据统计
 import frontEndUserList from './dataStatistics/frontEndUserList/index' // 课程管理
           name: 'addCase',
           component: addCase,
           children: []
-        }, { // 修改案场
+        }, { // 编辑案场
           path: 'caseInfo/editCase',
           name: 'editCase',
           component: editCase,
           name: 'caseAreaManger',
           component: caseAreaManger,
           children: []
+        }, { // 新增案场区域
+          path: 'caseAreaManger/addCaseArea',
+          name: 'addCaseArea',
+          component: addCaseArea,
+          children: []
+        }, { // 编辑案场区域
+          path: 'caseAreaManger/editCaseArea',
+          name: 'editCaseArea',
+          component: editCaseArea,
+          children: []
         }, { // 案场桌位管理
           path: 'caseTableManger',
           name: 'caseTableManger',
           component: caseTableManger,
           children: []
+        }, { // 新增案场桌位
+          path: 'caseTableManger/addCaseTable',
+          name: 'addCaseTable',
+          component: addCaseTable,
+          children: []
+        }, { // 编辑案场桌位
+          path: 'caseTableManger/editCaseTable',
+          name: 'editCaseTable',
+          component: editCaseTable,
+          children: []
         }],
       }, { // 商品管理
         path: 'goodsManger',
           name: 'goodsTypeManger',
           component: goodsTypeManger,
           children: []
+        }, { // 新增商品类型
+          path: 'goodsTypeManger/addGoodsType',
+          name: 'addGoodsType',
+          component: addGoodsType,
+          children: []
+        }, { // 编辑商品类型
+          path: 'goodsTypeManger/editGoodsType',
+          name: 'editGoodsType',
+          component: editGoodsType,
+          children: []
         }, { // 商品规格管理
           path: 'goodsSpecManger',
           name: 'goodsSpecManger',
           component: goodsSpecManger,
           children: []
+        }, { // 新增商品规格
+          path: 'goodsSpecManger/addGoodsSpec',
+          name: 'addGoodsSpec',
+          component: addGoodsSpec,
+          children: []
+        }, { // 编辑商品规格
+          path: 'goodsSpecManger/editGoodsSpec',
+          name: 'editGoodsSpec',
+          component: editGoodsSpec,
+          children: []
         }],
       }, { // cms管理
         path: 'cmsManger',
           name: 'channelList',
           component: channelList,
           children: []
+        }, { // 新增渠道
+          path: 'channelList/addChannel',
+          name: 'addChannel',
+          component: addChannel,
+          children: []
+        }, { // 编辑渠道
+          path: 'channelList/editChannel',
+          name: 'editChannel',
+          component: editChannel,
+          children: []
         }],
       }, { // 课程管理
         path: 'courseManger',
           name: 'addCourseTag',
           component: addCourseTag,
           children: []
+        }, { // 编辑课程标签
+          path: 'courseTag/editCourseTag',
+          name: 'editCourseTag',
+          component: editCourseTag,
+          children: []
         }],
       }, { // 数据统计
         path: 'dataStatistics',