|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
<!-- Search Form -->
|
|
|
- <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="80px">
|
|
|
+ <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="120px">
|
|
|
<el-form-item label="项目" prop="projectId">
|
|
|
<el-select v-model="queryParams.projectId" placeholder="请选择项目" clearable size="small" >
|
|
|
<el-option
|
|
|
@@ -89,6 +89,24 @@
|
|
|
value-format="yyyy-MM-dd"
|
|
|
></el-date-picker>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="APP注册时间">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="appCreateTimeRange"
|
|
|
+ size="small"
|
|
|
+ style="width: 240px"
|
|
|
+ type="daterange"
|
|
|
+ range-separator="-"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否下载APP" prop="isDownloadApp">
|
|
|
+ <el-select v-model="queryParams.isDownloadApp" placeholder="请选择" clearable size="small">
|
|
|
+ <el-option label="已下载" value="1" />
|
|
|
+ <el-option label="未下载" value="0" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
@@ -154,13 +172,13 @@
|
|
|
<!-- User Table -->
|
|
|
<el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange" border>
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
- <el-table-column label="ID" align="center" prop="userId" />
|
|
|
- <el-table-column label="项目" align="center" prop="projectId">
|
|
|
+ <el-table-column label="ID" align="center" prop="userId" width="110"/>
|
|
|
+ <el-table-column label="项目" align="center" prop="projectId" width="110">
|
|
|
<template slot-scope="scope">
|
|
|
<el-tag v-if="scope.row.projectId !== null">{{ getProjectLabel(scope.row.projectId) }}</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="昵称" align="center" prop="nickname" />
|
|
|
+ <el-table-column label="昵称" align="center" prop="nickname" width="120"/>
|
|
|
<el-table-column label="头像" align="center" width="80">
|
|
|
<template slot-scope="scope">
|
|
|
<el-popover
|
|
|
@@ -173,13 +191,11 @@
|
|
|
</el-popover>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="手机号码" align="center" prop="phone" />
|
|
|
+ <el-table-column label="手机号码" align="center" prop="phone" width="100"/>
|
|
|
<el-table-column label="积分" align="center" prop="integral" v-if="false" />
|
|
|
- <el-table-column label="APP来源" align="center" prop="source" width="120px" />
|
|
|
- <el-table-column label="登录设备" align="center" prop="loginDevice" width="120px" />
|
|
|
<el-table-column label="看课数量" align="center" prop="watchCourseCount" />
|
|
|
<el-table-column label="缺课数量" align="center" prop="missCourseCount" />
|
|
|
- <el-table-column label="参与营期数量" align="center" prop="partCourseCount" />
|
|
|
+ <el-table-column label="参与营期数量" align="center" prop="partCourseCount" width="160" />
|
|
|
<el-table-column label="状态" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<el-tag :type="getStatusType(scope.row.status)">
|
|
|
@@ -187,7 +203,7 @@
|
|
|
</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="看课状态" align="center" width="80px">
|
|
|
+ <el-table-column label="看课状态" align="center" width="110">
|
|
|
<template slot-scope="scope">
|
|
|
<el-tag :type="getCourseStatusType(scope.row.courseCountStatus)">
|
|
|
{{ getCourseStatusText(scope.row.courseCountStatus) }}
|
|
|
@@ -199,14 +215,22 @@
|
|
|
<!-- <el-table-column label="停课天数" align="center" prop="stopWatchDays" />-->
|
|
|
<el-table-column label="绑定时间" align="center" prop="createTime" width="160" />
|
|
|
<el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip />
|
|
|
- <el-table-column label="所属员工" align="center" prop="companyUserNickName" />
|
|
|
+ <el-table-column label="所属员工" align="center" prop="companyUserNickName" width="150" />
|
|
|
<el-table-column label="会员积分" align="center" prop="integral" />
|
|
|
<el-table-column label="是否购买" align="center" prop="isBuy">
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.isBuy === 1 ? '是' : '否' }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="操作" align="center" width="120" class-name="small-padding fixed-width">
|
|
|
+ <el-table-column label="APP注册时间" align="center" prop="appCreateTime" width="100" />
|
|
|
+ <el-table-column label="是否下载APP" align="center" width="100" fixed="right">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-tag :type="(scope.row.source || scope.row.loginDevice || scope.row.appCreateTime) ? 'success' : 'info'">
|
|
|
+ {{ (scope.row.source || scope.row.loginDevice || scope.row.appCreateTime) ? '已下载' : '未下载' }}
|
|
|
+ </el-tag>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" align="center" width="120" class-name="small-padding fixed-width" fixed="right">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button
|
|
|
size="mini"
|
|
|
@@ -364,6 +388,8 @@ export default {
|
|
|
open: false,
|
|
|
// 日期范围
|
|
|
dateRange: [],
|
|
|
+ // APP注册时间范围
|
|
|
+ appCreateTimeRange: [],
|
|
|
// 状态数据字典
|
|
|
statusOptions: [],
|
|
|
// 标签选项
|
|
|
@@ -386,6 +412,10 @@ export default {
|
|
|
registerStartTime: null,
|
|
|
registerEndTime: null,
|
|
|
projectId: null,
|
|
|
+ userId: null,
|
|
|
+ appCreateTimeStart: null,
|
|
|
+ appCreateTimeEnd: null,
|
|
|
+ isDownloadApp: null,
|
|
|
},
|
|
|
// 表单参数
|
|
|
form: {},
|
|
|
@@ -442,14 +472,6 @@ export default {
|
|
|
this.$refs.userDetails.getDetails(row.userId);
|
|
|
}, 1);
|
|
|
},
|
|
|
- // 重置表单
|
|
|
- resetForm() {
|
|
|
- this.linkForm={
|
|
|
- days:null,
|
|
|
- courseId:null,
|
|
|
- videoId:null
|
|
|
- }
|
|
|
- },
|
|
|
/** 转移按钮操作 */
|
|
|
handleTransfer(row) {
|
|
|
|
|
|
@@ -485,6 +507,15 @@ export default {
|
|
|
this.queryParams.registerEndTime = null;
|
|
|
}
|
|
|
|
|
|
+ // 处理APP注册时间范围
|
|
|
+ if (this.appCreateTimeRange && this.appCreateTimeRange.length > 0) {
|
|
|
+ this.queryParams.appCreateTimeStart = this.appCreateTimeRange[0];
|
|
|
+ this.queryParams.appCreateTimeEnd = this.appCreateTimeRange[1];
|
|
|
+ } else {
|
|
|
+ this.queryParams.appCreateTimeStart = null;
|
|
|
+ this.queryParams.appCreateTimeEnd = null;
|
|
|
+ }
|
|
|
+
|
|
|
listUser(this.queryParams).then(response => {
|
|
|
this.userList = response.rows;
|
|
|
this.total = response.total;
|
|
|
@@ -557,6 +588,9 @@ export default {
|
|
|
/** 重置按钮操作 */
|
|
|
resetQuery() {
|
|
|
this.dateRange = [];
|
|
|
+ this.appCreateTimeRange = [];
|
|
|
+ this.queryParams.appCreateTimeStart=null;
|
|
|
+ this.queryParams.appCreateTimeEnd=null;
|
|
|
this.resetForm("queryForm");
|
|
|
this.handleQuery();
|
|
|
},
|