t

src/api/user.js

@@ -16,6 +16,9 @@ export default {
   admwechatuserpurge: params => { // 小程序 用户物理删除
     return getRequestNoSort('/adm/wechat/user/purge', params)
   },
+  admwechatuserclicklist: params => { // 小程序 点击 日志
+    return getRequest('/adm/wechat/user/click/list', params)
+  },
   admadminlist: params => { // 用户列表
     return getRequest('/adm/admin/list', params)
   },

src/views/user/appClickLog.vue

@@ -0,0 +1,90 @@
+<template>
+  <div class="app-container">
+    <search-form
+      :list-loading="listLoading"
+      @change="searchHandle"
+    />
+    <table-list
+      :list-loading="listLoading"
+      :data="tableData2"
+      :columns="listConfig"
+      :current-page="currentPage"
+      :page-size="pageSize"
+      :total-records="totalRecords"
+      @currentChange="pageHandle"
+    />
+  </div>
+</template>
+<script>
+import { arrToObj } from '@/utils'
+import SearchForm from './components/searchForm/AppClickLog'
+import baseTable from '_m/baseTable.js'
+import xData from './mixin'
+export default {
+  name: 'index',
+  components: {
+    SearchForm,
+  },
+  provide() {
+    return {
+      parentData: this
+    }
+  },
+  mixins: [baseTable],
+  data() {
+    return {
+      apiStr: 'user.admwechatuserclicklist',
+      searchForm: null,
+      isDtlShow: false,
+      curObj: {},
+      ...xData
+    }
+  },
+  computed: {
+    tableData2() {
+      const arr = [...this.tableData]
+      arr.map(item => {
+        const fpUser = window.sessionStorage.getItem('fp_user') ? JSON.parse(window.sessionStorage.getItem('fp_user')) : {}
+        if (fpUser.username === 'admin') {
+          item.phones = item.phone
+        } else {
+          item.phones = item.phone.substring(0, 7) + '****'
+        }
+      })
+      return arr
+    }
+  },
+  created() {},
+  mounted() {
+    this.listConfig = {
+      rows: [
+        { label: '小程序菜单路径', prop: 'path' },
+        { label: '参数', prop: 'params' },
+        { label: '点击时间', prop: 'c_time' },
+        { label: '统计时间', prop: 'create_at' },
+        { label: 'ip地址', prop: 'remote_ip' },
+        { label: '头像', prop: 'avatar', type: 'img' },
+        { label: '昵称', prop: 'nickname' },
+        { label: '手机号', prop: 'phones' },
+        // { label: '操作', width: 220, type: 'handle2', operations:
+        //   [
+        //     { label: '删除', func: this.delHandle, btnType: 'danger' },
+        //   ]
+        // }
+      ]
+    }
+  },
+  methods: {
+    delHandle (row) {
+      this.$msg(`您确定要删除该用户吗？`, 'confirm', () => {
+        this.$api.user.admwechatuserpurge({
+          id: row.id,
+        }).then(data => {
+          this.$msgs(`已删除！`)
+          this.fetchData()
+        })
+      })
+    },
+  }
+}
+</script>

src/views/user/components/searchForm/AppClickLog.vue

@@ -0,0 +1,40 @@
+<template>
+  <base-form slot="content" ref="ruleForm" :data="searchData">
+    <div slot="footer">
+      <el-button :loading="listLoading" icon="el-icon-search" class="xl-form-btn bgc1" @click="searchHandle">查询</el-button>
+      <!-- <el-button :loading="listLoading" icon="el-icon-document" class="xl-form-btn bgc2" @click="toExportExcel">导出{{ this.$route.meta.title }}信息</el-button> -->
+    </div>
+  </base-form>
+</template>
+<script>
+export default {
+  mixins: [],
+  props: {
+    listLoading: Boolean
+  },
+  inject: ['parentData'],
+  data() {
+    return {
+      searchData: [
+        { label: '点击路径', key: 'path' },
+        { label: '手机号', key: 'phone' },
+        { label: '昵称', key: 'nickname' },
+        { label: '登录日期', label2: '开始时间', label3: '结束时间', key: 'startEndTime', type: 'datePicker', rules: 1},
+        { label: '完整IP', key: 'remote_ip' },
+      ]
+    }
+  },
+  methods: {
+    searchHandle() {
+      const oldform = this.$refs.ruleForm.baseForm
+      const newForm = { ...oldform }
+      if (newForm.startEndTime) {
+        newForm.start_at = newForm.startEndTime[0]
+        newForm.end_at = newForm.startEndTime[1]
+        delete newForm.startEndTime
+      }
+      this.$emit('change', newForm)
+    }
+  }
+}
+</script>