|
|
|
@ -3,31 +3,32 @@
|
|
|
|
<el-collapse accordion style="margin-bottom: 10px" v-model="activeNames">
|
|
|
|
<el-collapse accordion style="margin-bottom: 10px" v-model="activeNames">
|
|
|
|
<el-collapse-item name="search">
|
|
|
|
<el-collapse-item name="search">
|
|
|
|
<template slot="title">
|
|
|
|
<template slot="title">
|
|
|
|
<div class="margin-top" style="border-left: solid 2px #419eff;padding-left: 10px;font-size: 18px !important;color: #000;">
|
|
|
|
<div class="margin-top"
|
|
|
|
|
|
|
|
style="border-left: solid 2px #419eff;padding-left: 10px;font-size: 18px !important;color: #000;">
|
|
|
|
搜索
|
|
|
|
搜索
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<div style="margin-top: 10px">
|
|
|
|
<div style="margin-top: 10px">
|
|
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
|
|
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
|
|
|
|
<div style="display: flex">
|
|
|
|
label-width="100px">
|
|
|
|
<el-popover
|
|
|
|
<el-popover
|
|
|
|
placement="top-start"
|
|
|
|
placement="top-start"
|
|
|
|
width="200"
|
|
|
|
width="200"
|
|
|
|
trigger="click"
|
|
|
|
trigger="click"
|
|
|
|
content="手机号码和用户编号,满足其中之一内容即可"
|
|
|
|
content="手机号码和用户编号,满足其中之一内容即可"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<el-form-item label="用户编号" prop="id" slot="reference">
|
|
|
|
<el-form-item label="用户编号" prop="userIdList" slot="reference">
|
|
|
|
<el-input
|
|
|
|
<el-input
|
|
|
|
v-model="queryParams.id"
|
|
|
|
v-model="queryParams.userIdList"
|
|
|
|
placeholder="搜索多个请用英文逗号隔开"
|
|
|
|
placeholder="搜索多个请用英文逗号隔开"
|
|
|
|
clearable
|
|
|
|
clearable
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</el-popover>
|
|
|
|
</el-popover>
|
|
|
|
<el-form-item label="会员昵称" prop="userId">
|
|
|
|
<el-form-item label="会员昵称" prop="nickname">
|
|
|
|
<el-input
|
|
|
|
<el-input
|
|
|
|
v-model="queryParams.userId"
|
|
|
|
v-model="queryParams.nickname"
|
|
|
|
placeholder="请输入单个会员昵称搜索"
|
|
|
|
placeholder="请输入单个会员昵称搜索"
|
|
|
|
clearable
|
|
|
|
clearable
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
@ -47,74 +48,45 @@
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</el-popover>
|
|
|
|
</el-popover>
|
|
|
|
<el-form-item label="仪器名称" prop="source">
|
|
|
|
<el-form-item label="打卡时间" prop="clockDateRange">
|
|
|
|
<el-select
|
|
|
|
<el-date-picker
|
|
|
|
v-model="queryParams.instrumentIdArray"
|
|
|
|
style="width: 360px"
|
|
|
|
placeholder="请选择类型"
|
|
|
|
v-model="queryParams.clockDateRange"
|
|
|
|
multiple
|
|
|
|
type="datetimerange"
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
range-separator="至"
|
|
|
|
clearable
|
|
|
|
start-placeholder="开始日期"
|
|
|
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
|
|
|
|
end-placeholder="结束日期"
|
|
|
|
|
|
|
|
align="right"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<el-option
|
|
|
|
|
|
|
|
v-for="item in instrumentList"
|
|
|
|
|
|
|
|
:key="item.id"
|
|
|
|
|
|
|
|
:label="item.name"
|
|
|
|
|
|
|
|
:value="item.id">
|
|
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div style="display: flex">
|
|
|
|
|
|
|
|
<el-form-item label="打卡时间" prop="startTime">
|
|
|
|
|
|
|
|
<el-date-picker clearable
|
|
|
|
|
|
|
|
v-model="queryParams.startTime"
|
|
|
|
|
|
|
|
type="datetime"
|
|
|
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm"
|
|
|
|
|
|
|
|
placeholder="请选择操作开始时间">
|
|
|
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item prop="endTime">
|
|
|
|
|
|
|
|
<el-date-picker clearable
|
|
|
|
|
|
|
|
v-model="queryParams.endTime"
|
|
|
|
|
|
|
|
type="datetime"
|
|
|
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm"
|
|
|
|
|
|
|
|
placeholder="请选择操作结束时间">
|
|
|
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="用户注册时间" prop="startTime">
|
|
|
|
|
|
|
|
<el-date-picker clearable
|
|
|
|
|
|
|
|
v-model="queryParams.startTime"
|
|
|
|
|
|
|
|
type="datetime"
|
|
|
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm"
|
|
|
|
|
|
|
|
placeholder="请选择操作开始时间">
|
|
|
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item prop="endTime">
|
|
|
|
|
|
|
|
<el-date-picker clearable
|
|
|
|
|
|
|
|
v-model="queryParams.endTime"
|
|
|
|
|
|
|
|
type="datetime"
|
|
|
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm"
|
|
|
|
|
|
|
|
placeholder="请选择操作结束时间">
|
|
|
|
|
|
|
|
</el-date-picker>
|
|
|
|
</el-date-picker>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="最新打卡时间" prop="startTime">
|
|
|
|
<el-form-item label="用户注册时间" prop="memberRegisterDateRange">
|
|
|
|
<el-date-picker clearable
|
|
|
|
<el-date-picker
|
|
|
|
v-model="queryParams.startTime"
|
|
|
|
style="width: 360px"
|
|
|
|
type="datetime"
|
|
|
|
v-model="queryParams.memberRegisterDateRange"
|
|
|
|
value-format="yyyy-MM-dd HH:mm"
|
|
|
|
type="datetimerange"
|
|
|
|
placeholder="请选择操作开始时间">
|
|
|
|
range-separator="至"
|
|
|
|
|
|
|
|
start-placeholder="开始日期"
|
|
|
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
|
|
|
|
end-placeholder="结束日期"
|
|
|
|
|
|
|
|
align="right"
|
|
|
|
|
|
|
|
>
|
|
|
|
</el-date-picker>
|
|
|
|
</el-date-picker>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="endTime">
|
|
|
|
<el-form-item label="最新打卡时间" prop="clockLastDateRange">
|
|
|
|
<el-date-picker clearable
|
|
|
|
<el-date-picker
|
|
|
|
v-model="queryParams.endTime"
|
|
|
|
style="width: 360px"
|
|
|
|
type="datetime"
|
|
|
|
v-model="queryParams.clockLastDateRange"
|
|
|
|
value-format="yyyy-MM-dd HH:mm"
|
|
|
|
type="datetimerange"
|
|
|
|
placeholder="请选择操作结束时间">
|
|
|
|
range-separator="至"
|
|
|
|
|
|
|
|
start-placeholder="开始日期"
|
|
|
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
|
|
|
|
end-placeholder="结束日期"
|
|
|
|
|
|
|
|
align="right"
|
|
|
|
|
|
|
|
>
|
|
|
|
</el-date-picker>
|
|
|
|
</el-date-picker>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div style="display: flex">
|
|
|
|
|
|
|
|
<el-popover
|
|
|
|
<el-popover
|
|
|
|
placement="top-start"
|
|
|
|
placement="top-start"
|
|
|
|
width="200"
|
|
|
|
width="200"
|
|
|
|
@ -127,7 +99,7 @@
|
|
|
|
slot="reference"
|
|
|
|
slot="reference"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<el-select
|
|
|
|
<el-select
|
|
|
|
v-model="queryParams.wecomTags"
|
|
|
|
v-model="queryParams.wecomTagList"
|
|
|
|
multiple
|
|
|
|
multiple
|
|
|
|
placeholder="请选择"
|
|
|
|
placeholder="请选择"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -153,7 +125,7 @@
|
|
|
|
slot="reference"
|
|
|
|
slot="reference"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<el-select
|
|
|
|
<el-select
|
|
|
|
v-model="queryParams.miniProgramTags"
|
|
|
|
v-model="queryParams.miniProgramTagList"
|
|
|
|
multiple
|
|
|
|
multiple
|
|
|
|
placeholder="请选择"
|
|
|
|
placeholder="请选择"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -167,21 +139,21 @@
|
|
|
|
</el-select>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</el-popover>
|
|
|
|
</el-popover>
|
|
|
|
<el-form-item label="打卡范围" prop="credit">
|
|
|
|
<el-form-item label="打卡范围" prop="clockNumStart">
|
|
|
|
<el-input-number
|
|
|
|
<el-input-number
|
|
|
|
:min="0"
|
|
|
|
:min="0"
|
|
|
|
:precision="0"
|
|
|
|
:precision="0"
|
|
|
|
v-model="queryParams.creditStart"
|
|
|
|
v-model="queryParams.clockNumStart"
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
></el-input-number>
|
|
|
|
></el-input-number>
|
|
|
|
至
|
|
|
|
至
|
|
|
|
<el-input-number
|
|
|
|
<el-input-number
|
|
|
|
:min="0"
|
|
|
|
:min="0"
|
|
|
|
:precision="0"
|
|
|
|
:precision="0"
|
|
|
|
v-model="queryParams.creditEnd"
|
|
|
|
v-model="queryParams.clockNumEnd"
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
></el-input-number>
|
|
|
|
></el-input-number>
|
|
|
|
<el-button icon="el-icon-close" circle ></el-button>
|
|
|
|
<el-button icon="el-icon-close" circle @click="clearClockNum"></el-button>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item>
|
|
|
|
<el-form-item>
|
|
|
|
<el-button
|
|
|
|
<el-button
|
|
|
|
@ -200,7 +172,6 @@
|
|
|
|
</el-button
|
|
|
|
</el-button
|
|
|
|
>
|
|
|
|
>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</el-form>
|
|
|
|
</el-form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-collapse-item>
|
|
|
|
</el-collapse-item>
|
|
|
|
@ -230,14 +201,7 @@
|
|
|
|
<el-option label="批量删除小程序标签" :value="2"></el-option>
|
|
|
|
<el-option label="批量删除小程序标签" :value="2"></el-option>
|
|
|
|
<el-option label="全量添加小程序标签" :value="3"></el-option>
|
|
|
|
<el-option label="全量添加小程序标签" :value="3"></el-option>
|
|
|
|
<el-option label="全量删除小程序标签" :value="4"></el-option>
|
|
|
|
<el-option label="全量删除小程序标签" :value="4"></el-option>
|
|
|
|
<el-option label="批量加减积分" :value="5"></el-option>
|
|
|
|
<el-option label="导出批量数据" :value="12"></el-option>
|
|
|
|
<el-option label="全量加减积分" :value="6"></el-option>
|
|
|
|
|
|
|
|
<el-option label="批量发送话术" :value="7"></el-option>
|
|
|
|
|
|
|
|
<el-option label="全量发送话术" :value="8"></el-option>
|
|
|
|
|
|
|
|
<el-option label="批量备注" :value="9"></el-option>
|
|
|
|
|
|
|
|
<el-option label="全量备注" :value="10"></el-option>
|
|
|
|
|
|
|
|
<el-option label="注销账号" :value="11"></el-option>
|
|
|
|
|
|
|
|
<el-option label="导出数据" :value="12"></el-option>
|
|
|
|
|
|
|
|
<el-option label="导出全量数据" :value="13"></el-option>
|
|
|
|
<el-option label="导出全量数据" :value="13"></el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-select>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
@ -247,6 +211,7 @@
|
|
|
|
plain
|
|
|
|
plain
|
|
|
|
icon="el-icon-warning"
|
|
|
|
icon="el-icon-warning"
|
|
|
|
size="mini"
|
|
|
|
size="mini"
|
|
|
|
|
|
|
|
@click="batchOperate()"
|
|
|
|
>确认
|
|
|
|
>确认
|
|
|
|
</el-button>
|
|
|
|
</el-button>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
@ -259,18 +224,30 @@
|
|
|
|
|
|
|
|
|
|
|
|
<el-table v-loading="loading" :data="clockLogList" @selection-change="handleSelectionChange">
|
|
|
|
<el-table v-loading="loading" :data="clockLogList" @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="userId" />
|
|
|
|
<el-table-column label="头像" align="center">
|
|
|
|
<el-table-column label="会员昵称" align="center" prop="userId" />
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
|
|
|
<el-avatar shape="circle" :size="50" :src="scope.row.headimg"/>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
<el-table-column label="会员昵称" align="center" prop="nickname"/>
|
|
|
|
<el-table-column label="用户编号" align="center" prop="userId"/>
|
|
|
|
<el-table-column label="用户编号" align="center" prop="userId"/>
|
|
|
|
<el-table-column label="手机号码" align="center" prop="userId" />
|
|
|
|
<el-table-column label="手机号码" align="center" prop="mobile"/>
|
|
|
|
<el-table-column label="仪器名称" align="center" prop="userId" />
|
|
|
|
<el-table-column label="打卡记录" align="center" prop="clockNum" min-width="100">
|
|
|
|
<el-table-column label="打卡记录" align="center" prop="userId" />
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<el-table-column label="打卡天数" align="center" prop="instrumentId" />
|
|
|
|
<el-button
|
|
|
|
<el-table-column label="最新打卡时间" align="center" prop="instrumentName" />
|
|
|
|
size="mini"
|
|
|
|
<el-table-column label="小程序标签" align="center" prop="clockContent" />
|
|
|
|
type="text"
|
|
|
|
<el-table-column label="外部标签" align="center" prop="clockContent" />
|
|
|
|
@click="viewClockDetail(scope.row)"
|
|
|
|
<el-table-column label="用户注册时间" align="center" prop="clockContent" />
|
|
|
|
>
|
|
|
|
<el-table-column label="状态" align="center" prop="status" />
|
|
|
|
{{ '查看详情(' + scope.row.clockNum + ')' }}
|
|
|
|
|
|
|
|
</el-button>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
<el-table-column label="打卡天数" align="center" prop="clockNum"/>
|
|
|
|
|
|
|
|
<el-table-column label="最新打卡时间" align="center" prop="lastClockTime"/>
|
|
|
|
|
|
|
|
<el-table-column label="小程序标签" align="center" prop="miniProgramTagListStr"/>
|
|
|
|
|
|
|
|
<el-table-column label="外部标签" align="center" prop="wecomTagListStr"/>
|
|
|
|
|
|
|
|
<el-table-column label="用户注册时间" align="center" prop="memberRegisterDate"/>
|
|
|
|
</el-table>
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
|
|
|
|
<pagination
|
|
|
|
<pagination
|
|
|
|
@ -280,21 +257,133 @@
|
|
|
|
:limit.sync="queryParams.pageSize"
|
|
|
|
:limit.sync="queryParams.pageSize"
|
|
|
|
@pagination="getList"
|
|
|
|
@pagination="getList"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 小程序标签批量操作 -->
|
|
|
|
|
|
|
|
<el-dialog :title="this.miniProgramForm.title" :visible.sync="this.miniProgramForm.batchMiniProgramVisible"
|
|
|
|
|
|
|
|
width="50%" :before-close="cancelMiniProgramDialog">
|
|
|
|
|
|
|
|
<el-form ref="miniProgramForm" :model="miniProgramForm" :rules="batchMiniProgramRules" label-width="150px">
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
|
|
|
<el-col :span="100">
|
|
|
|
|
|
|
|
<el-form-item label="小程序标签" prop="tagIdArray" label-width="100px">
|
|
|
|
|
|
|
|
<treeselect
|
|
|
|
|
|
|
|
v-model="miniProgramForm.tagIdArray"
|
|
|
|
|
|
|
|
:options="chatTagOptions"
|
|
|
|
|
|
|
|
:multiple="true"
|
|
|
|
|
|
|
|
:show-count="true"
|
|
|
|
|
|
|
|
placeholder="请选择小程序标签"
|
|
|
|
|
|
|
|
:disable-branch-nodes="true"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
|
|
|
<el-button @click="cancelMiniProgramDialog(false)">重 置</el-button>
|
|
|
|
|
|
|
|
<el-button type="primary" @click="submitBatchOperate">确 定</el-button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 导出字段选择弹窗 -->
|
|
|
|
|
|
|
|
<el-dialog title="自定义导出字段" :visible.sync="exportFieldsForm.exportFieldsVisible" width="50%"
|
|
|
|
|
|
|
|
:before-close="cancelExportFieldsDialog">
|
|
|
|
|
|
|
|
<el-form ref="form" label-width="150px">
|
|
|
|
|
|
|
|
<el-form-item label="全部字段" prop="allFields">
|
|
|
|
|
|
|
|
<el-switch v-model="allFields" @click.native="isExportAllFields()"/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
<el-form :inline="true" ref="form" :model="exportFieldList" label-width="150px">
|
|
|
|
|
|
|
|
<el-form-item label="会员昵称" prop="nickname">
|
|
|
|
|
|
|
|
<el-switch v-model="exportFieldList.nickname" active-value="nickname" :inactive-value="null"/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="用户编号 " prop="userId">
|
|
|
|
|
|
|
|
<el-switch v-model="exportFieldList.userId" active-value="userId" :inactive-value="null"/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="手机号 " prop="mobile">
|
|
|
|
|
|
|
|
<el-switch v-model="exportFieldList.mobile" active-value="mobile" :inactive-value="null"/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="累计打卡仪器名称 " prop="instrumentName">
|
|
|
|
|
|
|
|
<el-switch v-model="exportFieldList.instrumentName" active-value="instrumentName" :inactive-value="null"/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="最新打卡时间 " prop="lastClockTime">
|
|
|
|
|
|
|
|
<el-switch v-model="exportFieldList.lastClockTime" active-value="lastClockTime" :inactive-value="null"/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="累计打卡时间 " prop="clockTime">
|
|
|
|
|
|
|
|
<el-switch v-model="exportFieldList.clockTime" active-value="clockTime" :inactive-value="null"/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="小程序标签 " prop="miniProgramTagListStr">
|
|
|
|
|
|
|
|
<el-switch v-model="exportFieldList.miniProgramTagListStr" active-value="miniProgramTagListStr"
|
|
|
|
|
|
|
|
:inactive-value="null"/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="累计打卡天数 " prop="clockNum">
|
|
|
|
|
|
|
|
<el-switch v-model="exportFieldList.clockNum" active-value="clockNum" :inactive-value="null"/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="用户注册时间 " prop="memberRegisterDate">
|
|
|
|
|
|
|
|
<el-switch v-model="exportFieldList.memberRegisterDate" active-value="memberRegisterDate"
|
|
|
|
|
|
|
|
:inactive-value="null"/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="外部标签 " prop="wecomTagListStr">
|
|
|
|
|
|
|
|
<el-switch v-model="exportFieldList.wecomTagListStr" active-value="wecomTagListStr" :inactive-value="null"/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
|
|
|
<el-button @click="cancelExportFieldsDialog()">取 消</el-button>
|
|
|
|
|
|
|
|
<el-button type="primary" @click="submitBatchOperate">确 定</el-button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 查看用户积分列表 -->
|
|
|
|
|
|
|
|
<el-dialog title="打卡记录" :visible.sync="userClockLogVisible" width="90%" :before-close="cancelUserClockLogDialog">
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
|
|
|
<el-table :data="userClockLogQuery.userClockLogList" :stripe="true" style="width: 100%">
|
|
|
|
|
|
|
|
<el-table-column type="index" width="50" label="序号" />
|
|
|
|
|
|
|
|
<el-table-column prop="instrumentName" label="仪器名称" width="300px" />
|
|
|
|
|
|
|
|
<el-table-column prop="wxClockImgList" label="打卡图片" width="100" style="display: flex">
|
|
|
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
|
|
|
<div v-for="(val, index) in scope.row.wxClockImgList" :key="index">
|
|
|
|
|
|
|
|
<el-image :src="val.clockImg" style="width: 60px;height: 80px" :preview-src-list="[val.clockImg]">
|
|
|
|
|
|
|
|
<div slot="placeholder" class="image-slot"><span class="dot"></span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</el-image>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
<el-table-column prop="clockContent" label="打卡心得" width="300" />
|
|
|
|
|
|
|
|
<el-table-column prop="updateTime" label="打卡时间" width="200" />
|
|
|
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<pagination
|
|
|
|
|
|
|
|
v-show="userClockLogQuery.total > 0"
|
|
|
|
|
|
|
|
:total="userClockLogQuery.total"
|
|
|
|
|
|
|
|
:page.sync="userClockLogQuery.pageNum"
|
|
|
|
|
|
|
|
:limit.sync="userClockLogQuery.pageSize"
|
|
|
|
|
|
|
|
@pagination="getClockLogDetail"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import { listClockLog, getClockLog, delClockLog, addClockLog, updateClockLog } from "@/api/system/clockLog";
|
|
|
|
import {
|
|
|
|
|
|
|
|
listClockLog, getClockLog, delClockLog, addClockLog, updateClockLog,
|
|
|
|
|
|
|
|
allAddMiniProgramTag, allDelMiniProgramTag, detail
|
|
|
|
|
|
|
|
} from "@/api/system/clockLog";
|
|
|
|
import {listInstrument} from "@/api/system/instrument";
|
|
|
|
import {listInstrument} from "@/api/system/instrument";
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
getMiniProgramTags,
|
|
|
|
getMiniProgramTags, batchAddMiniProgramTag, batchDelMiniProgramTag, getWecomTags,
|
|
|
|
getWecomTags,
|
|
|
|
|
|
|
|
} from '@/api/system/member'
|
|
|
|
} from '@/api/system/member'
|
|
|
|
|
|
|
|
import {tagTreeSelect} from "@/api/system/wechatTab";
|
|
|
|
|
|
|
|
import Treeselect from '@riophae/vue-treeselect';
|
|
|
|
|
|
|
|
import '@riophae/vue-treeselect/dist/vue-treeselect.css';
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
name: "ClockLog",
|
|
|
|
name: "ClockLog",
|
|
|
|
|
|
|
|
components: {Treeselect},
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
batchOperateValue: '',
|
|
|
|
|
|
|
|
// 折叠搜索
|
|
|
|
// 折叠搜索
|
|
|
|
activeNames: ['search'],
|
|
|
|
activeNames: ['search'],
|
|
|
|
// 遮罩层
|
|
|
|
// 遮罩层
|
|
|
|
@ -309,6 +398,7 @@ export default {
|
|
|
|
showSearch: true,
|
|
|
|
showSearch: true,
|
|
|
|
// 总条数
|
|
|
|
// 总条数
|
|
|
|
total: 0,
|
|
|
|
total: 0,
|
|
|
|
|
|
|
|
chatTagOptions: [],
|
|
|
|
// 用户打卡表格数据
|
|
|
|
// 用户打卡表格数据
|
|
|
|
clockLogList: [],
|
|
|
|
clockLogList: [],
|
|
|
|
// 仪器表格数据
|
|
|
|
// 仪器表格数据
|
|
|
|
@ -325,17 +415,64 @@ export default {
|
|
|
|
queryParams: {
|
|
|
|
queryParams: {
|
|
|
|
pageNum: 1,
|
|
|
|
pageNum: 1,
|
|
|
|
pageSize: 10,
|
|
|
|
pageSize: 10,
|
|
|
|
|
|
|
|
userIdList: null,
|
|
|
|
|
|
|
|
nickname: null,
|
|
|
|
|
|
|
|
mobile: null,
|
|
|
|
|
|
|
|
wecomTagList: null,
|
|
|
|
|
|
|
|
miniProgramTagList: null,
|
|
|
|
|
|
|
|
memberRegisterDateRange: null,
|
|
|
|
|
|
|
|
clockDateRange: null,
|
|
|
|
|
|
|
|
clockLastDateRange: null,
|
|
|
|
|
|
|
|
clockNumStart: undefined,
|
|
|
|
|
|
|
|
clockNumEnd: undefined,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
// 批量操作:小程序标签
|
|
|
|
|
|
|
|
batchOperateValue: null,
|
|
|
|
|
|
|
|
miniProgramForm: {
|
|
|
|
|
|
|
|
title: null,
|
|
|
|
|
|
|
|
batchMiniProgramVisible: false,
|
|
|
|
|
|
|
|
tagIdArray: [],
|
|
|
|
|
|
|
|
userIdList: [],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
// 导出数据选择字段
|
|
|
|
|
|
|
|
exportFieldsForm: {
|
|
|
|
|
|
|
|
idList: null,
|
|
|
|
|
|
|
|
exportFields: null,
|
|
|
|
|
|
|
|
exportFieldsVisible: false,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
allFields: false,
|
|
|
|
|
|
|
|
exportFieldList: {
|
|
|
|
|
|
|
|
nickname: null,
|
|
|
|
userId: null,
|
|
|
|
userId: null,
|
|
|
|
instrumentId: null,
|
|
|
|
mobile: null,
|
|
|
|
|
|
|
|
clockNum: null,
|
|
|
|
|
|
|
|
lastClockTime: null,
|
|
|
|
|
|
|
|
miniProgramTagListStr: null,
|
|
|
|
|
|
|
|
wecomTagListStr: null,
|
|
|
|
|
|
|
|
memberRegisterDate: null,
|
|
|
|
instrumentName: null,
|
|
|
|
instrumentName: null,
|
|
|
|
clockContent: null,
|
|
|
|
clockTime: null,
|
|
|
|
status: null,
|
|
|
|
},
|
|
|
|
|
|
|
|
// 打卡记录详情列表
|
|
|
|
|
|
|
|
userClockLogVisible: false,
|
|
|
|
|
|
|
|
userClockLogQuery: {
|
|
|
|
|
|
|
|
total: 0,
|
|
|
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
|
|
|
userClockLogList: null,
|
|
|
|
|
|
|
|
userIdList: null,
|
|
|
|
|
|
|
|
clockDateRange: null,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// 表单参数
|
|
|
|
// 表单参数
|
|
|
|
form: {},
|
|
|
|
form: {},
|
|
|
|
// 表单校验
|
|
|
|
// 表单校验
|
|
|
|
rules: {
|
|
|
|
rules: {},
|
|
|
|
}
|
|
|
|
// 表单校验
|
|
|
|
|
|
|
|
batchMiniProgramRules: {
|
|
|
|
|
|
|
|
tagIdArray: [
|
|
|
|
|
|
|
|
{required: true, message: '请选择小程序标签', trigger: 'change'},
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
created() {
|
|
|
|
created() {
|
|
|
|
@ -376,17 +513,18 @@ export default {
|
|
|
|
// 表单重置
|
|
|
|
// 表单重置
|
|
|
|
reset() {
|
|
|
|
reset() {
|
|
|
|
this.form = {
|
|
|
|
this.form = {
|
|
|
|
id: null,
|
|
|
|
headimg: null,
|
|
|
|
|
|
|
|
nickname: null,
|
|
|
|
userId: null,
|
|
|
|
userId: null,
|
|
|
|
instrumentId: null,
|
|
|
|
mobile: null,
|
|
|
|
instrumentName: null,
|
|
|
|
clockNum: null,
|
|
|
|
clockContent: null,
|
|
|
|
lastClockTime: null,
|
|
|
|
status: null,
|
|
|
|
miniProgramTagListStr: null,
|
|
|
|
createBy: null,
|
|
|
|
wecomTagListStr: null,
|
|
|
|
createTime: null,
|
|
|
|
memberRegisterDate: null,
|
|
|
|
updateBy: null,
|
|
|
|
|
|
|
|
updateTime: null
|
|
|
|
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
this.queryParams.clockNumStart = undefined,
|
|
|
|
|
|
|
|
this.queryParams.clockNumEnd = undefined,
|
|
|
|
this.resetForm("form");
|
|
|
|
this.resetForm("form");
|
|
|
|
},
|
|
|
|
},
|
|
|
|
/** 搜索按钮操作 */
|
|
|
|
/** 搜索按钮操作 */
|
|
|
|
@ -402,6 +540,9 @@ export default {
|
|
|
|
// 多选框选中数据
|
|
|
|
// 多选框选中数据
|
|
|
|
handleSelectionChange(selection) {
|
|
|
|
handleSelectionChange(selection) {
|
|
|
|
this.ids = selection.map(item => item.id)
|
|
|
|
this.ids = selection.map(item => item.id)
|
|
|
|
|
|
|
|
let selectedUserIdList = selection.map(item => item.userId)
|
|
|
|
|
|
|
|
this.miniProgramForm.userIdList = selectedUserIdList;
|
|
|
|
|
|
|
|
this.exportFieldsForm.idList = selectedUserIdList;
|
|
|
|
this.single = selection.length !== 1
|
|
|
|
this.single = selection.length !== 1
|
|
|
|
this.multiple = !selection.length
|
|
|
|
this.multiple = !selection.length
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -449,14 +590,254 @@ export default {
|
|
|
|
}).then(() => {
|
|
|
|
}).then(() => {
|
|
|
|
this.getList();
|
|
|
|
this.getList();
|
|
|
|
this.$modal.msgSuccess("删除成功");
|
|
|
|
this.$modal.msgSuccess("删除成功");
|
|
|
|
}).catch(() => {});
|
|
|
|
}).catch(() => {
|
|
|
|
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
/** 导出按钮操作 */
|
|
|
|
/** 导出按钮操作 */
|
|
|
|
handleExport() {
|
|
|
|
handleExport() {
|
|
|
|
this.download('system/clockLog/export', {
|
|
|
|
this.download('system/clockLog/export', {
|
|
|
|
...this.queryParams
|
|
|
|
...this.queryParams
|
|
|
|
}, `clockLog_${new Date().getTime()}.xlsx`)
|
|
|
|
}, `clockLog_${new Date().getTime()}.xlsx`)
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
clearClockNum() {
|
|
|
|
|
|
|
|
this.queryParams.clockNumStart = undefined;
|
|
|
|
|
|
|
|
this.queryParams.clockNumEnd = undefined;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
viewClockDetail(row) {
|
|
|
|
|
|
|
|
this.userClockLogQuery.userIdList = row.userId;
|
|
|
|
|
|
|
|
this.userClockLogQuery.clockDateRange = this.queryParams.clockDateRange
|
|
|
|
|
|
|
|
this.getClockLogDetail();
|
|
|
|
|
|
|
|
// 打开详情列表
|
|
|
|
|
|
|
|
this.userClockLogVisible = true;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
getClockLogDetail() {
|
|
|
|
|
|
|
|
detail(this.userClockLogQuery).then(response => {
|
|
|
|
|
|
|
|
this.userClockLogQuery.total = response.total;
|
|
|
|
|
|
|
|
this.userClockLogQuery.userClockLogList = response.rows;
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/** 批量操作按钮,显示批量操作弹窗 */
|
|
|
|
|
|
|
|
batchOperate() {
|
|
|
|
|
|
|
|
if (this.batchOperateValue == null) {
|
|
|
|
|
|
|
|
this.$message({
|
|
|
|
|
|
|
|
message: '请选择要批量操作类型',
|
|
|
|
|
|
|
|
type: 'warning',
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
/* 批量操作 小程序标签 */
|
|
|
|
|
|
|
|
if (this.batchOperateValue == 1 || this.batchOperateValue == 2) {
|
|
|
|
|
|
|
|
if (this.ids.length == 0) {
|
|
|
|
|
|
|
|
this.$message({
|
|
|
|
|
|
|
|
message: '请选择要操作的数据',
|
|
|
|
|
|
|
|
type: 'warning',
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
return
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (this.batchOperateValue == 1) {
|
|
|
|
|
|
|
|
this.miniProgramForm.title = '添加小程序标签'
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (this.batchOperateValue == 2) {
|
|
|
|
|
|
|
|
this.miniProgramForm.title = '删除小程序标签'
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
// 获取标签树
|
|
|
|
|
|
|
|
this.getDeptTree()
|
|
|
|
|
|
|
|
this.miniProgramForm.batchMiniProgramVisible = true
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (this.batchOperateValue == 3 || this.batchOperateValue == 4) {
|
|
|
|
|
|
|
|
if (this.batchOperateValue == 3) {
|
|
|
|
|
|
|
|
this.miniProgramForm.title = '添加小程序标签'
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (this.batchOperateValue == 4) {
|
|
|
|
|
|
|
|
this.miniProgramForm.title = '删除小程序标签'
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
// 获取标签树
|
|
|
|
|
|
|
|
this.getDeptTree()
|
|
|
|
|
|
|
|
this.miniProgramForm.batchMiniProgramVisible = true
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 批量操作:导出数据 */
|
|
|
|
|
|
|
|
if (this.batchOperateValue == 12) {
|
|
|
|
|
|
|
|
if (this.ids.length == 0) {
|
|
|
|
|
|
|
|
this.$message({
|
|
|
|
|
|
|
|
message: '请选择要操作的数据',
|
|
|
|
|
|
|
|
type: 'warning',
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
return
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
this.exportFieldsForm.exportFieldsVisible = true
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (this.batchOperateValue == 13) {
|
|
|
|
|
|
|
|
this.exportFieldsForm.exportFieldsVisible = true
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/** 查询部门下拉树结构 */
|
|
|
|
|
|
|
|
getDeptTree() {
|
|
|
|
|
|
|
|
tagTreeSelect({type: 1}).then((response) => {
|
|
|
|
|
|
|
|
this.chatTagOptions = response.data
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
// 关闭添加小程序标签窗口
|
|
|
|
|
|
|
|
cancelMiniProgramDialog(isClose) {
|
|
|
|
|
|
|
|
this.$refs.miniProgramForm.clearValidate();
|
|
|
|
|
|
|
|
this.miniProgramForm.tagIdArray = []
|
|
|
|
|
|
|
|
if (isClose) {
|
|
|
|
|
|
|
|
this.miniProgramForm.title = null
|
|
|
|
|
|
|
|
this.miniProgramForm.batchMiniProgramVisible = false
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/* 批量操作提交按钮 */
|
|
|
|
|
|
|
|
submitBatchOperate() {
|
|
|
|
|
|
|
|
// 批量添加小程序标签
|
|
|
|
|
|
|
|
if (this.batchOperateValue == 1) {
|
|
|
|
|
|
|
|
this.$refs['miniProgramForm'].validate((valid) => {
|
|
|
|
|
|
|
|
if (valid) {
|
|
|
|
|
|
|
|
batchAddMiniProgramTag(
|
|
|
|
|
|
|
|
this.miniProgramForm.tagIdArray,
|
|
|
|
|
|
|
|
Array.from(new Set(this.miniProgramForm.userIdList))
|
|
|
|
|
|
|
|
).then((Response) => {
|
|
|
|
|
|
|
|
this.$modal.msgSuccess('批量添加小程序标签成功');
|
|
|
|
|
|
|
|
this.cancelMiniProgramDialog(true)
|
|
|
|
|
|
|
|
this.getList();
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
// 批量删除小程序标签
|
|
|
|
|
|
|
|
if (this.batchOperateValue == 2) {
|
|
|
|
|
|
|
|
this.$refs['miniProgramForm'].validate((valid) => {
|
|
|
|
|
|
|
|
if (valid) {
|
|
|
|
|
|
|
|
batchDelMiniProgramTag(
|
|
|
|
|
|
|
|
this.miniProgramForm.tagIdArray,
|
|
|
|
|
|
|
|
Array.from(new Set(this.miniProgramForm.userIdList))
|
|
|
|
|
|
|
|
).then((Response) => {
|
|
|
|
|
|
|
|
this.$modal.msgSuccess('批量删除小程序标签成功')
|
|
|
|
|
|
|
|
this.cancelMiniProgramDialog(true)
|
|
|
|
|
|
|
|
this.getList();
|
|
|
|
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
// 全量添加小程序标签
|
|
|
|
|
|
|
|
if (this.batchOperateValue == 3) {
|
|
|
|
|
|
|
|
this.$refs['miniProgramForm'].validate((valid) => {
|
|
|
|
|
|
|
|
if (valid) {
|
|
|
|
|
|
|
|
allAddMiniProgramTag(
|
|
|
|
|
|
|
|
this.miniProgramForm.tagIdArray,
|
|
|
|
|
|
|
|
this.queryParams
|
|
|
|
|
|
|
|
).then((Response) => {
|
|
|
|
|
|
|
|
this.$modal.msgSuccess('全量添加小程序标签成功')
|
|
|
|
|
|
|
|
this.cancelMiniProgramDialog(true)
|
|
|
|
|
|
|
|
this.getList();
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
// 全量删除小程序标签
|
|
|
|
|
|
|
|
if (this.batchOperateValue == 4) {
|
|
|
|
|
|
|
|
this.$refs['miniProgramForm'].validate((valid) => {
|
|
|
|
|
|
|
|
if (valid) {
|
|
|
|
|
|
|
|
allDelMiniProgramTag(
|
|
|
|
|
|
|
|
this.miniProgramForm.tagIdArray,
|
|
|
|
|
|
|
|
this.queryParams
|
|
|
|
|
|
|
|
).then((Response) => {
|
|
|
|
|
|
|
|
this.$modal.msgSuccess('全量删除小程序标签成功')
|
|
|
|
|
|
|
|
this.cancelMiniProgramDialog(true)
|
|
|
|
|
|
|
|
this.getList();
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 导出用户打卡数据
|
|
|
|
|
|
|
|
if (this.batchOperateValue == 12) {
|
|
|
|
|
|
|
|
let exportFields = Object.values(this.exportFieldList).filter(
|
|
|
|
|
|
|
|
(val) => val != null
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
if (exportFields.length == 0) {
|
|
|
|
|
|
|
|
this.$modal.msgError('请选择导出字段')
|
|
|
|
|
|
|
|
return
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
this.exportFieldsForm.exportFields = exportFields
|
|
|
|
|
|
|
|
this.download('/system/clockLog/batchExport', {
|
|
|
|
|
|
|
|
...this.exportFieldsForm,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
`打卡记录数据_${new Date().getTime()}.xlsx`
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
this.cancelExportFieldsDialog()
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (this.batchOperateValue == 13) {
|
|
|
|
|
|
|
|
let exportFields = Object.values(this.exportFieldList).filter(
|
|
|
|
|
|
|
|
(val) => val != null
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
if (exportFields.length == 0) {
|
|
|
|
|
|
|
|
this.$modal.msgError('请选择导出字段')
|
|
|
|
|
|
|
|
return
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
this.download(
|
|
|
|
|
|
|
|
'/system/clockLog/allExport',
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
...Object.assign({}, this.queryParams, {
|
|
|
|
|
|
|
|
exportFields: exportFields,
|
|
|
|
|
|
|
|
}),
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
`打卡记录数据_${new Date().getTime()}.xlsx`
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
this.cancelExportFieldsDialog()
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
cancelExportFieldsDialog() {
|
|
|
|
|
|
|
|
this.allFields = false
|
|
|
|
|
|
|
|
this.exportFieldsForm.exportFieldsVisible = false
|
|
|
|
|
|
|
|
this.exportFieldList = {
|
|
|
|
|
|
|
|
nickname: null,
|
|
|
|
|
|
|
|
userId: null,
|
|
|
|
|
|
|
|
mobile: null,
|
|
|
|
|
|
|
|
clockNum: null,
|
|
|
|
|
|
|
|
lastClockTime: null,
|
|
|
|
|
|
|
|
miniProgramTagListStr: null,
|
|
|
|
|
|
|
|
wecomTagListStr: null,
|
|
|
|
|
|
|
|
memberRegisterDate: null,
|
|
|
|
|
|
|
|
instrumentName: null,
|
|
|
|
|
|
|
|
clockTime: null,
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
isExportAllFields() {
|
|
|
|
|
|
|
|
if (this.allFields) {
|
|
|
|
|
|
|
|
this.exportFieldList.nickname = "nickname";
|
|
|
|
|
|
|
|
this.exportFieldList.userId = "userId";
|
|
|
|
|
|
|
|
this.exportFieldList.mobile = "mobile";
|
|
|
|
|
|
|
|
this.exportFieldList.clockNum = "clockNum";
|
|
|
|
|
|
|
|
this.exportFieldList.lastClockTime = "lastClockTime";
|
|
|
|
|
|
|
|
this.exportFieldList.miniProgramTagListStr = "miniProgramTagListStr";
|
|
|
|
|
|
|
|
this.exportFieldList.wecomTagListStr = "wecomTagListStr";
|
|
|
|
|
|
|
|
this.exportFieldList.memberRegisterDate = "memberRegisterDate";
|
|
|
|
|
|
|
|
this.exportFieldList.instrumentName = "instrumentName";
|
|
|
|
|
|
|
|
this.exportFieldList.clockTime = "clockTime";
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
this.exportFieldList.nickname = null;
|
|
|
|
|
|
|
|
this.exportFieldList.userId = null;
|
|
|
|
|
|
|
|
this.exportFieldList.mobile = null;
|
|
|
|
|
|
|
|
this.exportFieldList.clockNum = null;
|
|
|
|
|
|
|
|
this.exportFieldList.lastClockTime = null;
|
|
|
|
|
|
|
|
this.exportFieldList.miniProgramTagListStr = null;
|
|
|
|
|
|
|
|
this.exportFieldList.wecomTagListStr = null;
|
|
|
|
|
|
|
|
this.exportFieldList.memberRegisterDate = null;
|
|
|
|
|
|
|
|
this.exportFieldList.instrumentName = null;
|
|
|
|
|
|
|
|
this.exportFieldList.clockTime = null;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
cancelUserClockLogDialog() {
|
|
|
|
|
|
|
|
this.userClockLogVisible = false
|
|
|
|
|
|
|
|
this.userClockLogQuery = {
|
|
|
|
|
|
|
|
total: 0,
|
|
|
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
|
|
|
userClockLogList: null,
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|