|
@@ -1,24 +1,25 @@
|
|
<template>
|
|
<template>
|
|
<div class="app-container">
|
|
<div class="app-container">
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px">
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px">
|
|
-<!-- <el-form-item label="会员ID" prop="userId">-->
|
|
|
|
-<!-- <el-input-->
|
|
|
|
-<!-- v-model="queryParams.userId"-->
|
|
|
|
-<!-- placeholder="请输入会员ID"-->
|
|
|
|
-<!-- clearable-->
|
|
|
|
-<!-- size="small"-->
|
|
|
|
-<!-- @keyup.enter.native="handleQuery"-->
|
|
|
|
-<!-- />-->
|
|
|
|
-<!-- </el-form-item>-->
|
|
|
|
-<!-- <el-form-item label="会员昵称" prop="nickName">-->
|
|
|
|
-<!-- <el-input-->
|
|
|
|
-<!-- v-model="queryParams.nickName"-->
|
|
|
|
-<!-- placeholder="请输入会员昵称"-->
|
|
|
|
-<!-- clearable-->
|
|
|
|
-<!-- size="small"-->
|
|
|
|
-<!-- @keyup.enter.native="handleQuery"-->
|
|
|
|
-<!-- />-->
|
|
|
|
-<!-- </el-form-item>-->
|
|
|
|
|
|
+ <el-form-item label="看课方式" prop="sendType">
|
|
|
|
+ <el-select v-model="queryParams.sendType" placeholder="选择看课方式" clearable size="small" @change="handleSendTypeChange">
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="dict in sendTypeOptions"
|
|
|
|
+ :key="dict.dictValue"
|
|
|
|
+ :label="dict.dictLabel"
|
|
|
|
+ :value="dict.dictValue"
|
|
|
|
+ />
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="会员昵称" prop="nickName">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="queryParams.nickName"
|
|
|
|
+ placeholder="请输入会员昵称"
|
|
|
|
+ clearable
|
|
|
|
+ size="small"
|
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
|
+ />
|
|
|
|
+ </el-form-item>
|
|
<el-form-item label="企微客户昵称" prop="nickName" >
|
|
<el-form-item label="企微客户昵称" prop="nickName" >
|
|
<el-input
|
|
<el-input
|
|
v-model="queryParams.externalUserName"
|
|
v-model="queryParams.externalUserName"
|
|
@@ -106,18 +107,15 @@
|
|
<el-table border v-loading="loading" :data="courseWatchLogList" @selection-change="handleSelectionChange">
|
|
<el-table border v-loading="loading" :data="courseWatchLogList" @selection-change="handleSelectionChange">
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
<el-table-column label="记录编号" align="center" prop="logId" />
|
|
<el-table-column label="记录编号" align="center" prop="logId" />
|
|
- <el-table-column label="客户昵称" align="center" prop="externalUserName"/>
|
|
|
|
-
|
|
|
|
- <!-- <el-table-column label="会员ID" align="center" prop="userId"/>-->
|
|
|
|
- <el-table-column label="客户头像" align="center" prop="externalUserAvatar">
|
|
|
|
|
|
+ <el-table-column label="用户昵称" align="center">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-popover
|
|
|
|
- placement="right"
|
|
|
|
- title=""
|
|
|
|
- trigger="hover">
|
|
|
|
- <img slot="reference" :src="scope.row.externalUserAvatar" style="width: 50px;height: 50px">
|
|
|
|
- <img :src="scope.row.externalUserAvatar" style="max-width: 200px;max-height: 200px">
|
|
|
|
- </el-popover>
|
|
|
|
|
|
+ {{ queryParams.sendType=='1' ? scope.row.fsNickName : scope.row.externalUserName }}
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="头像" align="center">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <img v-if="queryParams.sendType=='1'" :src="scope.row.fsAvatar" style="width:50px;height:50px" />
|
|
|
|
+ <img v-else :src="scope.row.externalUserAvatar" style="width:50px;height:50px" />
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="课程名称" align="center" prop="courseName" />
|
|
<el-table-column label="课程名称" align="center" prop="courseName" />
|
|
@@ -130,7 +128,7 @@
|
|
<el-table-column label="播放时长" align="center" prop="duration" />
|
|
<el-table-column label="播放时长" align="center" prop="duration" />
|
|
<el-table-column label="所属销售" align="center" prop="companyUserName" />
|
|
<el-table-column label="所属销售" align="center" prop="companyUserName" />
|
|
<!-- <el-table-column label="所属公司" align="center" prop="companyName" />-->
|
|
<!-- <el-table-column label="所属公司" align="center" prop="companyName" />-->
|
|
- <el-table-column label="所属企微" align="center" prop="qwUserName" />
|
|
|
|
|
|
+ <el-table-column label="所属企微" align="center" prop="qwUserName" v-if="queryParams.sendType==2" />
|
|
<!-- <el-table-column label="所属发送方式" align="center" prop="sendType" />-->
|
|
<!-- <el-table-column label="所属发送方式" align="center" prop="sendType" />-->
|
|
<el-table-column label="创建时间" align="center" prop="createTime" />
|
|
<el-table-column label="创建时间" align="center" prop="createTime" />
|
|
<el-table-column label="更新时间" align="center" prop="updateTime" />
|
|
<el-table-column label="更新时间" align="center" prop="updateTime" />
|
|
@@ -163,6 +161,13 @@ export default {
|
|
courseLists:[],
|
|
courseLists:[],
|
|
videoList:[],
|
|
videoList:[],
|
|
logTypeOptions:[],
|
|
logTypeOptions:[],
|
|
|
|
+ sendTypeOptions:[{
|
|
|
|
+ dictLabel:"会员",dictValue:'1'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ dictLabel:"企微",dictValue:'2'
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
// 遮罩层
|
|
// 遮罩层
|
|
loading: true,
|
|
loading: true,
|
|
// 导出遮罩层
|
|
// 导出遮罩层
|
|
@@ -204,6 +209,7 @@ export default {
|
|
upETime:null,
|
|
upETime:null,
|
|
scheduleStartTime: null,
|
|
scheduleStartTime: null,
|
|
scheduleEndTime: null,
|
|
scheduleEndTime: null,
|
|
|
|
+ sendType:'1',
|
|
},
|
|
},
|
|
// 表单参数
|
|
// 表单参数
|
|
form: {},
|
|
form: {},
|
|
@@ -401,6 +407,9 @@ export default {
|
|
this.queryParams.scheduleEndTime = null;
|
|
this.queryParams.scheduleEndTime = null;
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ handleSendTypeChange() {
|
|
|
|
+ this.handleQuery(); // 重新查询列表
|
|
|
|
+ }
|
|
}
|
|
}
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|