xcx

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

@@ -0,0 +1,139 @@
+<template>
+  <div class="subPage">
+    <div class="system-table-search">
+      <div class="flex-h">
+        <div class="flex-item flex-h">
+          <el-button size="mini" type="success">新增轮播图</el-button>
+        </div>
+        <tableSearch @exportSearchKey="searchList"></tableSearch>
+      </div>
+      <div class="moreFilter"></div>
+    </div>
+    <div class="system-table-box">
+      <el-table
+        :data="tableData"
+        stripe
+        style="width: 100%">
+        <el-table-column
+          prop="img"
+          label="图片">
+          <template slot-scope="scope">
+            <a class="tableImg">
+              <img :src="scope.row.img" class="centerLabel contain" alt="">
+            </a>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="position"
+          label="位置">
+        </el-table-column>
+        <el-table-column
+          prop="isShow"
+          label="是否显示">
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="warning"
+              @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+            <el-button
+              size="mini"
+              type="danger"
+              @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </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>
+  </div>
+</template>
+
+<script>
+import tableSearch from '@/components/tableSearch/index'
+import { createNamespacedHelpers } from 'vuex'
+
+const { mapState: mapCaseState } = createNamespacedHelpers('case')
+
+export default {
+  name: '',
+  data () {
+    return {
+      currentPage: 0, // 当前页码
+      tableSearch: { // 表格搜索条件
+        key: '', // 搜索关键字
+        caseId: '', // 案场id
+      },
+      tableData: [{
+        img: 'xxx',
+        position: 'xxx',
+        isShow: 'xxx'
+      }, {
+        img: 'xxx',
+        position: 'xxx',
+        isShow: 'xxx'
+      }, {
+        img: 'xxx',
+        position: 'xxx',
+        isShow: 'xxx'
+      }, {
+        img: 'xxx',
+        position: 'xxx',
+        isShow: 'xxx'
+      }]
+    }
+  },
+  computed: {
+    ...mapCaseState({
+      caseList: x => x.caseList,
+    })
+  },
+  components: {
+    tableSearch,
+  },
+  methods: {
+    handleSizeChange (val) {
+      console.log(`每页 ${val} 条`)
+    },
+    handleCurrentChange (val) {
+      console.log(`当前页: ${val}`)
+    },
+    handleEdit (index, row) { // 编辑
+      console.log(index, row)
+    },
+    handleDelete (index, row) { // 删除
+      console.log(index, row)
+      this.$confirm('确认删除此渠道?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$message({
+          type: 'success',
+          message: '删除成功!'
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        })
+      })
+    },
+    searchList (key) { // 搜索列表
+      console.log(key)
+    }
+  }
+}
+</script>
+
+<!-- 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

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

src/pages/system/cmsManger/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="mainPage">
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {}
+  },
+  components: {}
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

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

@@ -0,0 +1,134 @@
+<template>
+  <div class="subPage">
+    <div class="system-table-search">
+      <div class="flex-h">
+        <div class="flex-item flex-h">
+          <el-button size="mini" type="success">新增消息</el-button>
+        </div>
+        <tableSearch @exportSearchKey="searchList"></tableSearch>
+      </div>
+      <div class="moreFilter"></div>
+    </div>
+    <div class="system-table-box">
+      <el-table
+        :data="tableData"
+        stripe
+        style="width: 100%">
+        <el-table-column
+          prop="title"
+          label="消息标题">
+        </el-table-column>
+        <el-table-column
+          prop="url"
+          label="跳转链接">
+        </el-table-column>
+        <el-table-column
+          prop="creatTime"
+          label="创建时间">
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="warning"
+              @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+            <el-button
+              size="mini"
+              type="danger"
+              @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </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>
+  </div>
+</template>
+
+<script>
+import tableSearch from '@/components/tableSearch/index'
+import { createNamespacedHelpers } from 'vuex'
+
+const { mapState: mapCaseState } = createNamespacedHelpers('case')
+
+export default {
+  name: '',
+  data () {
+    return {
+      currentPage: 0, // 当前页码
+      tableSearch: { // 表格搜索条件
+        key: '', // 搜索关键字
+        caseId: '', // 案场id
+      },
+      tableData: [{
+        title: 'xxx',
+        url: 'xxx',
+        creatTime: 'xxx'
+      }, {
+        title: 'xxx',
+        url: 'xxx',
+        creatTime: 'xxx'
+      }, {
+        title: 'xxx',
+        url: 'xxx',
+        creatTime: 'xxx'
+      }, {
+        title: 'xxx',
+        url: 'xxx',
+        creatTime: 'xxx'
+      }]
+    }
+  },
+  computed: {
+    ...mapCaseState({
+      caseList: x => x.caseList,
+    })
+  },
+  components: {
+    tableSearch,
+  },
+  methods: {
+    handleSizeChange (val) {
+      console.log(`每页 ${val} 条`)
+    },
+    handleCurrentChange (val) {
+      console.log(`当前页: ${val}`)
+    },
+    handleEdit (index, row) { // 编辑
+      console.log(index, row)
+    },
+    handleDelete (index, row) { // 删除
+      console.log(index, row)
+      this.$confirm('确认删除此消息?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$message({
+          type: 'success',
+          message: '删除成功!'
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        })
+      })
+    },
+    searchList (key) { // 搜索列表
+      console.log(key)
+    }
+  }
+}
+</script>
+
+<!-- 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

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

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

@@ -0,0 +1,179 @@
+<template>
+  <div class="subPage">
+    <div class="system-table-search">
+      <div class="flex-h">
+        <div class="flex-item flex-h">
+          <el-button size="mini" type="success">新增项目专题</el-button>
+        </div>
+        <ul>
+          <li>
+            <span>选择案场：</span>
+            <el-select v-model="tableSearch.caseId" placeholder="请选择">
+              <el-option
+                v-for="item in caseList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </li>
+        </ul>
+        <tableSearch value="请输入项目专题名称" @exportSearchKey="searchList"></tableSearch>
+      </div>
+      <div class="moreFilter"></div>
+    </div>
+    <div class="system-table-box">
+      <el-table
+        :data="tableData"
+        stripe
+        style="width: 100%">
+        <el-table-column
+          prop="name"
+          label="名称">
+        </el-table-column>
+        <el-table-column
+          prop="title"
+          label="标题">
+        </el-table-column>
+        <el-table-column
+          prop="caseName"
+          label="对应案场">
+        </el-table-column>
+        <el-table-column
+          prop="creatTime"
+          label="创建时间">
+        </el-table-column>
+        <el-table-column label="操作" width="450">
+          <template slot-scope="scope">
+            <el-button v-if="!scope.row.isShow"
+              size="mini"
+              type="primary"
+              @click="showItem(scope.$index, scope.row)">前台展示</el-button>
+            <el-button v-if="scope.row.isShow"
+              size="mini"
+              type="danger"
+              @click="cancelShowItem(scope.$index, scope.row)">取消前台展示</el-button>
+            <el-button
+              size="mini"
+              type="warning"
+              @click="editItem(scope.$index, scope.row)">编辑</el-button>
+            <el-button
+              size="mini"
+              @click="copyItemUrl(scope.$index, scope.row)">复制专题链接</el-button>
+            <el-button
+              size="mini"
+              type="danger"
+              @click="deleteItem(scope.$index, scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </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>
+  </div>
+</template>
+
+<script>
+import tableSearch from '@/components/tableSearch/index'
+import { createNamespacedHelpers } from 'vuex'
+
+const { mapState: mapCaseState } = createNamespacedHelpers('case')
+
+export default {
+  name: '',
+  data () {
+    return {
+      currentPage: 0, // 当前页码
+      tableSearch: { // 表格搜索条件
+        key: '', // 搜索关键字
+        caseId: '', // 案场id
+      },
+      tableData: [{
+        name: 'xxx',
+        title: 'xxx',
+        caseName: 'xxx',
+        creatTime: 'xxx',
+        isShow: false
+      }, {
+        name: 'xxx',
+        title: 'xxx',
+        caseName: 'xxx',
+        creatTime: 'xxx',
+        isShow: false
+      }, {
+        name: 'xxx',
+        title: 'xxx',
+        caseName: 'xxx',
+        creatTime: 'xxx',
+        isShow: false
+      }, {
+        name: 'xxx',
+        title: 'xxx',
+        caseName: 'xxx',
+        creatTime: 'xxx',
+        isShow: false
+      }]
+    }
+  },
+  computed: {
+    ...mapCaseState({
+      caseList: x => x.caseList,
+    })
+  },
+  components: {
+    tableSearch,
+  },
+  methods: {
+    handleSizeChange (val) {
+      console.log(`每页 ${val} 条`)
+    },
+    handleCurrentChange (val) {
+      console.log(`当前页: ${val}`)
+    },
+    showItem (index, row) { // 前台显示
+      console.log(index, row)
+    },
+    cancelShowItem (index, row) { // 取消前台显示
+      console.log(index, row)
+    },
+    editItem (index, row) { // 编辑
+      console.log(index, row)
+    },
+    copyItemUrl (index, row) { // 复制专题链接
+      console.log(index, row)
+    },
+    deleteItem (index, row) { // 删除
+      console.log(index, row)
+      this.$confirm('确认删除此项目专题?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$message({
+          type: 'success',
+          message: '删除成功!'
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        })
+      })
+    },
+    searchList (key) { // 搜索列表
+      console.log(key)
+    }
+  }
+}
+</script>
+
+<!-- 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

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

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

@@ -0,0 +1,150 @@
+<template>
+  <div class="subPage">
+    <div class="system-table-search">
+      <div class="flex-h">
+        <div class="flex-item flex-h">
+          <el-button size="mini" type="success">新增资讯</el-button>
+        </div>
+        <tableSearch @exportSearchKey="searchList"></tableSearch>
+      </div>
+      <div class="moreFilter"></div>
+    </div>
+    <div class="system-table-box">
+      <el-table
+        :data="tableData"
+        stripe
+        style="width: 100%">
+        <el-table-column
+          prop="img"
+          label="图片">
+        </el-table-column>
+        <el-table-column
+          prop="title"
+          label="标题">
+        </el-table-column>
+        <el-table-column
+          prop="position"
+          label="位置">
+        </el-table-column>
+        <el-table-column
+          prop="isShow"
+          label="是否显示">
+        </el-table-column>
+        <el-table-column
+          prop="toIndex"
+          label="推荐至首页">
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="warning"
+              @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+            <el-button
+              size="mini"
+              type="danger"
+              @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </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>
+  </div>
+</template>
+
+<script>
+import tableSearch from '@/components/tableSearch/index'
+import { createNamespacedHelpers } from 'vuex'
+
+const { mapState: mapCaseState } = createNamespacedHelpers('case')
+
+export default {
+  name: '',
+  data () {
+    return {
+      currentPage: 0, // 当前页码
+      tableSearch: { // 表格搜索条件
+        key: '', // 搜索关键字
+        caseId: '', // 案场id
+      },
+      tableData: [{
+        img: 'xxx',
+        title: 'xxx',
+        position: 'xxx',
+        isShow: 'xxx',
+        toIndex: 'xxx'
+      }, {
+        img: 'xxx',
+        title: 'xxx',
+        position: 'xxx',
+        isShow: 'xxx',
+        toIndex: 'xxx'
+      }, {
+        img: 'xxx',
+        title: 'xxx',
+        position: 'xxx',
+        isShow: 'xxx',
+        toIndex: 'xxx'
+      }, {
+        img: 'xxx',
+        title: 'xxx',
+        position: 'xxx',
+        isShow: 'xxx',
+        toIndex: 'xxx'
+      }]
+    }
+  },
+  computed: {
+    ...mapCaseState({
+      caseList: x => x.caseList,
+    })
+  },
+  components: {
+    tableSearch,
+  },
+  methods: {
+    handleSizeChange (val) {
+      console.log(`每页 ${val} 条`)
+    },
+    handleCurrentChange (val) {
+      console.log(`当前页: ${val}`)
+    },
+    handleEdit (index, row) { // 编辑
+      console.log(index, row)
+    },
+    handleDelete (index, row) { // 删除
+      console.log(index, row)
+      this.$confirm('确认删除此资讯?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$message({
+          type: 'success',
+          message: '删除成功!'
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        })
+      })
+    },
+    searchList (key) { // 搜索列表
+      console.log(key)
+    }
+  }
+}
+</script>
+
+<!-- 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

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

src/pages/system/index.vue

@@ -95,6 +95,26 @@ export default {
           pathName: 'goodsSpecManger',
           children: [],
         }],
+      }, {
+        title: 'CMS管理',
+        pathName: '',
+        children: [{
+          title: '轮播图管理',
+          pathName: 'bannerManger',
+          children: [],
+        }, {
+          title: '售楼处项目专题',
+          pathName: 'majorProjects',
+          children: [],
+        }, {
+          title: '首页消息',
+          pathName: 'indexMsg',
+          children: [],
+        }, {
+          title: '资讯管理',
+          pathName: 'newsManger',
+          children: [],
+        }],
       }, {
         title: '渠道管理',
         pathName: '',

src/pages/system/page.js

@@ -15,6 +15,12 @@ import goodsManger from './goodsManger/index' // 商品管理
 import goodsTypeManger from './goodsManger/goodsTypeManger/index' // 商品类型管理
 import goodsSpecManger from './goodsManger/goodsSpecManger/index' // 商品规格管理
 
+import cmsManger from './cmsManger/index' // cms管理
+import bannerManger from './cmsManger/bannerManger/index' // 轮播图管理
+import majorProjects from './cmsManger/majorProjects/index' // 售楼处项目专题
+import indexMsg from './cmsManger/indexMsg/index' // 首页消息
+import newsManger from './cmsManger/newsManger/index' // 资讯管理
+
 import channelManger from './channelManager/index' // 渠道管理
 import channelList from './channelManager/channelList/index' // 渠道列表
 
@@ -83,6 +89,31 @@ export default {
           component: goodsSpecManger,
           children: []
         }],
+      }, { // cms管理
+        path: 'cmsManger',
+        name: 'cmsManger',
+        component: cmsManger,
+        children: [{ // 轮播图管理
+          path: 'bannerManger',
+          name: 'bannerManger',
+          component: bannerManger,
+          children: []
+        }, { // 售楼处项目专题
+          path: 'majorProjects',
+          name: 'majorProjects',
+          component: majorProjects,
+          children: []
+        }, { // 首页消息
+          path: 'indexMsg',
+          name: 'indexMsg',
+          component: indexMsg,
+          children: []
+        }, { // 资讯管理
+          path: 'newsManger',
+          name: 'newsManger',
+          component: newsManger,
+          children: []
+        }],
       }, { // 渠道管理
         path: 'channelManger',
         name: 'channelManger',