<template>
|
<page-header-wrapper
|
:breadcrumb="false"
|
>
|
<a-card :bordered="false">
|
<div class="table-page-search-wrapper" style="background-color: #fff;">
|
<a-form layout="inline">
|
<a-row :gutter="48">
|
<a-col :md="8" :sm="24">
|
<a-form-item label="用户id">
|
<a-input v-model="queryParam.memberid" placeholder="请输入用户id查询"/>
|
</a-form-item>
|
</a-col>
|
<a-col :md="8" :sm="24">
|
<a-form-item label="opeid">
|
<a-input v-model="queryParam.openid" placeholder="请输入opeid查询"/>
|
</a-form-item>
|
</a-col>
|
<!-- <a-col :md="8" :sm="24">
|
<a-form-item label="日期">
|
<a-range-picker v-model="queryParam.rangetime"/>
|
</a-form-item>
|
</a-col> -->
|
<a-col :md="8" :sm="24">
|
<a-form-item>
|
<a-button type="primary" @click="onSearch">查询</a-button>
|
</a-form-item>
|
</a-col>
|
</a-row>
|
</a-form>
|
</div>
|
<!-- <div>
|
<a-button style="margin-bottom: 10px;" type="primary" @click="createtask">新建任务</a-button>
|
</div> -->
|
<a-table
|
rowKey="id"
|
ref="table"
|
size="default"
|
:pagination="pagination"
|
:columns="columns"
|
:data-source="data"
|
:loading="loading"
|
>
|
<span slot="action" slot-scope="text, record">
|
<template v-if="record.isblack==0">
|
<a-popconfirm
|
title="是否确认设为黑名单?"
|
ok-text="是"
|
cancel-text="否"
|
@confirm="addBlack(record)"
|
>
|
<a>设为黑名单</a>
|
</a-popconfirm>
|
|
|
</template>
|
|
<template>
|
|
<a @click="smsModelShow(record)">修改短信余额</a>
|
|
</template>
|
</span>
|
</a-table>
|
</a-card>
|
<EditSmsCountForm
|
ref="editsmscountModal"
|
:visible="smscountVisible"
|
:model="mdl"
|
:loading="loading"
|
@cancel="handleCancel"
|
@ok="updateSms"
|
/>
|
</page-header-wrapper>
|
</template>
|
|
<script>
|
import { ref } from 'vue'
|
import EditSmsCountForm from './modules/editsmscountForm'
|
import { GetSmsMember,SetBlackMember,ChargeMemberSms } from '@/api/smsapi'
|
const columns = [
|
{
|
title: '用户id',
|
dataIndex: 'id'
|
},
|
{
|
title: 'openid',
|
dataIndex: 'openid'
|
},
|
{
|
title: '短信余额',
|
dataIndex: 'smscount'
|
},
|
{
|
title: '是否黑名单',
|
dataIndex: 'isblack',
|
customRender: (text, record) => text == '1' ? '是' : '否'
|
},
|
{
|
title: '注册时间',
|
dataIndex: 'registertime'
|
},
|
{
|
title: '操作',
|
dataIndex: 'action',
|
scopedSlots: { customRender: 'action' }
|
}
|
]
|
export default {
|
name: 'sms_member',
|
components: {
|
EditSmsCountForm
|
},
|
data () {
|
return {
|
queryParam: {},
|
columns,
|
mdl:{},
|
smscountVisible:false,
|
loading: false,
|
data: [],
|
pagination: {
|
current: 1,
|
pageSize: 10,
|
total: 0,
|
pageSizeOptions: ['10', '20'],
|
onChange: this.onPageChange,
|
onShowSizeChange: this.onPageChange
|
}
|
}
|
},
|
setup () {
|
|
},
|
created () {
|
this.onSearch()
|
},
|
methods: {
|
handleCancel()
|
{
|
this.smscountVisible=false;
|
},
|
smsModelShow(record)
|
{
|
this.mdl=record;
|
this.smscountVisible=true;
|
},
|
//修改短信余额
|
updateSms()
|
{
|
const form = this.$refs.editsmscountModal.form
|
const data = this.$refs.editsmscountModal.model
|
form.validateFields((errors, values) => {
|
if (!errors) {
|
this.loading = true
|
const parameter = {
|
id: data.id,
|
RechargeCount: values.count
|
}
|
ChargeMemberSms(parameter).then(res => {
|
if (res.result) {
|
this.$message.success(`修改成功！`)
|
this.handleCancel()
|
this.onSearch()
|
}
|
}).finally(() => {
|
this.loading = false
|
})
|
}
|
})
|
},
|
// 设为黑名单
|
addBlack (record) {
|
const parameter = {
|
id: record.id
|
}
|
SetBlackMember(parameter).then(res => {
|
if (res.result) {
|
this.$message.success(`操作成功！`)
|
} else {
|
this.$message.error(`操作失败！`)
|
}
|
}).finally(() => {
|
this.onSearch()
|
})
|
},
|
onPageChange (current, size) {
|
this.pagination.current = current
|
this.pagination.pageSize = size
|
this.onSearch()
|
},
|
onSearch () {
|
this.loading = true
|
var parameter = {
|
PageNo: this.pagination.current,
|
PageSize: this.pagination.pageSize,
|
MemberId: this.queryParam.memberid,
|
OpenId:this.queryParam.openid
|
}
|
GetSmsMember(parameter).then(res => {
|
this.data = res.result.data
|
this.pagination.total = res.result.totalCount
|
}).finally(() => {
|
this.loading = false
|
})
|
}
|
|
}
|
}
|
</script>
|
