ytj

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

@@ -0,0 +1,128 @@
+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>跳转类型：</span>
+          <div class="flex-item">
+            <div style="width:50%" class="radio">
+                <el-radio v-model="postData.jumpType" label='0' >连接</el-radio>
+                <el-radio v-model="postData.jumpType" label='1' >课程</el-radio>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>连接：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入连接"
+                v-model="postData.link"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>是否发布：</span>
+          <div class="flex-item">
+            <div style="width:50%" class="radio">
+              <el-radio v-model="postData.release" label='0' >是</el-radio>
+                <el-radio v-model="postData.release" label='1' >否</el-radio>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>图片位置：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.position" placeholder="请选择">
+                <el-option
+                  v-for="item in positionList"
+                  :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 style="width:50%">
+              <el-input
+                placeholder="请输入真实姓名"
+                v-model="postData.realName"
+                clearable>
+              </el-input>
+            </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: {
+        jumpType: '0',
+        link: '',
+        release: '0',
+        position: ''
+      },
+      positionList: [{
+        value: '0',
+        label: '首页'
+      }, {
+        value: '1',
+        label: '精选'
+      }, {
+        value: '2',
+        label: '健康'
+      }, {
+        value: '3',
+        label: '社交'
+      }, {
+        value: '4',
+        label: '教育'
+      }, {
+        value: '5',
+        label: '健身'
+      }, {
+        value: '6',
+        label: '艺术'
+      }],
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () {}
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

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

@@ -0,0 +1,128 @@
+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>跳转类型：</span>
+          <div class="flex-item">
+            <div style="width:50%" class="radio">
+                <el-radio v-model="postData.jumpType" label='0' >连接</el-radio>
+                <el-radio v-model="postData.jumpType" label='1' >课程</el-radio>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>连接：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入连接"
+                v-model="postData.link"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>是否发布：</span>
+          <div class="flex-item">
+            <div style="width:50%" class="radio">
+              <el-radio v-model="postData.release" label='0' >是</el-radio>
+                <el-radio v-model="postData.release" label='1' >否</el-radio>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>图片位置：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.position" placeholder="请选择">
+                <el-option
+                  v-for="item in positionList"
+                  :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 style="width:50%">
+              <el-input
+                placeholder="请输入真实姓名"
+                v-model="postData.realName"
+                clearable>
+              </el-input>
+            </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: {
+        jumpType: '0',
+        link: '',
+        release: '0',
+        position: ''
+      },
+      positionList: [{
+        value: '0',
+        label: '首页'
+      }, {
+        value: '1',
+        label: '精选'
+      }, {
+        value: '2',
+        label: '健康'
+      }, {
+        value: '3',
+        label: '社交'
+      }, {
+        value: '4',
+        label: '教育'
+      }, {
+        value: '5',
+        label: '健身'
+      }, {
+        value: '6',
+        label: '艺术'
+      }],
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () { }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

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

@@ -3,7 +3,7 @@
     <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="addBanner">新增轮播图</el-button>
         </div>
         <tableSearch @exportSearchKey="searchList"></tableSearch>
       </div>
@@ -106,6 +106,7 @@ export default {
       console.log(`当前页: ${val}`)
     },
     handleEdit (index, row) { // 编辑
+      this.$router.push({ name: 'editBanner', query: { id: row.position } })
       console.log(index, row)
     },
     handleDelete (index, row) { // 删除
@@ -128,6 +129,9 @@ export default {
     },
     searchList (key) { // 搜索列表
       console.log(key)
+    },
+    addBanner () {
+      this.$router.push({ name: 'addBanner' })
     }
   }
 }
@@ -135,5 +139,4 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-@import "page.scss";
 </style>

src/pages/system/cmsManger/bannerManger/page.scss

@@ -1,36 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

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

@@ -0,0 +1,59 @@
+<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.title"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>跳转连接：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入链接"
+                v-model="postData.link"
+                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: {
+        title: '',
+        link: ''
+      }
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () { }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

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

@@ -0,0 +1,59 @@
+<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.title"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>跳转连接：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入链接"
+                v-model="postData.link"
+                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: {
+        title: '',
+        link: ''
+      }
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () { }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

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

@@ -3,7 +3,7 @@
     <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='addIndexMsg'>新增消息</el-button>
         </div>
         <tableSearch @exportSearchKey="searchList"></tableSearch>
       </div>
@@ -102,6 +102,7 @@ export default {
     },
     handleEdit (index, row) { // 编辑
       console.log(index, row)
+      this.$router.push({ name: 'editIndexMsg' })
     },
     handleDelete (index, row) { // 删除
       console.log(index, row)
@@ -123,6 +124,9 @@ export default {
     },
     searchList (key) { // 搜索列表
       console.log(key)
+    },
+    addIndexMsg () {
+      this.$router.push({ name: 'addIndexMsg' })
     }
   }
 }
@@ -130,5 +134,4 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-@import "page.scss";
 </style>

src/pages/system/cmsManger/indexMsg/page.scss

@@ -1,36 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

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

@@ -0,0 +1,134 @@
+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <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 style="width:50%">
+              <el-input
+                placeholder="请输入真实姓名"
+                v-model="postData.name"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>标题：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入真实姓名"
+                v-model="postData.title"
+                clearable>
+              </el-input>
+            </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 class="flex-h">
+          <span>专题简介：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入真实姓名"
+                v-model="postData.about"
+                type='textarea'
+                :autosize="{ minRows: 3, maxRows: 5}"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>是否前台展示：</span>
+          <div class="flex-item">
+            <div style="width:50%" class="radio">
+              <el-radio v-model="postData.show" label='0' >是</el-radio>
+                <el-radio v-model="postData.show" label='1' >否</el-radio>
+            </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: {
+        case: '',
+        name: '',
+        title: '',
+        about: '',
+        show: '0'
+      },
+      caseList: [{
+        value: '0',
+        label: '案场1'
+      }, {
+        value: '1',
+        label: '案场3'
+      }, {
+        value: '2',
+        label: '案场2'
+      }],
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () { }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

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

@@ -0,0 +1,134 @@
+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <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 style="width:50%">
+              <el-input
+                placeholder="请输入真实姓名"
+                v-model="postData.name"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>标题：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入真实姓名"
+                v-model="postData.title"
+                clearable>
+              </el-input>
+            </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 class="flex-h">
+          <span>专题简介：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入真实姓名"
+                v-model="postData.about"
+                type='textarea'
+                :autosize="{ minRows: 3, maxRows: 5}"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>是否前台展示：</span>
+          <div class="flex-item">
+            <div style="width:50%" class="radio">
+              <el-radio v-model="postData.show" label='0' >是</el-radio>
+                <el-radio v-model="postData.show" label='1' >否</el-radio>
+            </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: {
+        case: '',
+        name: '',
+        title: '',
+        about: '',
+        show: '0'
+      },
+      caseList: [{
+        value: '0',
+        label: '案场1'
+      }, {
+        value: '1',
+        label: '案场3'
+      }, {
+        value: '2',
+        label: '案场2'
+      }],
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () { }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

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

@@ -3,7 +3,7 @@
     <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='addMajorProjects'>新增项目专题</el-button>
         </div>
         <ul>
           <li>
@@ -144,6 +144,7 @@ export default {
     },
     editItem (index, row) { // 编辑
       console.log(index, row)
+      this.$router.push({ name: 'editMajorProjects', query: { id: row.id } })
     },
     copyItemUrl (index, row) { // 复制专题链接
       console.log(index, row)
@@ -168,6 +169,9 @@ export default {
     },
     searchList (key) { // 搜索列表
       console.log(key)
+    },
+    addMajorProjects () {
+      this.$router.push({ name: 'addMajorProjects' })
     }
   }
 }
@@ -175,5 +179,4 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-@import "page.scss";
 </style>

src/pages/system/cmsManger/majorProjects/page.scss

@@ -1,36 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

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

@@ -0,0 +1,129 @@
+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>跳转类型：</span>
+          <div class="flex-item">
+            <div style="width:50%" class="radio">
+                <el-radio v-model="postData.jumpType" label='0' >连接</el-radio>
+                <el-radio v-model="postData.jumpType" label='1' >课程</el-radio>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>连接：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入连接"
+                v-model="postData.link"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>是否发布：</span>
+          <div class="flex-item">
+            <div style="width:50%" class="radio">
+              <el-radio v-model="postData.release" label='0' >是</el-radio>
+                <el-radio v-model="postData.release" label='1' >否</el-radio>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>图片位置：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.position" placeholder="请选择">
+                <el-option
+                  v-for="item in positionList"
+                  :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 style="width:50%" class="radio">
+              <el-radio v-model="postData.index" label='0' >是</el-radio>
+                <el-radio v-model="postData.index" label='1' >否</el-radio>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>标题：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入真实姓名"
+                v-model="postData.realName"
+                clearable>
+              </el-input>
+            </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: {
+        jumpType: '0',
+        link: '',
+        release: '0',
+        position: '',
+        index: '0'
+      },
+      positionList: [{
+        value: '0',
+        label: '首页'
+      }, {
+        value: '1',
+        label: '精选'
+      }, {
+        value: '2',
+        label: '社交'
+      }, {
+        value: '3',
+        label: '健身'
+      }],
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () { }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

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

@@ -0,0 +1,129 @@
+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>跳转类型：</span>
+          <div class="flex-item">
+            <div style="width:50%" class="radio">
+                <el-radio v-model="postData.jumpType" label='0' >连接</el-radio>
+                <el-radio v-model="postData.jumpType" label='1' >课程</el-radio>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>连接：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入连接"
+                v-model="postData.link"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>是否发布：</span>
+          <div class="flex-item">
+            <div style="width:50%" class="radio">
+              <el-radio v-model="postData.release" label='0' >是</el-radio>
+                <el-radio v-model="postData.release" label='1' >否</el-radio>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>图片位置：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.position" placeholder="请选择">
+                <el-option
+                  v-for="item in positionList"
+                  :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 style="width:50%" class="radio">
+              <el-radio v-model="postData.index" label='0' >是</el-radio>
+                <el-radio v-model="postData.index" label='1' >否</el-radio>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>标题：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入真实姓名"
+                v-model="postData.realName"
+                clearable>
+              </el-input>
+            </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: {
+        jumpType: '0',
+        link: '',
+        release: '0',
+        position: '',
+        index: '0'
+      },
+      positionList: [{
+        value: '0',
+        label: '首页'
+      }, {
+        value: '1',
+        label: '精选'
+      }, {
+        value: '2',
+        label: '社交'
+      }, {
+        value: '3',
+        label: '健身'
+      }],
+    }
+  },
+  components: {},
+  methods: {
+
+  },
+  mounted () { }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/cmsManger/newsManger/index.vue

@@ -3,7 +3,7 @@
     <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='addNews'>新增资讯</el-button>
         </div>
         <tableSearch @exportSearchKey="searchList"></tableSearch>
       </div>
@@ -118,6 +118,7 @@ export default {
     },
     handleEdit (index, row) { // 编辑
       console.log(index, row)
+      this.$router.push({ name: 'editNews' })
     },
     handleDelete (index, row) { // 删除
       console.log(index, row)
@@ -139,6 +140,9 @@ export default {
     },
     searchList (key) { // 搜索列表
       console.log(key)
+    },
+    addNews () {
+      this.$router.push({ name: 'addNews' })
     }
   }
 }
@@ -146,5 +150,4 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-@import "page.scss";
 </style>

src/pages/system/cmsManger/newsManger/page.scss

@@ -1,36 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

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

@@ -0,0 +1,44 @@
+<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

@@ -3,7 +3,7 @@
     <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='addCourseTag'>新增课程标签</el-button>
         </div>
         <ul>
           <li>
@@ -120,6 +120,9 @@ export default {
     },
     searchList (key) { // 搜索列表
       console.log(key)
+    },
+    addCourseTag () {
+      this.$router.push({ name: 'addCourseTag' })
     }
   }
 }
@@ -127,5 +130,4 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-@import "page.scss";
 </style>

src/pages/system/courseManger/courseTag/page.scss

@@ -1,36 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

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

@@ -19,8 +19,7 @@
       :default-expand-all="true"
       :expand-on-click-node="false"
       :render-content="renderContent"
-      :indent="0"
-      @node-click="handleNodeClick"></el-tree>
+      :indent="0"></el-tree>
     </div>
   </div>
 </template>
@@ -83,7 +82,7 @@ export default {
     },
     handleEdit (node, data) { // 编辑
       console.log(node, data)
-      this.$router.push({ name: 'addFiveA', query: { label: data.label } })
+      this.$router.push({ name: 'editFiveA', query: { label: data.label } })
     },
     handleDelete (node, data) { // 删除
       console.log(node, data)

src/pages/system/index.vue

@@ -60,7 +60,7 @@ export default {
           children: [],
         }, {
           title: '角色管理',
-          pathName: 'characterManger',
+          pathName: 'roleManger',
           children: [],
         }],
       }, {

src/pages/system/page.js

@@ -5,7 +5,9 @@ import systemSet from './systemSet/index' // 系统设置
 import userManger from './systemSet/userManger/index' // 用户管理
 import addUser from './systemSet/userManger/add' // 添加用户
 import editUser from './systemSet/userManger/edit' // 编辑用户
-import characterManger from './systemSet/characterManger/index' // 角色管理
+import roleManger from './systemSet/roleManger/index' // 角色管理
+import addRole from './systemSet/roleManger/add' // 添加角色
+import editRole from './systemSet/roleManger/edit' // 编辑角色
 
 import caseManger from './caseManger/index' // 案场管理
 import caseInfo from './caseManger/caseInfo/index' // 案场信息
@@ -21,9 +23,17 @@ import goodsSpecManger from './goodsManger/goodsSpecManger/index' // 商品规
 
 import cmsManger from './cmsManger/index' // cms管理
 import bannerManger from './cmsManger/bannerManger/index' // 轮播图管理
+import addBanner from './cmsManger/bannerManger/add' // 添加轮播图
+import editBanner from './cmsManger/bannerManger/edit' // 编辑轮播图
 import majorProjects from './cmsManger/majorProjects/index' // 售楼处项目专题
+import addMajorProjects from './cmsManger/majorProjects/add' // 新增售楼处项目专题
+import editMajorProjects from './cmsManger/majorProjects/edit' // 编辑售楼处项目专题
 import indexMsg from './cmsManger/indexMsg/index' // 首页消息
+import addIndexMsg from './cmsManger/indexMsg/add' // 新增首页消息
+import editIndexMsg from './cmsManger/indexMsg/edit' // 新增首页消息
 import newsManger from './cmsManger/newsManger/index' // 资讯管理
+import addNews from './cmsManger/newsManger/add' // 资讯管理
+import editNews from './cmsManger/newsManger/edit' // 资讯管理
 
 import channelManger from './channelManager/index' // 渠道管理
 import channelList from './channelManager/channelList/index' // 渠道列表
@@ -33,6 +43,7 @@ import fiveA from './courseManger/fiveA/index' // 全龄生活5A
 import addFiveA from './courseManger/fiveA/add' // 全龄生活5A添加
 import editFiveA from './courseManger/fiveA/edit' // 全龄生活5A编辑
 import courseTag from './courseManger/courseTag/index' // 课程标签
+import addCourseTag from './courseManger/courseTag/add' // 新增课程标签
 
 import dataStatistics from './dataStatistics/index' // 数据统计
 import frontEndUserList from './dataStatistics/frontEndUserList/index' // 课程管理
@@ -57,15 +68,25 @@ export default {
           name: 'addUser',
           component: addUser,
           children: []
-        }, { // 添加用户
+        }, { // 编辑用户
           path: 'userManger/editUser',
           name: 'editUser',
           component: editUser,
           children: []
         }, { // 角色管理
-          path: 'characterManger',
-          name: 'characterManger',
-          component: characterManger,
+          path: 'roleManger',
+          name: 'roleManger',
+          component: roleManger,
+          children: []
+        }, { // 添加角色
+          path: 'roleManger/addRole',
+          name: 'addRole',
+          component: addRole,
+          children: []
+        }, { // 编辑角色
+          path: 'roleManger/editRole',
+          name: 'editRole',
+          component: editRole,
           children: []
         }],
       }, { // 案场管理
@@ -127,21 +148,61 @@ export default {
           name: 'bannerManger',
           component: bannerManger,
           children: []
+        }, { // 新增轮播图
+          path: 'bannerManger/addBanner',
+          name: 'addBanner',
+          component: addBanner,
+          children: []
+        }, { // 编辑轮播图
+          path: 'bannerManger/editBanner',
+          name: 'editBanner',
+          component: editBanner,
+          children: []
         }, { // 售楼处项目专题
           path: 'majorProjects',
           name: 'majorProjects',
           component: majorProjects,
           children: []
+        }, { // 新增售楼处项目专题
+          path: 'majorProjects/addMajorProjects',
+          name: 'addMajorProjects',
+          component: addMajorProjects,
+          children: []
+        }, { // 编辑售楼处项目专题
+          path: 'majorProjects/editMajorProjects',
+          name: 'editMajorProjects',
+          component: editMajorProjects,
+          children: []
         }, { // 首页消息
           path: 'indexMsg',
           name: 'indexMsg',
           component: indexMsg,
           children: []
+        }, { // 新增首页消息
+          path: 'indexMsg/addIndexMsg',
+          name: 'addIndexMsg',
+          component: addIndexMsg,
+          children: []
+        }, { // 编辑首页消息
+          path: 'indexMsg/editIndexMsg',
+          name: 'editIndexMsg',
+          component: editIndexMsg,
+          children: []
         }, { // 资讯管理
           path: 'newsManger',
           name: 'newsManger',
           component: newsManger,
           children: []
+        }, { // 新增资讯
+          path: 'newsManger/addNews',
+          name: 'addNews',
+          component: addNews,
+          children: []
+        }, { // 编辑资讯
+          path: 'newsManger/editNews',
+          name: 'editNews',
+          component: editNews,
+          children: []
         }],
       }, { // 渠道管理
         path: 'channelManger',
@@ -167,7 +228,7 @@ export default {
           name: 'addFiveA',
           component: addFiveA,
           children: []
-        }, { // 全龄生活5A添加
+        }, { // 全龄生活5A编辑
           path: 'fiveA/editFiveA',
           name: 'editFiveA',
           component: editFiveA,
@@ -177,6 +238,11 @@ export default {
           name: 'courseTag',
           component: courseTag,
           children: []
+        }, { // 新增课程标签
+          path: 'courseTag/addCourseTag',
+          name: 'addCourseTag',
+          component: addCourseTag,
+          children: []
         }],
       }, { // 数据统计
         path: 'dataStatistics',

src/pages/system/page.scss

@@ -110,8 +110,6 @@
 
 
 
-
-
 
 
 

src/pages/system/systemSet/characterManger/page.scss

@@ -1,36 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

src/pages/system/systemSet/roleManger/add.vue

@@ -0,0 +1,115 @@
+<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.roleId"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>角色名称：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入角色名称"
+                v-model="postData.roleName"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>禁用角色：</span>
+          <div class="flex-item">
+            <div style="width:50%" class="switch">
+              <el-switch
+                v-model="postData.disable"
+                active-color="#13ce66"
+                inactive-color="#ff4949">
+              </el-switch>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>数据权限：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.permission" placeholder="请选择">
+                <el-option
+                  v-for="item in permissionList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>备注：</span>
+          <div class="flex-item">
+            <div>
+              <el-input
+                placeholder="请输入备注"
+                type="textarea"
+                :autosize="{ minRows: 3, maxRows: 5}"
+                v-model="postData.remark"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li style="text-align:center">
+          <el-button type="primary" size="mini" @click='submit'>保存</el-button>
+          <el-button type="danger" size="mini">取消</el-button>
+        </li>
+      </ul>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+      postData: {
+        roleId: '', // 角色名
+        roleName: '', // 角色姓名
+        disable: false, // 禁用角色
+        permission: '', // 数据权限
+        remark: '' // 备注
+      },
+      permissionList: [{
+        value: '0',
+        name: '个人数据'
+      }, {
+        value: '1',
+        name: '所属组织全部数据'
+      }, {
+        value: '2',
+        name: '所属组织及下层全部数据'
+      }]
+    }
+  },
+  components: {},
+  methods: {
+    submit () {
+      console.log(this.postData)
+    }
+  },
+  mounted () { }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/systemSet/roleManger/edit.vue

@@ -0,0 +1,115 @@
+<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.roleId"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>角色名称：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入角色名称"
+                v-model="postData.roleName"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>禁用角色：</span>
+          <div class="flex-item">
+            <div style="width:50%" class="switch">
+              <el-switch
+                v-model="postData.disable"
+                active-color="#13ce66"
+                inactive-color="#ff4949">
+              </el-switch>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>数据权限：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.permission" placeholder="请选择">
+                <el-option
+                  v-for="item in permissionList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>备注：</span>
+          <div class="flex-item">
+            <div>
+              <el-input
+                placeholder="请输入备注"
+                type="textarea"
+                :autosize="{ minRows: 3, maxRows: 5}"
+                v-model="postData.remark"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li style="text-align:center">
+          <el-button type="primary" size="mini" @click='submit'>保存</el-button>
+          <el-button type="danger" size="mini">取消</el-button>
+        </li>
+      </ul>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+      postData: {
+        roleId: '', // 角色名
+        roleName: '', // 角色姓名
+        disable: false, // 禁用角色
+        permission: '', // 数据权限
+        remark: '' // 备注
+      },
+      permissionList: [{
+        value: '0',
+        name: '个人数据'
+      }, {
+        value: '1',
+        name: '所属组织全部数据'
+      }, {
+        value: '2',
+        name: '所属组织及下层全部数据'
+      }]
+    }
+  },
+  components: {},
+  methods: {
+    submit () {
+      console.log(this.postData)
+    }
+  },
+  mounted () { }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/systemSet/characterManger/index.vue → src/pages/system/systemSet/roleManger/index.vue

@@ -3,7 +3,7 @@
     <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='addRole'>新增角色</el-button>
         </div>
         <tableSearch value='分配权限' @exportSearchKey="searchList"></tableSearch>
       </div>
@@ -32,6 +32,15 @@
     </div>
     <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="currentPage" :page-size="10" layout="prev, pager, next, jumper" :total="100">
     </el-pagination>
+    <el-dialog title="请选择机构" :visible.sync="dialogTableVisible">
+      <el-tree
+        class="flxe-h"
+        :data="treeData"
+        :default-expand-all="true"
+        :expand-on-click-node="false"
+        show-checkbox
+        @node-click="handleNodeClick"></el-tree>
+    </el-dialog>
   </div>
 </template>
 
@@ -47,6 +56,7 @@ export default {
         // 表格搜索条件
         key: '111' // 搜索关键字
       },
+      dialogTableVisible: false,
       tableData: [
         {
           role: '赵日天',
@@ -97,7 +107,38 @@ export default {
           permission: '赵日天',
           createTime: '赵爸爸'
         }
-      ]
+      ],
+      treeData: [{
+        label: '根目录',
+        rank: '0',
+        img: '',
+        children: [{
+          label: '共享课程&书吧',
+          rank: '0',
+          img: '',
+          children: [{
+            label: '健身',
+            rank: '0',
+            img: 'http://jingcheng-resourceplat.oss-cn-shanghai.aliyuncs.com/upload/163306109741.png',
+          }, {
+            label: '健康',
+            rank: '0',
+            img: 'http://jingcheng-resourceplat.oss-cn-shanghai.aliyuncs.com/upload/163325263583.png',
+          }, {
+            label: '艺术',
+            rank: '0',
+            img: 'http://jingcheng-resourceplat.oss-cn-shanghai.aliyuncs.com/upload/104118813781.png',
+          }, {
+            label: '社交',
+            rank: '0',
+            img: 'http://jingcheng-resourceplat.oss-cn-shanghai.aliyuncs.com/upload/163339496588.png',
+          }, {
+            label: '教育',
+            rank: '0',
+            img: 'http://jingcheng-resourceplat.oss-cn-shanghai.aliyuncs.com/upload/163351586373.png',
+          }]
+        }]
+      }]
     }
   },
   components: {
@@ -113,6 +154,7 @@ export default {
     handleEdit (index, row) {
       // 编辑
       console.log(index, row)
+      this.$router.push({ name: 'editRole' })
     },
     handleDelete (index, row) {
       // 删除
@@ -136,11 +178,18 @@ export default {
         })
     },
     handlePermission (index, row) {
+      this.dialogTableVisible = true
       console.log(index)
     },
+    handleNodeClick (node) {
+      console.log(node)
+    },
     searchList (key) {
       // 搜索列表
       console.log(key)
+    },
+    addRole () {
+      this.$router.push({ name: 'addRole' })
     }
   }
 }

src/pages/system/systemSet/userManger/add.vue

@@ -131,7 +131,7 @@
         <li class="flex-h">
           <span>锁定用户：</span>
           <div class="flex-item">
-            <div style="width:50%">
+            <div style="width:50%" class="switch">
               <el-switch
                 v-model="postData.lockUser"
                 active-color="#13ce66"
@@ -143,7 +143,7 @@
         <li class="flex-h">
           <span>是否案场联系人：</span>
           <div class="flex-item">
-            <div style="width:50%">
+            <div style="width:50%" class="switch">
               <el-switch
                 v-model="postData.linkMan"
                 active-color="#13ce66"

src/pages/system/systemSet/userManger/edit.vue

@@ -131,7 +131,7 @@
         <li class="flex-h">
           <span>锁定用户：</span>
           <div class="flex-item">
-            <div style="width:50%">
+            <div style="width:50%" class="switch">
               <el-switch
                 v-model="postData.lockUser"
                 active-color="#13ce66"
@@ -143,7 +143,7 @@
         <li class="flex-h">
           <span>是否案场联系人：</span>
           <div class="flex-item">
-            <div style="width:50%">
+            <div style="width:50%" class="switch">
               <el-switch
                 v-model="postData.linkMan"
                 active-color="#13ce66"

src/pages/system/systemSet/userManger/index.vue

@@ -100,14 +100,13 @@
             <span>搜索结果：</span>
             <div class="flex-item">
               <div>
-                <el-tag
+                <el-button
                   v-for="tag in searchTags"
-                  type='success'
                   :key="tag.name"
                   style="margin-right:1rem"
                   @click='addTag(tag)'>
                   {{tag.name}}
-                  </el-tag>
+                  </el-button>
               </div>
             </div>
           </li>
@@ -135,8 +134,7 @@
 <script>
 import tableSearch from '@/components/tableSearch/index'
 import { createNamespacedHelpers } from 'vuex'
-// import {mapActions} from 'vuex'
-const { mapState: mapUserState } = createNamespacedHelpers('user')
+const { mapState: mapUserState, mapActions: mapUserActions } = createNamespacedHelpers('user')
 export default {
   name: '',
   data () {
@@ -218,9 +216,9 @@ export default {
     handleClose (tag) {
       this.tags.splice(this.tags.indexOf(tag), 1)
     },
+    ...mapUserActions(['upDateRoleList']),
     addTag (tag) {
-      this.$store.dispatch('upDateRoleList', tag)
-      // $store.upDateRoleList('switch_dialog', tag)
+      this.upDateRoleList(tag)
     }
   }
 }

src/style/main.css

@@ -287,7 +287,10 @@ select:focus {
   z-index: 2;
 }
 
-
+.switch,.radio {
+  display: flex;
+  align-items: center;
+}