ytj

src/pages/system/customer/customerInfo/index.vue

+<template>
+  <div class="subPage">
+    <div class="system-table-search">
+      <div class="flex-h">
+        <div class="flex-item flex-h"></div>
+        <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="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="customerPoint"
+          label="会员积分"
+          width="100">
+        </el-table-column>
+        <el-table-column
+          prop="openId"
+          label="openId">
+        </el-table-column>
+        <el-table-column label="创建时间" width="200" prop='cTime'>
+
+        </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: '赵爸爸',
+        customerPoint: '200',
+        openId: 'jhfjkdshkdfgs22123',
+        cTime: '2018-08-08 12:00:00'
+      }]
+    }
+  },
+  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/customer/index.vue

+<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/index.vue

           pathName: 'courseTag',
           children: [],
         }],
+      }, {
+        title: '前台用户',
+        pathName: '',
+        children: [{
+          title: '前台用户信息',
+          pathName: 'customerInfo',
+          children: [],
+        }],
       }]
     }
   },

src/pages/system/page.js

 import fiveA from './courseManger/fiveA/index' // 全龄生活5A
 import courseTag from './courseManger/courseTag/index' // 课程标签
 
+import customer from './customer/index' // 前台用户
+import customerInfo from './customer/customerInfo/index' // 前台用户信息
+
 export default {
   router: [
     {
           component: courseTag,
           children: []
         }],
+      }, { // 前台用户
+        path: 'customer',
+        name: 'customer',
+        component: customer,
+        children: [{ // 前台用户信息
+          path: 'customerInfo',
+          name: 'customerInfo',
+          component: customerInfo,
+          children: []
+        }],
       }],
     },
   ],

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

   <div class="subPage">
     <div class="system-table-search">
       <div class="flex-h">
-        <tableSearch @exportSearchKey="searchList"></tableSearch>
+        <div class="flex-item flex-h">
+          <el-button size="mini" type="success">新增角色</el-button>
+        </div>
+        <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="customerName"
-          label="角色标识"
-          width="150">
+      <el-table :data="tableData" stripe style="width: 100%">
+        <el-table-column fixed='left' prop="customerName" label="角色标识" width="150">
         </el-table-column>
-        <el-table-column
-          prop="mobile"
-          label="手机号"
-          width="120">
+        <el-table-column prop="mobile" label="角色名" width="150">
         </el-table-column>
-        <el-table-column
-          prop="nickName"
-          label="微信昵称"
-          width="150">
+        <el-table-column prop="nickName" label="是否禁用角色" width="150">
         </el-table-column>
-        <el-table-column
-          prop="userType"
-          label="用户类型"
-          width="100">
+        <el-table-column prop="userType" label="数据权限">
         </el-table-column>
-        <el-table-column
-          prop="recommend"
-          label="推荐人"
-          width="100">
+        <el-table-column prop="recommend" label="创建时间" width="200">
         </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="操作">
+        <el-table-column fixed='right' label="操作" width="300">
           <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>
+            <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>
+            <el-button size="mini" type="danger" @click="handlePermission(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 @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="currentPage" :page-size="10" layout="prev, pager, next, jumper" :total="100">
     </el-pagination>
   </div>
 </template>
   data () {
     return {
       currentPage: 0, // 当前页码
-      tableSearch: { // 表格搜索条件
-        key: '111', // 搜索关键字
+      tableSearch: {
+        // 表格搜索条件
+        key: '111' // 搜索关键字
       },
-      tableData: [{
-        customerName: '赵日天',
-        mobile: '13446666666',
-        nickName: '赵日地',
-        userType: '1',
-        recommend: '赵爸爸',
-        customerLevel: '10000',
-        customerPoint: '200',
-        openId: 'jhfjkdshkdfgs22123',
-        gold: '2333',
-        silver: '3332'
-      }]
+      tableData: [
+        {
+          customerName: '赵日天',
+          mobile: '13446666666',
+          nickName: '赵日地',
+          userType: '1',
+          recommend: '赵爸爸',
+          customerLevel: '10000',
+          customerPoint: '200',
+          openId: 'jhfjkdshkdfgs22123',
+          gold: '2333',
+          silver: '3332'
+        }
+      ]
     }
   },
   components: {
-    tableSearch,
+    tableSearch
   },
   methods: {
     handleSizeChange (val) {
     handleCurrentChange (val) {
       console.log(`当前页: ${val}`)
     },
-    handleEdit (index, row) { // 编辑
+    handleEdit (index, row) {
+      // 编辑
       console.log(index, row)
     },
-    handleDelete (index, row) { // 删除
+    handleDelete (index, row) {
+      // 删除
       console.log(index, row)
       this.$confirm('确认删除此用户?', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
-      }).then(() => {
-        this.$message({
-          type: 'success',
-          message: '删除成功!'
+      })
+        .then(() => {
+          this.$message({
+            type: 'success',
+            message: '删除成功!'
+          })
         })
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '已取消删除'
+        .catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          })
         })
-      })
     },
-    searchList (key) { // 搜索列表
+    handlePermission (index, row) {
+      console.log(index)
+    },
+    searchList (key) {
+      // 搜索列表
       console.log(key)
     }
   }

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

   <div class="subPage">
     <div class="system-table-search">
       <div class="flex-h">
+        <div class="flex-item flex-h"></div>
         <tableSearch @exportSearchKey="searchList"></tableSearch>
       </div>
       <div class="moreFilter"></div>
           label="推荐人"
           width="100">
         </el-table-column>
-        <el-table-column
-          prop="customerLevel"
-          label="会员等级"
-          width="100">
-        </el-table-column>
         <el-table-column
           prop="customerPoint"
           label="会员积分"
         </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">
+          label="openId">
         </el-table-column>
         <el-table-column label="操作" width="200">
           <template slot-scope="scope">