许成祥

src/pages/system/index.vue

@@ -52,11 +52,23 @@ export default {
         pathName: ''
       }],
       pageMenu: [{
-        title: '渠道管理',
+        title: '系统设置',
         pathName: '',
         children: [{
-          title: '渠道列表',
-          pathName: 'channelList',
+          title: '用户管理',
+          pathName: 'userManger',
+          children: [],
+        }, {
+          title: '角色管理',
+          pathName: 'characterManger',
+          children: [],
+        }, {
+          title: '权限管理',
+          pathName: 'permissionManger',
+          children: [],
+        }, {
+          title: '字典管理',
+          pathName: 'dictManger',
           children: [],
         }],
       }, {
@@ -79,6 +91,14 @@ export default {
           pathName: 'caseTableManger',
           children: [],
         }],
+      }, {
+        title: '渠道管理',
+        pathName: '',
+        children: [{
+          title: '渠道列表',
+          pathName: 'channelList',
+          children: [],
+        }],
       }, {
         title: '课程管理',
         pathName: '',
@@ -91,26 +111,6 @@ export default {
           pathName: 'courseTag',
           children: [],
         }],
-      }, {
-        title: '一级菜单4',
-        pathName: '',
-        children: [],
-      }, {
-        title: '会员管理',
-        pathName: '',
-        children: [{
-          title: '会员列表',
-          pathName: 'customerList',
-          children: [],
-        }],
-      }, {
-        title: '角色管理',
-        pathName: '',
-        children: [{
-          title: '角色列表',
-          pathName: 'roleList',
-          children: [],
-        }],
       }]
     }
   },

src/pages/system/page.js

@@ -10,9 +10,10 @@ import caseTableManger from './caseManger/caseTableManger/index' // 案场桌位
 import fiveA from './courseManger/fiveA/index' // 全龄生活5A
 import courseTag from './courseManger/courseTag/index' // 课程标签
 
-import customerList from './customerManagement/customerList/index' // 会员列表
-
-import roleList from './roleManagement/roleList/index' // 角色列表
+import userManger from './systemSet/userManger/index' // 用户管理
+import characterManger from './systemSet/characterManger/index' // 角色管理
+import permissionManger from './systemSet/permissionManger/index' // 权限管理
+import dictManger from './systemSet/dictManger/index' // 字典管理
 
 export default {
   router: [
@@ -55,15 +56,23 @@ export default {
         name: 'courseTag',
         component: courseTag,
         children: [],
-      }, {
-        path: 'customerList',
-        name: 'customerList',
-        component: customerList,
+      }, { // 用户管理
+        path: 'userManger',
+        name: 'userManger',
+        component: userManger,
         children: [],
-      }, {
-        path: 'roleList',
-        name: 'roleList',
-        component: roleList
+      }, { // 角色管理
+        path: 'characterManger',
+        name: 'characterManger',
+        component: characterManger
+      }, { // 权限管理
+        path: 'permissionManger',
+        name: 'permissionManger',
+        component: permissionManger
+      }, { // 字典管理
+        path: 'dictManger',
+        name: 'dictManger',
+        component: dictManger
       }],
     },
   ],

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

@@ -0,0 +1,153 @@
+<template>
+  <div class="subPage">
+    <div class="system-table-search">
+      <div class="flex-h">
+        <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="customerName"
+          label="角色标识"
+          width="150">
+        </el-table-column>
+        <el-table-column
+          prop="mobile"
+          label="手机号"
+          width="120">
+        </el-table-column>
+        <el-table-column
+          prop="nickName"
+          label="微信昵称"
+          width="150">
+        </el-table-column>
+        <el-table-column
+          prop="userType"
+          label="用户类型"
+          width="100">
+        </el-table-column>
+        <el-table-column
+          prop="recommend"
+          label="推荐人"
+          width="100">
+        </el-table-column>
+        <el-table-column
+          prop="customerLevel"
+          label="会员等级"
+          width="100">
+        </el-table-column>
+        <el-table-column
+          prop="customerPoint"
+          label="会员积分"
+          width="100">
+        </el-table-column>
+        <el-table-column
+          prop="openId"
+          label="openId"
+          width="250">
+        </el-table-column>
+        <el-table-column
+          prop="gold"
+          label="金币"
+          width="100">
+        </el-table-column>
+        <el-table-column
+          prop="silver"
+          label="银币"
+          width="100">
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              @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'
+
+export default {
+  name: '',
+  data () {
+    return {
+      currentPage: 0, // 当前页码
+      tableSearch: { // 表格搜索条件
+        key: '111', // 搜索关键字
+      },
+      tableData: [{
+        customerName: '赵日天',
+        mobile: '13446666666',
+        nickName: '赵日地',
+        userType: '1',
+        recommend: '赵爸爸',
+        customerLevel: '10000',
+        customerPoint: '200',
+        openId: 'jhfjkdshkdfgs22123',
+        gold: '2333',
+        silver: '3332'
+      }]
+    }
+  },
+  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>
+</style>

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

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

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

@@ -0,0 +1,138 @@
+<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 @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="channelName"
+          label="渠道名">
+        </el-table-column>
+        <el-table-column
+          prop="channelCode"
+          label="渠道code">
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              @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: [{
+        channelName: 'xxx',
+        channelCode: 'xxx'
+      }, {
+        channelName: 'xxx',
+        channelCode: 'xxx'
+      }, {
+        channelName: 'xxx',
+        channelCode: 'xxx'
+      }, {
+        channelName: 'xxx',
+        channelCode: '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/systemSet/dictManger/page.scss

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

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

@@ -0,0 +1,138 @@
+<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 @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="channelName"
+          label="渠道名">
+        </el-table-column>
+        <el-table-column
+          prop="channelCode"
+          label="渠道code">
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              @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: [{
+        channelName: 'xxx',
+        channelCode: 'xxx'
+      }, {
+        channelName: 'xxx',
+        channelCode: 'xxx'
+      }, {
+        channelName: 'xxx',
+        channelCode: 'xxx'
+      }, {
+        channelName: 'xxx',
+        channelCode: '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/systemSet/permissionManger/page.scss

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

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

@@ -0,0 +1,209 @@
+<template>
+  <div class="subPage">
+    <div class="system-table-search">
+      <div class="flex-h">
+        <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="customerName"
+          label="姓名"
+          width="150">
+        </el-table-column>
+        <el-table-column
+          prop="mobile"
+          label="手机号"
+          width="120">
+        </el-table-column>
+        <el-table-column
+          prop="nickName"
+          label="微信昵称"
+          width="150">
+        </el-table-column>
+        <el-table-column
+          prop="userType"
+          label="用户类型"
+          width="100">
+        </el-table-column>
+        <el-table-column
+          prop="recommend"
+          label="推荐人"
+          width="100">
+        </el-table-column>
+        <el-table-column
+          prop="customerLevel"
+          label="会员等级"
+          width="100">
+        </el-table-column>
+        <el-table-column
+          prop="customerPoint"
+          label="会员积分"
+          width="100">
+        </el-table-column>
+        <el-table-column
+          prop="openId"
+          label="openId"
+          width="250">
+        </el-table-column>
+        <el-table-column
+          prop="gold"
+          label="金币"
+          width="100">
+        </el-table-column>
+        <el-table-column
+          prop="silver"
+          label="银币"
+          width="100">
+        </el-table-column>
+        <el-table-column label="操作" width="200">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              @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'
+
+export default {
+  name: '',
+  data () {
+    return {
+      currentPage: 0, // 当前页码
+      tableSearch: { // 表格搜索条件
+        key: '111', // 搜索关键字
+      },
+      tableData: [{
+        customerName: '赵日天',
+        mobile: '13446666666',
+        nickName: '赵日地',
+        userType: '1',
+        recommend: '赵爸爸',
+        customerLevel: '10000',
+        customerPoint: '200',
+        openId: 'jhfjkdshkdfgs22123',
+        gold: '2333',
+        silver: '3332'
+      }, {
+        customerName: '赵日天',
+        mobile: '13446666666',
+        nickName: '赵日地',
+        userType: '1',
+        recommend: '赵爸爸',
+        customerLevel: '10000',
+        customerPoint: '200',
+        openId: 'jhfjkdshkdfgs22123',
+        gold: '2333',
+        silver: '3332'
+      }, {
+        customerName: '赵日天',
+        mobile: '13446666666',
+        nickName: '赵日地',
+        userType: '1',
+        recommend: '赵爸爸',
+        customerLevel: '10000',
+        customerPoint: '200',
+        openId: 'jhfjkdshkdfgs22123',
+        gold: '2333',
+        silver: '3332'
+      }, {
+        customerName: '赵日天',
+        mobile: '13446666666',
+        nickName: '赵日地',
+        userType: '1',
+        recommend: '赵爸爸',
+        customerLevel: '10000',
+        customerPoint: '200',
+        openId: 'jhfjkdshkdfgs22123',
+        gold: '2333',
+        silver: '3332'
+      }, {
+        customerName: '赵日天',
+        mobile: '13446666666',
+        nickName: '赵日地',
+        userType: '1',
+        recommend: '赵爸爸',
+        customerLevel: '10000',
+        customerPoint: '200',
+        openId: 'jhfjkdshkdfgs22123',
+        gold: '2333',
+        silver: '3332'
+      }, {
+        customerName: '赵日天',
+        mobile: '13446666666',
+        nickName: '赵日地',
+        userType: '1',
+        recommend: '赵爸爸',
+        customerLevel: '10000',
+        customerPoint: '200',
+        openId: 'jhfjkdshkdfgs22123',
+        gold: '2333',
+        silver: '3332'
+      }]
+    }
+  },
+  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/systemSet/userManger/page.scss

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