ytj

src/pages/system/dataStatistics/frontEndUserList/index.vue

@@ -0,0 +1,155 @@
+<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="name"
+          label="姓名">
+        </el-table-column>
+        <el-table-column
+          prop="phone"
+          label="手机号">
+        </el-table-column>
+        <el-table-column
+          prop="nickName"
+          label="微信昵称">
+        </el-table-column>
+        <el-table-column
+          prop="recommendName"
+          label="推荐人">
+        </el-table-column>
+        <el-table-column
+          prop="integral"
+          label="积分">
+          <template slot-scope="scope">
+            -
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="openId"
+          label="openId">
+        </el-table-column>
+        <el-table-column
+          prop="creatTime"
+          label="创建时间">
+        </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',
+        phone: 'xxx',
+        nickName: 'xxx',
+        recommendName: 'xxx',
+        integral: 'xxx',
+        openId: 'xxx',
+        creatTime: 'xxx'
+      }, {
+        name: 'xxx',
+        phone: 'xxx',
+        nickName: 'xxx',
+        recommendName: 'xxx',
+        integral: 'xxx',
+        openId: 'xxx',
+        creatTime: 'xxx'
+      }, {
+        name: 'xxx',
+        phone: 'xxx',
+        nickName: 'xxx',
+        recommendName: 'xxx',
+        integral: 'xxx',
+        openId: 'xxx',
+        creatTime: 'xxx'
+      }, {
+        name: 'xxx',
+        phone: 'xxx',
+        nickName: 'xxx',
+        recommendName: 'xxx',
+        integral: 'xxx',
+        openId: '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/dataStatistics/frontEndUserList/page.scss

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

src/pages/system/dataStatistics/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/index.vue

@@ -141,6 +141,13 @@ export default {
         children: [{
           title: '前台用户信息',
           pathName: 'customerInfo',
+          }],
+      },{
+        title: '数据统计',
+        pathName: '',
+        children: [{
+          title: '前台用户列表',
+          pathName: 'frontEndUserList',
           children: [],
         }],
       }]

src/pages/system/page.js

@@ -30,6 +30,8 @@ import courseTag from './courseManger/courseTag/index' // 课程标签
 
 import customer from './customer/index' // 前台用户
 import customerInfo from './customer/customerInfo/index' // 前台用户信息
+import dataStatistics from './dataStatistics/index' // 数据统计
+import frontEndUserList from './dataStatistics/frontEndUserList/index' // 课程管理
 
 export default {
   router: [
@@ -150,6 +152,14 @@ export default {
           path: 'customerInfo',
           name: 'customerInfo',
           component: customerInfo,
+      }, { // 数据统计
+        path: 'dataStatistics',
+        name: 'dataStatistics',
+        component: dataStatistics,
+        children: [{ // 前台用户列表
+          path: 'frontEndUserList',
+          name: 'frontEndUserList',
+          component: frontEndUserList,
           children: []
         }],
       }],