|
@@ -37,18 +37,8 @@
|
|
<span style="margin:0 11%">-</span>
|
|
<span style="margin:0 11%">-</span>
|
|
<a-input-number id="inputNumber" v-model="queryParam.currentGoldMax" :max="999999999" />
|
|
<a-input-number id="inputNumber" v-model="queryParam.currentGoldMax" :max="999999999" />
|
|
</div>
|
|
</div>
|
|
- <!-- <div class="input-number">
|
|
|
|
- <a-input-number id="inputNumber" v-model="queryParam.currentGoldMax" :max="999999999" />
|
|
|
|
- </div> -->
|
|
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-col>
|
|
</a-col>
|
|
- <!-- <a-col :span="2">
|
|
|
|
- <a-form-model-item label=" " prop="currentGoldMax" :colon="false" :label-col="{span:1}" :wrapper-col="{span:23}">
|
|
|
|
- <div class="input-number">
|
|
|
|
- <a-input-number id="inputNumber" v-model="queryParam.currentGoldMax" :max="999999999" />
|
|
|
|
- </div>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col> -->
|
|
|
|
</a-row>
|
|
</a-row>
|
|
<a-row :gutter="20">
|
|
<a-row :gutter="20">
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
@@ -104,7 +94,22 @@
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
- <a-row style="margin-bottom:15px">
|
|
|
|
|
|
+ <a-row :gutter="20">
|
|
|
|
+ <a-col :span="6">
|
|
|
|
+ <a-form-model-item label="用户注册方式" prop="introType" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
|
|
+ <v-select
|
|
|
|
+ v-model="queryParam.introType"
|
|
|
|
+ id="userManageList-introType"
|
|
|
|
+ code="INTRO_TYPE"
|
|
|
|
+ placeholder="请选择注册方式"
|
|
|
|
+ allowClear></v-select>
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col :span="6">
|
|
|
|
+ <a-form-model-item label="受邀人" prop="userPhone" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
|
|
+ <a-input v-model.trim="queryParam.userPhone" placeholder="请输入受邀人手机号或姓名" id="userManageList-userPhone" @pressEnter="$refs.table.refresh(true)" allowClear/>
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
<a-col style="float: right">
|
|
<a-col style="float: right">
|
|
<a-button class="handle-btn serach-btn" id="userManageList-btn-serach" type="primary" @click="refresh">查询</a-button>
|
|
<a-button class="handle-btn serach-btn" id="userManageList-btn-serach" type="primary" @click="refresh">查询</a-button>
|
|
<a-button class="handle-btn" type="" id="userManageList-btn-reset" @click="handleReset">重置</a-button>
|
|
<a-button class="handle-btn" type="" id="userManageList-btn-reset" @click="handleReset">重置</a-button>
|
|
@@ -124,6 +129,7 @@
|
|
:rowKey="(record) => record.id"
|
|
:rowKey="(record) => record.id"
|
|
:columns="columns"
|
|
:columns="columns"
|
|
:data="loadData"
|
|
:data="loadData"
|
|
|
|
+ :scroll="{ x: 1800}"
|
|
bordered>
|
|
bordered>
|
|
<!--启用禁用 -->
|
|
<!--启用禁用 -->
|
|
<template slot="state" slot-scope="text, record">
|
|
<template slot="state" slot-scope="text, record">
|
|
@@ -136,6 +142,12 @@
|
|
@change="changeFlagHandle(text, record)" />
|
|
@change="changeFlagHandle(text, record)" />
|
|
<span v-if="!$hasPermissions('B_user_userManage_enable')">--</span>
|
|
<span v-if="!$hasPermissions('B_user_userManage_enable')">--</span>
|
|
</template>
|
|
</template>
|
|
|
|
+ <!-- 受邀人 -->
|
|
|
|
+ <template slot="person" slot-scope="text,record">
|
|
|
|
+ <p>{{ record.userName }}</p>
|
|
|
|
+ <p>{{ record.userPhone }}</p>
|
|
|
|
+ <p v-if="!record.userName &&!record.userPhone">--</p>
|
|
|
|
+ </template>
|
|
<!-- 操作 -->
|
|
<!-- 操作 -->
|
|
<template slot="action" slot-scope="text, record">
|
|
<template slot="action" slot-scope="text, record">
|
|
<a-button id="userManageList-handleUser" type="link" @click="handleUser(record)" v-hasPermission="'B_user_userManage_userDetails'">用户详情</a-button>
|
|
<a-button id="userManageList-handleUser" type="link" @click="handleUser(record)" v-hasPermission="'B_user_userManage_userDetails'">用户详情</a-button>
|
|
@@ -192,12 +204,16 @@ export default {
|
|
beginRegisterTime: null, // 注册时间最小值
|
|
beginRegisterTime: null, // 注册时间最小值
|
|
endRegisterTime: null, // 注册时间最大值
|
|
endRegisterTime: null, // 注册时间最大值
|
|
labelNoList: [], // 网点标签
|
|
labelNoList: [], // 网点标签
|
|
- firstDeliveryStationNo: undefined // 首次投递
|
|
|
|
|
|
+ firstDeliveryStationNo: undefined, // 首次投递
|
|
|
|
+ introType: '', // 注册方式
|
|
|
|
+ userPhone: '' // 受邀人
|
|
},
|
|
},
|
|
loading: false, // 导出loading
|
|
loading: false, // 导出loading
|
|
// 表头
|
|
// 表头
|
|
- columns: [{ title: '序号', dataIndex: 'no', width: 60, align: 'center' },
|
|
|
|
- { title: '用户手机', dataIndex: 'mobile', width: 100, align: 'center' },
|
|
|
|
|
|
+ columns: [{ title: '序号', dataIndex: 'no', width: 80, align: 'center', fixed: 'left' },
|
|
|
|
+ { title: '用户手机', dataIndex: 'mobile', width: 150, align: 'center' },
|
|
|
|
+ { title: '用户注册方式', dataIndex: 'introTypeDictValue', width: 150, align: 'center', customRender: (text) => { return text || '--' } },
|
|
|
|
+ { title: '受邀人', dataIndex: 'person', width: 150, align: 'center', scopedSlots: { customRender: 'person' } },
|
|
{ title: '用户身份', dataIndex: 'customerRoleDictValue', width: 100, align: 'center' },
|
|
{ title: '用户身份', dataIndex: 'customerRoleDictValue', width: 100, align: 'center' },
|
|
{ title: '乐豆余额', dataIndex: 'currentGold', width: 100, align: 'center', customRender: (text) => { return text || 0 } },
|
|
{ title: '乐豆余额', dataIndex: 'currentGold', width: 100, align: 'center', customRender: (text) => { return text || 0 } },
|
|
{ title: '累计乐豆', dataIndex: 'totalGold', width: 100, align: 'center', customRender: (text) => { return text || 0 } },
|
|
{ title: '累计乐豆', dataIndex: 'totalGold', width: 100, align: 'center', customRender: (text) => { return text || 0 } },
|
|
@@ -207,7 +223,7 @@ export default {
|
|
{ title: '状态', width: 100, dataIndex: 'state', align: 'center', scopedSlots: { customRender: 'state' } },
|
|
{ title: '状态', width: 100, dataIndex: 'state', align: 'center', scopedSlots: { customRender: 'state' } },
|
|
{ title: '首次投递网点', dataIndex: 'firstDeliveryStationName', width: 150, align: 'center', customRender: (text) => { return text || '--' } },
|
|
{ title: '首次投递网点', dataIndex: 'firstDeliveryStationName', width: 150, align: 'center', customRender: (text) => { return text || '--' } },
|
|
{ title: '网点标签', dataIndex: 'labelName', width: 150, align: 'center', customRender: (text) => { return text || '--' } },
|
|
{ title: '网点标签', dataIndex: 'labelName', width: 150, align: 'center', customRender: (text) => { return text || '--' } },
|
|
- { title: '操作', scopedSlots: { customRender: 'action' }, width: 100, align: 'center' }],
|
|
|
|
|
|
+ { title: '操作', scopedSlots: { customRender: 'action' }, width: 120, align: 'center' }],
|
|
// 加载数据方法 必须为 Promise 对象
|
|
// 加载数据方法 必须为 Promise 对象
|
|
loadData: parameter => {
|
|
loadData: parameter => {
|
|
const searchData = Object.assign(parameter, this.queryParam)
|
|
const searchData = Object.assign(parameter, this.queryParam)
|
|
@@ -365,43 +381,57 @@ export default {
|
|
// 导出
|
|
// 导出
|
|
handleExport () {
|
|
handleExport () {
|
|
const params = this.queryParam
|
|
const params = this.queryParam
|
|
- if (this.lastDeliverTime && this.lastDeliverTime.length) {
|
|
|
|
- params.beginDate = moment(this.lastDeliverTime[0])
|
|
|
|
- params.endDate = moment(this.lastDeliverTime[1])
|
|
|
|
- if (!params.beginDate && !params.endDate) {
|
|
|
|
- this.$message.error('请先选择需要导出的最后投递时间区间再进行导出!')
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- // 判断两个时间段是否相差m个月 第二个参数指相差单位,第三个参数指是否返回浮点形式(小数)
|
|
|
|
- if (moment(params.endDate).diff(moment(params.beginDate), 'months', true) > 3) {
|
|
|
|
- this.$message.error('单次最多只能导出3个月的数据,请缩小最后投递时间查询区间后再进行导出!')
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- } else {
|
|
|
|
- params.beginDate = ''
|
|
|
|
- params.endDate = ''
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
if (this.registerTime && this.registerTime.length) {
|
|
if (this.registerTime && this.registerTime.length) {
|
|
params.beginRegisterTime = moment(this.registerTime[0])
|
|
params.beginRegisterTime = moment(this.registerTime[0])
|
|
params.endRegisterTime = moment(this.registerTime[1])
|
|
params.endRegisterTime = moment(this.registerTime[1])
|
|
- if (!params.beginRegisterTime && !params.endRegisterTime) {
|
|
|
|
- this.$message.error('请先选择需要导出的注册时间区间再进行导出!')
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- // 判断两个时间段是否相差m个月 第二个参数指相差单位,第三个参数指是否返回浮点形式(小数)
|
|
|
|
- if (moment(params.endRegisterTime).diff(moment(params.beginRegisterTime), 'months', true) > 3) {
|
|
|
|
- this.$message.error('单次最多只能导出3个月的数据,请缩小注册时间查询区间后再进行导出!')
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
} else {
|
|
} else {
|
|
- params.beginRegisterTime = ''
|
|
|
|
- params.endRegisterTime = ''
|
|
|
|
|
|
+ params.beginRegisterTime = null
|
|
|
|
+ params.endRegisterTime = null
|
|
}
|
|
}
|
|
- if (this.lastDeliverTime.length == 0 && this.registerTime.length == 0) {
|
|
|
|
- this.$message.error('请先选择需要导出的注册时间区间或最后投递时间区间再进行导出(3个月以内)!')
|
|
|
|
- return
|
|
|
|
|
|
+ if (this.lastDeliverTime && this.lastDeliverTime.length) {
|
|
|
|
+ params.beginDate = moment(this.lastDeliverTime[0])
|
|
|
|
+ params.endDate = moment(this.lastDeliverTime[1])
|
|
|
|
+ } else {
|
|
|
|
+ params.beginDate = null
|
|
|
|
+ params.endDate = null
|
|
}
|
|
}
|
|
|
|
+ // if (this.lastDeliverTime && this.lastDeliverTime.length) {
|
|
|
|
+ // params.beginDate = moment(this.lastDeliverTime[0])
|
|
|
|
+ // params.endDate = moment(this.lastDeliverTime[1])
|
|
|
|
+ // if (!params.beginDate && !params.endDate) {
|
|
|
|
+ // this.$message.error('请先选择需要导出的最后投递时间区间再进行导出!')
|
|
|
|
+ // return
|
|
|
|
+ // }
|
|
|
|
+ // // 判断两个时间段是否相差m个月 第二个参数指相差单位,第三个参数指是否返回浮点形式(小数)
|
|
|
|
+ // if (moment(params.endDate).diff(moment(params.beginDate), 'months', true) > 3) {
|
|
|
|
+ // this.$message.error('单次最多只能导出3个月的数据,请缩小最后投递时间查询区间后再进行导出!')
|
|
|
|
+ // return
|
|
|
|
+ // }
|
|
|
|
+ // } else {
|
|
|
|
+ // params.beginDate = ''
|
|
|
|
+ // params.endDate = ''
|
|
|
|
+ // }
|
|
|
|
+
|
|
|
|
+ // if (this.registerTime && this.registerTime.length) {
|
|
|
|
+ // params.beginRegisterTime = moment(this.registerTime[0])
|
|
|
|
+ // params.endRegisterTime = moment(this.registerTime[1])
|
|
|
|
+ // if (!params.beginRegisterTime && !params.endRegisterTime) {
|
|
|
|
+ // this.$message.error('请先选择需要导出的注册时间区间再进行导出!')
|
|
|
|
+ // return
|
|
|
|
+ // }
|
|
|
|
+ // // 判断两个时间段是否相差m个月 第二个参数指相差单位,第三个参数指是否返回浮点形式(小数)
|
|
|
|
+ // if (moment(params.endRegisterTime).diff(moment(params.beginRegisterTime), 'months', true) > 3) {
|
|
|
|
+ // this.$message.error('单次最多只能导出3个月的数据,请缩小注册时间查询区间后再进行导出!')
|
|
|
|
+ // return
|
|
|
|
+ // }
|
|
|
|
+ // } else {
|
|
|
|
+ // params.beginRegisterTime = ''
|
|
|
|
+ // params.endRegisterTime = ''
|
|
|
|
+ // }
|
|
|
|
+ // if (this.lastDeliverTime.length == 0 && this.registerTime.length == 0) {
|
|
|
|
+ // this.$message.error('请先选择需要导出的注册时间区间或最后投递时间区间再进行导出(3个月以内)!')
|
|
|
|
+ // return
|
|
|
|
+ // }
|
|
this.$confirm({
|
|
this.$confirm({
|
|
title: '提示',
|
|
title: '提示',
|
|
content: '导出过程可能需要一段时间,且导出期间不可进行其他操作,确认要导出吗?',
|
|
content: '导出过程可能需要一段时间,且导出期间不可进行其他操作,确认要导出吗?',
|