xcx

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

@@ -3,147 +3,91 @@
     <div class="system-table-search">
       <div class="flex-h">
         <div class="flex-item flex-h"></div>
-        <tableSearch value="请输入用户名称" @exportSearchKey="searchList"></tableSearch>
+        <tableSearch value="请输入用户手机号" @exportSearchKey="searchList"></tableSearch>
       </div>
       <div class="moreFilter"></div>
     </div>
     <div class="system-table-box">
       <el-table
-        :data="tableData"
+        :data="currentList"
         stripe
         style="width: 100%">
         <el-table-column
-          prop="name"
+          prop="Name"
           label="姓名">
         </el-table-column>
         <el-table-column
-          prop="phone"
+          prop="Phone"
           label="手机号">
         </el-table-column>
         <el-table-column
-          prop="nickName"
+          prop="CustomerName"
           label="微信昵称">
         </el-table-column>
         <el-table-column
-          prop="recommendName"
+          prop="RecommendName"
           label="推荐人">
         </el-table-column>
         <el-table-column
-          prop="integral"
+          prop="Points"
           label="积分">
-          <template slot-scope="scope">
-            -
-          </template>
         </el-table-column>
         <el-table-column
-          prop="openId"
+          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"
+      :current-page.sync="postData.page"
+      :page-size="postData.pagesize"
       layout="prev, pager, next, jumper"
-      :total="100">
+      :total="total">
     </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
+      total: 0,
+      postData: { // 表格搜索条件
+        phone: '', // 手机号
+        page: 1, // 当前页码
+        pagesize: 10, // 请求数据量
       },
-      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'
-      }]
+      currentList: [],
     }
   },
-  computed: {
-    ...mapCaseState({
-      caseList: x => x.caseList,
-    })
-  },
   components: {
     tableSearch,
   },
+  created () {
+    this.getList()
+  },
   methods: {
-    handleSizeChange (val) {
-      console.log(`每页 ${val} 条`)
-    },
     handleCurrentChange (val) {
-      console.log(`当前页: ${val}`)
+      this.getList()
     },
-    handleEdit (index, row) { // 编辑
-      console.log(index, row)
+    searchList (key) { // 搜索列表
+      this.postData.phone = key
+      this.postData.page = 1
+      this.getList()
     },
-    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: '已取消删除'
-        })
+    getList () {
+      this.$ajax(this.$api.dataStatistics.getCustomerList.url, {
+        method: this.$api.dataStatistics.getCustomerList.method,
+        queryData: this.postData
+      }).then(res => {
+        this.currentList = res.list
+        this.postData.page = res.page
+        this.total = res.pagenum
       })
-    },
-    searchList (key) { // 搜索列表
-      console.log(key)
     }
   }
 }

src/util/api.js

@@ -337,5 +337,11 @@ const $api = {
       url: `${baseUrl}${common}/role/:id`
     },
   },
+  dataStatistics: {
+    getCustomerList: { // 获取会员列表
+      method: 'get',
+      url: `${baseUrl}${common}/customer`
+    }
+  },
 }
 export default $api