init
This commit is contained in:
张良(004796)
152
src/views/cai/account/account-change-info.vue
Normal file
152
src/views/cai/account/account-change-info.vue
Normal file
@@ -0,0 +1,152 @@
|
||||
<template>
|
||||
<el-dialog title="账户明细" :close-on-click-modal="false" :visible.sync="open" width="1000px" append-to-body>
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="账户类型" prop="accountType">
|
||||
<el-select v-model="queryParams.accountType" placeholder="账户类型" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in accountTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="业务操作" prop="cateId">
|
||||
<el-select v-model="queryParams.cateId" placeholder="业务操作" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in changeTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="accountChangeLogList" >
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode" />
|
||||
<el-table-column label="账户类型" align="center" prop="accountType" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="accountTypeList" :value="scope.row.accountType"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="业务操作" align="center" prop="cateAdminName" />
|
||||
<el-table-column label="变动" align="center" prop="changeValue" />
|
||||
<el-table-column label="说明" align="center" prop="remark" min-width="200">
|
||||
<template v-slot="scope">
|
||||
<div class="context-avatar-center">
|
||||
<span>{{scope.row.showMessage}}</span><image-preview v-if="scope.row.tarImg" :src="scope.row.tarImg" :width="32" :height="32"/>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="后台操作" align="center" prop="isAdmin" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="yesOrNoList" :value="scope.row.isAdmin"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作时间" align="center" prop="createTime" min-width="120" />
|
||||
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getUserByUsercode, listUserByUserCode} from "@/api/cai/user";
|
||||
import { listMemberPrice } from '@/api/cai/memberPrice'
|
||||
import { addUserMember } from '@/api/cai/userMember'
|
||||
import {updateAccountCoin} from "@/api/cai/account";
|
||||
import {listGoods} from "@/api/cai/goods";
|
||||
import {accountTypeList, yesOrNoList} from "@/constant/statusMap";
|
||||
import {listAccountChangeLog, listChangeType} from "@/api/cai/accountChangeLog";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
accountTypeList,yesOrNoList,
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
open: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 账户明细表格数据
|
||||
accountChangeLogList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
userId: undefined,
|
||||
accountType: undefined,
|
||||
cateId: undefined
|
||||
},
|
||||
changeTypeList:[],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init (id) {
|
||||
this.open = true;
|
||||
this.queryParams.userId = id
|
||||
this.getList();
|
||||
listChangeType().then(res => {
|
||||
this.changeTypeList = res.data
|
||||
})
|
||||
},
|
||||
/** 查询账户明细列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listAccountChangeLog(this.queryParams).then(response => {
|
||||
this.accountChangeLogList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.context-avatar-center {
|
||||
display: flex;
|
||||
align-items: center; /* 垂直居中 */
|
||||
justify-content: center; /* 水平居中 */
|
||||
}
|
||||
</style>
|
||||
127
src/views/cai/account/add-account-dialog.vue
Normal file
127
src/views/cai/account/add-account-dialog.vue
Normal file
@@ -0,0 +1,127 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="调整账户" prop="rechargeType">
|
||||
<el-radio-group v-model="form.rechargeType">
|
||||
<el-radio :label="1">余额调整</el-radio>
|
||||
<el-radio :label="2">收益调整</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="调整金额" prop="rechargeCoin">
|
||||
<el-input v-model="form.rechargeCoin" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="form.remark" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-autocomplete
|
||||
class="inline-input"
|
||||
v-model="form.usercode"
|
||||
:fetch-suggestions="querySearch"
|
||||
placeholder="请输入内容"
|
||||
@select="handleSelect"
|
||||
></el-autocomplete>
|
||||
</el-form-item>
|
||||
<el-form-item label="昵称" v-if="info.nickname">
|
||||
{{ info.nickname }} 【{{ info.usercode }}】
|
||||
</el-form-item>
|
||||
<el-form-item label="头像" v-if="info.avatar">
|
||||
<image-avatar :src="info.avatar"/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
注意：调整金额为负减余额，正则加余额， 请保证余额不能减为负数
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getUserByUsercode, listUserByUserCode} from "@/api/cai/user";
|
||||
import { listMemberPrice } from '@/api/cai/memberPrice'
|
||||
import { addUserMember } from '@/api/cai/userMember'
|
||||
import {updateAccountCoin} from "@/api/cai/account";
|
||||
import {listGoods} from "@/api/cai/goods";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
usercode: undefined,
|
||||
rechargeType: undefined,
|
||||
rechargeCoin: undefined,
|
||||
remark: undefined
|
||||
},
|
||||
info:{
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
usercode: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
rechargeType: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
rechargeCoin: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
remark: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init () {
|
||||
this.open = true;
|
||||
this.title = "调整用户账号"
|
||||
this.info = {};
|
||||
this.form.usercode = undefined
|
||||
this.form.rechargeCoin = undefined
|
||||
this.form.remark = undefined
|
||||
},
|
||||
querySearch(querySearch,cb){
|
||||
listUserByUserCode(querySearch).then(res => {
|
||||
cb(res.data.map((terminal) => {
|
||||
return {
|
||||
value: terminal,
|
||||
name: terminal,
|
||||
};
|
||||
}))
|
||||
})
|
||||
},
|
||||
handleSelect(item){
|
||||
getUserByUsercode(item.value).then(res => {
|
||||
this.info = res.data
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
updateAccountCoin(this.form).then(data => {
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
179
src/views/cai/account/index.vue
Normal file
179
src/views/cai/account/index.vue
Normal file
@@ -0,0 +1,179 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['cai:account:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="accountList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center"/>-->
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode"/>
|
||||
<el-table-column label="手机号" align="center" prop="mobile"/>
|
||||
<el-table-column label="昵称" align="center" prop="nickname"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar">
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="gender">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="genderList" :value="scope.row.gender"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="主播" align="center" prop="isAnchor">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="isAnchorList" :value="scope.row.isAnchor"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="余额" align="center" prop="coin"/>
|
||||
<el-table-column label="收益" align="center" prop="incomeCoin"/>
|
||||
<el-table-column label="充值总额" align="center" prop="totalBuyMoney"/>
|
||||
<el-table-column label="充值总紫贝" align="center" prop="totalBuyCoin"/>
|
||||
<el-table-column label="状态" align="center" prop="status">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="userStatusList" :value="scope.row.status"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-info"
|
||||
@click="handleInfo(scope.row)"
|
||||
>账户明细</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<add-account-dialog v-if="addAccountDialogVisible" ref="addAccountDialog" @refreshDataList="getList"/>
|
||||
<account-change-info v-if="accountChangeInfoVisible" ref="accountChangeInfo" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listAccount} from "@/api/cai/account";
|
||||
import {genderList, isAnchorList, userStatusList, yesOrNoList} from "@/constant/statusMap";
|
||||
import AddAccountDialog from "@/views/cai/account/add-account-dialog";
|
||||
import AccountChangeInfo from "@/views/cai/account/account-change-info";
|
||||
|
||||
|
||||
export default {
|
||||
name: "Account",
|
||||
components:{
|
||||
AccountChangeInfo,
|
||||
AddAccountDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
genderList, userStatusList, yesOrNoList, isAnchorList,
|
||||
addAccountDialogVisible: false,
|
||||
accountChangeInfoVisible: false,
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 用户账户表格数据
|
||||
accountList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
usercode: undefined,
|
||||
mobile: undefined
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
handleInfo(row){
|
||||
this.accountChangeInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.accountChangeInfo.init(row.userId)
|
||||
})
|
||||
},
|
||||
/** 查询用户账户列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listAccount(this.queryParams).then(response => {
|
||||
this.accountList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleAdd(row) {
|
||||
this.addAccountDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.addAccountDialog.init(row?.usercode)
|
||||
})
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
349
src/views/cai/accountBankcard/index.vue
Normal file
349
src/views/cai/accountBankcard/index.vue
Normal file
@@ -0,0 +1,349 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="" prop="userId">
|
||||
<el-input
|
||||
v-model="queryParams.userId"
|
||||
placeholder="请输入"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="银行编码" prop="bankCode">
|
||||
<el-input
|
||||
v-model="queryParams.bankCode"
|
||||
placeholder="请输入银行编码"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="银行名称" prop="bank">
|
||||
<el-input
|
||||
v-model="queryParams.bank"
|
||||
placeholder="请输入银行名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="持卡人姓名" prop="cardName">
|
||||
<el-input
|
||||
v-model="queryParams.cardName"
|
||||
placeholder="请输入持卡人姓名"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="卡号" prop="cardAccount">
|
||||
<el-input
|
||||
v-model="queryParams.cardAccount"
|
||||
placeholder="请输入卡号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['cai:accountBankcard:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['cai:accountBankcard:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['cai:accountBankcard:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['cai:accountBankcard:export']"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="accountBankcardList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="" align="center" prop="id" v-if="true"/>
|
||||
<el-table-column label="" align="center" prop="userId" />
|
||||
<el-table-column label="账户类型 1 支付宝 2 微信 3 银行卡" align="center" prop="type" />
|
||||
<el-table-column label="银行编码" align="center" prop="bankCode" />
|
||||
<el-table-column label="银行名称" align="center" prop="bank" />
|
||||
<el-table-column label="持卡人姓名" align="center" prop="cardName" />
|
||||
<el-table-column label="卡号" align="center" prop="cardAccount" />
|
||||
<el-table-column label="0 可用 1 不可用" align="center" prop="status" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['cai:accountBankcard:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:accountBankcard:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改用户银行卡对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="" prop="userId">
|
||||
<el-input v-model="form.userId" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="银行编码" prop="bankCode">
|
||||
<el-input v-model="form.bankCode" placeholder="请输入银行编码" />
|
||||
</el-form-item>
|
||||
<el-form-item label="银行名称" prop="bank">
|
||||
<el-input v-model="form.bank" placeholder="请输入银行名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="持卡人姓名" prop="cardName">
|
||||
<el-input v-model="form.cardName" placeholder="请输入持卡人姓名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="卡号" prop="cardAccount">
|
||||
<el-input v-model="form.cardAccount" placeholder="请输入卡号" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listAccountBankcard, getAccountBankcard, delAccountBankcard, addAccountBankcard, updateAccountBankcard } from "@/api/cai/accountBankcard";
|
||||
|
||||
export default {
|
||||
name: "AccountBankcard",
|
||||
data() {
|
||||
return {
|
||||
// 按钮loading
|
||||
buttonLoading: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 用户银行卡表格数据
|
||||
accountBankcardList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
userId: undefined,
|
||||
type: undefined,
|
||||
bankCode: undefined,
|
||||
bank: undefined,
|
||||
cardName: undefined,
|
||||
cardAccount: undefined,
|
||||
status: undefined,
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
id: [
|
||||
{ required: true, message: "不能为空", trigger: "blur" }
|
||||
],
|
||||
userId: [
|
||||
{ required: true, message: "不能为空", trigger: "blur" }
|
||||
],
|
||||
type: [
|
||||
{ required: true, message: "账户类型 1 支付宝 2 微信 3 银行卡不能为空", trigger: "change" }
|
||||
],
|
||||
bankCode: [
|
||||
{ required: true, message: "银行编码不能为空", trigger: "blur" }
|
||||
],
|
||||
bank: [
|
||||
{ required: true, message: "银行名称不能为空", trigger: "blur" }
|
||||
],
|
||||
cardName: [
|
||||
{ required: true, message: "持卡人姓名不能为空", trigger: "blur" }
|
||||
],
|
||||
cardAccount: [
|
||||
{ required: true, message: "卡号不能为空", trigger: "blur" }
|
||||
],
|
||||
status: [
|
||||
{ required: true, message: "0 可用 1 不可用不能为空", trigger: "change" }
|
||||
],
|
||||
createTime: [
|
||||
{ required: true, message: "创建时间不能为空", trigger: "blur" }
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询用户银行卡列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listAccountBankcard(this.queryParams).then(response => {
|
||||
this.accountBankcardList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: undefined,
|
||||
userId: undefined,
|
||||
type: undefined,
|
||||
bankCode: undefined,
|
||||
bank: undefined,
|
||||
cardName: undefined,
|
||||
cardAccount: undefined,
|
||||
status: undefined,
|
||||
createTime: undefined
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.title = "添加用户银行卡";
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.loading = true;
|
||||
this.reset();
|
||||
const id = row.id || this.ids
|
||||
getAccountBankcard(id).then(response => {
|
||||
this.loading = false;
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.title = "修改用户银行卡";
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
if (this.form.id != null) {
|
||||
updateAccountBankcard(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
} else {
|
||||
addAccountBankcard(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除用户银行卡编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delAccountBankcard(ids);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('cai/accountBankcard/export', {
|
||||
...this.queryParams
|
||||
}, `accountBankcard_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -0,0 +1,82 @@
|
||||
<template>
|
||||
<el-dialog title="批量审核通过" :visible.sync="open" width="400px" append-to-body>
|
||||
<el-upload
|
||||
ref="upload"
|
||||
:limit="1"
|
||||
accept=".xlsx, .xls"
|
||||
:headers="headers"
|
||||
:action="url"
|
||||
:disabled="isUploading"
|
||||
:on-progress="handleFileUploadProgress"
|
||||
:on-success="handleFileSuccess"
|
||||
:auto-upload="false"
|
||||
drag
|
||||
>
|
||||
<i class="el-icon-upload"></i>
|
||||
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
||||
<div class="el-upload__tip text-center" slot="tip">
|
||||
<div class="el-upload__tip" slot="tip">
|
||||
<p style="color: red">使用方法</p>
|
||||
<p style="color: #00afff">1、数据导出成excel</p>
|
||||
<p style="color: #00afff">2、根据excel中的数据进行手工打款</p>
|
||||
<p style="color: #00afff">3、将excel中的数据导回系统，即可自动对excel中的数据自动审核通过</p>
|
||||
<p style="color: red">删除excel中的数据，可选择性的过滤掉数据不进行审核通过</p>
|
||||
</div>
|
||||
<span>仅允许导入xls、xlsx格式文件。</span>
|
||||
</div>
|
||||
</el-upload>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitFileForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { getToken } from '@/utils/auth'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
open: false,
|
||||
headers: { Authorization: "Bearer " + getToken() },
|
||||
isUploading: false,
|
||||
url: process.env.VUE_APP_BASE_API + "/cai/accountCash/importAudit",
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init () {
|
||||
this.open = true;
|
||||
this.$nextTick(() => {
|
||||
})
|
||||
},
|
||||
submitFileForm() {
|
||||
this.$refs.upload.submit();
|
||||
},
|
||||
handleFileSuccess(response, file, fileList) {
|
||||
this.open = false;
|
||||
this.isUploading = false;
|
||||
this.$refs.upload.clearFiles();
|
||||
let resData = response.data
|
||||
let message =
|
||||
`<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>
|
||||
<span>总数据量：`+resData.allNum+`</span> <br/>
|
||||
<span style="color: #888a8e">无效数量：`+resData.ignoreNum+`</span> <br/>
|
||||
<span style="color: blue">成功数量：`+resData.successNum+`</span> <br/>
|
||||
<span style="color: red">失败数量：`+resData.failNum+`</span> <br/>
|
||||
</div>
|
||||
`
|
||||
this.$alert(message, "导入结果", { dangerouslyUseHTMLString: true });
|
||||
this.$emit('refreshDataList')
|
||||
},
|
||||
// 文件上传中处理
|
||||
handleFileUploadProgress(event, file, fileList) {
|
||||
this.isUploading = true;
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
298
src/views/cai/accountCash/index.vue
Normal file
298
src/views/cai/accountCash/index.vue
Normal file
@@ -0,0 +1,298 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="ID" prop="id">
|
||||
<el-input
|
||||
v-model="queryParams.id"
|
||||
:placeholder="'请输入ID'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="账户名称" prop="cardName">
|
||||
<el-input
|
||||
v-model="queryParams.cardName"
|
||||
placeholder="请输入账户名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="账户" prop="cardAccount">
|
||||
<el-input
|
||||
v-model="queryParams.cardAccount"
|
||||
placeholder="请输入账户"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-select v-model="queryParams.status" placeholder="审核状态" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in cashStatusList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-check"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
v-hasPermi="['cai:accountCash:edit']"
|
||||
@click="handleBatchSuccess"
|
||||
>批量通过</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['cai:accountCash:export']"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-upload"
|
||||
size="mini"
|
||||
@click="handleImport"
|
||||
v-hasPermi="['cai:accountCash:edit']"
|
||||
>导入(批量通过)</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="accountCashList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="ID" align="center" prop="id" width="60" />
|
||||
<el-table-column label="订单号" align="center" prop="orderNo" show-overflow-tooltip/>
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode" />
|
||||
<el-table-column label="提现紫贝" align="center" prop="withdrawCoin" />
|
||||
<el-table-column label="提现金额" align="center" prop="cashMoney" />
|
||||
<el-table-column label="银行名称" align="center" prop="bank" />
|
||||
<el-table-column label="账户名称" align="center" prop="cardName" />
|
||||
<el-table-column label="账户" align="center" prop="cardAccount" />
|
||||
<el-table-column label="状态" align="center" prop="status" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="cashStatusList" :value="scope.row.status" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="申请时间" align="center" prop="createTime" width="140"/>
|
||||
<el-table-column label="审核人IP" align="center" prop="operateIp" />
|
||||
<el-table-column label="审核时间" align="center" prop="verifyTime" show-overflow-tooltip />
|
||||
<el-table-column label="审核备注" align="center" prop="verifyRemark" show-overflow-tooltip/>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleSuccess(scope.row)"
|
||||
v-if="scope.row.status === 1"
|
||||
v-hasPermi="['cai:accountCash:edit']"
|
||||
>通过</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleFail(scope.row)"
|
||||
v-if="scope.row.status === 1"
|
||||
v-hasPermi="['cai:accountCash:edit']"
|
||||
>不通过</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleClose(scope.row)"
|
||||
v-if="scope.row.status === 1"
|
||||
v-hasPermi="['cai:accountCash:edit']"
|
||||
>取消</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<import-audit-account-cash-dialog v-if="importAuditAccountCashVisible" ref="importAuditAccountCash" @refreshDataList="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
accountCashBatchSuccess,
|
||||
accountCashClose,
|
||||
accountCashFail,
|
||||
accountCashSuccess,
|
||||
listAccountCash
|
||||
} from '@/api/cai/accountCash'
|
||||
import {cashStatusList} from '@/constant/statusMap'
|
||||
import ImportAuditAccountCashDialog from '@/views/cai/accountCash/import-audit-account-cash-dialog.vue'
|
||||
|
||||
export default {
|
||||
name: "AccountCash",
|
||||
components:{
|
||||
ImportAuditAccountCashDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
cashStatusList,
|
||||
importAuditAccountCashVisible:false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 用户提现记录表格数据
|
||||
accountCashList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
usercode: undefined,
|
||||
orderNo: undefined,
|
||||
cardName: undefined,
|
||||
cardAccount: undefined,
|
||||
status: 1,
|
||||
id: undefined
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询用户提现记录列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listAccountCash(this.queryParams).then(response => {
|
||||
this.accountCashList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
handleImport(){
|
||||
this.importAuditAccountCashVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.importAuditAccountCash.init()
|
||||
})
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleSuccess(row) {
|
||||
const id = row.id
|
||||
this.$modal.confirm('是否确认通过该提现？').then(() => {
|
||||
this.loading = true;
|
||||
return accountCashSuccess(id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleFail(row) {
|
||||
const id = row.id
|
||||
this.$prompt('请输入拒绝理由', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
inputType: 'textarea',
|
||||
inputPattern: /^.{1,100}$/,
|
||||
inputErrorMessage: '理由必填，不超过100个字符'
|
||||
}).then(({value}) => {
|
||||
this.loading = true;
|
||||
return accountCashFail(id,value);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleClose(row) {
|
||||
const id = row.id
|
||||
this.$modal.confirm('是否取消该提现？').then(() => {
|
||||
this.loading = true;
|
||||
return accountCashClose(id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleBatchSuccess() {
|
||||
const ids = this.ids.split(",");
|
||||
this.$modal.confirm('是否批量确认通过该提现？').then(() => {
|
||||
this.loading = true;
|
||||
return accountCashBatchSuccess(ids);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('cai/accountCash/export', {
|
||||
...this.queryParams
|
||||
}, `提现记录_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
257
src/views/cai/accountChangeLog/index.vue
Normal file
257
src/views/cai/accountChangeLog/index.vue
Normal file
@@ -0,0 +1,257 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="账户类型" prop="accountType">
|
||||
<el-select v-model="queryParams.accountType" placeholder="账户类型" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in accountTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="业务操作" prop="cateId">
|
||||
<el-select v-model="queryParams.cateId" placeholder="业务操作" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in changeTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="链路号" prop="traceId">
|
||||
<el-input
|
||||
v-model="queryParams.traceId"
|
||||
placeholder="请输入链路号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="accountChangeLogList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode" />
|
||||
<el-table-column label="账户类型" align="center" prop="accountType" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="accountTypeList" :value="scope.row.accountType"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="变动" align="center" prop="changeValue" >
|
||||
<template v-slot="scope" >
|
||||
<span :class="scope.row.changeValue >= 0 ?'font-red':'font-green'">{{scope.row.changeValue}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="业务操作" align="center" prop="cateAdminName" />
|
||||
<el-table-column label="说明" align="center" prop="cateAdminName" min-width="200">
|
||||
<template v-slot="scope">
|
||||
<div class="context-avatar-center">
|
||||
<span>{{scope.row.showMessage}}</span><image-preview v-if="scope.row.tarImg" :src="scope.row.tarImg" :width="32" :height="32"/>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" align="center" prop="remark" />
|
||||
<el-table-column label="后台操作" align="center" prop="isAdmin" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="yesOrNoList" :value="scope.row.isAdmin"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作时间" align="center" prop="createTime" width="160" />
|
||||
<el-table-column label="链路号" align="center" prop="traceId" show-overflow-tooltip/>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-info"
|
||||
v-if="scope.row.traceId"
|
||||
@click="handleInfo(scope.row)"
|
||||
>关联业务</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<recharge-order-info v-if="rechargeOrderInfoVisible" ref="rechargeOrderInfo" />
|
||||
<user-gift-info v-if="userGiftInfoVisible" ref="userGiftInfo" />
|
||||
<guard-log-info v-if="guardLogInfoVisible" ref="guardLogInfo"/>
|
||||
<user-call-info v-if="userCallInfoVisible" ref="userCallInfo" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listAccountChangeLog, listChangeType} from "@/api/cai/accountChangeLog";
|
||||
import {accountTypeList, yesOrNoList} from "@/constant/statusMap";
|
||||
import RechargeOrderInfo from "@/views/cai/rechargeOrder/recharge-order-info";
|
||||
import UserGiftInfo from "@/views/cai/userGift/user-gift-info";
|
||||
import GuardLogInfo from "@/views/cai/guardLog/guard-log-info";
|
||||
import UserCallInfo from "@/views/cai/userCall/user-call-info";
|
||||
|
||||
export default {
|
||||
name: "AccountChangeLog",
|
||||
components: {
|
||||
RechargeOrderInfo,UserGiftInfo,GuardLogInfo,UserCallInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
accountTypeList,yesOrNoList,
|
||||
userCallInfoVisible: false,
|
||||
rechargeOrderInfoVisible: false,
|
||||
userGiftInfoVisible: false,
|
||||
guardLogInfoVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 账户明细表格数据
|
||||
accountChangeLogList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
usercode: undefined,
|
||||
accountType: undefined,
|
||||
cateId: undefined,
|
||||
traceId:undefined
|
||||
},
|
||||
changeTypeList:[],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
listChangeType().then(res => {
|
||||
this.changeTypeList = res.data
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
/** 查询账户明细列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listAccountChangeLog(this.queryParams).then(response => {
|
||||
this.accountChangeLogList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleInfo(row){
|
||||
const command = row.traceLinkType
|
||||
switch (command) {
|
||||
case "RECHARGE":
|
||||
this.rechargeOrderInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.rechargeOrderInfo.traceIdInit(row.traceId)
|
||||
})
|
||||
break;
|
||||
case "SYSTEM_TRANS":
|
||||
this.rechargeOrderInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.rechargeOrderInfo.traceIdInit(row.traceId)
|
||||
})
|
||||
break;
|
||||
case "GIFT":
|
||||
this.userGiftInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.userGiftInfo.traceIdInit(row.traceId)
|
||||
})
|
||||
break;
|
||||
case "GUARD":
|
||||
this.guardLogInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.guardLogInfo.traceIdInit(row.traceId)
|
||||
})
|
||||
break;
|
||||
case "VIDEO":
|
||||
this.userCallInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.userCallInfo.traceIdInit(row.traceId)
|
||||
})
|
||||
break;
|
||||
case "WITHDRAW":
|
||||
/*this.rechargeOrderInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.rechargeOrderInfo.traceIdInit(row.traceId)
|
||||
})*/
|
||||
this.$modal.msgWarning("无关联记录");
|
||||
break;
|
||||
case "SYSTEM":
|
||||
if(row.changeType === 501){
|
||||
this.rechargeOrderInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.rechargeOrderInfo.traceIdInit(row.traceId)
|
||||
})
|
||||
}else {
|
||||
this.$modal.msgWarning("无关联记录");
|
||||
}
|
||||
break;
|
||||
default:
|
||||
this.$modal.msgSuccess("无关联记录");
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.context-avatar-center {
|
||||
display: flex;
|
||||
align-items: center; /* 垂直居中 */
|
||||
justify-content: center; /* 水平居中 */
|
||||
}
|
||||
.font-red {
|
||||
color: red;
|
||||
}
|
||||
.font-green {
|
||||
color: green;
|
||||
}
|
||||
.font-blue {
|
||||
color: blue;
|
||||
}
|
||||
</style>
|
||||
117
src/views/cai/accountDetail/index.vue
Normal file
117
src/views/cai/accountDetail/index.vue
Normal file
@@ -0,0 +1,117 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="accountDetailList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="用户ID" align="center" prop="userId" />
|
||||
<!-- ID 1 。充值的金额 2 。收益的金额 3 。充值的彩币 4 收益的彩币-->
|
||||
<el-table-column label="账户类型" align="center" prop="accountType" />
|
||||
<el-table-column label="类别" align="center" prop="cateId" />
|
||||
<el-table-column label="业务码" align="center" prop="businessCode" />
|
||||
<el-table-column label="原有紫贝" align="center" prop="beforeAmount" />
|
||||
<el-table-column label="变化值" align="center" prop="changeValue" />
|
||||
<el-table-column label="变化后紫贝" align="center" prop="afterAmount" />
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180" />
|
||||
<el-table-column label="关键字" align="center" prop="trackParam" />
|
||||
<el-table-column label="备注" align="center" prop="remark" width="400" show-overflow-tooltip/>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listAccountDetail } from '@/api/cai/accountDetail'
|
||||
|
||||
export default {
|
||||
name: "AccountDetail",
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 账户明细表格数据
|
||||
accountDetailList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
userId: undefined,
|
||||
accountType: undefined,
|
||||
cateId: undefined,
|
||||
businessCode: undefined,
|
||||
orderNo: undefined,
|
||||
beforeAmount: undefined,
|
||||
afterAmount: undefined,
|
||||
changeValue: undefined,
|
||||
createTime1: undefined,
|
||||
trackUserId: undefined,
|
||||
trackParam: undefined,
|
||||
operateIp: undefined,
|
||||
isAdmin: undefined
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询账户明细列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listAccountDetail(this.queryParams).then(response => {
|
||||
this.accountDetailList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
131
src/views/cai/accountRecharge/index.vue
Normal file
131
src/views/cai/accountRecharge/index.vue
Normal file
@@ -0,0 +1,131 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="accountRechargeList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="用户ID" align="center" prop="userId" />
|
||||
<el-table-column label="商品ID" align="center" prop="goodsId" />
|
||||
<el-table-column label="订单号" align="center" prop="orderNo" />
|
||||
<el-table-column label="订单名" align="center" prop="orderName" />
|
||||
<!-- 1 金额 2 彩币-->
|
||||
<el-table-column label="账户" align="center" prop="accountType" />
|
||||
<el-table-column label="充值类型 0 手工充值 1 线上充值" align="center" prop="rechargeType" />
|
||||
<el-table-column label="充值金额" align="center" prop="rechargeMoney" />
|
||||
<el-table-column label="状态 1 申请 2 审核通过 3，审核不通过" align="center" prop="status" />
|
||||
<el-table-column label="充值平台类型" align="center" prop="platformType" />
|
||||
<el-table-column label="充值平台名称" align="center" prop="platformName" />
|
||||
<el-table-column label="" align="center" prop="payNo" />
|
||||
<el-table-column label="" align="center" prop="rechargeReward" />
|
||||
<el-table-column label="" align="center" prop="verifyTime" width="180" />
|
||||
<el-table-column label="" align="center" prop="operateIp" />
|
||||
<el-table-column label="类型: 0积分(默认)，1会员" align="center" prop="type" />
|
||||
<el-table-column label="" align="center" prop="appid" />
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listAccountRecharge, getAccountRecharge, delAccountRecharge, addAccountRecharge, updateAccountRecharge } from "@/api/cai/accountRecharge";
|
||||
|
||||
export default {
|
||||
name: "AccountRecharge",
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 充值记录表格数据
|
||||
accountRechargeList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
userId: undefined,
|
||||
goodsId: undefined,
|
||||
orderNo: undefined,
|
||||
orderName: undefined,
|
||||
accountType: undefined,
|
||||
rechargeType: undefined,
|
||||
rechargeMoney: undefined,
|
||||
status: undefined,
|
||||
platformType: undefined,
|
||||
platformName: undefined,
|
||||
payNo: undefined,
|
||||
returnContent: undefined,
|
||||
rechargeReward: undefined,
|
||||
verifyTime: undefined,
|
||||
operateIp: undefined,
|
||||
type: undefined,
|
||||
appid: undefined
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询充值记录列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listAccountRecharge(this.queryParams).then(response => {
|
||||
this.accountRechargeList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
84
src/views/cai/agreementSetting/index.vue
Normal file
84
src/views/cai/agreementSetting/index.vue
Normal file
@@ -0,0 +1,84 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-tabs v-model="activeName" type="card">
|
||||
<el-tab-pane label="用户协议" name="loansAgreement">
|
||||
<el-button type="primary" size="mini" v-hasPermi="['cai:agreementSetting:edit']" v-if="!userAgreement" @click="showEdit('userAgreement')">编辑</el-button>
|
||||
<el-button :loading="buttonLoading" v-if="userAgreement" type="primary" size="mini" @click="submitForm2('userAgreement')">保存</el-button>
|
||||
<div v-if="!userAgreement" v-html="form.userAgreement" style="width: 98%" />
|
||||
<wang-edit v-if="userAgreement" v-model="form.userAgreement" :min-height="800" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="主播入驻协议" name="anchorJoinAgreement">
|
||||
<el-button type="primary" size="mini" v-hasPermi="['cai:agreementSetting:edit']" v-if="!anchorJoinAgreement" @click="showEdit('anchorJoinAgreement')">编辑</el-button>
|
||||
<el-button :loading="buttonLoading" v-if="anchorJoinAgreement" type="primary" size="mini" @click="submitForm2('anchorJoinAgreement')">保存</el-button>
|
||||
<div v-if="!anchorJoinAgreement" v-html="form.anchorJoinAgreement" style="width: 98%" />
|
||||
<editor v-if="anchorJoinAgreement" v-model="form.anchorJoinAgreement" :min-height="192"></editor>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="隐私协议" name="privacyAgreement">
|
||||
<el-button type="primary" size="mini" v-hasPermi="['cai:agreementSetting:edit']" v-if="!privacyAgreement" @click="showEdit('privacyAgreement')">编辑</el-button>
|
||||
<el-button :loading="buttonLoading" v-if="privacyAgreement" type="primary" size="mini" @click="submitForm2('privacyAgreement')">保存</el-button>
|
||||
<div v-if="!privacyAgreement" v-html="form.privacyAgreement" style="width: 98%" />
|
||||
<editor v-if="privacyAgreement" v-model="form.privacyAgreement" :min-height="192"></editor>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Editor from '@/components/Editor'
|
||||
import WangEdit from '@/components/WangEdit'
|
||||
import {getAgreementSetting, updateAgreementSetting} from "@/api/cai/agreementSetting";
|
||||
|
||||
export default {
|
||||
name: "AgreementSetting",
|
||||
components: {
|
||||
Editor,WangEdit
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
//按钮loading
|
||||
buttonLoading: false,
|
||||
form: {
|
||||
id: undefined,
|
||||
userAgreement:undefined,
|
||||
anchorJoinAgreement:undefined,
|
||||
privacyAgreement: undefined,
|
||||
},
|
||||
activeName:'loansAgreement',
|
||||
// 表单校验
|
||||
rules: {
|
||||
},
|
||||
formDisable:true,
|
||||
userAgreement:false,
|
||||
anchorJoinAgreement:false,
|
||||
privacyAgreement: false,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.init();
|
||||
},
|
||||
methods: {
|
||||
init(){
|
||||
getAgreementSetting().then(response => {
|
||||
this.form = response.data;
|
||||
})
|
||||
},
|
||||
showEdit(key){
|
||||
this[key] = true;
|
||||
},
|
||||
submitForm2(key){
|
||||
const params = {
|
||||
id: this.form.id,
|
||||
[key]: this.form[key],
|
||||
};
|
||||
this.buttonLoading = true;
|
||||
updateAgreementSetting(params).then(response => {
|
||||
this.buttonLoading = false;
|
||||
this[key] = false;
|
||||
this.msgSuccess("修改成功");
|
||||
}).catch(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
104
src/views/cai/anchor/add-anchor-dialog.vue
Normal file
104
src/views/cai/anchor/add-anchor-dialog.vue
Normal file
@@ -0,0 +1,104 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-autocomplete
|
||||
class="inline-input"
|
||||
v-model="form.usercode"
|
||||
:fetch-suggestions="querySearch"
|
||||
placeholder="请输入内容"
|
||||
@select="handleSelect"
|
||||
></el-autocomplete>
|
||||
</el-form-item>
|
||||
<el-form-item label="昵称" v-if="info.nickname">
|
||||
{{ info.nickname }} 【{{ info.usercode }}】
|
||||
</el-form-item>
|
||||
<el-form-item label="性别" v-if="info.gender">
|
||||
<cai-dict-tag :options="genderList" :value="info.gender" />
|
||||
</el-form-item>
|
||||
<el-form-item label="头像" v-if="info.avatar">
|
||||
<image-avatar :src="info.avatar"/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
注意：只有女用户可以成为主播
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getUserByUsercode, listUserByUserCode} from "@/api/cai/user";
|
||||
import {addAnchor} from "@/api/cai/anchor";
|
||||
import {genderList} from "@/constant/statusMap";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList,
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
usercode: undefined,
|
||||
},
|
||||
info:{
|
||||
},
|
||||
memberPriceList:[],
|
||||
// 表单校验
|
||||
rules: {
|
||||
usercode: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
]
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init () {
|
||||
this.open = true;
|
||||
this.title = "新增主播"
|
||||
this.info = {};
|
||||
this.form.usercode = undefined
|
||||
},
|
||||
querySearch(querySearch,cb){
|
||||
listUserByUserCode(querySearch).then(res => {
|
||||
cb(res.data.map((terminal) => {
|
||||
return {
|
||||
value: terminal,
|
||||
name: terminal,
|
||||
};
|
||||
}))
|
||||
})
|
||||
},
|
||||
handleSelect(item){
|
||||
getUserByUsercode(item.value).then(res => {
|
||||
this.info = res.data
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
addAnchor(this.form).then(data => {
|
||||
this.$modal.msgSuccess("新增工会成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
208
src/views/cai/anchor/anchor-info-dialog.vue
Normal file
208
src/views/cai/anchor/anchor-info-dialog.vue
Normal file
@@ -0,0 +1,208 @@
|
||||
|
||||
<template>
|
||||
<el-dialog title="主播信息" :close-on-click-modal="false" :visible.sync="open" width="1200px" append-to-body>
|
||||
<el-collapse v-model="activeName" >
|
||||
<el-collapse-item title="基本信息" name="base">
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS " class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item label="id">
|
||||
{{info.user.id}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :label="systemName+'号'">
|
||||
{{info.user.usercode}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="手机号">
|
||||
{{info.user.mobile}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="头像">
|
||||
<image-avatar :src="info.user.avatar" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="性别">
|
||||
<cai-dict-tag :options="genderList" :value="info.user.gender" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="年龄">
|
||||
{{info.user.age}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="生日">
|
||||
{{info.user.birthday}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="城市">
|
||||
{{info.user.city}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="昵称">
|
||||
{{info.user.nickname}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="相册" :span="3" v-if="info.userAlbums">
|
||||
<span v-for='val in info.userAlbums'>
|
||||
<image-preview :src="val.url" height="45px" width="45px" />
|
||||
</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="资料完成">
|
||||
<cai-dict-tag :options="authList" :value="info.user.finishStatus" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="自定义头像">
|
||||
<cai-dict-tag :options="authList" :value="info.user.avatarState" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="自拍认证">
|
||||
<cai-dict-tag :options="authList" :value="info.user.cameraStatus" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="是否同意协议">
|
||||
<cai-dict-tag :options="authList" :value="info.user.agreeProtocol" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="视频状态">
|
||||
<cai-dict-tag :options="videoStatusList" :value="info.user.videoStatus" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="状态">
|
||||
<cai-dict-tag :options="userStatusList" :value="info.user.status" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="工会">
|
||||
<cai-dict-tag :options="isAnchorList" :value="info.user.isUnion" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="最后登录IP">
|
||||
{{info.userInfo.lastLoginIp}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="最后登录时间">
|
||||
{{info.userInfo.lastLoginTime}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="视频分成">
|
||||
{{info.anchor.videoRate}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="守护分成">
|
||||
{{info.anchor.guardRate}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="礼物分成">
|
||||
{{info.anchor.giftRate}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="最后登录位置">
|
||||
{{info.userInfo.lastLocation}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="注册IP">
|
||||
{{info.userInfo.regIp}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="注册时间">
|
||||
{{info.userInfo.regTime}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="主播" name="anchor" v-if="info.anchor">
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS" class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item label="价格">
|
||||
{{info.anchor.price}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="开启视频接听">
|
||||
<cai-dict-tag :options="openVideoStatusList" :value="info.anchor.openVideoStatus" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="视频状态">
|
||||
<cai-dict-tag :options="videoStatusList" :value="info.anchor.videoStatus" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="隐藏接单">
|
||||
<cai-dict-tag :options="orderSwitchList" :value="info.anchor.orderSwitch" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="首页展示">
|
||||
<cai-dict-tag :options="indexDisplayList" :value="info.anchor.indexDisplay" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="用户评分">
|
||||
{{info.anchor.giveScore}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="服务总次数">
|
||||
{{info.anchor.serviceCount}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="服务总时长">
|
||||
{{info.anchor.serviceTime}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="视频分成比例">
|
||||
{{info.anchor.videoRate}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="守护分成比例">
|
||||
{{info.anchor.guardRate}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="礼物分成比列">
|
||||
{{info.anchor.giftRate}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="在线状态" name="userOnline" v-if="info.userOnline">
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS" class="margin-top" :column="2" size="medium" border>
|
||||
<el-descriptions-item label="在线状态">
|
||||
<cai-dict-tag :options="onlineStatusList" :value="info.userOnline.status" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="最后在线时间">
|
||||
{{info.userOnline.lastLiveTime}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
authList,
|
||||
genderList,
|
||||
userStatusList,
|
||||
isAnchorList,
|
||||
videoStatusList,
|
||||
onlineStatusList,
|
||||
memberTypeList,
|
||||
memberStatusList,
|
||||
openVideoStatusList,
|
||||
orderSwitchList,
|
||||
indexDisplayList,
|
||||
booleanList
|
||||
} from '@/constant/statusMap'
|
||||
import {getFullAnchor} from "@/api/cai/anchor";
|
||||
|
||||
export default {
|
||||
name: "UserInfo",
|
||||
data() {
|
||||
return {
|
||||
genderList,userStatusList,isAnchorList,authList,videoStatusList,onlineStatusList,memberTypeList,
|
||||
memberStatusList,openVideoStatusList,orderSwitchList,indexDisplayList,booleanList,
|
||||
activeName:['base','anchor','userOnline'],
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
CS: {
|
||||
'text-align': 'center', //文本居中
|
||||
'min-width': '250px', //最小宽度
|
||||
'word-break': 'break-all' //过长时自动换行
|
||||
},
|
||||
LS: {
|
||||
// 'color': '#000',
|
||||
'text-align': 'center',
|
||||
// 'font-weight': '600',
|
||||
'height': '40px',
|
||||
// 'background-color': 'rgba(255, 97, 2, 0.1)',
|
||||
'min-width': '110px',
|
||||
'word-break': 'keep-all'
|
||||
},
|
||||
open:false,
|
||||
info:{},
|
||||
userId: this.$route.query.id,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
init(userId){
|
||||
this.open = true;
|
||||
this.userId = userId;
|
||||
getFullAnchor(this.userId).then(response => {
|
||||
this.info = response.data;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-row {
|
||||
margin-bottom: -15px;
|
||||
display: flex;
|
||||
flex-wrap: wrap
|
||||
}
|
||||
|
||||
/* .el-card {
|
||||
min-width: 100%;
|
||||
height: 80%; // 高度要设置百分比才可以
|
||||
margin-right: 20px;
|
||||
transition: all .5s;
|
||||
}*/
|
||||
</style>
|
||||
291
src/views/cai/anchor/index.vue
Normal file
291
src/views/cai/anchor/index.vue
Normal file
@@ -0,0 +1,291 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['cai:anchor:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="anchorList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode" />
|
||||
<el-table-column label="昵称" align="center" prop="nickname" />
|
||||
<el-table-column label="手机" align="center" prop="mobile" width="120"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar" >
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="gender">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="genderList" :value="scope.row.gender" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="年龄" align="center" prop="age" />
|
||||
<el-table-column label="所在城市" align="center" prop="city" />
|
||||
<el-table-column label="开启视频" align="center" prop="openVideoStatus" >
|
||||
<template v-slot="scope">
|
||||
<el-switch
|
||||
v-model="scope.row.openVideoStatus"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
@change="handleOpenVideoStatusChange(scope.row)"
|
||||
></el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="视频状态" align="center" prop="videoStatus" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="videoStatusList" :value="scope.row.videoStatus" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="首页展示" align="center" prop="indexDisplay" >
|
||||
<template v-slot="scope">
|
||||
<el-switch
|
||||
v-model="scope.row.indexDisplay"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
@change="handleIndexDisplayChange(scope.row)"
|
||||
></el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="推荐" align="center" prop="recommendStatus" >
|
||||
<template v-slot="scope">
|
||||
<el-switch
|
||||
v-model="scope.row.recommendStatus"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
@change="handleRecommendStatusChange(scope.row)"
|
||||
></el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="评分" align="center" prop="giveScore" />
|
||||
<!-- <el-table-column label="视频分成" align="center" prop="videoRate" />
|
||||
<el-table-column label="守护分成" align="center" prop="guardRate" />
|
||||
<el-table-column label="礼物分成" align="center" prop="giftRate" />-->
|
||||
<el-table-column label="服务总次数" align="center" prop="serviceCount" />
|
||||
<el-table-column label="服务总时长" align="center" prop="serviceTime" />
|
||||
<el-table-column label="状态" align="center" prop="status" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="userStatusList" :value="scope.row.status" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="180">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-info"
|
||||
@click="handleAnchorInfo(scope.row)"
|
||||
v-hasPermi="['cai:anchor:query']"
|
||||
>详情</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['cai:anchor:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:anchor:remove']"
|
||||
>取消</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<add-anchor-dialog v-if="addAnchorDialogVisible" ref="addAnchorDialog" @refreshDataList="getList" />
|
||||
<update-anchor-dialog v-if="updateAnchorDialogVisible" ref="updateAnchorDialog" @refreshDataList="getList" />
|
||||
<anchor-info-dialog v-if="anchorInfoDialogVisible" ref="anchorInfoDialog" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {delAnchor, listAnchor, updateAnchor} from '@/api/cai/anchor'
|
||||
import {genderList, userStatusList, videoStatusList} from '@/constant/statusMap'
|
||||
import AddAnchorDialog from "@/views/cai/anchor/add-anchor-dialog";
|
||||
import UpdateAnchorDialog from "@/views/cai/anchor/update-anchor-dialog";
|
||||
import AnchorInfoDialog from "@/views/cai/anchor/anchor-info-dialog";
|
||||
|
||||
export default {
|
||||
name: "Anchor",
|
||||
components:{
|
||||
AddAnchorDialog,UpdateAnchorDialog,AnchorInfoDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
genderList,userStatusList,videoStatusList,
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
addAnchorDialogVisible: false,
|
||||
updateAnchorDialogVisible: false,
|
||||
anchorInfoDialogVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 女神列表表格数据
|
||||
anchorList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
usercode: undefined,
|
||||
mobile: undefined
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询女神列表列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listAnchor(this.queryParams).then(response => {
|
||||
this.anchorList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleAdd(row) {
|
||||
this.addAnchorDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.addAnchorDialog.init(row?.usercode)
|
||||
})
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.updateAnchorDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.updateAnchorDialog.init(row)
|
||||
})
|
||||
},
|
||||
handleAnchorInfo(row){
|
||||
this.anchorInfoDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.anchorInfoDialog.init(row.userId)
|
||||
})
|
||||
},
|
||||
handleOpenVideoStatusChange(row){
|
||||
let text = row.openVideoStatus === 0 ? '封禁' : '恢复'
|
||||
this.$confirm('确认要' + text + '[' + row.nickname + ']开启视频吗?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
return updateAnchor({ id: row.id, openVideoStatus: row.openVideoStatus })
|
||||
}).then(() => {
|
||||
this.$modal.msgSuccess(text + '成功')
|
||||
}).catch(function() {
|
||||
row.openVideoStatus = row.openVideoStatus === 1 ? 0 : 1
|
||||
})
|
||||
},
|
||||
handleIndexDisplayChange(row){
|
||||
let text = row.indexDisplay === 0 ? '封禁' : '恢复'
|
||||
this.$confirm('确认要' + text + '[' + row.nickname + ']首页展示吗?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
return updateAnchor({ id: row.id, indexDisplay: row.indexDisplay })
|
||||
}).then(() => {
|
||||
this.$modal.msgSuccess(text + '成功')
|
||||
}).catch(function() {
|
||||
row.indexDisplay = row.indexDisplay === 1 ? 0 : 1
|
||||
})
|
||||
},
|
||||
handleRecommendStatusChange(row){
|
||||
let text = row.recommendStatus === 0 ? '封禁' : '恢复'
|
||||
this.$confirm('确认要' + text + '[' + row.nickname + ']是否被推荐吗?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
return updateAnchor({ id: row.id, recommendStatus: row.recommendStatus })
|
||||
}).then(() => {
|
||||
this.$modal.msgSuccess(text + '成功')
|
||||
}).catch(function() {
|
||||
row.recommendStatus = row.recommendStatus === 1 ? 0 : 1
|
||||
})
|
||||
},
|
||||
handleDelete(row) {
|
||||
this.$modal.confirm('是否确认取消"' + row.nickname + '"的主播？').then(() => {
|
||||
this.loading = true;
|
||||
return delAnchor(row.userId);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("取消成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
98
src/views/cai/anchor/update-anchor-dialog.vue
Normal file
98
src/views/cai/anchor/update-anchor-dialog.vue
Normal file
@@ -0,0 +1,98 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input v-model="form.usercode" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="守护分成" prop="guardRate">
|
||||
<el-input-number v-model="form.guardRate" :precision="2" :step="0.01" :min="0" :max="0.6" style="width: 90%"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="礼物分成" prop="giftRate">
|
||||
<el-input-number v-model="form.giftRate" :precision="2" :step="0.01" :min="0" :max="0.6" style="width: 90%"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="视频分成" prop="videoRate">
|
||||
<el-input-number v-model="form.videoRate" :precision="2" :step="0.01" :min="0" :max="0.6" style="width: 90%"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ImageUpload from '@/components/ImageUpload/index'
|
||||
import {getAnchor, updateAnchor} from "@/api/cai/anchor";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ImageUpload,
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
id: undefined,
|
||||
usercode: undefined,
|
||||
guardRate: undefined,
|
||||
giftRate: undefined,
|
||||
videoRate: undefined,
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
guardRate: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
giftRate: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
videoRate: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init (row) {
|
||||
let id = row.id
|
||||
this.form.id = id || undefined;
|
||||
this.title = "修改主播";
|
||||
this.open = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form'].resetFields();
|
||||
getAnchor(id).then(response => {
|
||||
this.form = response.data;
|
||||
this.form.usercode = row.usercode
|
||||
});
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
updateAnchor({
|
||||
id: this.form.id,
|
||||
guardRate: this.form.guardRate,
|
||||
giftRate: this.form.giftRate,
|
||||
videoRate: this.form.videoRate,
|
||||
}).then(data => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
230
src/views/cai/anchorApply/index.vue
Normal file
230
src/views/cai/anchorApply/index.vue
Normal file
@@ -0,0 +1,230 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="审核状态" prop="auditStatus">
|
||||
<el-select v-model="queryParams.auditStatus" placeholder="审核状态" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in auditStatusList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="anchorApplyList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center"/>-->
|
||||
<el-table-column label="审核状态" align="center" prop="auditStatus">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="auditStatusList" :value="scope.row.auditStatus"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode"/>
|
||||
<el-table-column label="昵称" align="center" prop="nickname"/>
|
||||
<el-table-column label="手机" align="center" prop="mobile"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar">
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="gender">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="genderList" :value="scope.row.gender"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="申请时间" align="center" prop="createTime" width="180"/>
|
||||
<el-table-column label="审核时间" align="center" prop="auditTime" width="180"/>
|
||||
<!-- <el-table-column label="审核备注" align="center" prop="auditRemark"/>-->
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="220">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-info"
|
||||
@click="handleAnchorInfo(scope.row)"
|
||||
v-hasPermi="['cai:anchor:query']"
|
||||
>详情</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
v-if="scope.row.auditStatus === 1"
|
||||
@click="handleAuditSuccess(scope.row)"
|
||||
v-hasPermi="['cai:anchorApply:edit']"
|
||||
>通过
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
v-if="scope.row.auditStatus === 1"
|
||||
@click="handleAuditFail(scope.row)"
|
||||
v-hasPermi="['cai:anchorApply:edit']"
|
||||
>不通过
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:anchorApply:remove']"
|
||||
>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<anchor-info-dialog v-if="anchorInfoDialogVisible" ref="anchorInfoDialog" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {auditAnchorFail, auditAnchorSuccess, delAnchorApply, listAnchorApply} from '@/api/cai/anchorApply'
|
||||
import {auditStatusList, genderList} from '@/constant/statusMap'
|
||||
import AnchorInfoDialog from "@/views/cai/anchor/anchor-info-dialog";
|
||||
|
||||
export default {
|
||||
name: "AnchorApply",
|
||||
components:{
|
||||
AnchorInfoDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList, auditStatusList,
|
||||
anchorInfoDialogVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 播主申请管理表格数据
|
||||
anchorApplyList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
usercode: undefined,
|
||||
mobile: undefined,
|
||||
auditStatus: 1,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询播主申请管理列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listAnchorApply(this.queryParams).then(response => {
|
||||
this.anchorApplyList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleAuditSuccess(row) {
|
||||
this.$modal.confirm('是否确认通过用户"' + row.nickname + '"主播审核？').then(() => {
|
||||
this.loading = true;
|
||||
return auditAnchorSuccess({
|
||||
id: row.id,
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleAuditFail(row) {
|
||||
this.$modal.confirm('是否不确认通过用户"' + row.nickname + '"主播审核？').then(() => {
|
||||
this.loading = true;
|
||||
return auditAnchorFail({
|
||||
id: row.id,
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
this.$modal.confirm('是否确认删除用户"' + row.nickname + '"的主播审核？').then(() => {
|
||||
this.loading = true;
|
||||
return delAnchorApply(row.id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleAnchorInfo(row){
|
||||
this.anchorInfoDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.anchorInfoDialog.init(row.userId)
|
||||
})
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
115
src/views/cai/banner/banner-add-update-dialog.vue
Normal file
115
src/views/cai/banner/banner-add-update-dialog.vue
Normal file
@@ -0,0 +1,115 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="标题" prop="title">
|
||||
<el-input v-model="form.title" placeholder="请输入标题" />
|
||||
</el-form-item>
|
||||
<el-form-item label="轮播图" prop="image">
|
||||
<image-upload2 v-model="form.image"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="链接地址" prop="linkUrl">
|
||||
<el-input v-model="form.linkUrl" placeholder="请输入链接地址" />
|
||||
</el-form-item>
|
||||
<el-form-item label="排序" prop="sort">
|
||||
<el-input v-model="form.sort" placeholder="请输入排序" />
|
||||
</el-form-item>
|
||||
<el-form-item label="图片地址" prop="imageDetails">
|
||||
<el-input v-model="form.imageDetails" placeholder="请输入图片地址" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { addBanner, getBanner, updateBanner } from '@/api/cai/banner'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
id: undefined,
|
||||
type: 1,
|
||||
cid: 1,
|
||||
title: undefined,
|
||||
image: undefined,
|
||||
linkType: undefined,
|
||||
linkUrl: undefined,
|
||||
sort: undefined,
|
||||
imageDetails: undefined
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
title: [
|
||||
{ required: true, message: "标题不能为空", trigger: "blur" }
|
||||
],
|
||||
image: [
|
||||
{ required: true, message: "图片不能为空", trigger: "blur" }
|
||||
],
|
||||
linkType: [
|
||||
{ required: true, message: "链接类", trigger: "change" }
|
||||
],
|
||||
linkUrl: [
|
||||
{ required: true, message: "链接地址不能为空", trigger: "blur" }
|
||||
],
|
||||
sort: [
|
||||
{ required: true, message: "排序不能为空", trigger: "blur" }
|
||||
]
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init (id) {
|
||||
this.form.id = id || undefined;
|
||||
this.title = (id ? "修改" : "新增") + "轮播";
|
||||
this.open = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form'].resetFields();
|
||||
if(this.form.id){
|
||||
getBanner(id).then(response => {
|
||||
this.form = response.data;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
if (this.form.id != null) {
|
||||
updateBanner(this.form).then(data => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.$modal.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}else{
|
||||
addBanner(this.form).then(data => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
217
src/views/cai/banner/index.vue
Normal file
217
src/views/cai/banner/index.vue
Normal file
@@ -0,0 +1,217 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['cai:banner:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['cai:banner:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['cai:banner:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="bannerList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="标题" align="center" prop="title" />
|
||||
<el-table-column label="轮播图" align="center" prop="image" width="100">
|
||||
<template v-slot="scope">
|
||||
<image-preview :src="scope.row.image" :width="50" :height="50"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="链接类型" align="center" prop="linkType">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="bannerLinkTypeList" :value="scope.row.linkType" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="链接地址" align="center" prop="linkUrl" />
|
||||
<el-table-column label="排序" align="center" prop="sort" />
|
||||
<el-table-column label="状态" align="center" prop="status">
|
||||
<template v-slot="scope">
|
||||
<el-switch
|
||||
v-model="scope.row.status"
|
||||
:active-value="0"
|
||||
:inactive-value="1"
|
||||
@change="handleStatusChange(scope.row)"
|
||||
></el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="图片地址" align="center" prop="imageDetails" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['cai:banner:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:banner:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改轮播对话框 -->
|
||||
<banner-add-update-dialog v-if="bannerAddOrUpdateDialogVisible" ref="bannerAddOrUpdateDialog" @refreshDataList="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { delBanner, listBanner, updateBanner } from '@/api/cai/banner'
|
||||
import { bannerLinkTypeList, bannerStatusList } from '@/constant/statusMap'
|
||||
import BannerAddUpdateDialog from '@/views/cai/banner/banner-add-update-dialog.vue'
|
||||
|
||||
export default {
|
||||
name: "Banner",
|
||||
components: {
|
||||
BannerAddUpdateDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
bannerLinkTypeList,bannerStatusList,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 轮播表格数据
|
||||
bannerList: [],
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
bannerAddOrUpdateDialogVisible: false,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询轮播列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listBanner(this.queryParams).then(response => {
|
||||
this.bannerList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.bannerAddOrUpdateDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.bannerAddOrUpdateDialog.init()
|
||||
})
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.bannerAddOrUpdateDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.bannerAddOrUpdateDialog.init(row.id)
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除轮播编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delBanner(ids);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleStatusChange(row){
|
||||
let text = row.status === 1 ? '封禁' : '恢复'
|
||||
this.$confirm('确认要' + text + '[' + row.title + ']轮播吗?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
return updateBanner({ id: row.id, status: row.status })
|
||||
}).then(() => {
|
||||
this.$modal.msgSuccess(text + '成功')
|
||||
}).catch(function() {
|
||||
console.log("操作失败")
|
||||
row.status = row.status === 0 ? 1 : 0
|
||||
})
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
175
src/views/cai/consumeLog/consume-log-info.vue
Normal file
175
src/views/cai/consumeLog/consume-log-info.vue
Normal file
@@ -0,0 +1,175 @@
|
||||
<template>
|
||||
<el-dialog title="分销详情" :close-on-click-modal="false" :visible.sync="open" width="1200px" append-to-body>
|
||||
<el-collapse v-model="activeName" >
|
||||
<el-collapse-item title="基本信息" name="base">
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS " class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item label="id">
|
||||
{{info.id}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="类型">
|
||||
<cai-dict-tag :options="consumeLogTypeList" :value="info.type" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="是否计算">
|
||||
<cai-dict-tag :options="consumeLogCalculateStatusList" :value="info.calculateStatus" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="类型">
|
||||
<cai-dict-tag :options="consumeLogStatusList" :value="info.status" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="后台操作？">
|
||||
<cai-dict-tag :options="booleanList" :value="info.admin" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="分销时间">
|
||||
{{info.opCreate}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="创建时间">
|
||||
{{info.createTime}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="链路号">
|
||||
{{info.traceId}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="消费方" name="source">
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS" class="margin-top" :column="2" size="medium" border>
|
||||
<el-descriptions-item label="发生金额">
|
||||
{{info.amount}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :label="systemName+'号'">
|
||||
{{info.sourceUsercode}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="手机">
|
||||
{{info.sourcePhone}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="接收方" name="target">
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS" class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item label="接收方金额">
|
||||
{{info.anchorAmount}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :label="systemName+'号'">
|
||||
{{info.targetUsercode}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="手机">
|
||||
{{info.targetPhone}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="费率">
|
||||
{{info.targetRate}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="邀请方" name="one">
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS" class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item label="是否参与分销">
|
||||
<cai-dict-tag :options="booleanList" :value="info.oneJoin" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="是否为会长">
|
||||
<cai-dict-tag :options="isAnchorList" :value="info.oneIsUnion" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="邀请方金额">
|
||||
{{info.oneAmount}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :label="systemName+'号'">
|
||||
{{info.oneUsercode}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="手机">
|
||||
{{info.onePhone}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="费率">
|
||||
{{info.oneRate}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="工会" name="union">
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS" class="margin-top" :column="2" size="medium" border>
|
||||
<el-descriptions-item label="是否参与分销">
|
||||
<cai-dict-tag :options="booleanList" :value="info.unionJoin" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="工会金额">
|
||||
{{info.unionAmount}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :label="systemName+'号'">
|
||||
{{info.unionUsercode}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="手机">
|
||||
{{info.unionPhone}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="费率">
|
||||
{{info.unionRate}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
booleanList,
|
||||
consumeLogCalculateStatusList,
|
||||
consumeLogStatusList,
|
||||
consumeLogTypeList,
|
||||
isAnchorList
|
||||
} from '@/constant/statusMap'
|
||||
import {getConsumeLog, getConsumeLogTraceId} from "@/api/cai/consumeLog";
|
||||
|
||||
export default {
|
||||
name: "UserInfo",
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
consumeLogTypeList,consumeLogStatusList,consumeLogCalculateStatusList,booleanList,isAnchorList,
|
||||
activeName:['base','source'],
|
||||
CS: {
|
||||
'text-align': 'center', //文本居中
|
||||
'min-width': '250px', //最小宽度
|
||||
'word-break': 'break-all' //过长时自动换行
|
||||
},
|
||||
LS: {
|
||||
// 'color': '#000',
|
||||
'text-align': 'center',
|
||||
// 'font-weight': '600',
|
||||
'height': '40px',
|
||||
// 'background-color': 'rgba(255, 97, 2, 0.1)',
|
||||
'min-width': '110px',
|
||||
'word-break': 'keep-all'
|
||||
},
|
||||
open:false,
|
||||
info:{},
|
||||
id: undefined,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
init(id){
|
||||
this.open = true;
|
||||
this.id = id;
|
||||
getConsumeLog(this.id).then(response => {
|
||||
this.info = response.data?response.data:{};
|
||||
});
|
||||
},
|
||||
traceIdInit(traceId){
|
||||
this.open = true;
|
||||
getConsumeLogTraceId(traceId).then(response => {
|
||||
this.info = response.data?response.data:{};
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-row {
|
||||
margin-bottom: -15px;
|
||||
display: flex;
|
||||
flex-wrap: wrap
|
||||
}
|
||||
|
||||
/* .el-card {
|
||||
min-width: 100%;
|
||||
height: 80%; // 高度要设置百分比才可以
|
||||
margin-right: 20px;
|
||||
transition: all .5s;
|
||||
}*/
|
||||
</style>
|
||||
273
src/views/cai/consumeLog/index.vue
Normal file
273
src/views/cai/consumeLog/index.vue
Normal file
@@ -0,0 +1,273 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
|
||||
<el-form-item :label="'消费方'+systemName+'号'" prop="sourceUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.sourceUsercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'主播'+systemName+'号'" prop="targetUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.targetUsercode"
|
||||
:placeholder="'请输入主播'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'邀请方'+systemName+'号'" prop="oneUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.oneUsercode"
|
||||
:placeholder="'请输入邀请方'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'会长'+systemName+'号'" prop="unionUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.unionUsercode"
|
||||
:placeholder="'请输入会长'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="分销" prop="status">
|
||||
<el-select v-model="queryParams.status" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in consumeLogStatusList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="链路号" prop="traceId">
|
||||
<el-input
|
||||
v-model="queryParams.traceId"
|
||||
placeholder="请输入链路号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="consumeLogList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<el-table-column label="类型" align="center" prop="type" width="50">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="consumeLogTypeList" :value="scope.row.type"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" align="center" prop="status" width="80" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="consumeLogStatusList" :value="scope.row.status"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="消费方" align="center" prop="amount" width="200">
|
||||
<template v-slot="scope">
|
||||
<span style="font-weight: bold">{{systemName}}号:</span><span>{{scope.row.sourceUsercode}}</span> <br>
|
||||
<span style="font-weight: bold">手机号:</span><span>{{scope.row.sourcePhone}}</span><br>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发生金额" align="center" prop="amount" width="80" />
|
||||
<el-table-column label="主播" align="center" prop="anchor" min-width="200" >
|
||||
<template v-slot="scope">
|
||||
<div v-if="scope.row.targetUsercode">
|
||||
<span style="font-weight: bold">主播:</span><span>{{scope.row.targetUsercode}}({{scope.row.targetPhone}})</span><br>
|
||||
<span style="font-weight: bold">费率/金额:</span>
|
||||
<span>
|
||||
<span class="font-green">{{scope.row.targetRate}}</span>
|
||||
/
|
||||
<span class="font-red">{{scope.row.anchorAmount}}</span>
|
||||
</span>
|
||||
<br>
|
||||
</div>
|
||||
<span v-if="!scope.row.targetUsercode">-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="邀请方" align="center" prop="invite" min-width="200" >
|
||||
<template v-slot="scope">
|
||||
<div v-if="scope.row.oneUsercode">
|
||||
<span style="font-weight: bold">邀请人:</span><span>{{scope.row.oneUsercode}}({{scope.row.onePhone}})</span> <br>
|
||||
<span style="font-weight: bold">分销:</span><span :class="joinColor(scope.row.oneJoin)">{{scope.row.oneJoin ? '参与' : '不参与'}}</span><br>
|
||||
<span style="font-weight: bold">费率/金额:</span>
|
||||
<span>
|
||||
<span class="font-green">{{scope.row.oneRate}}</span>
|
||||
/
|
||||
<span class="font-red">{{scope.row.oneAmount}}</span>
|
||||
</span> <br>
|
||||
</div>
|
||||
<span v-if="!scope.row.oneUsercode">-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="工会" align="center" prop="union" min-width="200" >
|
||||
<template v-slot="scope">
|
||||
<div v-if="scope.row.unionUsercode">
|
||||
<span style="font-weight: bold">会长:</span><span>{{scope.row.unionUsercode}}({{scope.row.unionPhone}})</span> <br>
|
||||
<span style="font-weight: bold">分销:</span><span :class="joinColor(scope.row.oneJoin)">{{scope.row.unionJoin ? '参与' : '不参与'}}</span><br>
|
||||
<span style="font-weight: bold">费率/金额:</span>
|
||||
<span>
|
||||
<span class="font-green">{{scope.row.unionRate}}</span>
|
||||
/
|
||||
<span class="font-red">{{scope.row.unionAmount}}</span>
|
||||
</span> <br>
|
||||
</div>
|
||||
<span v-if="!scope.row.unionUsercode">-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否计算" align="center" prop="calculateStatus">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="consumeLogCalculateStatusList" :value="scope.row.calculateStatus"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建/分销时间" align="center" prop="opCreate" width="180" >
|
||||
<template v-slot="scope">
|
||||
<span>{{scope.row.createTime}}</span><br/>
|
||||
<span>{{scope.row.opCreate}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="链路号" align="center" prop="traceId" show-overflow-tooltip/>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="80" fixed="right">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleInfo(scope.row)"
|
||||
>详情</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
v-if="scope.row.status === 0"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['cai:consumeLog:edit']"
|
||||
>分销</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<consume-log-info v-if="consumeLogInfoVisible" ref="consumeLogInfo" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {fenxiaoConsumeLog, listConsumeLog} from "@/api/cai/consumeLog";
|
||||
import {consumeLogCalculateStatusList, consumeLogStatusList, consumeLogTypeList} from "@/constant/statusMap";
|
||||
import ConsumeLogInfo from "@/views/cai/consumeLog/consume-log-info";
|
||||
|
||||
export default {
|
||||
name: "ConsumeLog",
|
||||
components: {
|
||||
ConsumeLogInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
consumeLogTypeList,consumeLogStatusList,consumeLogCalculateStatusList,
|
||||
consumeLogInfoVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 分销记录表格数据
|
||||
consumeLogList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
type: undefined,
|
||||
unionUsercode: undefined,
|
||||
oneUsercode: undefined,
|
||||
targetUsercode: undefined,
|
||||
sourceUsercode: undefined,
|
||||
traceId: undefined,
|
||||
status: undefined
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
joinColor(join){
|
||||
return join ? 'font-blue' : 'font-red'
|
||||
},
|
||||
/** 查询分销记录列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listConsumeLog(this.queryParams).then(response => {
|
||||
this.consumeLogList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleInfo(row) {
|
||||
this.consumeLogInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.consumeLogInfo.init(row.id)
|
||||
})
|
||||
},
|
||||
handleUpdate(row){
|
||||
this.$modal.confirm('确定要分销该数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return fenxiaoConsumeLog(row.id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.font-red {
|
||||
color: red;
|
||||
}
|
||||
.font-green {
|
||||
color: green;
|
||||
}
|
||||
.font-blue {
|
||||
color: blue;
|
||||
}
|
||||
</style>
|
||||
195
src/views/cai/dayIncomeStatistics/index.vue
Normal file
195
src/views/cai/dayIncomeStatistics/index.vue
Normal file
@@ -0,0 +1,195 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="" prop="date">
|
||||
<el-date-picker clearable
|
||||
v-model="queryParams.date"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择">
|
||||
</el-date-picker>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-refresh"
|
||||
size="mini"
|
||||
@click="handleRefreshToday"
|
||||
v-hasPermi="['cai:dayIncomeStatistics:edit']"
|
||||
>重新统计当天数据</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-refresh"
|
||||
size="mini"
|
||||
@click="handleRefreshLastday"
|
||||
v-hasPermi="['cai:dayIncomeStatistics:edit']"
|
||||
>重新统计昨天数据</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="dayIncomeStatisticsList" @selection-change="handleSelectionChange">
|
||||
<el-table-column label="日期" align="center" prop="date" width="90" />
|
||||
<el-table-column label="充值金额" align="center" prop="expInMoney" />
|
||||
<el-table-column label="充值笔数" align="center" prop="orderCount" />
|
||||
<el-table-column label="提现金额" align="center" prop="outMoney" />
|
||||
<el-table-column label="打款笔数" align="center" prop="cashCount" />
|
||||
<el-table-column label="vip收入" align="center" prop="vipInMoney" />
|
||||
<el-table-column label="vip笔数" align="center" prop="vipCount" />
|
||||
<el-table-column label="当日差额" align="center" prop="diff">
|
||||
<template v-slot="scope">
|
||||
<span :class="scope.row.diff >= 0 ? 'font-red': 'font-green' ">{{ scope.row.diff }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="手动加余额" align="center" prop="modifyCoinAdd" />
|
||||
<el-table-column label="手动减余额" align="center" prop="modifyCoinSub" />
|
||||
<el-table-column label="手动加收益" align="center" prop="modifyIncomeAdd" />
|
||||
<el-table-column label="手动减收益" align="center" prop="modifyIncomeSub" />
|
||||
<el-table-column label="最近更新时间" align="center" prop="updateTime" width="160"/>
|
||||
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
>修改</el-button>
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
listDayIncomeStatistics,
|
||||
refreshLastDayDayIncomeStatistics,
|
||||
refreshTodayDayIncomeStatistics
|
||||
} from '@/api/cai/dayIncomeStatistics'
|
||||
|
||||
export default {
|
||||
name: "DayIncomeStatistics",
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 每日账单统计表格数据
|
||||
dayIncomeStatisticsList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
date: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询每日账单统计列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listDayIncomeStatistics(this.queryParams).then(response => {
|
||||
response.rows.forEach((value,index) => {
|
||||
value.diff = parseInt(value.expInMoney) + parseInt(value.vipInMoney) - parseInt(value.outMoney)
|
||||
value.modifyCoinAdd = value.modifyCoinAdd / 100
|
||||
value.modifyCoinSub = value.modifyCoinSub / 100
|
||||
value.modifyIncomeAdd = value.modifyIncomeAdd / 100
|
||||
value.modifyIncomeSub = value.modifyIncomeSub / 100
|
||||
})
|
||||
this.dayIncomeStatisticsList = response.rows
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleRefreshToday() {
|
||||
this.$modal.confirm('是否重新统计当天统计数据？').then(() => {
|
||||
this.loading = true;
|
||||
return refreshTodayDayIncomeStatistics();
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("刷新当天统计成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleRefreshLastday(row) {
|
||||
this.$modal.confirm('是否重新统计昨天统计数据？').then(() => {
|
||||
this.loading = true;
|
||||
return refreshLastDayDayIncomeStatistics();
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("刷新昨天统计成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.context-avatar-center {
|
||||
display: flex;
|
||||
align-items: center; /* 垂直居中 */
|
||||
justify-content: center; /* 水平居中 */
|
||||
}
|
||||
.font-red {
|
||||
color: red;
|
||||
}
|
||||
.font-green {
|
||||
color: green;
|
||||
}
|
||||
.font-blue {
|
||||
color: blue;
|
||||
}
|
||||
</style>
|
||||
254
src/views/cai/dynamic/index.vue
Normal file
254
src/views/cai/dynamic/index.vue
Normal file
@@ -0,0 +1,254 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="审核状态" prop="auditStatus">
|
||||
<el-select v-model="queryParams.auditStatus" placeholder="审核状态" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in auditStatusList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleBatchAudit"
|
||||
v-hasPermi="['cai:dynamic:edit']"
|
||||
>批量审核通过
|
||||
</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="dynamicList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="ID" align="center" prop="id"/>
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode"/>
|
||||
<el-table-column label="手机号" align="center" prop="mobile"/>
|
||||
<el-table-column label="昵称" align="center" prop="nickname"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar">
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="审核状态" align="center" prop="auditStatus">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="auditStatusList" :value="scope.row.auditStatus"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="图片" align="center" prop="content" >
|
||||
<template v-slot="scope">
|
||||
<span v-for='val in scope.row.dynamicImageList'>
|
||||
<image-preview :src="val.url" height="40px" width="40px" />
|
||||
<!-- <el-divider direction="vertical"></el-divider>-->
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="内容" align="center" prop="content" show-overflow-tooltip/>
|
||||
<el-table-column label="提交时间" align="center" prop="createTime" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
v-if="scope.row.auditStatus === 1"
|
||||
@click="handleAuditSuccess(scope.row,2)"
|
||||
v-hasPermi="['cai:dynamic:edit']"
|
||||
>通过
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
v-if="scope.row.auditStatus === 1"
|
||||
@click="handleAuditFail(scope.row)"
|
||||
v-hasPermi="['cai:dynamic:edit']"
|
||||
>不通过
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:dynamic:remove']"
|
||||
>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
auditFailDynamic,
|
||||
auditSuccessDynamic,
|
||||
batchAuditDynamic,
|
||||
delDynamic,
|
||||
listDynamic,
|
||||
updateDynamic
|
||||
} from "@/api/cai/dynamic";
|
||||
import {auditStatusList} from "@/constant/statusMap";
|
||||
|
||||
export default {
|
||||
name: "Dynamic",
|
||||
data() {
|
||||
return {
|
||||
auditStatusList,
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 主播动态表格数据
|
||||
dynamicList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
auditStatus: 1,
|
||||
mobile: undefined,
|
||||
usercode: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询主播动态列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listDynamic(this.queryParams).then(response => {
|
||||
this.dynamicList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleAuditFail(row){
|
||||
this.$modal.confirm('是否确认不通过动态编号为"' + row.id + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return auditFailDynamic({
|
||||
id: row.id,
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleAuditSuccess(row){
|
||||
this.$modal.confirm('是否确认通过动态编号为"' + row.id + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return auditSuccessDynamic({
|
||||
id: row.id,
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleBatchAudit(){
|
||||
const ids = this.ids;
|
||||
this.$modal.confirm('是否确认批量审核通过动态编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return batchAuditDynamic({
|
||||
"ids": ids
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除主播动态编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delDynamic(ids);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
228
src/views/cai/dynamicSuccess/index.vue
Normal file
228
src/views/cai/dynamicSuccess/index.vue
Normal file
@@ -0,0 +1,228 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="dynamicList" @selection-change="handleSelectionChange">
|
||||
<el-table-column label="ID" align="center" prop="id"/>
|
||||
<el-table-column label="置顶" align="center" prop="sort">
|
||||
<template v-slot="scope">
|
||||
<el-button v-if="scope.row.sort === 1" size="mini" type="warning" @click="handleUnTop(scope.row)">取消置顶</el-button>
|
||||
<el-button v-else-if="!haveTop && scope.row.sort !== 1" size="mini" type="primary" @click="handleTop(scope.row)" >置顶</el-button>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode"/>
|
||||
<el-table-column label="手机号" align="center" prop="mobile"/>
|
||||
<el-table-column label="昵称" align="center" prop="nickname"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar">
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="城市" align="center" prop="city"/>
|
||||
<el-table-column label="图片" align="center" prop="content" >
|
||||
<template v-slot="scope">
|
||||
<span v-for='val in scope.row.dynamicImageList'>
|
||||
<image-preview :src="val.url" height="40px" width="40px" />
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="内容" align="center" prop="content" show-overflow-tooltip/>
|
||||
<el-table-column label="发布时间" align="center" prop="createTime" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:dynamic:remove']"
|
||||
>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
batchAuditDynamic,
|
||||
delDynamic,
|
||||
dynamicSelectTop,
|
||||
dynamicTop,
|
||||
dynamicUnTop,
|
||||
listDynamic,
|
||||
updateDynamic
|
||||
} from "@/api/cai/dynamic";
|
||||
import {auditStatusList} from "@/constant/statusMap";
|
||||
|
||||
export default {
|
||||
name: "Dynamic",
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
auditStatusList,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 主播动态表格数据
|
||||
dynamicList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
auditStatus: 2,
|
||||
mobile: undefined,
|
||||
usercode: undefined,
|
||||
},
|
||||
haveTop: true,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
this.getSelectTop();
|
||||
},
|
||||
methods: {
|
||||
/** 查询主播动态列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listDynamic(this.queryParams).then(response => {
|
||||
this.dynamicList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleAudit(row,auditStatus){
|
||||
let message = auditStatus === 3 ? "通过" : "不通过";
|
||||
this.$modal.confirm('是否确认'+message+'动态编号为"' + row.id + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return updateDynamic({
|
||||
id: row.id,
|
||||
auditStatus: auditStatus
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleBatchAudit(auditStatus){
|
||||
const ids = this.ids;
|
||||
this.$modal.confirm('是否确认批量审核通过动态编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return batchAuditDynamic({
|
||||
"ids": ids,
|
||||
auditStatus: auditStatus
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除主播动态编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delDynamic(ids);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleTop(row){
|
||||
this.loading = true;
|
||||
dynamicTop(row.id).then(res => {
|
||||
this.loading = false;
|
||||
this.getSelectTop();
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("置顶成功");
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
})
|
||||
},
|
||||
handleUnTop(row){
|
||||
this.loading = true;
|
||||
dynamicUnTop(row.id).then(res => {
|
||||
this.loading = false;
|
||||
this.getSelectTop();
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("取消置顶成功");
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
})
|
||||
},
|
||||
getSelectTop(){
|
||||
dynamicSelectTop().then(res => {
|
||||
this.haveTop = res.data.exists
|
||||
})
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
171
src/views/cai/forbidFilter/index.vue
Normal file
171
src/views/cai/forbidFilter/index.vue
Normal file
@@ -0,0 +1,171 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
|
||||
<el-form-item label="拦截手机号" prop="userMobile">
|
||||
<el-input
|
||||
v-model="queryParams.userMobile"
|
||||
placeholder="请输入拦截用户手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'拦截'+systemName+'号'" prop="userUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.userUsercode"
|
||||
:placeholder="'请输入拦截用户'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="拦截对象" prop="member">
|
||||
<el-input
|
||||
v-model="queryParams.member"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="拦截编号" prop="traceNo">
|
||||
<el-input
|
||||
v-model="queryParams.traceNo"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="拦截类型" prop="type">
|
||||
<el-select v-model="queryParams.type" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in forbidTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="forbidFilterList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center"/>-->
|
||||
<el-table-column label="类型" align="center" prop="type">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="forbidTypeList" :value="scope.row.type" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="拦截对象" align="center" prop="member">
|
||||
<template v-slot="scope">
|
||||
<div class="context-avatar-center" v-if="scope.row.type === 1">
|
||||
{{scope.row.memberNickname}}【{{scope.row.member}}】<image-avatar :src="scope.row.memberAvatar"/>
|
||||
</div>
|
||||
<span v-if="scope.row.type !== 1">
|
||||
{{scope.row.member}}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="拦截用户手机号" align="center" prop="userMobile"/>
|
||||
<el-table-column :label="'拦截用户'+systemName+'号'" align="center" prop="userUsercode"/>
|
||||
<el-table-column label="拦截编号" align="center" prop="traceNo"/>
|
||||
<el-table-column label="理由" align="center" prop="filterReason"/>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listForbidFilter} from "@/api/cai/forbidFilter";
|
||||
import {forbidStatusList, forbidTimeList, forbidTypeList} from "@/constant/statusMap";
|
||||
|
||||
export default {
|
||||
name: "ForbidFilter",
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
forbidTimeList, forbidTypeList, forbidStatusList,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 登陆拦截记录表格数据
|
||||
forbidFilterList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
type: undefined,
|
||||
member: undefined,
|
||||
traceNo: undefined,
|
||||
userMobile: undefined,
|
||||
userUsercode: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询登陆拦截记录列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listForbidFilter(this.queryParams).then(response => {
|
||||
this.forbidFilterList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.context-avatar-center {
|
||||
display: flex;
|
||||
align-items: center; /* 垂直居中 */
|
||||
justify-content: center; /* 水平居中 */
|
||||
}
|
||||
</style>
|
||||
126
src/views/cai/gift/index.vue
Normal file
126
src/views/cai/gift/index.vue
Normal file
@@ -0,0 +1,126 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="礼物名称" prop="name">
|
||||
<el-input
|
||||
v-model="queryParams.name"
|
||||
placeholder="请输入礼物名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="giftList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center"/>-->
|
||||
<el-table-column label="礼物ID" align="center" prop="id" v-if="true"/>
|
||||
<el-table-column label="礼物名称" align="center" prop="name"/>
|
||||
<el-table-column label="礼物价格" align="center" prop="price"/>
|
||||
<el-table-column label="礼物图片" align="center" prop="img">
|
||||
<template v-slot="scope">
|
||||
<image-preview :src="scope.row.img" :width="34" :height="34"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="礼物描述" align="center" prop="desc"/>
|
||||
<!-- <el-table-column label="排序" align="center" prop="sort"/>-->
|
||||
<el-table-column label="状态" align="center" prop="status">
|
||||
<template v-slot="scope">
|
||||
<el-switch
|
||||
v-model="scope.row.status"
|
||||
:active-value="0"
|
||||
:inactive-value="1"
|
||||
@change="handleStatusChange(scope.row)"
|
||||
></el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listGift, updateGift} from "@/api/cai/gift";
|
||||
|
||||
export default {
|
||||
name: "Gift",
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 礼物表格数据
|
||||
giftList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
name: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询礼物列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listGift(this.queryParams).then(response => {
|
||||
this.giftList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleStatusChange(row) {
|
||||
let text = row.status === 0 ? '开启' : '取消'
|
||||
this.$confirm('确认要' + text + '[' + row.name + ']吗?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
return updateGift({ id: row.id, status: row.status })
|
||||
}).then(() => {
|
||||
this.$modal.msgSuccess(text + '成功')
|
||||
}).catch(function() {
|
||||
row.status = row.status === 1 ? 0 : 1
|
||||
})
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
104
src/views/cai/goods/goods-add-or-update-dialog.vue
Normal file
104
src/views/cai/goods/goods-add-or-update-dialog.vue
Normal file
@@ -0,0 +1,104 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="名称" prop="name">
|
||||
<el-input v-model="form.name" placeholder="请输入标题" />
|
||||
</el-form-item>
|
||||
<el-form-item label="充值金额" prop="price">
|
||||
<el-input v-model="form.price" placeholder="请输入充值金额" />
|
||||
</el-form-item>
|
||||
<el-form-item label="云贝数量" prop="amount">
|
||||
<el-input v-model="form.amount" placeholder="请输入云贝数量" />
|
||||
</el-form-item>
|
||||
<el-form-item label="说明" prop="remark">
|
||||
<el-input v-model="form.remark" placeholder="请输入说明" type="textarea" :rows="2"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
|
||||
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { addGoods, getGoods, updateGoods } from '@/api/cai/goods'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
id: undefined,
|
||||
name: undefined,
|
||||
price: undefined,
|
||||
amount: undefined,
|
||||
remark: undefined,
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
amount: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
price: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
name: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init (id) {
|
||||
this.form.id = id || undefined;
|
||||
this.title = (id ? "修改" : "新增") + "充值配置";
|
||||
this.open = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form'].resetFields();
|
||||
if(this.form.id){
|
||||
getGoods(id).then(response => {
|
||||
this.form = response.data;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
if (this.form.id != null) {
|
||||
updateGoods(this.form).then(data => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.$modal.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}else{
|
||||
addGoods(this.form).then(data => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
184
src/views/cai/goods/index.vue
Normal file
184
src/views/cai/goods/index.vue
Normal file
@@ -0,0 +1,184 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="名称" prop="name">
|
||||
<el-input
|
||||
v-model="queryParams.name"
|
||||
placeholder="请输入"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['cai:goods:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="goodsList" @selection-change="handleSelectionChange">
|
||||
<el-table-column label="ID" align="center" prop="id"/>
|
||||
<el-table-column label="名称" align="center" prop="name" />
|
||||
<el-table-column label="充值金额" align="center" prop="price" />
|
||||
<el-table-column label="云贝数量" align="center" prop="amount" />
|
||||
<el-table-column label="状态" align="center" prop="status" >
|
||||
<template v-slot="scope">
|
||||
<el-switch
|
||||
v-model="scope.row.status"
|
||||
:active-value="0"
|
||||
:inactive-value="1"
|
||||
@change="handleStatusChange(scope.row)"
|
||||
></el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="说明" align="center" prop="remark" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['cai:goods:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:goods:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<goods-add-or-update-dialog v-if="goodsAddOrUpdateDialogVisible" ref="goodsAddOrUpdateDialog" @refreshDataList="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { delGoods, listGoods, updateGoods } from '@/api/cai/goods'
|
||||
import GoodsAddOrUpdateDialog from '@/views/cai/goods/goods-add-or-update-dialog.vue'
|
||||
|
||||
export default {
|
||||
name: "Goods",
|
||||
components: {
|
||||
GoodsAddOrUpdateDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
goodsAddOrUpdateDialogVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 充值配置表格数据
|
||||
goodsList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
name: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询充值配置列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listGoods(this.queryParams).then(response => {
|
||||
this.goodsList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleStatusChange(row) {
|
||||
let text = row.status === 0 ? '开启' : '取消'
|
||||
this.$confirm('确认要' + text + '[' + row.name + ']吗?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
return updateGoods({ id: row.id, status: row.status })
|
||||
}).then(() => {
|
||||
this.$modal.msgSuccess(text + '成功')
|
||||
}).catch(function() {
|
||||
row.status = row.status === 1 ? 0 : 1
|
||||
})
|
||||
},
|
||||
handleAdd(){
|
||||
this.goodsAddOrUpdateDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.goodsAddOrUpdateDialog.init()
|
||||
})
|
||||
},
|
||||
handleUpdate(row){
|
||||
this.goodsAddOrUpdateDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.goodsAddOrUpdateDialog.init(row.id)
|
||||
})
|
||||
},
|
||||
handleDelete(row){
|
||||
this.$modal.confirm('是否确认删除充值配置为"' + row.name + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delGoods(row.id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
95
src/views/cai/guardLog/guard-log-info.vue
Normal file
95
src/views/cai/guardLog/guard-log-info.vue
Normal file
@@ -0,0 +1,95 @@
|
||||
<template>
|
||||
<el-dialog title="守护流水详情" :close-on-click-modal="false" :visible.sync="open" width="1200px" append-to-body>
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS " class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item :label="'赠送'+systemName+'号'">
|
||||
{{info.fromUsercode}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="赠送手机号" :span="2">
|
||||
{{info.fromMobile}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :label="'接受'+systemName+'号'">
|
||||
{{info.toUsercode}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="接受手机号" :span="2">
|
||||
{{info.toMobile}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="发生时间">
|
||||
{{info.createTime}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="个数">
|
||||
{{info.guardNum}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="守护值">
|
||||
{{info.guardValue}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="单价">
|
||||
{{info.guardPrice}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="链路号">
|
||||
{{info.traceId}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {userGiftTypeList} from '@/constant/statusMap'
|
||||
import {getGuardLog, getGuardLogByTraceId} from "@/api/cai/guardLog";
|
||||
|
||||
export default {
|
||||
name: "UserInfo",
|
||||
data() {
|
||||
return {
|
||||
userGiftTypeList,
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
CS: {
|
||||
'text-align': 'center', //文本居中
|
||||
'min-width': '250px', //最小宽度
|
||||
'word-break': 'break-all' //过长时自动换行
|
||||
},
|
||||
LS: {
|
||||
// 'color': '#000',
|
||||
'text-align': 'center',
|
||||
// 'font-weight': '600',
|
||||
'height': '40px',
|
||||
// 'background-color': 'rgba(255, 97, 2, 0.1)',
|
||||
'min-width': '110px',
|
||||
'word-break': 'keep-all'
|
||||
},
|
||||
open:false,
|
||||
info:{},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
init(id){
|
||||
this.open = true;
|
||||
getGuardLog(id).then(response => {
|
||||
this.info = response.data;
|
||||
});
|
||||
},
|
||||
traceIdInit(traceId){
|
||||
this.open = true;
|
||||
getGuardLogByTraceId(traceId).then(response => {
|
||||
this.info = response.data;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-row {
|
||||
margin-bottom: -15px;
|
||||
display: flex;
|
||||
flex-wrap: wrap
|
||||
}
|
||||
|
||||
/* .el-card {
|
||||
min-width: 100%;
|
||||
height: 80%; // 高度要设置百分比才可以
|
||||
margin-right: 20px;
|
||||
transition: all .5s;
|
||||
}*/
|
||||
</style>
|
||||
175
src/views/cai/guardLog/index.vue
Normal file
175
src/views/cai/guardLog/index.vue
Normal file
@@ -0,0 +1,175 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
|
||||
<el-form-item :label="'赠送者'+systemName+'号'" prop="fromUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.fromUsercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="赠送者手机号" prop="fromMobile">
|
||||
<el-input
|
||||
v-model="queryParams.fromMobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'接收者'+systemName+'号'" prop="toUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.toUsercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="接收者手机号" prop="toMobile">
|
||||
<el-input
|
||||
v-model="queryParams.toMobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="链路号" prop="traceId">
|
||||
<el-input
|
||||
v-model="queryParams.traceId"
|
||||
placeholder="请输入链路号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="guardLogList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<el-table-column label="发生时间" align="center" prop="createTime" show-overflow-tooltip/>
|
||||
<el-table-column :label="'赠送'+systemName+'号'" align="center" prop="fromUsercode"/>
|
||||
<el-table-column label="赠送手机号" align="center" prop="fromMobile"/>
|
||||
<el-table-column :label="'接受'+systemName+'号'" align="center" prop="toUsercode"/>
|
||||
<el-table-column label="接受手机号" align="center" prop="toMobile"/>
|
||||
<el-table-column label="个数" align="center" prop="guardNum" />
|
||||
<el-table-column label="守护值" align="center" prop="guardValue" />
|
||||
<el-table-column label="单价" align="center" prop="guardPrice" />
|
||||
<el-table-column label="链路号" align="center" prop="traceId" show-overflow-tooltip/>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100" fixed="right">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
v-if="scope.row.traceId"
|
||||
@click="handleConsumerLog(scope.row)"
|
||||
>分销记录
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleInfo(scope.row)"
|
||||
>详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<consume-log-info v-if="consumeLogInfoVisible" ref="consumeLogInfo" />
|
||||
<guard-log-info v-if="guardLogInfoVisible" ref="guardLogInfo"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listGuardLog} from "@/api/cai/guardLog";
|
||||
import ConsumeLogInfo from "@/views/cai/consumeLog/consume-log-info";
|
||||
import GuardLogInfo from "@/views/cai/guardLog/guard-log-info";
|
||||
|
||||
export default {
|
||||
name: "GuardLog",
|
||||
components: {
|
||||
ConsumeLogInfo,GuardLogInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
consumeLogInfoVisible: false,
|
||||
guardLogInfoVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 守护赠送流水表格数据
|
||||
guardLogList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
toUsercode: undefined,
|
||||
toMobile: undefined,
|
||||
fromUsercode: undefined,
|
||||
fromMobile: undefined,
|
||||
traceId:undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询守护赠送流水列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listGuardLog(this.queryParams).then(response => {
|
||||
this.guardLogList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleConsumerLog(row) {
|
||||
this.consumeLogInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.consumeLogInfo.traceIdInit(row.traceId)
|
||||
})
|
||||
},
|
||||
handleInfo(row){
|
||||
this.guardLogInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.guardLogInfo.init(row.id)
|
||||
})
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
131
src/views/cai/guardTotal/index.vue
Normal file
131
src/views/cai/guardTotal/index.vue
Normal file
@@ -0,0 +1,131 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
|
||||
<el-form-item :label="'赠送者'+systemName+'号'" prop="fromUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.fromUsercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="赠送者手机号" prop="fromMobile">
|
||||
<el-input
|
||||
v-model="queryParams.fromMobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'接收者'+systemName+'号'" prop="toUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.toUsercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="接收者手机号" prop="toMobile">
|
||||
<el-input
|
||||
v-model="queryParams.toMobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="guardTotalList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<el-table-column label="发生时间" align="center" prop="createTime"/>
|
||||
<el-table-column :label="'赠送'+systemName+'号'" align="center" prop="fromUsercode"/>
|
||||
<el-table-column label="赠送手机号" align="center" prop="fromMobile"/>
|
||||
<el-table-column :label="'接受'+systemName+'号'" align="center" prop="toUsercode"/>
|
||||
<el-table-column label="接受手机号" align="center" prop="toMobile"/>
|
||||
<el-table-column label="累计守护符个数" align="center" prop="guardNum" />
|
||||
<el-table-column label="守护值" align="center" prop="guardValue" />
|
||||
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
|
||||
<!-- <template v-slot="scope">-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listGuardTotal} from "@/api/cai/guardTotal";
|
||||
|
||||
export default {
|
||||
name: "GuardTotal",
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 用户守护累计表格数据
|
||||
guardTotalList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
toUsercode: undefined,
|
||||
toMobile: undefined,
|
||||
fromUsercode: undefined,
|
||||
fromMobile: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询用户守护累计列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listGuardTotal(this.queryParams).then(response => {
|
||||
this.guardTotalList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
184
src/views/cai/lowHeightRisk/index.vue
Normal file
184
src/views/cai/lowHeightRisk/index.vue
Normal file
@@ -0,0 +1,184 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="lowHeightRiskList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode" />
|
||||
<el-table-column label="昵称" align="center" prop="nickname" />
|
||||
<el-table-column label="手机" align="center" prop="mobile" />
|
||||
<el-table-column label="头像" align="center" prop="avatar" >
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="gender">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="genderList" :value="scope.row.gender" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="截图次数" align="center" prop="screenshotNum" />
|
||||
<el-table-column label="录屏次数" align="center" prop="screenRecordingNum" />
|
||||
<el-table-column label="登陆IP" align="center" prop="lastLoginIp" width="125"/>
|
||||
<!-- <el-table-column label="违规权重" align="center" prop="state" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="userRiskLowList" :value="scope.row.state" />
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="150">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:lowHeightRisk:remove']"
|
||||
>删除</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-logs"
|
||||
@click="handleUserErrorLog(scope.row)"
|
||||
>记录</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-lock"
|
||||
@click="handleUserForbid(scope.row)"
|
||||
v-hasPermi="['cai:user:lock']"
|
||||
>封号</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<user-error-list-info-dialog v-if="userErrorListInfoDialogVisible" ref="userErrorListInfoDialog"/>
|
||||
<user-forbid-dialog v-if="userForbidVisible" ref="userForbid" @refreshDataList="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { delLowHeightRisk, listLowHeightRisk } from '@/api/cai/lowHeightRisk'
|
||||
import { genderList, userRiskLowList } from '@/constant/statusMap'
|
||||
import UserErrorListInfoDialog from '@/views/cai/userErrorLog/user-error-list-info-dialog.vue'
|
||||
import UserForbidDialog from "@/views/cai/user/user-forbid-dialog";
|
||||
|
||||
export default {
|
||||
name: "LowHeightRisk",
|
||||
components: {
|
||||
UserErrorListInfoDialog,UserForbidDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList,userRiskLowList,
|
||||
userErrorListInfoDialogVisible: false,
|
||||
userForbidVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 高风险用户记录表格数据
|
||||
lowHeightRiskList: [],
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
usercode: undefined,
|
||||
mobile: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询高风险用户记录列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listLowHeightRisk(this.queryParams).then(response => {
|
||||
this.lowHeightRiskList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleUserErrorLog(row){
|
||||
this.userErrorListInfoDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.userErrorListInfoDialog.init(row.userId)
|
||||
})
|
||||
},
|
||||
handleUserForbid(row){
|
||||
this.userForbidVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.userForbid.init(row.userId)
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
this.$modal.confirm('是否确认删除高风险用户"' + row.nickname + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delLowHeightRisk(row.id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
196
src/views/cai/payConfig/index.vue
Normal file
196
src/views/cai/payConfig/index.vue
Normal file
@@ -0,0 +1,196 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['cai:payConfig:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['cai:payConfig:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="payConfigList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="名称" align="center" prop="name" />
|
||||
<el-table-column label="支付方式" align="center" prop="payType" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="payConfigTypeList" :value="scope.row.payType"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="支付宝AppId" align="center" prop="appid" />
|
||||
<el-table-column label="微信商户号" align="center" prop="wxMcid" />
|
||||
<el-table-column label="回调域名" align="center" prop="notifyUrl" show-overflow-tooltip/>
|
||||
<el-table-column label="开启状态" align="center" prop="enableStatus">
|
||||
<template v-slot="scope">
|
||||
<el-switch
|
||||
v-model="scope.row.enableStatus"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
@change="handleEnableStatusChange(scope.row)"
|
||||
></el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['cai:payConfig:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:payConfig:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<pay-config-add-or-update-dialog v-if="payConfigAddOrUpdateDialogVisible" ref="payConfigAddOrUpdateDialog" @refreshDataList="getList"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {delPayConfig, listPayConfig, updatePayConfig} from "@/api/cai/payConfig";
|
||||
import {payConfigTypeList} from "@/constant/statusMap";
|
||||
import PayConfigAddOrUpdateDialog from "@/views/cai/payConfig/pay-config-add-or-update-dialog";
|
||||
|
||||
export default {
|
||||
name: "PayConfig",
|
||||
components: {
|
||||
PayConfigAddOrUpdateDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
payConfigTypeList,
|
||||
payConfigAddOrUpdateDialogVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 支付配置表格数据
|
||||
payConfigList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询支付配置列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listPayConfig(this.queryParams).then(response => {
|
||||
this.payConfigList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.payConfigAddOrUpdateDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.payConfigAddOrUpdateDialog.init()
|
||||
})
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.payConfigAddOrUpdateDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.payConfigAddOrUpdateDialog.init(row.id)
|
||||
})
|
||||
},
|
||||
handleEnableStatusChange(row){
|
||||
let text = row.enableStatus === 0 ? '关闭' : '开启'
|
||||
this.$confirm('确认要' + text + '[' + row.name + ']的支付配置吗?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
return updatePayConfig({ id: row.id, enableStatus: row.enableStatus })
|
||||
}).then(() => {
|
||||
this.$modal.msgSuccess(text + '成功')
|
||||
}).catch(function() {
|
||||
row.enableStatus = row.enableStatus === 0 ? 1 : 0
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
this.$modal.confirm('是否确认删除支付配置名称为"' + row.name + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delPayConfig(row.id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
139
src/views/cai/payConfig/pay-config-add-or-update-dialog.vue
Normal file
139
src/views/cai/payConfig/pay-config-add-or-update-dialog.vue
Normal file
@@ -0,0 +1,139 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="800px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="110px">
|
||||
<el-form-item label="名称" prop="name">
|
||||
<el-input v-model="form.name" placeholder="请输入名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="支付方式" prop="payType">
|
||||
<el-select :disabled="form.id" v-model="form.payType" placeholder="支付方式" clearable size="small" style="width: 99%">
|
||||
<el-option
|
||||
v-for="dict in payConfigTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="商户号" prop="wxMcid" v-if="form.payType === 2">
|
||||
<el-input v-model="form.wxMcid" placeholder="请输入商户号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="微信key" prop="wxKey" v-if="form.payType === 2">
|
||||
<el-input v-model="form.wxKey" placeholder="请输入微信key" />
|
||||
</el-form-item>
|
||||
<el-form-item label="支付宝AppId" prop="appid" v-if="form.payType === 1">
|
||||
<el-input v-model="form.appid" placeholder="请输入AppId" />
|
||||
</el-form-item>
|
||||
<el-form-item label="私钥" prop="privateKey" v-if="form.payType === 1">
|
||||
<el-input v-model="form.privateKey" placeholder="请输入秘钥" type="textarea" :rows="5"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="公钥" prop="publicKey" v-if="form.payType === 1">
|
||||
<el-input v-model="form.publicKey" placeholder="请输入公钥" type="textarea" :rows="3" />
|
||||
</el-form-item>
|
||||
<el-form-item label="回调域名" prop="notifyUrl" >
|
||||
<el-input v-model="form.notifyUrl" placeholder="请输入回调域名" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {payConfigTypeList} from "@/constant/statusMap";
|
||||
import {addPayConfig, getPayConfig, updatePayConfig} from "@/api/cai/payConfig";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
payConfigTypeList,
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
id: undefined,
|
||||
name: undefined,
|
||||
payType: 1,
|
||||
appid: undefined,
|
||||
wxMcid: undefined,
|
||||
wxKey: undefined,
|
||||
privateKey: undefined,
|
||||
publicKey: undefined,
|
||||
notifyUrl: undefined
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
name: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
payType: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
appid: [
|
||||
{ required: true, message: "回调地址不能为空", trigger: "blur" }
|
||||
],
|
||||
wxMcid: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
wxKey: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
privateKey: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
publicKey: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init (id) {
|
||||
this.form.id = id || undefined;
|
||||
this.title = (id ? "修改" : "新增") + "支付配置";
|
||||
this.open = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form'].resetFields();
|
||||
if(this.form.id){
|
||||
getPayConfig(id).then(response => {
|
||||
this.form = response.data;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
if (this.form.id != null) {
|
||||
updatePayConfig(this.form).then(data => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.$modal.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}else{
|
||||
addPayConfig(this.form).then(data => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
123
src/views/cai/payTotal/index.vue
Normal file
123
src/views/cai/payTotal/index.vue
Normal file
@@ -0,0 +1,123 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="商户号/AppId" prop="payId" label-width="100px">
|
||||
<el-input
|
||||
v-model="queryParams.payId"
|
||||
placeholder="请输入商户号/AppId"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="时间" prop="date">
|
||||
<el-date-picker clearable
|
||||
v-model="queryParams.date"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="平台" prop="payType">
|
||||
<el-select v-model="queryParams.payType" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in payConfigTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table v-loading="loading" :data="payTotalList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center"/>-->
|
||||
<el-table-column label="支付平台" align="center" prop="payType">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="payConfigTypeList" :value="scope.row.payType"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="名称" align="center" prop="name"/>
|
||||
<el-table-column label="商户号/AppId" align="center" prop="payId"/>
|
||||
<el-table-column label="时间" align="center" prop="date" width="180"/>
|
||||
<el-table-column label="金额" align="center" prop="money"/>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listPayTotal} from "@/api/cai/payTotal";
|
||||
import {payConfigTypeList} from "@/constant/statusMap";
|
||||
|
||||
export default {
|
||||
name: "PayTotal",
|
||||
data() {
|
||||
return {
|
||||
payConfigTypeList,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 支付统计表格数据
|
||||
payTotalList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
payId: undefined,
|
||||
payType: undefined,
|
||||
date: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询支付统计列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listPayTotal(this.queryParams).then(response => {
|
||||
this.payTotalList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
181
src/views/cai/rank/index.vue
Normal file
181
src/views/cai/rank/index.vue
Normal file
@@ -0,0 +1,181 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="type">
|
||||
<el-select v-model="queryParams.type" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in rankTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="日期类型" prop="dataType">
|
||||
<el-select v-model="queryParams.dataType" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in rankDataTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="榜单开始时间" prop="rankBeginTime" label-width="100px">
|
||||
<el-date-picker
|
||||
v-model="queryParams.rankBeginTime"
|
||||
type="date"
|
||||
placeholder="选择榜单开始时间"
|
||||
format="yyyy-MM-dd"
|
||||
value-format="yyyy-MM-dd"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<span style="color: red">提示：本页面只展示历史排行榜，单日、本周、本月排行榜不展示</span>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
<el-table v-loading="loading" :data="rankList" @selection-change="handleSelectionChange">
|
||||
<el-table-column label="类型" align="center" prop="type" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="rankTypeList" :value="scope.row.type"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="日期类型" align="center" prop="dataType" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="rankDataTypeList" :value="scope.row.dataType"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="榜单开始时间" align="center" prop="rankBeginTime" />
|
||||
<el-table-column label="榜单结束时间" align="center" prop="rankEndTime" />
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode"/>
|
||||
<el-table-column label="手机号" align="center" prop="mobile"/>
|
||||
<el-table-column label="昵称" align="center" prop="nickname"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar">
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="gender">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="genderList" :value="scope.row.gender"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="主播" align="center" prop="isAnchor">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="isAnchorList" :value="scope.row.isAnchor"/>
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column label="排名" align="center" prop="orderRank" />
|
||||
<el-table-column label="数值" align="center" prop="num" />
|
||||
<el-table-column label="是否领奖" align="center" prop="draw" >
|
||||
<template v-slot="scope">
|
||||
<span v-if="scope.row.dataType === 3">-</span>
|
||||
<cai-dict-tag v-else :options="rankDrawList" :value="scope.row.draw"/>
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listRank} from "@/api/cai/rank";
|
||||
import {genderList, isAnchorList, rankDataTypeList, rankDrawList, rankTypeList} from "@/constant/statusMap";
|
||||
|
||||
export default {
|
||||
name: "Rank",
|
||||
data() {
|
||||
return {
|
||||
rankTypeList,rankDataTypeList,genderList,isAnchorList,rankDrawList,
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 榜单表格数据
|
||||
rankList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
mobile: undefined,
|
||||
usercode: undefined,
|
||||
dataType: undefined,
|
||||
type: undefined,
|
||||
rankBeginTime: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询榜单列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listRank(this.queryParams).then(response => {
|
||||
this.rankList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
216
src/views/cai/rechargeOrder/index.vue
Normal file
216
src/views/cai/rechargeOrder/index.vue
Normal file
@@ -0,0 +1,216 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单号" prop="orderNo">
|
||||
<el-input
|
||||
v-model="queryParams.orderNo"
|
||||
placeholder="请输入订单号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="支付状态" prop="payStatus">
|
||||
<el-select v-model="queryParams.payStatus" placeholder="支付状态" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in payStatusList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="链路号" prop="traceId">
|
||||
<el-input
|
||||
v-model="queryParams.traceId"
|
||||
placeholder="请输入链路号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="rechargeOrderList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<el-table-column label="订单号" align="center" prop="orderNo" show-overflow-tooltip/>
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode" />
|
||||
<el-table-column label="昵称" align="center" prop="nickname" />
|
||||
<el-table-column label="手机" align="center" prop="mobile" />
|
||||
<el-table-column label="头像" align="center" prop="avatar" >
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="gender">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="genderList" :value="scope.row.gender" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" align="center" prop="rechargeName" />
|
||||
<el-table-column label="充值紫贝" align="center" prop="rechargeCoin" />
|
||||
<el-table-column label="价格" align="center" prop="price" />
|
||||
<el-table-column label="平台" align="center" prop="platformType">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="platformTypeList" :value="scope.row.platformType" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" align="center" prop="payStatus" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="payStatusList" :value="scope.row.payStatus" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作时间" align="center" prop="createTime" width="160"/>
|
||||
<el-table-column label="后台新增" align="center" prop="admin" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="booleanList" :value="scope.row.admin" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="链路号" align="center" prop="traceId" show-overflow-tooltip/>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="140">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-info"
|
||||
v-if="scope.row.traceId && scope.row.admin===false"
|
||||
@click="handleConsumerLog(scope.row)"
|
||||
>分销记录
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-info"
|
||||
@click="handleInfo(scope.row)"
|
||||
>详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<consume-log-info v-if="consumeLogInfoVisible" ref="consumeLogInfo" />
|
||||
<recharge-order-info v-if="rechargeOrderInfoVisible" ref="rechargeOrderInfo" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listRechargeOrder} from "@/api/cai/rechargeOrder";
|
||||
import {
|
||||
booleanList,
|
||||
genderList,
|
||||
memberStatusList,
|
||||
memberTypeList,
|
||||
payStatusList,
|
||||
platformTypeList,
|
||||
yesOrNoList
|
||||
} from '@/constant/statusMap'
|
||||
import RechargeOrderInfo from "@/views/cai/rechargeOrder/recharge-order-info";
|
||||
import ConsumeLogInfo from "@/views/cai/consumeLog/consume-log-info";
|
||||
|
||||
export default {
|
||||
name: "RechargeOrder",
|
||||
components:{
|
||||
RechargeOrderInfo,ConsumeLogInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList,memberTypeList,yesOrNoList,memberStatusList,booleanList,platformTypeList,
|
||||
payStatusList,
|
||||
rechargeOrderInfoVisible: false,
|
||||
consumeLogInfoVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 充值订单表格数据
|
||||
rechargeOrderList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
payStatus: 1,
|
||||
usercode: undefined,
|
||||
mobile: undefined,
|
||||
orderNo: undefined,
|
||||
traceId: undefined
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询充值订单列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listRechargeOrder(this.queryParams).then(response => {
|
||||
this.rechargeOrderList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleConsumerLog(row) {
|
||||
this.consumeLogInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.consumeLogInfo.traceIdInit(row.traceId)
|
||||
})
|
||||
},
|
||||
handleInfo(row) {
|
||||
this.rechargeOrderInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.rechargeOrderInfo.init(row.id)
|
||||
})
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
129
src/views/cai/rechargeOrder/recharge-order-info.vue
Normal file
129
src/views/cai/rechargeOrder/recharge-order-info.vue
Normal file
@@ -0,0 +1,129 @@
|
||||
<template>
|
||||
<el-dialog title="充值订单信息" :close-on-click-modal="false" :visible.sync="open" width="1200px" append-to-body>
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS " class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item :label="systemName+'号'">
|
||||
{{info.usercode}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="手机号">
|
||||
{{info.mobile}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="头像">
|
||||
<image-avatar :src="info.avatar" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="性别">
|
||||
<cai-dict-tag :options="genderList" :value="info.gender" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="昵称">
|
||||
{{info.nickname}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="商品名称">
|
||||
{{info.rechargeName}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="充值紫贝">
|
||||
{{info.rechargeCoin}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="价格">
|
||||
{{info.price}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="平台">
|
||||
<cai-dict-tag :options="platformTypeList" :value="info.platformType" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="状态">
|
||||
<cai-dict-tag :options="payStatusList" :value="info.payStatus" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="操作时间">
|
||||
{{info.createTime}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="后台新增">
|
||||
<cai-dict-tag :options="booleanList" :value="info.admin" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="后台ID">
|
||||
{{info.adminId}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="操作IP">
|
||||
{{info.operateIp}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="appid">
|
||||
{{info.appid}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="链路号">
|
||||
{{info.traceId}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="第三方回调数据" :span="3">
|
||||
{{info.returnContent}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
booleanList,
|
||||
genderList,
|
||||
memberStatusList,
|
||||
memberTypeList,
|
||||
payStatusList,
|
||||
platformTypeList,
|
||||
yesOrNoList
|
||||
} from '@/constant/statusMap'
|
||||
import {getRechargeOrder, getRechargeOrderByTraceId} from '@/api/cai/rechargeOrder'
|
||||
|
||||
export default {
|
||||
name: "UserInfo",
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList,memberTypeList,yesOrNoList,memberStatusList,booleanList,platformTypeList,
|
||||
payStatusList,
|
||||
activeName:['base','account','userAlbums'],
|
||||
CS: {
|
||||
'text-align': 'center', //文本居中
|
||||
'min-width': '250px', //最小宽度
|
||||
'word-break': 'break-all' //过长时自动换行
|
||||
},
|
||||
LS: {
|
||||
// 'color': '#000',
|
||||
'text-align': 'center',
|
||||
// 'font-weight': '600',
|
||||
'height': '40px',
|
||||
// 'background-color': 'rgba(255, 97, 2, 0.1)',
|
||||
'min-width': '110px',
|
||||
'word-break': 'keep-all'
|
||||
},
|
||||
open:false,
|
||||
info:{},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
init(id){
|
||||
this.open = true;
|
||||
getRechargeOrder(id).then(response => {
|
||||
this.info = response.data;
|
||||
});
|
||||
},
|
||||
traceIdInit(traceId){
|
||||
this.open = true;
|
||||
getRechargeOrderByTraceId(traceId).then(response => {
|
||||
this.info = response.data;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-row {
|
||||
margin-bottom: -15px;
|
||||
display: flex;
|
||||
flex-wrap: wrap
|
||||
}
|
||||
|
||||
/* .el-card {
|
||||
min-width: 100%;
|
||||
height: 80%; // 高度要设置百分比才可以
|
||||
margin-right: 20px;
|
||||
transition: all .5s;
|
||||
}*/
|
||||
</style>
|
||||
235
src/views/cai/report/index.vue
Normal file
235
src/views/cai/report/index.vue
Normal file
@@ -0,0 +1,235 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="110px">
|
||||
<el-form-item :label="'举报人'+systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'举报对象'+systemName+'号'" prop="reportUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.reportUsercode"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-select v-model="queryParams.status" placeholder="状态" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in reportStatusList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['cai:report:remove']"
|
||||
>删除
|
||||
</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="reportList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column label="举报页面" align="center" prop="type">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="reportTypeList" :value="scope.row.type"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="举报分类" align="center" prop="cateName"/>
|
||||
<el-table-column label="举报人" align="center">
|
||||
<el-table-column label="头像" align="center" prop="avatar">
|
||||
<template v-slot="scope">
|
||||
<image-avatar :value="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode"/>
|
||||
</el-table-column>
|
||||
<el-table-column label="举报对象" align="center">
|
||||
<el-table-column label="头像" align="center" prop="reportAvatar">
|
||||
<template v-slot="scope">
|
||||
<image-avatar :value="scope.row.reportAvatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="昵称" align="center" prop="reportNickname"/>
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="reportUsercode"/>
|
||||
</el-table-column>
|
||||
<el-table-column label="举报内容" align="center" prop="content"/>
|
||||
<el-table-column label="状态" align="center" prop="status">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="reportStatusList" :value="scope.row.status"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="举报时间" align="center" prop="createTime" width="160"/>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="160">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleUserForbid(scope.row)"
|
||||
v-hasPermi="['cai:user:lock']"
|
||||
>封号
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
v-if="scope.row.status === 0"
|
||||
@click="handleStatus(scope.row)"
|
||||
v-hasPermi="['cai:report:edit']"
|
||||
>处理
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:report:remove']"
|
||||
>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<user-forbid-dialog v-if="userForbidVisible" ref="userForbid" @refreshDataList="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { delReport, listReport, updateReport } from '@/api/cai/report'
|
||||
import { reportStatusList, reportTypeList } from '@/constant/statusMap'
|
||||
import UserForbidDialog from "@/views/cai/user/user-forbid-dialog";
|
||||
|
||||
export default {
|
||||
name: 'Report',
|
||||
components: {
|
||||
UserForbidDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
reportTypeList, reportStatusList,
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
userForbidVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 举报表格数据
|
||||
reportList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
usercode: undefined,
|
||||
reportUsercode: undefined,
|
||||
status: 0
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
/** 查询举报列表 */
|
||||
getList() {
|
||||
this.loading = true
|
||||
listReport(this.queryParams).then(response => {
|
||||
this.reportList = response.rows
|
||||
this.total = response.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1
|
||||
this.getList()
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm('queryForm')
|
||||
this.handleQuery()
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset()
|
||||
this.open = true
|
||||
this.title = '添加举报'
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleStatus(row) {
|
||||
this.buttonLoading = true
|
||||
updateReport({
|
||||
id: row.id
|
||||
}).then(response => {
|
||||
this.$modal.msgSuccess('处理成功')
|
||||
this.open = false
|
||||
this.getList()
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids
|
||||
this.$modal.confirm('是否确认删除举报编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true
|
||||
return delReport(ids)
|
||||
}).then(() => {
|
||||
this.loading = false
|
||||
this.getList()
|
||||
this.$modal.msgSuccess('删除成功')
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
handleUserForbid(row){
|
||||
this.userForbidVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.userForbid.init(row.reportUid)
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
106
src/views/cai/smsVerify/index.vue
Normal file
106
src/views/cai/smsVerify/index.vue
Normal file
@@ -0,0 +1,106 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="接收号码" prop="receivePhone">
|
||||
<el-input
|
||||
v-model="queryParams.receivePhone"
|
||||
placeholder="请输入接收号码"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="smsVerifyList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<!-- <el-table-column label="状态" align="center" prop="status" />-->
|
||||
<el-table-column label="类型" align="center" prop="type" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="smsTypeList" :value="scope.row.type"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="接收号码" align="center" prop="receivePhone" />
|
||||
<el-table-column label="验证码" align="center" prop="verifyCode" />
|
||||
<el-table-column label="发送平台" align="center" prop="sendInterface" />
|
||||
<el-table-column label="操作IP" align="center" prop="operateIp" />
|
||||
<el-table-column label="过期时间" align="center" prop="overTime" width="180" />
|
||||
<el-table-column label="发送时间" align="center" prop="createTime" width="180" />
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listSmsVerify} from "@/api/cai/smsVerify";
|
||||
import {smsTypeList} from "@/constant/statusMap";
|
||||
|
||||
export default {
|
||||
name: "SmsVerify",
|
||||
data() {
|
||||
return {
|
||||
smsTypeList,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 短信验证码表格数据
|
||||
smsVerifyList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
receivePhone: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询短信验证码列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listSmsVerify(this.queryParams).then(response => {
|
||||
this.smsVerifyList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
508
src/views/cai/sysPush/add-sys-push-dialog.vue
Normal file
508
src/views/cai/sysPush/add-sys-push-dialog.vue
Normal file
@@ -0,0 +1,508 @@
|
||||
<template>
|
||||
<el-dialog title="新增系统推送" :close-on-click-modal="false" :visible.sync="open" width="900px" append-to-body>
|
||||
<el-row :gutter="10">
|
||||
<el-col style="width: 550px">
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="群体类型" prop="groupId">
|
||||
<el-select v-model="form.groupId" size="small" style="width: 100%">
|
||||
<el-option
|
||||
v-for="dict in systemPushGroupIdList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.groupId === 0" :label="systemName+'号'" prop="usercode">
|
||||
<el-autocomplete
|
||||
class="inline-input"
|
||||
v-model="form.usercode"
|
||||
:fetch-suggestions="querySearch"
|
||||
placeholder="请输入内容"
|
||||
@select="handleSelect"
|
||||
style="width: 100%"
|
||||
></el-autocomplete>
|
||||
</el-form-item>
|
||||
<el-form-item label="昵称" v-if="form.groupId === 0 && userInfo.nickname">
|
||||
{{ userInfo.nickname }} 【{{ userInfo.usercode }}】
|
||||
</el-form-item>
|
||||
<el-form-item label="头像" v-if="form.groupId === 0 && userInfo.avatar">
|
||||
<image-avatar :src="userInfo.avatar"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="发送类型" prop="sendTimeType">
|
||||
<el-select v-model="form.sendTimeType" size="small" style="width: 100%">
|
||||
<el-option
|
||||
v-for="dict in systemPushSendTimeTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="发送时间" prop="sendTime" v-if="form.sendTimeType === 1">
|
||||
<el-date-picker
|
||||
:picker-options="pickerAfterOptions"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
v-model="form.sendTime"
|
||||
type="datetime"
|
||||
placeholder="选择发送时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="标题" prop="title">
|
||||
<el-input v-model="form.title" placeholder="请输入标题"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="消息类型" prop="type">
|
||||
<el-select v-model="form.type" size="small" @change="typeSelectHandle" style="width: 100%">
|
||||
<el-option
|
||||
v-for="dict in systemPushTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="消息内容" prop="onlyText" v-if="form.type === 0">
|
||||
<el-input v-model="form.onlyText" placeholder="请输入消息内容" type="textarea" :rows="2"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="文本一" prop="textText1" v-if="form.type === 1">
|
||||
<el-input v-model="form.textText1" placeholder="请输入第一段文本" type="textarea" :rows="2"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="内容" prop="textContext" v-show="form.type === 1">
|
||||
<el-button size="mini" type="primary" icon="el-icon-circle-plus-outline" @click="textContextAddHandle">追加
|
||||
</el-button>
|
||||
<el-table
|
||||
:data="textContext"
|
||||
ref="textContextRef"
|
||||
style="width: 100%"
|
||||
:row-key="(row) => {return row.id}"
|
||||
>
|
||||
<el-table-column align="center" prop="n" label="字段" min-width="180">
|
||||
<template v-slot="scope">
|
||||
<el-input v-model="scope.row.n" placeholder="字段"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="v" label="值" min-width="180">
|
||||
<template v-slot="scope">
|
||||
<el-input v-model="scope.row.v" placeholder="值"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="操作">
|
||||
<template v-slot="scope">
|
||||
<el-button size="mini" type="text" @click="textContextRemoveHandle(scope.row)" icon="el-icon-delete"/>
|
||||
<el-button size="mini" type="text" icon="el-icon-rank"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<el-form-item label="文本二" prop="textText2" v-if="form.type === 1">
|
||||
<el-input v-model="form.textText2" placeholder="请输入第二段文本" type="textarea" :rows="2"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="链接类型" prop="textLinkType" v-if="form.type === 1">
|
||||
<el-select v-model="form.textLinkType" size="small">
|
||||
<el-option :key="0" label="不可点击" :value="0"/>
|
||||
<el-option :key="1" label="打开H5" :value="1"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="链接地址" prop="textLinkUrl" v-if="form.type === 1 && form.textLinkType === 1">
|
||||
<el-input v-model="form.textLinkUrl" placeholder="请输入链接地址" type="textarea" :rows="2"/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="标题类型" prop="oneImageTitleType" v-if="form.type === 2">
|
||||
<el-select v-model="form.oneImageTitleType" size="small">
|
||||
<el-option :key="2" label="普通标题" :value="2"/>
|
||||
<el-option :key="1" label="水印标题" :value="1"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="图片" prop="oneImageImage" v-if="form.type === 2">
|
||||
<image-upload2 v-model="form.oneImageImage" custom-tip="建议图片比例16:9"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="文本" prop="oneImageText" v-if="form.type === 2 && form.oneImageTitleType === 2">
|
||||
<el-input v-model="form.oneImageText" placeholder="请输入消息文本" type="textarea" :rows="2"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="链接类型" prop="oneImageLinkType" v-if="form.type === 2">
|
||||
<el-select v-model="form.oneImageLinkType" size="small">
|
||||
<el-option :key="0" label="不可点击" :value="0"/>
|
||||
<el-option :key="1" label="打开H5" :value="1"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="链接地址" prop="oneImageLinkUrl" v-if="form.type === 2 && form.oneImageLinkType === 1">
|
||||
<el-input v-model="form.oneImageLinkUrl" placeholder="请输入链接地址" type="textarea" :rows="2"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="内容" prop="imageContext" v-show="form.type === 3">
|
||||
<el-button size="mini" type="primary" icon="el-icon-circle-plus-outline" @click="imageContextAddHandle">新增</el-button>
|
||||
<span style="color: red"> 建议：第一张图片比例16:9，其他图片正方形。</span>
|
||||
<el-table
|
||||
:data="imageContext"
|
||||
ref="imageContextRef"
|
||||
style="width: 100%"
|
||||
:row-key="(row) => {return row.id}"
|
||||
>
|
||||
<el-table-column align="center" prop="title" label="图片标题" min-width="60" show-overflow-tooltip/>
|
||||
<el-table-column align="center" prop="image" label="图片" min-width="60">
|
||||
<template v-slot="scope">
|
||||
<image-preview :src="scope.row.image" :width="60" :height="40"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="linkType" label="链接类型" min-width="60">
|
||||
<template v-slot="scope">
|
||||
<span v-if="scope.row.linkType === 0">不可点击</span>
|
||||
<span v-if="scope.row.linkType === 1">打开H5</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="linkUrl" label="链接" min-width="100" show-overflow-tooltip/>
|
||||
<el-table-column align="center" label="操作">
|
||||
<template v-slot="scope">
|
||||
<el-button size="mini" type="text" @click="imageContextUpdateHandle(scope.row)" icon="el-icon-edit"/>
|
||||
<el-button size="mini" type="text" @click="imageContextRemoveHandle(scope.row)" icon="el-icon-delete"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<el-form-item label="图片" prop="onlyImage" v-if="form.type === 4">
|
||||
<image-upload2 v-model="form.onlyImage"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注说明" prop="remark">
|
||||
<el-input v-model="form.remark" placeholder="请输入备注说明" type="textarea" :rows="2"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-col>
|
||||
<el-col style="width: 200px;">
|
||||
<preview-client :data="form" :textContext="textContext" :imageContext="imageContext"></preview-client>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
<el-dialog :title="imageTitle" :close-on-click-modal="false" :visible.sync="imageOpen" width="500px" append-to-body>
|
||||
<el-form ref="imageForm" :model="imageForm" :rules="imageRules" label-width="80px">
|
||||
<el-form-item label="图片标题" prop="title">
|
||||
<el-input v-model="imageForm.title" placeholder="请输入图片标题" />
|
||||
</el-form-item>
|
||||
<el-form-item label="图片" prop="image">
|
||||
<image-upload2 v-model="imageForm.image"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="链接类型" prop="linkType">
|
||||
<el-select v-model="imageForm.linkType" size="small">
|
||||
<el-option :key="0" label="不可点击" :value="0"/>
|
||||
<el-option :key="1" label="打开H5" :value="1"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="链接地址" prop="linkUrl" v-if="this.imageForm.linkType === 1">
|
||||
<el-input v-model="imageForm.linkUrl" placeholder="请输入链接地址" type="textarea" :rows="2"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="imageSubmitForm">确 定</el-button>
|
||||
<el-button @click="imageOpen = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
systemPushGroupIdList,
|
||||
systemPushLogStatus,
|
||||
systemPushSendTimeTypeList,
|
||||
systemPushStatusList,
|
||||
systemPushTypeList
|
||||
} from '@/constant/statusMap'
|
||||
import { getUserByUsercode, listUserByUserCode } from '@/api/cai/user'
|
||||
import Sortable from 'sortablejs'
|
||||
import PreviewClient from '@/components/PreviewInMobileClient/index.vue'
|
||||
import {addSysPush, updateSysPush} from "@/api/cai/sysPush";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
PreviewClient
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemPushGroupIdList, systemPushLogStatus, systemPushSendTimeTypeList, systemPushStatusList, systemPushTypeList,
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
open: false,
|
||||
form: {
|
||||
id: undefined,
|
||||
groupId: 0,
|
||||
usercode: undefined,
|
||||
|
||||
onlyText: undefined,
|
||||
|
||||
textText1: undefined,
|
||||
textText2: undefined,
|
||||
textLinkType: 0,
|
||||
textLinkUrl: undefined,
|
||||
|
||||
oneImageTitleType:2,
|
||||
oneImageImage:undefined,
|
||||
oneImageText:undefined,
|
||||
oneImageLinkType: 0,
|
||||
oneImageLinkUrl: undefined,
|
||||
|
||||
onlyImage:undefined,
|
||||
|
||||
sendTimeType: 0,
|
||||
sendTime: undefined,
|
||||
title: undefined,
|
||||
type: 0,
|
||||
remark: undefined
|
||||
},
|
||||
imageForm:{
|
||||
title: undefined,
|
||||
image: undefined,
|
||||
linkType: undefined,
|
||||
linkUrl: undefined
|
||||
},
|
||||
imageOpen: false,
|
||||
imageTitle: '',
|
||||
textContext: [],
|
||||
imageContext:[],
|
||||
userInfo: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
groupId: [
|
||||
{ required: true, message: '群体类型不能为空', trigger: 'blur' }
|
||||
],
|
||||
sendTimeType: [
|
||||
{ required: true, message: '发送类型不能为空', trigger: 'blur' }
|
||||
],
|
||||
sendTime: [
|
||||
{ required: true, message: '发送时间不能为空', trigger: 'blur' }
|
||||
],
|
||||
title: [
|
||||
{ required: true, message: '标题不能为空', trigger: 'blur' }
|
||||
],
|
||||
type: [
|
||||
{ required: true, message: '消息类型不能为空', trigger: 'blur' }
|
||||
],
|
||||
onlyText: [
|
||||
{ required: true, message: '文本消息不能为空', trigger: 'blur' }
|
||||
],
|
||||
textLinkUrl: [
|
||||
{ required: true, message: '链接地址不能为空', trigger: 'blur' }
|
||||
],
|
||||
oneImageLinkUrl: [
|
||||
{ required: true, message: '链接地址不能为空', trigger: 'blur' }
|
||||
],
|
||||
oneImageImage: [
|
||||
{ required: true, message: '图片不能为空', trigger: 'blur' }
|
||||
],
|
||||
onlyImage: [
|
||||
{ required: true, message: '图片不能为空', trigger: 'blur' }
|
||||
],
|
||||
},
|
||||
imageRules:{
|
||||
image: [
|
||||
{ required: true, message: '图片不能为空', trigger: 'blur' }
|
||||
],
|
||||
linkType: [
|
||||
{ required: true, message: '链接类型不能为空', trigger: 'blur' }
|
||||
],
|
||||
linkUrl: [
|
||||
{ required: true, message: '链接不能为空', trigger: 'blur' }
|
||||
],
|
||||
},
|
||||
buttonLoading: false,
|
||||
pickerAfterOptions: {
|
||||
disabledDate(time) {
|
||||
return time.getTime() < Date.now();
|
||||
},
|
||||
},
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init(id) {
|
||||
this.form.id = id || undefined
|
||||
this.open = true
|
||||
this.$nextTick(() => {
|
||||
// this.$refs['form'].resetFields()
|
||||
this.form = {
|
||||
id: undefined,
|
||||
groupId: 0,
|
||||
usercode: undefined,
|
||||
|
||||
onlyText: undefined,
|
||||
|
||||
textText1: undefined,
|
||||
textText2: undefined,
|
||||
textLinkType: 0,
|
||||
textLinkUrl: undefined,
|
||||
|
||||
oneImageTitleType:2,
|
||||
oneImageImage:undefined,
|
||||
oneImageText:undefined,
|
||||
oneImageLinkType: 0,
|
||||
oneImageLinkUrl: undefined,
|
||||
|
||||
onlyImage:undefined,
|
||||
|
||||
sendTimeType: 0,
|
||||
sendTime: undefined,
|
||||
title: undefined,
|
||||
type: 0,
|
||||
remark: undefined
|
||||
}
|
||||
this.userInfo = {}
|
||||
this.textContext = []
|
||||
this.imageContext = []
|
||||
})
|
||||
},
|
||||
rowDrop() {
|
||||
const tbody = this.$refs.textContextRef.$el.querySelector(
|
||||
".el-table__body > tbody"
|
||||
);
|
||||
console.log(tbody)
|
||||
const _this = this
|
||||
Sortable.create(tbody, {
|
||||
animation: 180,
|
||||
delay: 0,
|
||||
onEnd({ newIndex, oldIndex }) {
|
||||
const currRow = _this.textContext.splice(oldIndex, 1)[0]
|
||||
_this.textContext.splice(newIndex, 0, currRow)
|
||||
}
|
||||
})
|
||||
},
|
||||
typeSelectHandle(value){
|
||||
if(value === 1){
|
||||
this.$nextTick(() => {
|
||||
this.rowDrop()
|
||||
})
|
||||
}
|
||||
},
|
||||
querySearch(querySearch, cb) {
|
||||
listUserByUserCode(querySearch).then(res => {
|
||||
cb(res.data.map((terminal) => {
|
||||
return {
|
||||
value: terminal,
|
||||
name: terminal
|
||||
}
|
||||
}))
|
||||
})
|
||||
},
|
||||
handleSelect(item) {
|
||||
getUserByUsercode(item.value).then(res => {
|
||||
this.userInfo = res.data
|
||||
})
|
||||
},
|
||||
textContextRemoveHandle(row) {
|
||||
const index = this.textContext.findIndex((item) => {
|
||||
return item.id === row.id
|
||||
})
|
||||
// 根据索引删除数据
|
||||
this.textContext.splice(index, 1)
|
||||
},
|
||||
imageContextAddHandle(){
|
||||
this.imageOpen = true;
|
||||
this.imageTitle = "添加多图文信息";
|
||||
this.$nextTick(() => {
|
||||
this.$refs['imageForm'].resetFields()
|
||||
this.imageForm.id = undefined
|
||||
})
|
||||
},
|
||||
imageContextRemoveHandle(row){
|
||||
const index = this.imageContext.findIndex((item) => {
|
||||
return item.id === row.id
|
||||
})
|
||||
// 根据索引删除数据
|
||||
this.imageContext.splice(index, 1)
|
||||
},
|
||||
imageContextUpdateHandle(row){
|
||||
this.imageOpen = true;
|
||||
this.imageTitle = "编辑多图文信息";
|
||||
this.$nextTick(() => {
|
||||
this.$refs['imageForm'].resetFields()
|
||||
let copy = {}
|
||||
Object.assign(copy,row)
|
||||
this.imageForm = copy;
|
||||
})
|
||||
},
|
||||
imageSubmitForm(){
|
||||
this.$refs["imageForm"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.imageForm.id != null) {
|
||||
const index = this.imageContext.findIndex((item) => {
|
||||
return item.id === this.imageForm.id
|
||||
})
|
||||
this.imageContext[index].image = this.imageForm.image
|
||||
this.imageContext[index].title = this.imageForm.title
|
||||
this.imageContext[index].linkType = this.imageForm.linkType
|
||||
this.imageContext[index].linkUrl = this.imageForm.linkUrl
|
||||
this.imageOpen = false
|
||||
console.log(this.imageContext)
|
||||
} else {
|
||||
this.imageContext.push({
|
||||
id: this.genNonDuplicateID(),
|
||||
image: this.imageForm.image,
|
||||
linkType: this.imageForm.linkType,
|
||||
linkUrl: this.imageForm.linkUrl,
|
||||
title: this.imageForm.title
|
||||
})
|
||||
this.imageOpen = false
|
||||
console.log(this.imageContext)
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
textContextAddHandle() {
|
||||
let b = false;
|
||||
if(this.textContext.length === 0){
|
||||
b = true;
|
||||
}
|
||||
this.textContext.push({
|
||||
id: this.genNonDuplicateID(),
|
||||
n: undefined,
|
||||
v: undefined
|
||||
})
|
||||
if(b){
|
||||
this.rowDrop()
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 生成一个用不重复的ID
|
||||
*/
|
||||
genNonDuplicateID(randomLength) {
|
||||
if (randomLength) {
|
||||
randomLength = 8
|
||||
}
|
||||
return Number(Math.random().toString().substr(3, randomLength) + Date.now()).toString(36)
|
||||
},
|
||||
// 表单提交
|
||||
submitForm() {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true
|
||||
if (this.form.id != null) {
|
||||
updateSysPush(this.form).then(data => {
|
||||
this.$modal.msgSuccess('修改成功')
|
||||
this.$modal.buttonLoading = false
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false
|
||||
})
|
||||
} else {
|
||||
addSysPush({
|
||||
master: this.form,
|
||||
textContext: this.textContext,
|
||||
imageContext: this.imageContext
|
||||
}).then(data => {
|
||||
this.$modal.msgSuccess('新增成功')
|
||||
this.buttonLoading = false
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
282
src/views/cai/sysPush/index.vue
Normal file
282
src/views/cai/sysPush/index.vue
Normal file
@@ -0,0 +1,282 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="群体类型" prop="groupId">
|
||||
<el-select v-model="queryParams.groupId" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in systemPushGroupIdList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-select v-model="queryParams.status" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in systemPushStatusList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="标题" prop="title">
|
||||
<el-input
|
||||
v-model="queryParams.title"
|
||||
placeholder="请输入标题"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['cai:sysPush:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="sysPushList" @selection-change="handleSelectionChange">
|
||||
<el-table-column label="id" align="center" prop="id" width="50"/>
|
||||
<el-table-column label="群体类型" align="center" prop="groupId" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="systemPushGroupIdList" :value="scope.row.groupId"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="消息类型" align="center" prop="type" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="systemPushTypeList" :value="scope.row.type"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="用户" align="center" prop="usercode" />
|
||||
<el-table-column label="标题" align="center" prop="title" show-overflow-tooltip/>
|
||||
<!-- <el-table-column label="内容" align="center" prop="content" />-->
|
||||
<!-- <el-table-column label="前端参数" align="center" prop="params" />-->
|
||||
<el-table-column label="备注说明" align="center" prop="remark" show-overflow-tooltip/>
|
||||
<el-table-column label="发送类型" align="center" prop="sendTimeType" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="systemPushSendTimeTypeList" :value="scope.row.sendTimeType"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发送时间" align="center" prop="sendTime" width="180" />
|
||||
<!-- <el-table-column label="已推送人数" align="center" prop="num" />-->
|
||||
<el-table-column label="状态" align="center" prop="status">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="systemPushStatusList" :value="scope.row.status"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="完成时间" align="center" prop="endtime" width="180" />-->
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width="160" />
|
||||
<el-table-column label="更新时间" align="center" prop="updateTime" width="160" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="100">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
v-if="scope.row.status === 0"
|
||||
@click="handleRun(scope.row)"
|
||||
v-hasPermi="['cai:sysPush:run']"
|
||||
>执行</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleInfo(scope.row)"
|
||||
v-hasPermi="['cai:sysPush:edit']"
|
||||
>预览</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
v-if="scope.row.status === 0 && scope.row.sendTimeType === 1"
|
||||
@click="handleClose(scope.row)"
|
||||
v-hasPermi="['cai:sysPush:close']"
|
||||
>取消</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:sysPush:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<add-sys-push-dialog v-if="addSysPushDialogVisible" ref="addSysPushDialog" @refreshDataList="getList" />
|
||||
|
||||
<el-dialog title="系统消息查看" :close-on-click-modal="false" :visible.sync="infoOpen" width="350px" append-to-body>
|
||||
<preview-client :data="infoData.form" :textContext="infoData.textContext" :imageContext="infoData.imageContext"></preview-client>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="infoOpen = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { closeSysPush, delSysPush, listSysPush, runSysPush } from '@/api/cai/sysPush'
|
||||
import {
|
||||
systemPushGroupIdList,
|
||||
systemPushLogStatus,
|
||||
systemPushSendTimeTypeList,
|
||||
systemPushStatusList,
|
||||
systemPushTypeList
|
||||
} from '@/constant/statusMap'
|
||||
import AddSysPushDialog from '@/views/cai/sysPush/add-sys-push-dialog.vue'
|
||||
import PreviewClient from '@/components/PreviewInMobileClient/index.vue'
|
||||
|
||||
export default {
|
||||
name: "SysPush",
|
||||
components: {
|
||||
AddSysPushDialog,PreviewClient
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemPushGroupIdList,systemPushLogStatus,systemPushSendTimeTypeList,systemPushStatusList,systemPushTypeList,
|
||||
addSysPushDialogVisible: false,
|
||||
infoOpen: false,
|
||||
infoData:{
|
||||
form:{},
|
||||
textContext:[],
|
||||
imageContext:[]
|
||||
},
|
||||
// 按钮loading
|
||||
buttonLoading: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 推送系统消息表格数据
|
||||
sysPushList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
groupId: undefined,
|
||||
type: undefined,
|
||||
title: undefined,
|
||||
content: undefined,
|
||||
params: undefined,
|
||||
sendTimeType: undefined,
|
||||
status: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
handleInfo(row){
|
||||
let parse = JSON.parse(row.params);
|
||||
this.$set(this.infoData,'form',parse.master)
|
||||
this.$set(this.infoData,'textContext',parse.textContext)
|
||||
this.$set(this.infoData,'imageContext',parse.imageContext)
|
||||
console.log(this.infoData)
|
||||
this.infoOpen = true;
|
||||
},
|
||||
/** 查询推送系统消息列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listSysPush(this.queryParams).then(response => {
|
||||
this.sysPushList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.addSysPushDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.addSysPushDialog.init()
|
||||
})
|
||||
},
|
||||
handleClose(row){
|
||||
this.$modal.confirm('是否确定取消定时推送系统【"' + row.title + '"】的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return closeSysPush(row.id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("取消成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleRun(row){
|
||||
this.$modal.confirm('是否确认执行推送系统【"' + row.title + '"】的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return runSysPush(row.id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("执行成功，请等待执行结果");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除推送系统消息编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delSysPush(ids);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
200
src/views/cai/sysPushLog/index.vue
Normal file
200
src/views/cai/sysPushLog/index.vue
Normal file
@@ -0,0 +1,200 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="系统推送ID" prop="sysPushId" label-width="100px">
|
||||
<el-input
|
||||
v-model="queryParams.sysPushId"
|
||||
placeholder="请输入系统推送ID"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="sysPushLogList" @selection-change="handleSelectionChange">
|
||||
<el-table-column label="系统推送id" align="center" prop="sysPushId" />
|
||||
<el-table-column label="推送到的用户id" align="center" prop="userJson" >
|
||||
<template v-slot="scope">
|
||||
<el-button size="mini" type="text" @click="handleShowUser(scope.row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="推送人数" align="center" prop="num" />
|
||||
<el-table-column label="推送状态" align="center" prop="status">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="systemPushLogStatus" :value="scope.row.status"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="推送返回的结果" align="center" prop="result" show-overflow-tooltip/>
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width="160" fixed="right"/>
|
||||
</el-table>
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<el-dialog title="推送名单" :close-on-click-modal="false" :visible.sync="showUserOpen" width="700px" append-to-body>
|
||||
<el-form :model="userForm" ref="userForm" size="small" :inline="true" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="name">
|
||||
<el-input
|
||||
v-model="userForm.name"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleUserQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetUserQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="people_list" >
|
||||
<div class="people_list-item" v-for="value in userList">
|
||||
<!-- <el-tag
|
||||
class="people_list-item_name"
|
||||
:key="value.usercode"
|
||||
type="info"
|
||||
effect="plain">
|
||||
{{ value.usercode }}
|
||||
</el-tag>-->
|
||||
<el-tooltip class="item" effect="dark" :content="value.nickname+'('+value.usercode+')'" placement="top-start">
|
||||
<div class="people_list-item_name">{{value.nickname}}({{ value.usercode }})</div>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listSysPushLog } from '@/api/cai/sysPushLog'
|
||||
import {
|
||||
systemPushGroupIdList,
|
||||
systemPushLogStatus,
|
||||
systemPushSendTimeTypeList,
|
||||
systemPushStatusList,
|
||||
systemPushTypeList
|
||||
} from '@/constant/statusMap'
|
||||
|
||||
export default {
|
||||
name: "SysPushLog",
|
||||
data() {
|
||||
return {
|
||||
systemPushGroupIdList,systemPushLogStatus,systemPushSendTimeTypeList,systemPushStatusList,systemPushTypeList,
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 推送系统消息记录表格数据
|
||||
sysPushLogList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
sysPushId: undefined,
|
||||
status: undefined,
|
||||
},
|
||||
sourceUserList:[],
|
||||
userList: [],
|
||||
showUserOpen: false,
|
||||
userForm:{
|
||||
name: undefined
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询推送系统消息记录列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listSysPushLog(this.queryParams).then(response => {
|
||||
this.sysPushLogList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleShowUser(row){
|
||||
this.userList = JSON.parse(row.userJson);
|
||||
this.sourceUserList = JSON.parse(row.userJson);
|
||||
this.showUserOpen = true
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
handleUserQuery(){
|
||||
let name = this.userForm.name
|
||||
console.log(name)
|
||||
if(name){
|
||||
let list = []
|
||||
this.sourceUserList.forEach(value => {
|
||||
console.log(value)
|
||||
if(value.usercode == name){
|
||||
list.push(value)
|
||||
}
|
||||
})
|
||||
this.userList = list
|
||||
}
|
||||
},
|
||||
resetUserQuery(){
|
||||
this.userForm.name = undefined
|
||||
this.userList = this.sourceUserList
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.people_list {
|
||||
width: 100%;
|
||||
border: 1px solid #ccc;
|
||||
overflow: auto;
|
||||
padding: 5px;
|
||||
height: 500px;
|
||||
}
|
||||
.people_list-item {
|
||||
width: 16.5%;
|
||||
height: 22px;
|
||||
padding: 2px 4px;
|
||||
box-sizing: border-box;
|
||||
float: left;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.people_list-item_name {
|
||||
box-sizing: border-box;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #ccc;
|
||||
padding: 0 2px;
|
||||
overflow: hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
</style>
|
||||
190
src/views/cai/unionUser/index.vue
Normal file
190
src/views/cai/unionUser/index.vue
Normal file
@@ -0,0 +1,190 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="unionUserList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column label="工会名" align="center" prop="unionName"/>
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode"/>
|
||||
<el-table-column label="手机号" align="center" prop="mobile"/>
|
||||
<el-table-column label="昵称" align="center" prop="nickname"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar">
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="gender">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="genderList" :value="scope.row.gender"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="主播" align="center" prop="isAnchor">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="isAnchorList" :value="scope.row.isAnchor"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="视频分成比例" align="center" prop="videoDivide"/>
|
||||
<el-table-column label="礼物分成比例" align="center" prop="giftDivide"/>
|
||||
<el-table-column label="开启提成" align="center" prop="enableRate" width="80">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="booleanList" :value="scope.row.enableRate"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="入会时间" align="center" prop="createTime" width="150"/>
|
||||
<!-- <el-table-column label="vip分成" align="center" prop="vipDivide" />-->
|
||||
<!-- <el-table-column label="收益" align="center" prop="unionEarning" />-->
|
||||
<el-table-column label="状态" align="center" prop="status">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="userStatusList" :value="scope.row.status"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['cai:unionUser:edit']"
|
||||
>修改
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<union-user-update-dialog v-if="unionUserUpdateDialogVisible" ref="unionUserUpdateDialog" @refreshDataList="getList"/>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {delUnionUser, listUnionUser} from "@/api/cai/unionUser";
|
||||
import {booleanList, genderList, isAnchorList, userStatusList, yesOrNoList} from "@/constant/statusMap";
|
||||
import UnionUserUpdateDialog from "@/views/cai/unionUser/union-user-update-dialog";
|
||||
|
||||
export default {
|
||||
name: "UnionUser",
|
||||
components: {
|
||||
UnionUserUpdateDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList, booleanList, userStatusList, yesOrNoList,isAnchorList,
|
||||
unionUserUpdateDialogVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 工会成员表格数据
|
||||
unionUserList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
unionId: undefined,
|
||||
userId: undefined,
|
||||
videoDivide: undefined,
|
||||
giftDivide: undefined,
|
||||
vipDivide: undefined,
|
||||
type: undefined,
|
||||
unionEarning: undefined,
|
||||
isInitiative: undefined
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.queryParams.unionId = this.$route.query.unionId
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询工会成员列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUnionUser(this.queryParams).then(response => {
|
||||
this.unionUserList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.unionUserUpdateDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.unionUserUpdateDialog.init(row)
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除工会成员编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delUnionUser(ids);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
104
src/views/cai/unionUser/union-user-update-dialog.vue
Normal file
104
src/views/cai/unionUser/union-user-update-dialog.vue
Normal file
@@ -0,0 +1,104 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="昵称" prop="nickname">
|
||||
<el-input v-model="form.nickname" placeholder="" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input v-model="form.mobile" placeholder="" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input v-model="form.usercode" placeholder="" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="开启提成" prop="enableRate">
|
||||
<el-radio-group v-model="form.enableRate">
|
||||
<el-radio :label="true">开启</el-radio>
|
||||
<el-radio :label="false">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="视频提成" prop="videoDivide">
|
||||
<el-input v-model="form.videoDivide" />
|
||||
</el-form-item>
|
||||
<el-form-item label="礼物提成" prop="giftDivide">
|
||||
<el-input v-model="form.giftDivide" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getUnionUser, updateUnionUser} from "@/api/cai/unionUser";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
id: undefined,
|
||||
nickname: undefined,
|
||||
mobile: undefined,
|
||||
usercode: undefined,
|
||||
videoDivide: undefined,
|
||||
giftDivide: undefined,
|
||||
enableRate: undefined,
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
enableRate: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
giftDivide: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
videoDivide: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init (row) {
|
||||
let id = row.id;
|
||||
this.form.id = id || undefined;
|
||||
this.title = "修改工会成员配置";
|
||||
this.open = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form'].resetFields();
|
||||
getUnionUser(id).then(response => {
|
||||
this.form = response.data;
|
||||
this.form.nickname = row.nickname;
|
||||
this.form.usercode = row.usercode;
|
||||
this.form.mobile = row.mobile;
|
||||
});
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
updateUnionUser(this.form).then(data => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
102
src/views/cai/user/bind-invite-dialog.vue
Normal file
102
src/views/cai/user/bind-invite-dialog.vue
Normal file
@@ -0,0 +1,102 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-autocomplete
|
||||
class="inline-input"
|
||||
v-model="form.usercode"
|
||||
:fetch-suggestions="querySearch"
|
||||
placeholder="请输入内容"
|
||||
@select="handleSelect"
|
||||
></el-autocomplete>
|
||||
</el-form-item>
|
||||
<el-form-item label="昵称" v-if="info.nickname">
|
||||
{{ info.nickname }} 【{{ info.usercode }}】
|
||||
</el-form-item>
|
||||
<el-form-item label="性别" v-if="info.gender">
|
||||
<cai-dict-tag :options="genderList" :value="info.gender" />
|
||||
</el-form-item>
|
||||
<el-form-item label="头像" v-if="info.avatar">
|
||||
<image-avatar :src="info.avatar"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ImageUpload from '@/components/ImageUpload/index'
|
||||
import { getUserByUsercode, listUserByUserCode, userBindInvite } from '@/api/cai/user'
|
||||
import { genderList } from '@/constant/statusMap'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ImageUpload,
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList,
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
id: undefined,
|
||||
usercode: undefined,
|
||||
},
|
||||
info:{},
|
||||
// 表单校验
|
||||
rules: {
|
||||
usercode: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
]
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init (id) {
|
||||
this.open = true;
|
||||
this.title = "设置用户邀请人"
|
||||
this.info = {};
|
||||
this.form.id = id
|
||||
this.form.usercode = undefined
|
||||
},
|
||||
querySearch(querySearch,cb){
|
||||
listUserByUserCode(querySearch).then(res => {
|
||||
cb(res.data.map((terminal) => {
|
||||
return {
|
||||
value: terminal,
|
||||
name: terminal,
|
||||
};
|
||||
}))
|
||||
})
|
||||
},
|
||||
handleSelect(item){
|
||||
getUserByUsercode(item.value).then(res => {
|
||||
this.info = res.data
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
userBindInvite(this.form.id,this.form.usercode).then(data => {
|
||||
this.$modal.msgSuccess("绑定成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
428
src/views/cai/user/index.vue
Normal file
428
src/views/cai/user/index.vue
Normal file
@@ -0,0 +1,428 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="昵称" prop="nickname">
|
||||
<el-input
|
||||
v-model="queryParams.nickname"
|
||||
placeholder="请输入昵称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="性别" prop="gender">
|
||||
<el-select v-model="queryParams.gender" placeholder="性别" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in genderList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="城市" prop="city">
|
||||
<el-input
|
||||
v-model="queryParams.city"
|
||||
placeholder="请输入"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['cai:user:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode" />
|
||||
<el-table-column label="昵称" align="center" prop="nickname" />
|
||||
<el-table-column label="手机号" align="center" prop="mobile" width="120"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar" >
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="gender">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="genderList" :value="scope.row.gender" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="邀请人" align="center" prop="inviteId" show-overflow-tooltip width="60">
|
||||
<template v-slot="scope">
|
||||
<span v-if="!scope.row.inviteId">-</span>
|
||||
<span v-if="scope.row.inviteId">{{scope.row.inviteNickname}}({{scope.row.inviteUsercode}})</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="年龄" align="center" prop="age" />
|
||||
<el-table-column label="所在城市" align="center" prop="city" />
|
||||
<el-table-column label="主播" align="center" prop="isAnchor">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="isAnchorList" :value="scope.row.isAnchor"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="会长" align="center" prop="isUnion">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="isAnchorList" :value="scope.row.isAnchor"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="自拍认证" align="center" prop="cameraStatus">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="authList" :value="scope.row.cameraStatus" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="最后登陆时间" align="center" prop="lastLoginTime" width="150"/>
|
||||
<el-table-column label="登陆IP" align="center" prop="lastLoginIp" width="125"/>
|
||||
<el-table-column label="注册时间" align="center" prop="regTime" width="150"/>
|
||||
<!-- <el-table-column label="加入IP" align="center" prop="regIp" width="125"/>-->
|
||||
<el-table-column label="状态" align="center" prop="status">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="userStatusList" :value="scope.row.status" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="120" fixed="right">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleInfo(scope.row)"
|
||||
>详情</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['cai:user:edit']"
|
||||
>修改</el-button>
|
||||
<el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['cai:userUnion:remove']">
|
||||
<el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<!-- <el-dropdown-item command="handleDelete" icon="el-icon-info">完整信息</el-dropdown-item>-->
|
||||
<el-dropdown-item v-hasPermi="['cai:user:restPwd']" command="handleResetPwd" icon="el-icon-key">重置密码</el-dropdown-item>
|
||||
<el-dropdown-item v-hasPermi="['cai:user:updateMobile']" command="handleResetMobile" icon="el-icon-phone">修改手机</el-dropdown-item>
|
||||
<el-dropdown-item v-hasPermi="['cai:user:lock']" command="handleUserForbid" icon="el-icon-lock">封禁</el-dropdown-item>
|
||||
<el-dropdown-item v-hasPermi="['cai:user:unBindInvite']" v-if="scope.row.inviteId" command="handleUserUnBindInvite" icon="el-icon-unlock"><span style="color: red">解绑邀请</span></el-dropdown-item>
|
||||
<el-dropdown-item v-hasPermi="['cai:user:bindInvite']" v-if="!scope.row.inviteId" command="handleUserBindInvite" icon="el-icon-link">绑定邀请</el-dropdown-item>
|
||||
<el-dropdown-item v-hasPermi="['cai:user:resetAvatar']" command="handleUserResetAvatar" icon="el-icon-refresh-right">重置头像</el-dropdown-item>
|
||||
<el-dropdown-item v-hasPermi="['cai:user:resetNickname']" command="handleUserResetNickname" icon="el-icon-refresh-right">重置昵称</el-dropdown-item>
|
||||
<el-dropdown-item v-hasPermi="['cai:user:remove']" command="handleDelete" icon="el-icon-delete" ><span style="color: red">删除</span></el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<user-add-update-dialog v-if="userAddUpdateDialogVisible" ref="userAddUpdateDialog" @refreshDataList="getList" />
|
||||
<user-info-dialog v-if="userInfoDialogVisible" ref="userInfoDialog" />
|
||||
<user-forbid-dialog v-if="userForbidVisible" ref="userForbid" @refreshDataList="getList" />
|
||||
<bind-invite-dialog v-if="bindInviteDialogVisible" ref="bindInviteDialog" @refreshDataList="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
delUser,
|
||||
getFullUser, getUser,
|
||||
listUser,
|
||||
resetUserMobile,
|
||||
resetUserPassword,
|
||||
userResetAvatar,
|
||||
userResetNickname, userUnBindInvite
|
||||
} from '@/api/cai/user'
|
||||
import {authList, genderList, isAnchorList, userStatusList, videoStatusList} from '@/constant/statusMap'
|
||||
import UserAddUpdateDialog from '@/views/cai/user/user-add-update-dialog.vue'
|
||||
import UserInfoDialog from "@/views/cai/user/user-info-dialog";
|
||||
import UserForbidDialog from "@/views/cai/user/user-forbid-dialog";
|
||||
import BindInviteDialog from '@/views/cai/user/bind-invite-dialog.vue'
|
||||
|
||||
export default {
|
||||
name: "User",
|
||||
components:{
|
||||
UserForbidDialog,BindInviteDialog,
|
||||
UserAddUpdateDialog,UserInfoDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
genderList,authList,userStatusList,isAnchorList,videoStatusList,
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
userForbidVisible: false,
|
||||
bindInviteDialogVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 用户表格数据
|
||||
userList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
usercode: undefined,
|
||||
nickname: undefined,
|
||||
mobile: undefined,
|
||||
gender: undefined,
|
||||
city: undefined,
|
||||
},
|
||||
userAddUpdateDialogVisible: false,
|
||||
userInfoDialogVisible: false
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询用户列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUser(this.queryParams).then(response => {
|
||||
this.userList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleUpdate(row){
|
||||
this.userAddUpdateDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
const id = row.id || this.ids
|
||||
this.$refs.userAddUpdateDialog.init(id)
|
||||
})
|
||||
},
|
||||
handleInfo(row){
|
||||
this.userInfoDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.userInfoDialog.init(row.id)
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
getFullUser(row.id).then(response => {
|
||||
let user = response.data.user
|
||||
let account = response.data.account
|
||||
let anchor = response.data.anchor
|
||||
let userCount = response.data.userCount
|
||||
if(user.isUnion === 1){
|
||||
this.$modal.msgError("该用户检测为工会会长，请先解散工会后再删除用户")
|
||||
return;
|
||||
}
|
||||
let html = `<p>确认删除用户:<span style="color: red">` + user.nickname + `</span> 吗？</p>`
|
||||
+ `<p>用户余额:<span style="color: red">` + account.incomeCoin + `</span></p>`
|
||||
+ `<p>用户收益:<span style="color: red">` + account.totalBuyMoney + `</span></p>`
|
||||
+ `<p>粉丝数:<span style="color: red">` + userCount.fansCount + `</span></p>`
|
||||
if(anchor){
|
||||
html = html + `<p style="color: red"> 并且用户为主播，是否继续删除？</p>`
|
||||
}
|
||||
html = html + `<p style="color: red">删除后将无法撤回，请谨慎操作</p>`
|
||||
this.$confirm(html, '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
dangerouslyUseHTMLString: true,
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.loading = true
|
||||
return delUser(row.id)
|
||||
}).then(() => {
|
||||
this.loading = false
|
||||
this.getList()
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(()=>{
|
||||
this.loading = false
|
||||
})
|
||||
})
|
||||
},
|
||||
/** 重置密码按钮操作 */
|
||||
handleResetPwd(row) {
|
||||
this.$prompt('请输入"' + row.usercode + '"的新密码', "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
closeOnClickModal: false,
|
||||
inputPattern: /^.{5,20}$/,
|
||||
inputErrorMessage: "用户密码长度必须介于 5 和 20 之间"
|
||||
}).then(({ value }) => {
|
||||
resetUserPassword({
|
||||
userId: row.id,
|
||||
password: value,
|
||||
}).then(response => {
|
||||
this.$modal.msgSuccess("修改成功，新密码是：" + value);
|
||||
});
|
||||
}).catch(() => {});
|
||||
},
|
||||
handleResetMobile(row){
|
||||
this.$prompt('请输入"' + row.nickname + '"的新手机号', "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
closeOnClickModal: false,
|
||||
inputPattern: /^1[0-9]{10}$/,
|
||||
inputErrorMessage: "请输入正确格式的手机号"
|
||||
}).then(({ value }) => {
|
||||
resetUserMobile({
|
||||
id: row.id,
|
||||
mobile: value,
|
||||
}).then(response => {
|
||||
this.getList()
|
||||
this.$modal.msgSuccess("修改成功，新手机号是：" + value);
|
||||
});
|
||||
}).catch(() => {});
|
||||
},
|
||||
handleUserForbid(row){
|
||||
this.userForbidVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.userForbid.init(row.id)
|
||||
})
|
||||
},
|
||||
handleUserResetAvatar(row){
|
||||
this.$modal.confirm('是否确认重置用户"' + row.nickname + '"的头像？').then(() => {
|
||||
this.loading = true;
|
||||
return userResetAvatar(row.id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("重置成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleUserResetNickname(row){
|
||||
this.$modal.confirm('是否确认重置用户"' + row.nickname + '"的昵称？').then(() => {
|
||||
this.loading = true;
|
||||
return userResetNickname(row.id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("重置成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleUserBindInvite(row){
|
||||
this.bindInviteDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.bindInviteDialog.init(row.id)
|
||||
})
|
||||
},
|
||||
handleUserUnBindInvite(row){
|
||||
getUser(row.inviteId).then(response => {
|
||||
let inviteUser = response.data;
|
||||
if(!inviteUser){
|
||||
this.$modal.msgError("该用户不存在推荐人，无需解除")
|
||||
return;
|
||||
}
|
||||
let html = `<p>确认解除用户:<span style="color: cadetblue">` + row.nickname + `</span> 的推荐人？</p>`
|
||||
+ `<p>推荐人蜜瓜号:<span style="color: red">` + inviteUser.usercode + `</span></p>`
|
||||
+ `<p>推荐人昵称:<span style="color: red">` + inviteUser.nickname + `</span></p>`
|
||||
this.$confirm(html, '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
dangerouslyUseHTMLString: true,
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.loading = true
|
||||
return userUnBindInvite(row.id)
|
||||
}).then(() => {
|
||||
this.$modal.msgSuccess("解除成功");
|
||||
this.loading = false
|
||||
this.getList()
|
||||
}).catch(() => {
|
||||
}).finally(()=>{
|
||||
this.loading = false
|
||||
})
|
||||
})
|
||||
},
|
||||
handleCommand(command, row) {
|
||||
switch (command) {
|
||||
case "handleDelete":
|
||||
this.handleDelete(row);
|
||||
break;
|
||||
case "handleResetPwd":
|
||||
this.handleResetPwd(row);
|
||||
break;
|
||||
case "handleResetMobile":
|
||||
this.handleResetMobile(row);
|
||||
break;
|
||||
case "handleUserForbid":
|
||||
this.handleUserForbid(row);
|
||||
break;
|
||||
case "handleUserResetAvatar":
|
||||
this.handleUserResetAvatar(row);
|
||||
break;
|
||||
case "handleUserResetNickname":
|
||||
this.handleUserResetNickname(row);
|
||||
break;
|
||||
case "handleUserBindInvite":
|
||||
this.handleUserBindInvite(row);
|
||||
break;
|
||||
case "handleUserUnBindInvite":
|
||||
this.handleUserUnBindInvite(row);
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
104
src/views/cai/user/user-add-update-dialog.vue
Normal file
104
src/views/cai/user/user-add-update-dialog.vue
Normal file
@@ -0,0 +1,104 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="昵称" prop="nickname">
|
||||
<el-input v-model="form.nickname" placeholder="请输入昵称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="头像" prop="avatar">
|
||||
<image-upload2 v-model="form.avatar"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="性别" prop="gender">
|
||||
<el-radio-group v-model="form.gender">
|
||||
<el-radio :label="2">男</el-radio>
|
||||
<el-radio :label="1">女</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="可发动态" prop="sendDynamic">
|
||||
<el-radio-group v-model="form.sendDynamic">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ImageUpload from '@/components/ImageUpload/index'
|
||||
import { addBanner, getBanner, updateBanner } from '@/api/cai/banner'
|
||||
import { addUser, getUser, updateUser } from '@/api/cai/user'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ImageUpload,
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
id: undefined,
|
||||
nickname: undefined,
|
||||
avatar: undefined,
|
||||
gender: undefined,
|
||||
sendDynamic: undefined,
|
||||
mobile: undefined,
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
mobile: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
nickname: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
avatar: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
gender: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
sendDynamic: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
]
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init (id) {
|
||||
this.form.id = id || undefined;
|
||||
this.title = "修改用户";
|
||||
this.open = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form'].resetFields();
|
||||
getUser(id).then(response => {
|
||||
this.form = response.data;
|
||||
});
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
updateUser(this.form).then(data => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
165
src/views/cai/user/user-forbid-dialog.vue
Normal file
165
src/views/cai/user/user-forbid-dialog.vue
Normal file
@@ -0,0 +1,165 @@
|
||||
<template>
|
||||
<el-dialog title="封禁" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="封禁用户" prop="">
|
||||
<div class="context-avatar-center">
|
||||
{{ userData.nickname }} 【{{ userData.usercode }}】 <image-avatar :src="userData.avatar"/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="用户目前情况" prop="">
|
||||
<div>用户【{{userData.nickname}}】: <span v-html="userForbidMessage"/></div>
|
||||
<div v-if="userInfoData.lastLoginIp">最后登陆IP【{{userInfoData.lastLoginIp}}】: <span v-html="ipForbidMessage"/></div>
|
||||
<div v-if="userInfoData.imei">设备号【{{userInfoData.imei}}】: <span v-html="imeiForbidMessage"/></div>
|
||||
</el-form-item>
|
||||
<el-form-item label="封禁设备确认" v-if="form.type.includes(3)">
|
||||
<el-input v-model="userInfoData.imei" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="封禁IP确认" v-if="form.type.includes(5)">
|
||||
<el-input v-model="userInfoData.lastLoginIp" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="封禁类型" prop="type">
|
||||
<el-checkbox-group v-model="form.type" @change="typeChange">
|
||||
<el-checkbox :label="1">用户</el-checkbox>
|
||||
<el-checkbox :label="3">设备</el-checkbox>
|
||||
<el-checkbox :label="5">登录IP</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="封禁时长" prop="forbidTime">
|
||||
<el-radio-group v-model="form.forbidTime">
|
||||
<el-radio
|
||||
v-for="dict in forbidTimeList"
|
||||
:key="dict.value"
|
||||
:label="dict.value"
|
||||
><span :class="dict.value === 0 ? 'red-color' : ''">{{dict.label}}</span></el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="理由" prop="reason">
|
||||
<el-input v-model="form.reason" placeholder="请输入理由" type="textarea" :rows="2"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ImageUpload from '@/components/ImageUpload/index'
|
||||
import { getUser, userForbid } from '@/api/cai/user'
|
||||
import {forbidStatusList, forbidTimeList, forbidTypeList} from "@/constant/statusMap";
|
||||
import { userForbidInfo } from '@/api/cai/userForbid'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ImageUpload,
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
forbidTypeList,forbidStatusList,
|
||||
forbidTimeList:[],
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
userId: undefined,
|
||||
type: [],
|
||||
forbidTime: undefined,
|
||||
reason: undefined,
|
||||
},
|
||||
userData:{},
|
||||
userInfoData:{},
|
||||
userForbid:{},
|
||||
ipUserForbid:{},
|
||||
imeiUserForbid:{},
|
||||
userForbidMessage: '',
|
||||
ipForbidMessage: '',
|
||||
imeiForbidMessage: '',
|
||||
// 表单校验
|
||||
rules: {
|
||||
type: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
forbidTime: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
reason: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
]
|
||||
},
|
||||
buttonLoading: false,
|
||||
ipShow: false,
|
||||
uuidShow: false
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.forbidTimeList = [{ value: 0, label: '解封' }]
|
||||
this.forbidTimeList = this.forbidTimeList.concat(forbidTimeList)
|
||||
},
|
||||
methods: {
|
||||
init (userId) {
|
||||
this.$nextTick(() => {
|
||||
userForbidInfo(userId).then(res => {
|
||||
this.userData = res.data.user
|
||||
this.userInfoData = res.data.userInfo
|
||||
this.userForbid = res.data.userForbid
|
||||
this.ipUserForbid = res.data.ipUserForbid
|
||||
this.imeiUserForbid = res.data.imeiUserForbid
|
||||
if(this.userForbid){
|
||||
this.userForbidMessage = `<span style="color: red">`+this.userForbid.endTime+`</span><span style="color: burlywood">（`+res.data.userForbidBetween+` 后解封）</span>`
|
||||
}else{
|
||||
this.userForbidMessage = `<span style="color: #1ab394">正常</span>`
|
||||
}
|
||||
if(this.ipUserForbid){
|
||||
this.ipForbidMessage = `<span style="color: red">`+this.ipUserForbid.endTime+`</span><span style="color: burlywood">（`+res.data.ipForbidBetween+` 后解封）</span>`
|
||||
}else{
|
||||
this.ipForbidMessage = `<span style="color: #1ab394">正常</span>`
|
||||
}
|
||||
if(this.imeiUserForbid){
|
||||
this.imeiForbidMessage = `<span style="color: red">`+this.imeiUserForbid.endTime+`</span><span style="color: burlywood">（`+res.data.imeiForbidBetween+` 后解封）</span>`
|
||||
}else{
|
||||
this.imeiForbidMessage = `<span style="color: #1ab394">正常</span>`
|
||||
}
|
||||
|
||||
})
|
||||
})
|
||||
this.form.userId = userId
|
||||
this.form.type = []
|
||||
this.form.forbidTime = undefined
|
||||
this.form.reason = undefined
|
||||
this.ipShow = false
|
||||
this.uuidShow = false
|
||||
this.open = true;
|
||||
},
|
||||
typeChange(value){
|
||||
// this.ipShow = value.includes(3)
|
||||
// this.uuidShow = value.includes(2)
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
userForbid(this.form).then(data => {
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.context-avatar-center {
|
||||
display: flex;
|
||||
align-items: center; /* 垂直居中 */
|
||||
//justify-content: center; /* 水平居中 */
|
||||
}
|
||||
.red-color{
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
292
src/views/cai/user/user-info-dialog.vue
Normal file
292
src/views/cai/user/user-info-dialog.vue
Normal file
@@ -0,0 +1,292 @@
|
||||
<template>
|
||||
<el-dialog title="用户信息" :close-on-click-modal="false" :visible.sync="open" width="1200px" append-to-body>
|
||||
<el-collapse v-model="activeName" >
|
||||
<el-collapse-item title="基本信息" name="base">
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS " class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item label="id">
|
||||
{{info.user.id}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :label="systemName+'号'">
|
||||
{{info.user.usercode}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="手机号">
|
||||
{{info.user.mobile}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="头像">
|
||||
<image-avatar :src="info.user.avatar" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="性别">
|
||||
<cai-dict-tag :options="genderList" :value="info.user.gender" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="年龄">
|
||||
{{info.user.age}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="生日">
|
||||
{{info.user.birthday}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="城市">
|
||||
{{info.user.city}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="昵称">
|
||||
{{info.user.nickname}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="相册" :span="3" v-if="info.userAlbums">
|
||||
<span v-for='val in info.userAlbums'>
|
||||
<image-preview :src="val.url" height="45px" width="45px" />
|
||||
</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="资料完成">
|
||||
<cai-dict-tag :options="authList" :value="info.user.finishStatus" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="自定义头像">
|
||||
<cai-dict-tag :options="authList" :value="info.user.avatarState" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="自拍认证">
|
||||
<cai-dict-tag :options="authList" :value="info.user.cameraStatus" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="是否同意协议">
|
||||
<cai-dict-tag :options="authList" :value="info.user.agreeProtocol" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="视频状态">
|
||||
<cai-dict-tag :options="videoStatusList" :value="info.user.videoStatus" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="状态">
|
||||
<cai-dict-tag :options="userStatusList" :value="info.user.status" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="工会">
|
||||
<cai-dict-tag :options="isAnchorList" :value="info.user.isUnion" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="好友视频提成">
|
||||
{{info.userInfo.videoIncomeRate}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="好友守护提成">
|
||||
{{info.userInfo.guardIncomeRate}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="好友礼物提成">
|
||||
{{info.userInfo.giftIncomeRate}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="好友充值提成">
|
||||
{{info.userInfo.payIncomeRate}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="最后登录IP">
|
||||
{{info.userInfo.lastLoginIp}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="最后登录时间">
|
||||
{{info.userInfo.lastLoginTime}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="最后登录位置">
|
||||
{{info.userInfo.lastLocation}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="注册IP">
|
||||
{{info.userInfo.regIp}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="注册时间">
|
||||
{{info.userInfo.regTime}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="主播">
|
||||
<cai-dict-tag :options="isAnchorList" :value="info.user.isAnchor" />
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="钱包" name="account">
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS" class="margin-top" :column="2" size="medium" border>
|
||||
<el-descriptions-item label="余额">
|
||||
{{info.account.coin}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="收益">
|
||||
{{info.account.incomeCoin}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="充值总额">
|
||||
{{info.account.totalBuyMoney}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="充值总币">
|
||||
{{info.account.totalBuyCoin}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="会员" name="userMember" v-if="info.userMember">
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS" class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item label="类型">
|
||||
<cai-dict-tag :options="memberTypeList" :value="info.userMember.memberType" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="过期时间">
|
||||
{{info.userMember.expireDate}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="会员状态">
|
||||
<cai-dict-tag :options="memberStatusList" :value="info.userMember.status" />
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="主播" name="anchor" v-if="info.anchor">
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS" class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item label="价格">
|
||||
{{info.anchor.price}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="开启视频接听">
|
||||
<cai-dict-tag :options="openVideoStatusList" :value="info.anchor.openVideoStatus" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="视频状态">
|
||||
<cai-dict-tag :options="videoStatusList" :value="info.anchor.videoStatus" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="隐藏接单">
|
||||
<cai-dict-tag :options="orderSwitchList" :value="info.anchor.orderSwitch" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="首页展示">
|
||||
<cai-dict-tag :options="indexDisplayList" :value="info.anchor.indexDisplay" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="用户评分">
|
||||
{{info.anchor.giveScore}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="服务总次数">
|
||||
{{info.anchor.serviceCount}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="服务总时长">
|
||||
{{info.anchor.serviceTime}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="视频分成比例">
|
||||
{{info.anchor.videoRate}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="守护分成比例">
|
||||
{{info.anchor.guardRate}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="礼物分成比列">
|
||||
{{info.anchor.giftRate}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="在线状态" name="userOnline" v-if="info.userOnline">
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS" class="margin-top" :column="2" size="medium" border>
|
||||
<el-descriptions-item label="在线状态">
|
||||
<cai-dict-tag :options="onlineStatusList" :value="info.userOnline.status" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="最后在线时间">
|
||||
{{info.userOnline.lastLiveTime}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="会长" name="union" v-if="info.union">
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS" class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item label="工会名称">
|
||||
{{info.union.name}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="是否开启提成">
|
||||
<cai-dict-tag :options="booleanList" :value="info.union.enableRate" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="默认提成">
|
||||
{{info.union.defaultIncomeRate}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="全部人数">
|
||||
{{info.union.allNum}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="分成的人数">
|
||||
{{info.union.inDivideNum}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="不分成人数">
|
||||
{{info.union.notDivideNum}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="统计" name="userCount" v-if="info.userCount">
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS" class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item label="粉丝总数">
|
||||
{{info.userCount.fansCount}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="关注数">
|
||||
{{info.userCount.followCount}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="足迹数">
|
||||
{{info.userCount.footCount}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="访客数">
|
||||
{{info.userCount.visitorCount}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="相册数量">
|
||||
{{info.userCount.photoCount}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="发帖数量">
|
||||
{{info.userCount.dynamicCount}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="收到的礼物数量">
|
||||
{{info.userCount.receiveGiftCount}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="送礼总数量">
|
||||
{{info.userCount.giveGiftCount}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getFullUser, getUser} from "@/api/cai/user";
|
||||
import {
|
||||
authList,
|
||||
genderList,
|
||||
userStatusList,
|
||||
isAnchorList,
|
||||
videoStatusList,
|
||||
onlineStatusList,
|
||||
memberTypeList,
|
||||
memberStatusList,
|
||||
openVideoStatusList,
|
||||
orderSwitchList,
|
||||
indexDisplayList,
|
||||
booleanList
|
||||
} from '@/constant/statusMap'
|
||||
|
||||
export default {
|
||||
name: "UserInfo",
|
||||
data() {
|
||||
return {
|
||||
genderList,userStatusList,isAnchorList,authList,videoStatusList,onlineStatusList,memberTypeList,
|
||||
memberStatusList,openVideoStatusList,orderSwitchList,indexDisplayList,booleanList,
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
activeName:['base','account','userAlbums'],
|
||||
CS: {
|
||||
'text-align': 'center', //文本居中
|
||||
'min-width': '250px', //最小宽度
|
||||
'word-break': 'break-all' //过长时自动换行
|
||||
},
|
||||
LS: {
|
||||
// 'color': '#000',
|
||||
'text-align': 'center',
|
||||
// 'font-weight': '600',
|
||||
'height': '40px',
|
||||
// 'background-color': 'rgba(255, 97, 2, 0.1)',
|
||||
'min-width': '110px',
|
||||
'word-break': 'keep-all'
|
||||
},
|
||||
open:false,
|
||||
info:{},
|
||||
userId: this.$route.query.id,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
init(userId){
|
||||
this.open = true;
|
||||
this.userId = userId;
|
||||
getFullUser(this.userId).then(response => {
|
||||
this.info = response.data;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-row {
|
||||
margin-bottom: -15px;
|
||||
display: flex;
|
||||
flex-wrap: wrap
|
||||
}
|
||||
|
||||
/* .el-card {
|
||||
min-width: 100%;
|
||||
height: 80%; // 高度要设置百分比才可以
|
||||
margin-right: 20px;
|
||||
transition: all .5s;
|
||||
}*/
|
||||
</style>
|
||||
225
src/views/cai/userAlbum/index.vue
Normal file
225
src/views/cai/userAlbum/index.vue
Normal file
@@ -0,0 +1,225 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="审核状态" prop="auditStatus">
|
||||
<el-select v-model="queryParams.auditStatus" placeholder="审核状态" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in auditStatusList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="userAlbumList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<el-table-column label="审核状态" align="center" prop="auditStatus">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="auditStatusList" :value="scope.row.auditStatus"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode"/>
|
||||
<el-table-column label="手机号" align="center" prop="mobile"/>
|
||||
<el-table-column label="昵称" align="center" prop="nickname"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar">
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="gender">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="genderList" :value="scope.row.gender"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="主播" align="center" prop="isAnchor">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="isAnchorList" :value="scope.row.isAnchor"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="相册" align="center" prop="url">
|
||||
<template v-slot="scope">
|
||||
<image-preview :src="scope.row.url" width="30px" height="30px"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="新增时间" align="center" prop="createTime" />
|
||||
<el-table-column label="审核时间" align="center" prop="auditTime" />
|
||||
<!-- <el-table-column label="审核备注" align="center" prop="auditRemark" />-->
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="150">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
v-if="scope.row.auditStatus === 1"
|
||||
@click="handleAuditSuccess(scope.row)"
|
||||
v-hasPermi="['cai:userAlbum:edit']"
|
||||
>通过
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
v-if="scope.row.auditStatus === 1"
|
||||
@click="handleAuditFail(scope.row)"
|
||||
v-hasPermi="['cai:userAlbum:edit']"
|
||||
>不通过
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:userAlbum:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
auditFailUserAlbum,
|
||||
auditSuccessUserAlbum,
|
||||
delUserAlbum,
|
||||
listUserAlbum,
|
||||
updateUserAlbum
|
||||
} from '@/api/cai/userAlbum'
|
||||
import {auditStatusList, genderList, isAnchorList, userStatusList, yesOrNoList} from "@/constant/statusMap";
|
||||
|
||||
export default {
|
||||
name: "UserAlbum",
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList, userStatusList, yesOrNoList, isAnchorList,auditStatusList,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 相册管理表格数据
|
||||
userAlbumList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
auditStatus: 1,
|
||||
mobile: undefined,
|
||||
usercode: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询相册管理列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserAlbum(this.queryParams).then(response => {
|
||||
this.userAlbumList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleAuditSuccess(row){
|
||||
this.$modal.confirm('是否确认通过用户为"' + row.nickname + '"的相册？').then(() => {
|
||||
this.loading = true;
|
||||
return auditSuccessUserAlbum({
|
||||
id: row.id
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleAuditFail(row){
|
||||
this.$modal.confirm('是否不确认通过用户为"' + row.nickname + '"的相册？').then(() => {
|
||||
this.loading = true;
|
||||
return auditFailUserAlbum({
|
||||
id: row.id
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除相册管理编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delUserAlbum(ids);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
226
src/views/cai/userCall/index.vue
Normal file
226
src/views/cai/userCall/index.vue
Normal file
@@ -0,0 +1,226 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
|
||||
<el-form-item label="房间号" prop="id">
|
||||
<el-input
|
||||
v-model="queryParams.id"
|
||||
placeholder="请输入房间号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'拨打方'+systemName+'号'" prop="fromUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.fromUsercode"
|
||||
:placeholder="'请输入拨打方'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'接收方'+systemName+'号'" prop="toUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.toUsercode"
|
||||
:placeholder="'请输入接收方'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-select v-model="queryParams.status" placeholder="状态" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in userCallStatusList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="链路号" prop="traceId">
|
||||
<el-input
|
||||
v-model="queryParams.traceId"
|
||||
placeholder="请输入链路号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="userCallList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<el-table-column label="房间号" align="center" prop="id" show-overflow-tooltip />
|
||||
<el-table-column label="拨打方" align="center">
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="fromUsercode" />
|
||||
<el-table-column label="手机号" align="center" prop="fromMobile" width="120" />
|
||||
</el-table-column>
|
||||
<el-table-column label="接收方" align="center">
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="toUsercode" />
|
||||
<el-table-column label="头像" align="center" prop="toAvatar">
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.toAvatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" align="center" prop="status" width="120">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="userCallStatusList" :value="scope.row.status"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="开始时间" align="center" prop="beginTime" width="160"/>
|
||||
<el-table-column label="结束时间" align="center" prop="endTime" width="160" />
|
||||
<el-table-column label="通话时长" align="center" prop="callTime" :formatter="callTimeFormatter"/>
|
||||
<el-table-column label="单价" align="center" prop="callPrice" />
|
||||
<el-table-column label="金额" align="center" prop="callAmount" />
|
||||
<el-table-column label="删除状态" align="center" prop="deleteFlag" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="deleteFlagList" :value="scope.row.deleteFlag"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="链路号" align="center" prop="traceId" show-overflow-tooltip/>
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width="160" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="140" fixed="right">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-info"
|
||||
@click="handleInfo(scope.row)"
|
||||
>详情</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-info"
|
||||
v-if="scope.row.traceId"
|
||||
@click="handleConsumerLog(scope.row)"
|
||||
>分销
|
||||
</el-button>
|
||||
<!-- <el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['cai:userCall:edit']"
|
||||
>修改</el-button>-->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<consume-log-info v-if="consumeLogInfoVisible" ref="consumeLogInfo" />
|
||||
<user-call-info v-if="userCallInfoVisible" ref="userCallInfo" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listUserCall} from "@/api/cai/userCall";
|
||||
import ConsumeLogInfo from "@/views/cai/consumeLog/consume-log-info";
|
||||
import UserCallInfo from "@/views/cai/userCall/user-call-info";
|
||||
import {deleteFlagList, userCallStatusList} from "@/constant/statusMap";
|
||||
|
||||
export default {
|
||||
name: "UserCall",
|
||||
components:{
|
||||
ConsumeLogInfo,UserCallInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
userCallStatusList,deleteFlagList,
|
||||
consumeLogInfoVisible: false,
|
||||
userCallInfoVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 通话记录表格数据
|
||||
userCallList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
id: undefined,
|
||||
fromUsercode: undefined,
|
||||
toUsercode: undefined,
|
||||
status: undefined,
|
||||
deleteFlag: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
|
||||
callTimeFormatter(row,column){
|
||||
let callTime = row.callTime;
|
||||
if(!callTime){
|
||||
return "00:00:00"
|
||||
}
|
||||
const hour = parseInt(callTime / 3600) % 24;
|
||||
const minute = parseInt((callTime % 3600) / 60);
|
||||
const second = callTime % 60;
|
||||
return [hour, minute, second].map(function(item) {
|
||||
return item < 10 ? '0' + item : item;
|
||||
}).join(':');
|
||||
},
|
||||
/** 查询通话记录列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserCall(this.queryParams).then(response => {
|
||||
this.userCallList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleConsumerLog(row) {
|
||||
this.consumeLogInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.consumeLogInfo.traceIdInit(row.traceId)
|
||||
})
|
||||
},
|
||||
handleInfo(row){
|
||||
this.userCallInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.userCallInfo.init(row.id)
|
||||
})
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
136
src/views/cai/userCall/user-call-info.vue
Normal file
136
src/views/cai/userCall/user-call-info.vue
Normal file
@@ -0,0 +1,136 @@
|
||||
<template>
|
||||
<el-dialog title="通话记录详情" :close-on-click-modal="false" :visible.sync="open" width="1200px" append-to-body>
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS " class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item label="房间号">
|
||||
{{info.id}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="状态">
|
||||
<cai-dict-tag :options="userCallStatusList" :value="info.status"/>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="删除状态">
|
||||
<cai-dict-tag :options="deleteFlagList" :value="info.deleteFlag"/>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="拨打方ID">
|
||||
{{info.fromUid}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :label="'拨打方'+systemName+'号'">
|
||||
{{info.fromUsercode}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="拨打方头像">
|
||||
<image-avatar :src="info.fromAvatar"/>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="接收方ID">
|
||||
{{info.toUid}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :label="'接收方'+systemName+'号'">
|
||||
{{info.toUsercode}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="接收方头像">
|
||||
<image-avatar :src="info.toAvatar"/>
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="创建时间">
|
||||
{{info.createTime}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="开始时间">
|
||||
{{info.beginTime}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="结束时间">
|
||||
{{info.endTime}}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="通话时长">
|
||||
{{callTimeFormatter(info.callTime)}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="通话单价">
|
||||
{{info.callPrice}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="通话金额">
|
||||
{{info.callAmount}}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="客户对女神的评分">
|
||||
{{info.callScore}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="女神对客户的评分">
|
||||
{{info.userScore}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="链路号">
|
||||
{{info.traceId}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {deleteFlagList, userCallStatusList} from '@/constant/statusMap'
|
||||
import {getUserCall, getUserCallByTraceId} from "@/api/cai/userCall";
|
||||
|
||||
export default {
|
||||
name: "UserInfo",
|
||||
data() {
|
||||
return {
|
||||
userCallStatusList,deleteFlagList,
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
CS: {
|
||||
'text-align': 'center', //文本居中
|
||||
'min-width': '250px', //最小宽度
|
||||
'word-break': 'break-all' //过长时自动换行
|
||||
},
|
||||
LS: {
|
||||
// 'color': '#000',
|
||||
'text-align': 'center',
|
||||
// 'font-weight': '600',
|
||||
'height': '40px',
|
||||
// 'background-color': 'rgba(255, 97, 2, 0.1)',
|
||||
'min-width': '110px',
|
||||
'word-break': 'keep-all'
|
||||
},
|
||||
open:false,
|
||||
info:{},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
init(id){
|
||||
this.open = true;
|
||||
getUserCall(id).then(response => {
|
||||
this.info = response.data;
|
||||
});
|
||||
},
|
||||
traceIdInit(traceId){
|
||||
this.open = true;
|
||||
getUserCallByTraceId(traceId).then(response => {
|
||||
this.info = response.data;
|
||||
});
|
||||
},
|
||||
callTimeFormatter(callTime){
|
||||
if(!callTime){
|
||||
return "00:00:00"
|
||||
}
|
||||
const hour = parseInt(callTime / 3600) % 24;
|
||||
const minute = parseInt((callTime % 3600) / 60);
|
||||
const second = callTime % 60;
|
||||
return [hour, minute, second].map(function(item) {
|
||||
return item < 10 ? '0' + item : item;
|
||||
}).join(':');
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-row {
|
||||
margin-bottom: -15px;
|
||||
display: flex;
|
||||
flex-wrap: wrap
|
||||
}
|
||||
|
||||
/* .el-card {
|
||||
min-width: 100%;
|
||||
height: 80%; // 高度要设置百分比才可以
|
||||
margin-right: 20px;
|
||||
transition: all .5s;
|
||||
}*/
|
||||
</style>
|
||||
233
src/views/cai/userCameraAudit/index.vue
Normal file
233
src/views/cai/userCameraAudit/index.vue
Normal file
@@ -0,0 +1,233 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="审核状态" prop="auditStatus">
|
||||
<el-select v-model="queryParams.auditStatus" placeholder="审核状态" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in auditStatusList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleBatchAudit(3)"
|
||||
v-hasPermi="['cai:userCameraAudit:edit']"
|
||||
>批量审核通过
|
||||
</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="userCameraAuditList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="ID" align="center" prop="id"/>
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode"/>
|
||||
<el-table-column label="手机号" align="center" prop="mobile" width="95"/>
|
||||
<el-table-column label="昵称" align="center" prop="nickname"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar">
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="审核状态" align="center" prop="auditStatus">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="auditStatusList" :value="scope.row.auditStatus"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="动作" align="center" prop="actionImage">
|
||||
<template v-slot="scope">
|
||||
<image-preview :src="scope.row.actionImage" width="33px" height="33px"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="审核照片" align="center" prop="photo" >
|
||||
<template v-slot="scope">
|
||||
<image-preview :src="scope.row.photo" width="33px" height="33px"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="申请时间" align="center" prop="createTime" width="160"/>
|
||||
<el-table-column label="审核次数" align="center" prop="auditCount" />
|
||||
<el-table-column label="操作ip" align="center" prop="operateIp" show-overflow-tooltip />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="90" fixed="right">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
v-if="scope.row.auditStatus === 1"
|
||||
@click="handleAudit(scope.row,2)"
|
||||
v-hasPermi="['cai:userCameraAudit:edit']"
|
||||
>通过
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
v-if="scope.row.auditStatus === 1"
|
||||
@click="handleAudit(scope.row,3)"
|
||||
v-hasPermi="['cai:userCameraAudit:edit']"
|
||||
>不通过
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
listUserCameraAudit,
|
||||
delUserCameraAudit,
|
||||
updateUserCameraAudit,
|
||||
batchAuditCameraAudit
|
||||
} from "@/api/cai/userCameraAudit";
|
||||
import {auditStatusList} from "@/constant/statusMap";
|
||||
|
||||
export default {
|
||||
name: "UserCameraAudit",
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
auditStatusList,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 自拍认证表格数据
|
||||
userCameraAuditList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
auditStatus: 1,
|
||||
mobile: undefined,
|
||||
usercode: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询自拍认证列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserCameraAudit(this.queryParams).then(response => {
|
||||
this.userCameraAuditList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleAudit(row,auditStatus){
|
||||
let message = auditStatus === 3 ? "通过" : "不通过";
|
||||
this.$modal.confirm('是否确认'+message+'自拍编号为"' + row.id + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return updateUserCameraAudit({
|
||||
id: row.id,
|
||||
auditStatus: auditStatus
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleBatchAudit(auditStatus){
|
||||
const ids = this.ids;
|
||||
this.$modal.confirm('是否确认批量审核通过自拍编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return batchAuditCameraAudit({
|
||||
"ids": ids,
|
||||
auditStatus: auditStatus
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除自拍认证编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delUserCameraAudit(ids);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
143
src/views/cai/userChatFilter/index.vue
Normal file
143
src/views/cai/userChatFilter/index.vue
Normal file
@@ -0,0 +1,143 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
|
||||
<el-form-item :label="'发送人'+systemName+'号'" prop="fromUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.fromUsercode"
|
||||
:placeholder="'请输入发送人'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'接收人'+systemName+'号'" prop="toUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.toUsercode"
|
||||
:placeholder="'请输入接收人'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['cai:userChatFilter:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="userChatFilterList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column :label="'发送人'+systemName+'号'" align="center" prop="fromUsercode" />
|
||||
<el-table-column :label="'接收人'+systemName+'号'" align="center" prop="toUsercode" />
|
||||
<el-table-column label="源内容" align="center" prop="content" show-overflow-tooltip/>
|
||||
<el-table-column label="替换后内容" align="center" prop="filterContent" show-overflow-tooltip/>
|
||||
<el-table-column label="时间" align="center" prop="createTime" />
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { delUserChatFilter, listUserChatFilter } from '@/api/cai/userChatFilter'
|
||||
|
||||
export default {
|
||||
name: "UserChatFilter",
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
// 按钮loading
|
||||
buttonLoading: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 聊天过滤表格数据
|
||||
userChatFilterList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
fromUsercode: undefined,
|
||||
toUsercode: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询聊天过滤列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserChatFilter(this.queryParams).then(response => {
|
||||
this.userChatFilterList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除聊天过滤编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delUserChatFilter(ids);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
118
src/views/cai/userChatRecord/index.vue
Normal file
118
src/views/cai/userChatRecord/index.vue
Normal file
@@ -0,0 +1,118 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
|
||||
<el-form-item :label="'发送人'+systemName+'号'" prop="fromUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.fromUsercode"
|
||||
:placeholder="'请输入发送人'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'接收人'+systemName+'号'" prop="toUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.toUsercode"
|
||||
:placeholder="'请输入接收人'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="链路号" prop="traceId">
|
||||
<el-input
|
||||
v-model="queryParams.traceId"
|
||||
placeholder="请输入链路号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="userChatRecordList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<el-table-column :label="'发送人'+systemName+'号'" align="center" prop="fromUsercode" />
|
||||
<el-table-column :label="'接收人'+systemName+'号'" align="center" prop="toUsercode" />
|
||||
<el-table-column label="内容" align="center" prop="content" show-overflow-tooltip/>
|
||||
<el-table-column label="时间" align="center" prop="createTime" />
|
||||
<el-table-column label="链路号" align="center" prop="traceId" />
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listUserChatRecord} from "@/api/cai/userChatRecord";
|
||||
import {imTypeList} from "@/constant/statusMap";
|
||||
|
||||
export default {
|
||||
name: "UserChatRecord",
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
imTypeList,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 聊天记录表格数据
|
||||
userChatRecordList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
fromUsercode: undefined,
|
||||
toUsercode: undefined,
|
||||
traceId: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询聊天记录列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserChatRecord(this.queryParams).then(response => {
|
||||
this.userChatRecordList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
159
src/views/cai/userCount/index.vue
Normal file
159
src/views/cai/userCount/index.vue
Normal file
@@ -0,0 +1,159 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="userCountList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center"/>-->
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode"/>
|
||||
<el-table-column label="手机号" align="center" prop="mobile"/>
|
||||
<el-table-column label="昵称" align="center" prop="nickname"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar" >
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="gender">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="genderList" :value="scope.row.gender" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="主播" align="center" prop="isAnchor">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="yesOrNoList" :value="scope.row.isAnchor" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="粉丝总数" align="center" prop="fansCount"/>
|
||||
<el-table-column label="关注数" align="center" prop="followCount"/>
|
||||
<el-table-column label="访客数" align="center" prop="visitorCount"/>
|
||||
<el-table-column label="相册数量" align="center" prop="photoCount"/>
|
||||
<el-table-column label="发帖数量" align="center" prop="dynamicCount"/>
|
||||
<el-table-column label="收到礼物数" align="center" prop="receiveGiftCount"/>
|
||||
<el-table-column label="送礼总数量" align="center" prop="giveGiftCount"/>
|
||||
<el-table-column label="状态" align="center" prop="status">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="userStatusList" :value="scope.row.status" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleReset(scope.row)"
|
||||
v-hasPermi="['cai:userCount:edit']"
|
||||
>重新计算
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listUserCount, resetUserCount} from "@/api/cai/userCount";
|
||||
import {genderList, userStatusList, yesOrNoList} from "@/constant/statusMap";
|
||||
|
||||
export default {
|
||||
name: "UserCount",
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList,userStatusList,yesOrNoList,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 用户信息数量统计表格数据
|
||||
userCountList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
usercode: undefined,
|
||||
mobile: undefined
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询用户信息数量统计列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserCount(this.queryParams).then(response => {
|
||||
this.userCountList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.userId)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleReset(row) {
|
||||
this.$modal.confirm('是否确认重新统计用户"' + row.nickname + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return resetUserCount({userId:row.userId});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
216
src/views/cai/userErrorLog/index.vue
Normal file
216
src/views/cai/userErrorLog/index.vue
Normal file
@@ -0,0 +1,216 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="type">
|
||||
<el-select v-model="queryParams.type" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in userErrorLogTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="发生地点" prop="homeIndex">
|
||||
<el-select v-model="queryParams.homeIndex" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in userErrorLogHomeIndexList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="userErrorLogList" @selection-change="handleSelectionChange">
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode"/>
|
||||
<el-table-column label="手机号" align="center" prop="mobile"/>
|
||||
<el-table-column label="昵称" align="center" prop="nickname"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar">
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="gender">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="genderList" :value="scope.row.gender"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="类型" align="center" prop="type" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="userErrorLogTypeList" :value="scope.row.type"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发生地点" align="center" prop="homeIndex" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="userErrorLogHomeIndexList" :value="scope.row.homeIndex"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发生时间" align="center" prop="createTime" />
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listUserErrorLog, getUserErrorLog, delUserErrorLog, addUserErrorLog, updateUserErrorLog } from "@/api/cai/userErrorLog";
|
||||
import { userErrorLogHomeIndexList, userErrorLogTypeList,genderList } from '@/constant/statusMap'
|
||||
|
||||
export default {
|
||||
name: "UserErrorLog",
|
||||
data() {
|
||||
return {
|
||||
userErrorLogTypeList,userErrorLogHomeIndexList,genderList,
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 用户异常记录表格数据
|
||||
userErrorLogList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
type: undefined,
|
||||
homeIndex: undefined,
|
||||
usercode: undefined,
|
||||
mobile: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询用户异常记录列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserErrorLog(this.queryParams).then(response => {
|
||||
this.userErrorLogList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.title = "添加用户异常记录";
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.loading = true;
|
||||
this.reset();
|
||||
const id = row.id || this.ids
|
||||
getUserErrorLog(id).then(response => {
|
||||
this.loading = false;
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.title = "修改用户异常记录";
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
if (this.form.id != null) {
|
||||
updateUserErrorLog(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
} else {
|
||||
addUserErrorLog(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除用户异常记录编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delUserErrorLog(ids);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('cai/userErrorLog/export', {
|
||||
...this.queryParams
|
||||
}, `userErrorLog_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
145
src/views/cai/userErrorLog/user-error-list-info-dialog.vue
Normal file
145
src/views/cai/userErrorLog/user-error-list-info-dialog.vue
Normal file
@@ -0,0 +1,145 @@
|
||||
<template>
|
||||
<el-dialog title="高危记录" :close-on-click-modal="false" :visible.sync="open" width="900px" append-to-body>
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="类型" prop="type">
|
||||
<el-select v-model="queryParams.type" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in userErrorLogTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="发生地点" prop="homeIndex">
|
||||
<el-select v-model="queryParams.homeIndex" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in userErrorLogHomeIndexList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="userErrorLogList" >
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode"/>
|
||||
<el-table-column label="昵称" align="center" prop="nickname"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar">
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="类型" align="center" prop="type" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="userErrorLogTypeList" :value="scope.row.type"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发生地点" align="center" prop="homeIndex" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="userErrorLogHomeIndexList" :value="scope.row.homeIndex"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发生时间" align="center" prop="createTime" />
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getUserByUsercode, listUserByUserCode} from "@/api/cai/user";
|
||||
import { listMemberPrice } from '@/api/cai/memberPrice'
|
||||
import { addUserMember } from '@/api/cai/userMember'
|
||||
import {updateAccountCoin} from "@/api/cai/account";
|
||||
import {listGoods} from "@/api/cai/goods";
|
||||
import {
|
||||
accountTypeList,
|
||||
genderList,
|
||||
userErrorLogHomeIndexList,
|
||||
userErrorLogTypeList,
|
||||
yesOrNoList
|
||||
} from '@/constant/statusMap'
|
||||
import {listAccountChangeLog, listChangeType} from "@/api/cai/accountChangeLog";
|
||||
import { listUserErrorLog } from '@/api/cai/userErrorLog'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
userErrorLogTypeList,userErrorLogHomeIndexList,genderList,
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
open: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 账户明细表格数据
|
||||
userErrorLogList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
type: undefined,
|
||||
homeIndex: undefined,
|
||||
userId: undefined,
|
||||
mobile: undefined,
|
||||
},
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init (userId) {
|
||||
this.open = true;
|
||||
this.queryParams.userId = userId
|
||||
this.getList();
|
||||
},
|
||||
/** 查询账户明细列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserErrorLog(this.queryParams).then(response => {
|
||||
this.userErrorLogList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.context-avatar-center {
|
||||
display: flex;
|
||||
align-items: center; /* 垂直居中 */
|
||||
justify-content: center; /* 水平居中 */
|
||||
}
|
||||
</style>
|
||||
206
src/views/cai/userForbid/index.vue
Normal file
206
src/views/cai/userForbid/index.vue
Normal file
@@ -0,0 +1,206 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
|
||||
<el-form-item label="封号对象" prop="member">
|
||||
<el-input
|
||||
v-model="queryParams.member"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="封号类型" prop="type">
|
||||
<el-select v-model="queryParams.type" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in forbidTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleForbidIp"
|
||||
v-hasPermi="['cai:userForbid:forbidIp']"
|
||||
>自定义封禁IP</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="userForbidList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center"/>-->
|
||||
<el-table-column label="类型" align="center" prop="type">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="forbidTypeList" :value="scope.row.type"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="封号对象" align="center" prop="member">
|
||||
<template v-slot="scope">
|
||||
<div class="context-avatar-center" v-if="scope.row.type === 1">
|
||||
{{ scope.row.nickname }}【{{ scope.row.member }}】
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</div>
|
||||
<span v-if="scope.row.type !== 1">
|
||||
{{ scope.row.member }}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="开始时间" align="center" prop="beginTime"/>
|
||||
<el-table-column label="结束时间" align="center" prop="endTime"/>
|
||||
<el-table-column label="最后封禁理由" align="center" prop="reason"/>
|
||||
<el-table-column label="状态" align="center" prop="forbidStatus">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="forbidStatusList" :value="scope.row.forbidStatus"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="120">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
v-if="scope.row.forbidStatus === 1"
|
||||
v-hasPermi="['cai:userForbid:unForbid']"
|
||||
@click="handleForbid(scope.row)"
|
||||
>解封
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleForbidLogInfo(scope.row)"
|
||||
>封禁记录
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<user-forbid-log-list v-if="userForbidLogListVisible" ref="userForbidLogList"/>
|
||||
<user-forbid-ip-dialog v-if="userForbidIpDialogVisible" ref="userForbidIpDialog" @refreshDataList="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listUserForbid, unForbid} from '@/api/cai/userForbid'
|
||||
import {forbidStatusList, forbidTimeList, forbidTypeList} from '@/constant/statusMap'
|
||||
import UserForbidLogList from "@/views/cai/userForbid/user-forbid-log-list";
|
||||
import UserForbidIpDialog from "@/views/cai/userForbid/user-forbid-ip-dialog";
|
||||
|
||||
export default {
|
||||
name: "UserForbid",
|
||||
components: {
|
||||
UserForbidLogList,UserForbidIpDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
forbidTimeList, forbidTypeList, forbidStatusList,
|
||||
userForbidLogListVisible: false,
|
||||
userForbidIpDialogVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 封号列表表格数据
|
||||
userForbidList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
userUsercode: undefined,
|
||||
userMobile: undefined,
|
||||
type: undefined,
|
||||
member: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询封号列表列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserForbid(this.queryParams).then(response => {
|
||||
this.userForbidList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleForbid(row) {
|
||||
this.$modal.confirm('是否确认解封对象："' + row.member + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return unForbid(row.id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("解封成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleForbidLogInfo(row) {
|
||||
this.userForbidLogListVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.userForbidLogList.init(row.member)
|
||||
})
|
||||
},
|
||||
handleForbidIp(){
|
||||
this.userForbidIpDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.userForbidIpDialog.init()
|
||||
})
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.context-avatar-center {
|
||||
display: flex;
|
||||
align-items: center; /* 垂直居中 */
|
||||
justify-content: center; /* 水平居中 */
|
||||
}
|
||||
</style>
|
||||
99
src/views/cai/userForbid/user-forbid-ip-dialog.vue
Normal file
99
src/views/cai/userForbid/user-forbid-ip-dialog.vue
Normal file
@@ -0,0 +1,99 @@
|
||||
<template>
|
||||
<el-dialog title="封禁IP" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="封禁IP" prop="ip">
|
||||
<el-input v-model="form.ip" />
|
||||
</el-form-item>
|
||||
<el-form-item label="封禁时长" prop="forbidTime">
|
||||
<el-radio-group v-model="form.forbidTime">
|
||||
<el-radio
|
||||
v-for="dict in forbidTimeList"
|
||||
:key="dict.value"
|
||||
:label="dict.value"
|
||||
>{{dict.label}}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="理由" prop="remark">
|
||||
<el-input v-model="form.remark" placeholder="请输入理由" type="textarea" :rows="2"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ImageUpload from '@/components/ImageUpload/index'
|
||||
import {forbidStatusList, forbidTimeList, forbidTypeList} from "@/constant/statusMap";
|
||||
import {forbidIp} from "@/api/cai/userForbid";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ImageUpload,
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
forbidTimeList,
|
||||
forbidTypeList,forbidStatusList,
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
ip: undefined,
|
||||
forbidTime: undefined,
|
||||
remark: undefined,
|
||||
},
|
||||
info:{
|
||||
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
ip: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
forbidTime: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
remark: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
]
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init () {
|
||||
this.form.forbidTime = undefined
|
||||
this.form.ip = undefined
|
||||
this.form.remark = undefined
|
||||
this.open = true;
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
forbidIp(this.form).then(data => {
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.context-avatar-center {
|
||||
display: flex;
|
||||
align-items: center; /* 垂直居中 */
|
||||
//justify-content: center; /* 水平居中 */
|
||||
}
|
||||
</style>
|
||||
129
src/views/cai/userForbid/user-forbid-log-list.vue
Normal file
129
src/views/cai/userForbid/user-forbid-log-list.vue
Normal file
@@ -0,0 +1,129 @@
|
||||
<template>
|
||||
<el-dialog title="账户明细" :close-on-click-modal="false" :visible.sync="open" width="1000px" append-to-body>
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="封号类型" prop="type">
|
||||
<el-select v-model="queryParams.type" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in forbidTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="封号时长" prop="forbidTime">
|
||||
<el-select v-model="queryParams.forbidTime" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in forbidTimeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="userForbidLogList">
|
||||
<el-table-column label="类型" align="center" prop="type">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="forbidTypeList" :value="scope.row.type" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="封号对象" align="center" prop="member" >
|
||||
<template v-slot="scope">
|
||||
<span v-if="scope.row.type === 1">
|
||||
{{scope.row.nickname}}【{{scope.row.member}}】<image-avatar :src="scope.row.avatar"/>
|
||||
</span>
|
||||
<span v-if="scope.row.type !== 1">
|
||||
{{scope.row.member}}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="封号时长" align="center" prop="forbidTime">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="forbidTimeList" :value="scope.row.forbidTime" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="理由" align="center" prop="reason"/>
|
||||
<el-table-column label="封号时间" align="center" prop="createTime"/>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {forbidStatusList, forbidTimeList, forbidTypeList} from "@/constant/statusMap";
|
||||
import {listUserForbidLog} from "@/api/cai/userForbidLog";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
forbidTimeList,forbidTypeList,forbidStatusList,
|
||||
open: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 账户明细表格数据
|
||||
userForbidLogList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
type: undefined,
|
||||
member: undefined,
|
||||
forbidTime: undefined,
|
||||
},
|
||||
changeTypeList:[],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init (member) {
|
||||
this.open = true;
|
||||
this.queryParams.member = member
|
||||
this.getList();
|
||||
},
|
||||
/** 查询账户明细列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserForbidLog(this.queryParams).then(response => {
|
||||
this.userForbidLogList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
146
src/views/cai/userForbidLog/index.vue
Normal file
146
src/views/cai/userForbidLog/index.vue
Normal file
@@ -0,0 +1,146 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="封号对象" prop="member">
|
||||
<el-input
|
||||
v-model="queryParams.member"
|
||||
placeholder="请输入封号对象"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="封号类型" prop="type">
|
||||
<el-select v-model="queryParams.type" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in forbidTypeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="封号时长" prop="forbidTime">
|
||||
<el-select v-model="queryParams.forbidTime" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in forbidTimeList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table v-loading="loading" :data="userForbidLogList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center"/>-->
|
||||
<el-table-column label="类型" align="center" prop="type">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="forbidTypeList" :value="scope.row.type" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="封号对象" align="center" prop="member" >
|
||||
<template v-slot="scope">
|
||||
<div class="context-avatar-center" v-if="scope.row.type === 1">
|
||||
{{scope.row.nickname}}【{{scope.row.member}}】<image-avatar :src="scope.row.avatar"/>
|
||||
</div>
|
||||
<span v-if="scope.row.type !== 1">
|
||||
{{scope.row.member}}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="封号时长" align="center" prop="forbidTime">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="forbidTimeList" :value="scope.row.forbidTime" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="理由" align="center" prop="reason"/>
|
||||
<el-table-column label="封号时间" align="center" prop="createTime"/>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listUserForbidLog} from "@/api/cai/userForbidLog";
|
||||
import {forbidStatusList, forbidTimeList, forbidTypeList} from "@/constant/statusMap";
|
||||
|
||||
export default {
|
||||
name: "UserForbidLog",
|
||||
data() {
|
||||
return {
|
||||
forbidTimeList,forbidTypeList,forbidStatusList,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 封禁记录表格数据
|
||||
userForbidLogList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
type: undefined,
|
||||
member: undefined,
|
||||
forbidTime: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询封禁记录列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserForbidLog(this.queryParams).then(response => {
|
||||
this.userForbidLogList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.context-avatar-center {
|
||||
display: flex;
|
||||
align-items: center; /* 垂直居中 */
|
||||
justify-content: center; /* 水平居中 */
|
||||
}
|
||||
</style>
|
||||
188
src/views/cai/userGift/index.vue
Normal file
188
src/views/cai/userGift/index.vue
Normal file
@@ -0,0 +1,188 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
|
||||
<el-form-item :label="'赠送者'+systemName+'号'" prop="fromUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.fromUsercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="赠送者手机号" prop="fromMobile">
|
||||
<el-input
|
||||
v-model="queryParams.fromMobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'接收者'+systemName+'号'" prop="toUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.toUsercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="接收者手机号" prop="toMobile">
|
||||
<el-input
|
||||
v-model="queryParams.toMobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="链路号" prop="traceId">
|
||||
<el-input
|
||||
v-model="queryParams.traceId"
|
||||
placeholder="请输入链路号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="userGiftList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center"/>-->
|
||||
<el-table-column label="类型" align="center" prop="type">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="userGiftTypeList" :value="scope.row.type"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发生时间" align="center" prop="createTime" show-overflow-tooltip/>
|
||||
<el-table-column :label="'赠送'+systemName+'号'" align="center" prop="fromUsercode"/>
|
||||
<el-table-column label="赠送手机号" align="center" prop="fromMobile"/>
|
||||
<el-table-column :label="'接受'+systemName+'号'" align="center" prop="toUsercode"/>
|
||||
<el-table-column label="接受手机号" align="center" prop="toMobile"/>
|
||||
<el-table-column label="礼物" align="center" prop="giftImg">
|
||||
<template v-slot="scope">
|
||||
<image-preview :src="scope.row.giftImg" :width="30" :height="30"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="礼物价格" align="center" prop="giftPrice"/>
|
||||
<el-table-column label="礼物数量" align="center" prop="giftCount"/>
|
||||
<el-table-column label="礼物总额" align="center" prop="giftAmount"/>
|
||||
<el-table-column label="链路号" align="center" prop="traceId" show-overflow-tooltip/>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="100">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
v-if="scope.row.traceId"
|
||||
@click="handleConsumerLog(scope.row)"
|
||||
>分销记录
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleInfo(scope.row)"
|
||||
>详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<consume-log-info v-if="consumeLogInfoVisible" ref="consumeLogInfo" />
|
||||
<user-gift-info v-if="userGiftInfoVisible" ref="userGiftInfo" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listUserGift} from "@/api/cai/userGift";
|
||||
import {userGiftTypeList} from "@/constant/statusMap";
|
||||
import ConsumeLogInfo from "@/views/cai/consumeLog/consume-log-info";
|
||||
import UserGiftInfo from "@/views/cai/userGift/user-gift-info";
|
||||
|
||||
export default {
|
||||
name: "UserGift",
|
||||
components: {
|
||||
ConsumeLogInfo,UserGiftInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
userGiftTypeList,
|
||||
consumeLogInfoVisible: false,
|
||||
userGiftInfoVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 礼物流水表格数据
|
||||
userGiftList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
type: undefined,
|
||||
toUsercode: undefined,
|
||||
toMobile: undefined,
|
||||
fromUsercode: undefined,
|
||||
fromMobile: undefined,
|
||||
traceId: undefined
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询礼物流水列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserGift(this.queryParams).then(response => {
|
||||
this.userGiftList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleConsumerLog(row) {
|
||||
this.consumeLogInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.consumeLogInfo.traceIdInit(row.traceId)
|
||||
})
|
||||
},
|
||||
handleInfo(row){
|
||||
this.userGiftInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.userGiftInfo.init(row.id)
|
||||
})
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
102
src/views/cai/userGift/user-gift-info.vue
Normal file
102
src/views/cai/userGift/user-gift-info.vue
Normal file
@@ -0,0 +1,102 @@
|
||||
<template>
|
||||
<el-dialog title="礼物流水详情" :close-on-click-modal="false" :visible.sync="open" width="1200px" append-to-body>
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS " class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item label="类型">
|
||||
<cai-dict-tag :options="userGiftTypeList" :value="info.type"/>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="发生时间">
|
||||
{{info.createTime}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="礼物">
|
||||
<image-preview :src="info.giftImg" :width="34" :height="34"/>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :label="'赠送'+systemName+'号'">
|
||||
{{info.fromUsercode}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="赠送手机号" :span="2">
|
||||
{{info.fromMobile}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :label="'接受'+systemName+'号'">
|
||||
{{info.toUsercode}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="接受手机号" :span="2">
|
||||
{{info.toMobile}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="礼物价格">
|
||||
{{info.giftPrice}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="礼物数量">
|
||||
{{info.giftCount}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="礼物总额">
|
||||
{{info.giftAmount}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="链路号">
|
||||
{{info.traceId}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {userGiftTypeList} from '@/constant/statusMap'
|
||||
import {getUserGift, getUserGiftByTraceId} from "@/api/cai/userGift";
|
||||
|
||||
export default {
|
||||
name: "UserInfo",
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
userGiftTypeList,
|
||||
activeName:['base','account','userAlbums'],
|
||||
CS: {
|
||||
'text-align': 'center', //文本居中
|
||||
'min-width': '250px', //最小宽度
|
||||
'word-break': 'break-all' //过长时自动换行
|
||||
},
|
||||
LS: {
|
||||
// 'color': '#000',
|
||||
'text-align': 'center',
|
||||
// 'font-weight': '600',
|
||||
'height': '40px',
|
||||
// 'background-color': 'rgba(255, 97, 2, 0.1)',
|
||||
'min-width': '110px',
|
||||
'word-break': 'keep-all'
|
||||
},
|
||||
open:false,
|
||||
info:{},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
init(id){
|
||||
this.open = true;
|
||||
getUserGift(id).then(response => {
|
||||
this.info = response.data;
|
||||
});
|
||||
},
|
||||
traceIdInit(traceId){
|
||||
this.open = true;
|
||||
getUserGiftByTraceId(traceId).then(response => {
|
||||
this.info = response.data;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-row {
|
||||
margin-bottom: -15px;
|
||||
display: flex;
|
||||
flex-wrap: wrap
|
||||
}
|
||||
|
||||
/* .el-card {
|
||||
min-width: 100%;
|
||||
height: 80%; // 高度要设置百分比才可以
|
||||
margin-right: 20px;
|
||||
transition: all .5s;
|
||||
}*/
|
||||
</style>
|
||||
228
src/views/cai/userGreet/index.vue
Normal file
228
src/views/cai/userGreet/index.vue
Normal file
@@ -0,0 +1,228 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="审核状态" prop="auditStatus">
|
||||
<el-select v-model="queryParams.auditStatus" placeholder="审核状态" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in auditStatusList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleBatchAudit(3)"
|
||||
v-hasPermi="['cai:userGreet:edit']"
|
||||
>批量审核通过
|
||||
</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="userGreetList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column label="ID" align="center" prop="id" width="60"/>
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode" width="60"/>
|
||||
<el-table-column label="手机号" align="center" prop="mobile"/>
|
||||
<el-table-column label="昵称" align="center" prop="nickname"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar">
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="审核状态" align="center" prop="auditStatus">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="auditStatusList" :value="scope.row.auditStatus"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="标题" align="center" prop="title" show-overflow-tooltip/>
|
||||
<el-table-column label="提交时间" align="center" prop="createTime" width="160"/>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180" fixed="right">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
v-if="scope.row.auditStatus === 1"
|
||||
@click="handleAudit(scope.row,2)"
|
||||
v-hasPermi="['cai:userGreet:edit']"
|
||||
>通过
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
v-if="scope.row.auditStatus === 1"
|
||||
@click="handleAudit(scope.row,3)"
|
||||
v-hasPermi="['cai:userGreet:edit']"
|
||||
>不通过
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:userGreet:remove']"
|
||||
>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {batchAuditUserGreet, delUserGreet, listUserGreet, updateUserGreet} from "@/api/cai/userGreet";
|
||||
import {auditStatusList} from "@/constant/statusMap";
|
||||
|
||||
export default {
|
||||
name: "UserGreet",
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
auditStatusList,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 群发审核表格数据
|
||||
userGreetList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
auditStatus: 1,
|
||||
mobile: undefined,
|
||||
usercode: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询群发审核列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserGreet(this.queryParams).then(response => {
|
||||
this.userGreetList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleAudit(row,auditStatus){
|
||||
let message = auditStatus === 3 ? "通过" : "不通过";
|
||||
this.$modal.confirm('是否确认'+message+'群发审核编号为"' + row.id + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return updateUserGreet({
|
||||
id: row.id,
|
||||
auditStatus: auditStatus
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleBatchAudit(auditStatus){
|
||||
const ids = this.ids;
|
||||
this.$modal.confirm('是否确认批量审核通过群发审核编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return batchAuditUserGreet({
|
||||
"ids": ids,
|
||||
auditStatus: auditStatus
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除群发审核编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delUserGreet(ids);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
183
src/views/cai/userInfo/index.vue
Normal file
183
src/views/cai/userInfo/index.vue
Normal file
@@ -0,0 +1,183 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="性别" prop="gender">
|
||||
<el-select v-model="queryParams.gender" placeholder="性别" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in genderList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="主播" prop="isAnchor">
|
||||
<el-select v-model="queryParams.isAnchor" placeholder="是否为主播" clearable size="small">
|
||||
<el-option label="是" :value="1" />
|
||||
<el-option label="否" :value="0" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="会长" prop="isUnion">
|
||||
<el-select v-model="queryParams.isUnion" 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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<span style="color: red">提示：好友守护、礼物、视频分成，只有主播好友才有，非主播设置无效！！ 会长好友提成默认多一些</span>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="userInfoList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode" />
|
||||
<el-table-column label="昵称" align="center" prop="nickname" />
|
||||
<el-table-column label="手机号" align="center" prop="mobile" width="120"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar" >
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="gender">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="genderList" :value="scope.row.gender" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="主播" align="center" prop="isAnchor">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="isAnchorList" :value="scope.row.isAnchor"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="会长" align="center" prop="isUnion">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="isAnchorList" :value="scope.row.isUnion"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="好友守护分成" align="center" prop="guardIncomeRate" />
|
||||
<el-table-column label="好友礼物分成" align="center" prop="giftIncomeRate" />
|
||||
<el-table-column label="好友视频分成" align="center" prop="videoIncomeRate" />
|
||||
<el-table-column label="好友充值分成" align="center" prop="payIncomeRate" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['cai:userInfo:edit']"
|
||||
>修改提成</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<update-user-info-dialog v-if="updateUserInfoDialogVisible" ref="updateUserInfoDialog" @refreshDataList="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listUserInfo} from "@/api/cai/userInfo";
|
||||
import {genderList, isAnchorList} from "@/constant/statusMap";
|
||||
import UpdateUserInfoDialog from "@/views/cai/userInfo/update-user-info-dialog";
|
||||
|
||||
export default {
|
||||
name: "UserInfo",
|
||||
components: {UpdateUserInfoDialog},
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList,isAnchorList,
|
||||
updateUserInfoDialogVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 用户好友提成表格数据
|
||||
userInfoList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
isAnchor: undefined,
|
||||
gender: undefined,
|
||||
mobile: undefined,
|
||||
usercode: undefined,
|
||||
isUnion: undefined
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询用户好友提成列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserInfo(this.queryParams).then(response => {
|
||||
this.userInfoList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.userId)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleUpdate(row){
|
||||
this.updateUserInfoDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.updateUserInfoDialog.init(row)
|
||||
})
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
100
src/views/cai/userInfo/update-user-info-dialog.vue
Normal file
100
src/views/cai/userInfo/update-user-info-dialog.vue
Normal file
@@ -0,0 +1,100 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input v-model="form.usercode" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="好友守护分成" prop="guardIncomeRate">
|
||||
<el-input-number v-model="form.guardIncomeRate" :precision="2" :step="0.01" :min="0" :max="0.6" style="width: 90%"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="好友礼物分成" prop="giftIncomeRate">
|
||||
<el-input-number v-model="form.giftIncomeRate" :precision="2" :step="0.01" :min="0" :max="0.6" style="width: 90%"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="好友视频分成" prop="videoIncomeRate">
|
||||
<el-input-number v-model="form.videoIncomeRate" :precision="2" :step="0.01" :min="0" :max="0.6" style="width: 90%"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="好友充值分成" prop="payIncomeRate">
|
||||
<el-input-number v-model="form.payIncomeRate" :precision="2" :step="0.01" :min="0" :max="0.6" style="width: 90%"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ImageUpload from '@/components/ImageUpload'
|
||||
import {getUserInfo, updateUserInfo} from "@/api/cai/userInfo";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ImageUpload,
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
id: undefined,
|
||||
usercode: undefined,
|
||||
guardIncomeRate: undefined,
|
||||
giftIncomeRate: undefined,
|
||||
videoIncomeRate: undefined,
|
||||
payIncomeRate: undefined,
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
guardIncomeRate: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
giftIncomeRate: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
videoIncomeRate: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
payIncomeRate: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init (row) {
|
||||
let id = row.id
|
||||
this.form.id = id || undefined;
|
||||
this.title = "修改用户好友提成";
|
||||
this.open = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form'].resetFields();
|
||||
getUserInfo(id).then(response => {
|
||||
this.form = response.data;
|
||||
this.form.usercode = row.usercode
|
||||
});
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
updateUserInfo(this.form).then(data => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
194
src/views/cai/userInvite/index.vue
Normal file
194
src/views/cai/userInvite/index.vue
Normal file
@@ -0,0 +1,194 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
|
||||
<el-form-item :label="'邀请人'+systemName+'号'" prop="inviteUsercode">
|
||||
<el-input
|
||||
v-model="queryParams.inviteUsercode"
|
||||
:placeholder="'请输入邀请人'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="邀请人手机号" prop="inviteMobile">
|
||||
<el-input
|
||||
v-model="queryParams.inviteMobile"
|
||||
placeholder="请输入邀请人手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'被邀请人'+systemName+'号'" label-width="110px" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入被邀请人'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="被邀请人手机" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入被邀请人手机"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="工会名称" prop="unionName">
|
||||
<el-input
|
||||
v-model="queryParams.unionName"
|
||||
placeholder="请输入邀请人手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="userInviteList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<el-table-column label="邀请人" align="center">
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="inviteUsercode"/>
|
||||
<el-table-column label="手机号" align="center" prop="inviteMobile"/>
|
||||
<el-table-column label="是否为会长" align="center" prop="inviteIsUnion">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="isAnchorList" :value="scope.row.inviteIsUnion"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="被邀请人" align="center">
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode"/>
|
||||
<el-table-column label="手机号" align="center" prop="mobile"/>
|
||||
<el-table-column label="收益" align="center" prop="rewardCoinTotal"/>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="所属工会" align="center" prop="unionName"/>-->
|
||||
<el-table-column label="好友守护分成" align="center" prop="guardIncomeRate" />
|
||||
<el-table-column label="好友礼物分成" align="center" prop="giftIncomeRate" />
|
||||
<el-table-column label="好友视频分成" align="center" prop="videoIncomeRate" />
|
||||
<el-table-column label="好友充值分成" align="center" prop="payIncomeRate" />
|
||||
<el-table-column label="是否有效" align="center" prop="enableRate" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="booleanList" :value="scope.row.enableRate"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
v-if="!scope.row.enableRate"
|
||||
@click="handleEnableRate(scope.row,true)"
|
||||
v-hasPermi="['cai:userInvite:edit']"
|
||||
>开启</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
v-if="scope.row.enableRate"
|
||||
@click="handleEnableRate(scope.row,false)"
|
||||
v-hasPermi="['cai:userInvite:edit']"
|
||||
>关闭</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listUserInvite, updateUserInvite} from "@/api/cai/userInvite";
|
||||
import {booleanList, isAnchorList} from "@/constant/statusMap";
|
||||
|
||||
export default {
|
||||
name: "UserInvite",
|
||||
components: {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
isAnchorList,booleanList,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 用户邀请表格数据
|
||||
userInviteList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
usercode: undefined,
|
||||
mobile: undefined,
|
||||
inviteUsercode: undefined,
|
||||
inviteMobile: undefined,
|
||||
unionName: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询用户邀请列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserInvite(this.queryParams).then(response => {
|
||||
this.userInviteList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleEnableRate(row,enableRate) {
|
||||
let message = enableRate ? '开启' : '关闭';
|
||||
this.$modal.confirm('是否确认'+message+'用户"' + row.usercode + '"的好友邀请奖励？').then(() => {
|
||||
this.loading = true;
|
||||
return updateUserInvite({
|
||||
id:row.id,
|
||||
enableRate:enableRate
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
117
src/views/cai/userMember/add-member-dialog.vue
Normal file
117
src/views/cai/userMember/add-member-dialog.vue
Normal file
@@ -0,0 +1,117 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="开通会员" prop="memberPriceId">
|
||||
<el-select v-model="form.memberPriceId" placeholder="开通会员" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in memberPriceList"
|
||||
:key="dict.id"
|
||||
:label="dict.name"
|
||||
:value="dict.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-autocomplete
|
||||
class="inline-input"
|
||||
v-model="form.usercode"
|
||||
:fetch-suggestions="querySearch"
|
||||
placeholder="请输入内容"
|
||||
@select="handleSelect"
|
||||
></el-autocomplete>
|
||||
</el-form-item>
|
||||
<el-form-item label="昵称" v-if="info.nickname">
|
||||
{{ info.nickname }} 【{{ info.usercode }}】
|
||||
</el-form-item>
|
||||
<el-form-item label="头像" v-if="info.avatar">
|
||||
<image-avatar :src="info.avatar"/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
注意：若用户已是会员，再次设置时将会使用最新的会员信息
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getUserByUsercode, listUserByUserCode} from "@/api/cai/user";
|
||||
import { listMemberPrice } from '@/api/cai/memberPrice'
|
||||
import { addUserMember } from '@/api/cai/userMember'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
usercode: undefined,
|
||||
memberPriceId: undefined
|
||||
},
|
||||
info:{
|
||||
},
|
||||
memberPriceList:[],
|
||||
// 表单校验
|
||||
rules: {
|
||||
usercode: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
memberPriceId: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
listMemberPrice().then(response=> {
|
||||
this.memberPriceList = response.rows
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
init () {
|
||||
this.open = true;
|
||||
this.title = "新增会员"
|
||||
this.info = {};
|
||||
this.form.usercode = undefined
|
||||
},
|
||||
querySearch(querySearch,cb){
|
||||
listUserByUserCode(querySearch).then(res => {
|
||||
cb(res.data.map((terminal) => {
|
||||
return {
|
||||
value: terminal,
|
||||
name: terminal,
|
||||
};
|
||||
}))
|
||||
})
|
||||
},
|
||||
handleSelect(item){
|
||||
getUserByUsercode(item.value).then(res => {
|
||||
this.info = res.data
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
addUserMember(this.form).then(data => {
|
||||
this.$modal.msgSuccess("新增工会成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
220
src/views/cai/userMember/index.vue
Normal file
220
src/views/cai/userMember/index.vue
Normal file
@@ -0,0 +1,220 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="会员状态" prop="memberStatus">
|
||||
<el-select v-model="queryParams.memberStatus" placeholder="审核状态" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in memberStatusList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['cai:userMember:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="userMemberList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<el-table-column label="会员状态" align="center" prop="memberStatus">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="memberStatusList" :value="scope.row.memberStatus" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode" />
|
||||
<el-table-column label="昵称" align="center" prop="nickname" />
|
||||
<el-table-column label="手机" align="center" prop="mobile" />
|
||||
<el-table-column label="头像" align="center" prop="avatar" >
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="gender">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="genderList" :value="scope.row.gender" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="会员类型" align="center" prop="memberType" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="memberTypeList" :value="scope.row.memberType" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="永久" align="center" prop="longs" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="yesOrNoList" :value="scope.row.longs" />
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<!-- <el-table-column label="天数" align="center" prop="expire" />-->
|
||||
<el-table-column label="到期时间" align="center" prop="expireDate" width="150" >
|
||||
<template v-slot="scope">
|
||||
<el-tag v-if="scope.row.longs === 1" type="primary">永久会员</el-tag>
|
||||
<span v-if="scope.row.longs === 0" >{{ scope.row.expireDate }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="购买时间" align="center" prop="createTime" width="150" />-->
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="120">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:userMember:remove']"
|
||||
>解除</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-info"
|
||||
@click="handleVipOrder(scope.row)"
|
||||
>记录</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<add-member-dialog v-if="addMemberDialogVisible" ref="addMemberDialog" @refreshDataList="getList" />
|
||||
<vip-order-dialog v-if="vipOrderDialogVisible" ref="vipOrderDialog" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { delUserMember, listUserMember } from '@/api/cai/userMember'
|
||||
import { genderList, memberStatusList, memberTypeList, yesOrNoList } from '@/constant/statusMap'
|
||||
import AddMemberDialog from '@/views/cai/userMember/add-member-dialog.vue'
|
||||
import VipOrderDialog from '@/views/cai/userMember/vip-order-dialog.vue'
|
||||
export default {
|
||||
name: "UserMember",
|
||||
components: {
|
||||
AddMemberDialog,VipOrderDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList,memberTypeList,yesOrNoList,memberStatusList,
|
||||
addMemberDialogVisible: false,
|
||||
vipOrderDialogVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
memberPriceList:[],
|
||||
// 会员管理表格数据
|
||||
userMemberList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
usercode: undefined,
|
||||
mobile: undefined,
|
||||
memberStatus: 0
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询会员管理列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserMember(this.queryParams).then(response => {
|
||||
this.userMemberList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd(row) {
|
||||
this.addMemberDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.addMemberDialog.init(row?.usercode)
|
||||
})
|
||||
},
|
||||
handleVipOrder(row){
|
||||
this.vipOrderDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.vipOrderDialog.init(row)
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
this.$modal.confirm('是否确认解除用户"' + row.usercode + '"的会员数据？').then(() => {
|
||||
this.loading = true;
|
||||
return delUserMember(row.id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("解除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
116
src/views/cai/userMember/vip-order-dialog.vue
Normal file
116
src/views/cai/userMember/vip-order-dialog.vue
Normal file
@@ -0,0 +1,116 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="1000px" append-to-body>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<right-toolbar @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
<el-table v-loading="loading" :data="vipOrderList" >
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="订单号" align="center" prop="orderNo" />
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode" />
|
||||
<el-table-column label="VIP名称" align="center" prop="vipName" />
|
||||
<el-table-column label="时长" align="center" prop="vipLongs">
|
||||
<template v-slot="scope">
|
||||
<el-tag v-if="scope.row.vipLongs === 1" type="primary">永久会员</el-tag>
|
||||
<span v-if="scope.row.vipLongs === 0" >{{ scope.row.vipExpire }}天</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="价格" align="center" prop="price" />
|
||||
<el-table-column label="平台" align="center" prop="platformType">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="platformTypeList" :value="scope.row.platformType" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" align="center" prop="payStatus" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="payStatusList" :value="scope.row.payStatus" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作时间" align="center" prop="createTime" width="160"/>
|
||||
<el-table-column label="后台新增" align="center" prop="admin" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="booleanList" :value="scope.row.admin" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
booleanList,
|
||||
genderList,
|
||||
memberStatusList,
|
||||
memberTypeList, payStatusList,
|
||||
platformTypeList,
|
||||
yesOrNoList
|
||||
} from '@/constant/statusMap'
|
||||
import { listVipOrder } from '@/api/cai/vipOrder'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList,memberTypeList,yesOrNoList,memberStatusList,booleanList,platformTypeList,
|
||||
payStatusList,
|
||||
loading: true,
|
||||
open: false,
|
||||
title: '',
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// VIP订单表格数据
|
||||
vipOrderList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
usedPay: true,
|
||||
usercode: undefined,
|
||||
},
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init (row) {
|
||||
this.open = true;
|
||||
this.queryParams.usercode = row.usercode
|
||||
this.getList()
|
||||
this.title = "会员开通记录"
|
||||
},
|
||||
/** 查询VIP订单列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listVipOrder(this.queryParams).then(response => {
|
||||
this.vipOrderList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
239
src/views/cai/userPictureAudit/index.vue
Normal file
239
src/views/cai/userPictureAudit/index.vue
Normal file
@@ -0,0 +1,239 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="审核状态" prop="auditStatus">
|
||||
<el-select v-model="queryParams.auditStatus" placeholder="审核状态" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in auditStatusList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['cai:userPictureAudit:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="userPictureAuditList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="审核状态" align="center" prop="auditStatus">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="auditStatusList" :value="scope.row.auditStatus"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode"/>
|
||||
<el-table-column label="手机号" align="center" prop="mobile"/>
|
||||
<el-table-column label="昵称" align="center" prop="nickname"/>
|
||||
<el-table-column label="性别" align="center" prop="gender">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="genderList" :value="scope.row.gender"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="主播" align="center" prop="isAnchor">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="isAnchorList" :value="scope.row.isAnchor"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="修改前" align="center" prop="beforeUrl" >
|
||||
<template v-slot="scope">
|
||||
<image-preview :src="scope.row.beforeUrl" width="30px" height="30px"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="修改后" align="center" prop="url">
|
||||
<template v-slot="scope">
|
||||
<image-preview :src="scope.row.url" width="30px" height="30px"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="审核时间" align="center" prop="auditTime" width="180" />
|
||||
<!-- <el-table-column label="审核备注" align="center" prop="auditRemark" />-->
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
v-if="scope.row.auditStatus === 1"
|
||||
@click="handleAuditSuccess(scope.row)"
|
||||
v-hasPermi="['cai:userPictureAudit:edit']"
|
||||
>通过
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
v-if="scope.row.auditStatus === 1"
|
||||
@click="handleAuditFail(scope.row)"
|
||||
v-hasPermi="['cai:userPictureAudit:edit']"
|
||||
>不通过
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:userPictureAudit:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
auditFailUserPictureAudit,
|
||||
auditSuccessUserPictureAudit,
|
||||
delUserPictureAudit,
|
||||
listUserPictureAudit
|
||||
} from '@/api/cai/userPictureAudit'
|
||||
import { auditStatusList, genderList, isAnchorList, userStatusList, yesOrNoList } from '@/constant/statusMap'
|
||||
|
||||
export default {
|
||||
name: "UserPictureAudit",
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList, userStatusList, yesOrNoList, isAnchorList,auditStatusList,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 头像审核表格数据
|
||||
userPictureAuditList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
auditStatus: 1,
|
||||
mobile: undefined,
|
||||
usercode: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询头像审核列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listUserPictureAudit(this.queryParams).then(response => {
|
||||
this.userPictureAuditList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleAuditSuccess(row){
|
||||
this.$modal.confirm('是否确认通过用户为"' + row.nickname + '"的头像审核？').then(() => {
|
||||
this.loading = true;
|
||||
return auditSuccessUserPictureAudit({
|
||||
id: row.id
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleAuditFail(row){
|
||||
this.$modal.confirm('是否不确认通过用户为"' + row.nickname + '"的头像审核？').then(() => {
|
||||
this.loading = true;
|
||||
return auditFailUserPictureAudit({
|
||||
id: row.id
|
||||
});
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除头像审核编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delUserPictureAudit(ids);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
97
src/views/cai/userUnion/add-union-dialog.vue
Normal file
97
src/views/cai/userUnion/add-union-dialog.vue
Normal file
@@ -0,0 +1,97 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-autocomplete
|
||||
class="inline-input"
|
||||
v-model="form.usercode"
|
||||
:fetch-suggestions="querySearch"
|
||||
placeholder="请输入内容"
|
||||
@select="handleSelect"
|
||||
></el-autocomplete>
|
||||
</el-form-item>
|
||||
<el-form-item label="昵称" v-if="info.nickname">
|
||||
{{ info.nickname }} 【{{ info.usercode }}】
|
||||
</el-form-item>
|
||||
<el-form-item label="头像" v-if="info.avatar">
|
||||
<image-avatar :src="info.avatar"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {addUserUnion} from "@/api/cai/userUnion";
|
||||
import {getUserByUsercode, listUserByUserCode} from "@/api/cai/user";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
id: undefined,
|
||||
usercode: undefined,
|
||||
},
|
||||
info:{
|
||||
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
usercode: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init () {
|
||||
this.open = true;
|
||||
this.title = "新增工会"
|
||||
this.info = {};
|
||||
this.form.usercode = undefined
|
||||
},
|
||||
querySearch(querySearch,cb){
|
||||
listUserByUserCode(querySearch).then(res => {
|
||||
cb(res.data.map((terminal) => {
|
||||
return {
|
||||
value: terminal,
|
||||
name: terminal,
|
||||
};
|
||||
}))
|
||||
})
|
||||
},
|
||||
handleSelect(item){
|
||||
getUserByUsercode(item.value).then(res => {
|
||||
this.info = res.data
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
addUserUnion(this.form).then(data => {
|
||||
this.$modal.msgSuccess("新增工会成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
218
src/views/cai/userUnion/index.vue
Normal file
218
src/views/cai/userUnion/index.vue
Normal file
@@ -0,0 +1,218 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['cai:userUnion:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="userUnionList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center"/>-->
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode" width="60"/>
|
||||
<el-table-column label="工会名" align="center" prop="name" />
|
||||
<el-table-column label="开启提成" align="center" prop="enableRate" width="80">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="booleanList" :value="scope.row.enableRate"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建时间" align="center" prop="unionTime" width="150"/>
|
||||
<el-table-column label="工会人数" align="center" prop="allNum"/>
|
||||
<el-table-column label="主播人数" align="center" prop="anchorNum"/>
|
||||
<!-- <el-table-column label="分成人数" align="center" prop="inDivideNum"/>-->
|
||||
<!-- <el-table-column label="不分成人数" align="center" prop="notDivideNum"/>-->
|
||||
<el-table-column label="状态" align="center" prop="status">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="userStatusList" :value="scope.row.status"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width" fixed="right">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['cai:userUnion:remove']"
|
||||
>修改
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleDetail(scope.row)"
|
||||
>详情
|
||||
</el-button>
|
||||
<el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['cai:userUnion:remove']">
|
||||
<el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="handleDelete" icon="el-icon-delete" v-hasPermi="['cai:userUnion:remove']">解散</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<union-update-dialog v-if="unionUpdateDialogVisible" ref="unionUpdateDialog" @refreshDataList="getList"/>
|
||||
<add-union-dialog v-if="addUnionDialogVisible" ref="addUnionDialog" @refreshDataList="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {delUserUnion, listUserUnion} from '@/api/cai/userUnion'
|
||||
import {booleanList, genderList, userStatusList} from '@/constant/statusMap'
|
||||
import UnionUpdateDialog from "@/views/cai/userUnion/union-update-dialog";
|
||||
import AddUnionDialog from "@/views/cai/userUnion/add-union-dialog";
|
||||
|
||||
export default {
|
||||
name: 'UserUnion',
|
||||
components: {
|
||||
UnionUpdateDialog,AddUnionDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList, booleanList, userStatusList,
|
||||
unionUpdateDialogVisible: false,
|
||||
addUnionDialogVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 工会列表表格数据
|
||||
userUnionList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
usercode: undefined,
|
||||
mobile: undefined,
|
||||
},
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
/** 查询工会列表列表 */
|
||||
getList() {
|
||||
this.loading = true
|
||||
listUserUnion(this.queryParams).then(response => {
|
||||
this.userUnionList = response.rows
|
||||
this.total = response.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1
|
||||
this.getList()
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm('queryForm')
|
||||
this.handleQuery()
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.unionUpdateDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.unionUpdateDialog.init(row)
|
||||
})
|
||||
},
|
||||
handleAdd(row){
|
||||
this.addUnionDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.addUnionDialog.init(row)
|
||||
})
|
||||
},
|
||||
handleDetail(row){
|
||||
const params = { unionId: row.id };
|
||||
this.$tab.openPage("["+row.name+"]工会详情", '/tool/union-user/index', params);
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
// '是否确认删除商家名称为"' + row.nickName + '"的数据项?删除后无法回归！'
|
||||
const html = `<p>确认解散【<span style="color: red">` + row.name + `</span>】工会 吗？</p>`
|
||||
+ `<p>该工会共有:<span style="color: red">` + row.allNum + `</span>人</p>`
|
||||
+ `<p>工会解散后，会长的一级好友提成比例也会回归默认值</p>`
|
||||
+ `<p style="color: red">删除后将无法撤回，请谨慎操作</p>`
|
||||
this.$confirm(html, '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
dangerouslyUseHTMLString: true,
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.loading = true
|
||||
return delUserUnion(row.id)
|
||||
}).then(() => {
|
||||
this.loading = false
|
||||
this.getList()
|
||||
this.$modal.msgSuccess('解散成功')
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
handleCommand(command, row) {
|
||||
switch (command) {
|
||||
case "handleDelete":
|
||||
this.handleDelete(row);
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
97
src/views/cai/userUnion/union-update-dialog.vue
Normal file
97
src/views/cai/userUnion/union-update-dialog.vue
Normal file
@@ -0,0 +1,97 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="昵称" prop="nickname">
|
||||
<el-input v-model="form.nickname" placeholder="" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input v-model="form.mobile" placeholder="" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input v-model="form.usercode" placeholder="" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="开启提成" prop="enableRate">
|
||||
<el-radio-group v-model="form.enableRate">
|
||||
<el-radio :label="true">开启</el-radio>
|
||||
<el-radio :label="false">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="默认提成" prop="defaultIncomeRate">
|
||||
<el-input v-model="form.defaultIncomeRate" />
|
||||
</el-form-item>-->
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getUserUnion, updateUserUnion} from "@/api/cai/userUnion";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
id: undefined,
|
||||
nickname: undefined,
|
||||
mobile: undefined,
|
||||
usercode: undefined,
|
||||
// defaultIncomeRate: undefined,
|
||||
enableRate: undefined,
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
enableRate: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
// defaultIncomeRate: [
|
||||
// { required: true, message: "数据不能为空", trigger: "blur" }
|
||||
// ],
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init (row) {
|
||||
let id = row.id;
|
||||
this.form.id = id || undefined;
|
||||
this.title = "修改工会配置";
|
||||
this.open = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form'].resetFields();
|
||||
getUserUnion(id).then(response => {
|
||||
this.form = response.data;
|
||||
this.form.nickname = row.nickname;
|
||||
this.form.usercode = row.usercode;
|
||||
this.form.mobile = row.mobile;
|
||||
});
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
updateUserUnion(this.form).then(data => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
198
src/views/cai/version/index.vue
Normal file
198
src/views/cai/version/index.vue
Normal file
@@ -0,0 +1,198 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['cai:version:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['cai:version:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['cai:version:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="versionList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="平台" align="center" prop="platform" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="versionPlatformList" :value="scope.row.platform"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="旧版本号" align="center" prop="oldVersion" />
|
||||
<el-table-column label="新版本号" align="center" prop="newVersion" />
|
||||
<el-table-column label="包大小" align="center" prop="packageSize" />
|
||||
<el-table-column label="升级内容" align="center" prop="content" show-overflow-tooltip/>
|
||||
<el-table-column label="下载地址" align="center" prop="downloadUrl" />
|
||||
<el-table-column label="强制更新" align="center" prop="enforce">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="yesOrNoList" :value="scope.row.enforce"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" align="center" prop="enableStatus">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="enableStatusList" :value="scope.row.enableStatus"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['cai:version:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:version:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<version-add-update-dialog v-if="versionAddOrUpdateDialogVisible" ref="versionAddOrUpdateDialog" @refreshDataList="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { delVersion, listVersion } from '@/api/cai/version'
|
||||
import { enableStatusList, versionPlatformList, yesOrNoList } from '@/constant/statusMap'
|
||||
import VersionAddUpdateDialog from '@/views/cai/version/version-add-update-dialog.vue'
|
||||
|
||||
export default {
|
||||
name: "Version",
|
||||
components:{
|
||||
VersionAddUpdateDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
versionPlatformList,yesOrNoList,enableStatusList,
|
||||
versionAddOrUpdateDialogVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 版本表格数据
|
||||
versionList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询版本列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listVersion(this.queryParams).then(response => {
|
||||
this.versionList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.versionAddOrUpdateDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.versionAddOrUpdateDialog.init()
|
||||
})
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.versionAddOrUpdateDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.versionAddOrUpdateDialog.init(row.id)
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除版本编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delVersion(ids);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
161
src/views/cai/version/version-add-update-dialog.vue
Normal file
161
src/views/cai/version/version-add-update-dialog.vue
Normal file
@@ -0,0 +1,161 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="平台" prop="platform">
|
||||
<el-select v-model="form.platform" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in versionPlatformList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="安卓内部版本号" prop="versionCode">
|
||||
<el-input v-model="form.versionCode" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="旧版本号" prop="oldVersion">
|
||||
<el-input v-model="form.oldVersion" placeholder="请输入旧版本号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="新版本号" prop="newVersion">
|
||||
<el-input v-model="form.newVersion" placeholder="请输入新版本号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="包大小" prop="packageSize">
|
||||
<el-input v-model="form.packageSize" placeholder="请输入包大小" />
|
||||
</el-form-item>
|
||||
<el-form-item label="升级内容" prop="content">
|
||||
<el-input v-model="form.content" type="textarea" />
|
||||
<!-- <editor v-model="form.content" :min-height="192"/>-->
|
||||
</el-form-item>
|
||||
<el-form-item label="下载地址" prop="downloadUrl">
|
||||
<el-input v-model="form.downloadUrl" placeholder="请输入下载地址" />
|
||||
</el-form-item>
|
||||
<el-form-item label="强制更新" prop="enforce">
|
||||
<el-select v-model="form.enforce" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in yesOrNoList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否启用" prop="enableStatus">
|
||||
<el-select v-model="form.enableStatus" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in enableStatusList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { addVersion, getVersion, updateVersion } from '@/api/cai/version'
|
||||
import { enableStatusList, versionPlatformList, yesOrNoList } from '@/constant/statusMap'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
versionPlatformList,yesOrNoList,enableStatusList,
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
id: undefined,
|
||||
platform: undefined,
|
||||
versionCode: undefined,
|
||||
oldVersion: undefined,
|
||||
newVersion: undefined,
|
||||
packageSize: undefined,
|
||||
content: undefined,
|
||||
downloadUrl: undefined,
|
||||
enforce: 0,
|
||||
enableStatus: 1
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
platform: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
oldVersion: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
newVersion: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
packageSize: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
downloadUrl: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
enforce: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
content: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
enableStatus: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
]
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init (id) {
|
||||
this.form.id = id || undefined;
|
||||
this.title = (id ? "修改" : "新增") + "版本管理";
|
||||
this.open = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form'].resetFields();
|
||||
if(this.form.id){
|
||||
getVersion(id).then(response => {
|
||||
this.form = response.data;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
if (this.form.id != null) {
|
||||
updateVersion(this.form).then(data => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.$modal.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}else{
|
||||
addVersion(this.form).then(data => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
195
src/views/cai/vipOrder/index.vue
Normal file
195
src/views/cai/vipOrder/index.vue
Normal file
@@ -0,0 +1,195 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item :label="systemName+'号'" prop="usercode">
|
||||
<el-input
|
||||
v-model="queryParams.usercode"
|
||||
:placeholder="'请输入'+systemName+'号'"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input
|
||||
v-model="queryParams.mobile"
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单号" prop="orderNo">
|
||||
<el-input
|
||||
v-model="queryParams.orderNo"
|
||||
placeholder="请输入订单号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="支付状态" prop="payStatus">
|
||||
<el-select v-model="queryParams.payStatus" placeholder="支付状态" clearable size="small">
|
||||
<el-option
|
||||
v-for="dict in payStatusList"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="vipOrderList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<el-table-column label="订单号" align="center" prop="orderNo" show-overflow-tooltip />
|
||||
<el-table-column :label="systemName+'号'" align="center" prop="usercode" />
|
||||
<el-table-column label="昵称" align="center" prop="nickname" />
|
||||
<el-table-column label="手机" align="center" prop="mobile" width="100"/>
|
||||
<el-table-column label="头像" align="center" prop="avatar" >
|
||||
<template v-slot="scope">
|
||||
<image-avatar :src="scope.row.avatar"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="gender">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="genderList" :value="scope.row.gender" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="VIP名称" align="center" prop="vipName" width="100"/>
|
||||
<el-table-column label="时长" align="center" prop="vipLongs">
|
||||
<template v-slot="scope">
|
||||
<el-tag v-if="scope.row.vipLongs === 1" type="primary">永久会员</el-tag>
|
||||
<span v-if="scope.row.vipLongs === 0" >{{ scope.row.vipExpire }}天</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="价格" align="center" prop="price" />
|
||||
<el-table-column label="平台" align="center" prop="platformType">
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="platformTypeList" :value="scope.row.platformType" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" align="center" prop="payStatus" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="payStatusList" :value="scope.row.payStatus" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作时间" align="center" prop="createTime" width="160"/>
|
||||
<el-table-column label="后台新增" align="center" prop="admin" >
|
||||
<template v-slot="scope">
|
||||
<cai-dict-tag :options="booleanList" :value="scope.row.admin" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-info"
|
||||
@click="handleInfo(scope.row)"
|
||||
>详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<vip-order-info v-if="vipOrderInfoVisible" ref="vipOrderInfo" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listVipOrder } from '@/api/cai/vipOrder'
|
||||
import {
|
||||
booleanList,
|
||||
genderList,
|
||||
memberStatusList,
|
||||
memberTypeList,
|
||||
payStatusList,
|
||||
platformTypeList,
|
||||
yesOrNoList
|
||||
} from '@/constant/statusMap'
|
||||
import VipOrderInfo from '@/views/cai/vipOrder/vip-order-info.vue'
|
||||
|
||||
export default {
|
||||
name: "VipOrder",
|
||||
components:{
|
||||
VipOrderInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList,memberTypeList,yesOrNoList,memberStatusList,booleanList,platformTypeList,
|
||||
payStatusList,
|
||||
vipOrderInfoVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// VIP订单表格数据
|
||||
vipOrderList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
payStatus: 1,
|
||||
usercode: undefined,
|
||||
mobile: undefined,
|
||||
orderNo: undefined
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询VIP订单列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listVipOrder(this.queryParams).then(response => {
|
||||
this.vipOrderList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleInfo(row) {
|
||||
this.vipOrderInfoVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.vipOrderInfo.init(row.id)
|
||||
})
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
121
src/views/cai/vipOrder/vip-order-info.vue
Normal file
121
src/views/cai/vipOrder/vip-order-info.vue
Normal file
@@ -0,0 +1,121 @@
|
||||
<template>
|
||||
<el-dialog title="VIP订单信息" :close-on-click-modal="false" :visible.sync="open" width="1200px" append-to-body>
|
||||
<el-descriptions :contentStyle="CS" :label-style="LS " class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item :label="systemName+'号'">
|
||||
{{info.usercode}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="手机号">
|
||||
{{info.mobile}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="头像">
|
||||
<image-avatar :src="info.avatar" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="性别">
|
||||
<cai-dict-tag :options="genderList" :value="info.gender" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="昵称">
|
||||
{{info.nickname}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="VIP名称">
|
||||
{{info.vipName}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="时长">
|
||||
<el-tag v-if="info.vipLongs === 1" type="primary">永久会员</el-tag>
|
||||
<span v-if="info.vipLongs === 0" >{{ info.vipExpire }}天</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="价格">
|
||||
{{info.price}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="平台">
|
||||
<cai-dict-tag :options="platformTypeList" :value="info.platformType" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="状态">
|
||||
<cai-dict-tag :options="payStatusList" :value="info.payStatus" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="操作时间">
|
||||
{{info.createTime}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="后台新增">
|
||||
<cai-dict-tag :options="booleanList" :value="info.admin" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="后台ID">
|
||||
{{info.adminId}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="操作IP">
|
||||
{{info.operateIp}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="appid">
|
||||
{{info.appid}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="第三方回调数据">
|
||||
{{info.returnContent}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
booleanList,
|
||||
genderList,
|
||||
memberStatusList,
|
||||
memberTypeList,
|
||||
payStatusList,
|
||||
platformTypeList,
|
||||
yesOrNoList
|
||||
} from '@/constant/statusMap'
|
||||
import { getVipOrder } from '@/api/cai/vipOrder'
|
||||
|
||||
export default {
|
||||
name: "UserInfo",
|
||||
data() {
|
||||
return {
|
||||
systemName: process.env.VUE_APP_SYSTEM_HOME,
|
||||
genderList,memberTypeList,yesOrNoList,memberStatusList,booleanList,platformTypeList,
|
||||
payStatusList,
|
||||
activeName:['base','account','userAlbums'],
|
||||
CS: {
|
||||
'text-align': 'center', //文本居中
|
||||
'min-width': '250px', //最小宽度
|
||||
'word-break': 'break-all' //过长时自动换行
|
||||
},
|
||||
LS: {
|
||||
// 'color': '#000',
|
||||
'text-align': 'center',
|
||||
// 'font-weight': '600',
|
||||
'height': '40px',
|
||||
// 'background-color': 'rgba(255, 97, 2, 0.1)',
|
||||
'min-width': '110px',
|
||||
'word-break': 'keep-all'
|
||||
},
|
||||
open:false,
|
||||
info:{},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
init(id){
|
||||
this.open = true;
|
||||
getVipOrder(id).then(response => {
|
||||
this.info = response.data;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-row {
|
||||
margin-bottom: -15px;
|
||||
display: flex;
|
||||
flex-wrap: wrap
|
||||
}
|
||||
|
||||
/* .el-card {
|
||||
min-width: 100%;
|
||||
height: 80%; // 高度要设置百分比才可以
|
||||
margin-right: 20px;
|
||||
transition: all .5s;
|
||||
}*/
|
||||
</style>
|
||||
174
src/views/cai/withdrawExchange/index.vue
Normal file
174
src/views/cai/withdrawExchange/index.vue
Normal file
@@ -0,0 +1,174 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['cai:withdrawExchange:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="withdrawExchangeList" @selection-change="handleSelectionChange">
|
||||
<el-table-column label="ID" align="center" prop="id"/>
|
||||
<el-table-column label="兑换金额" align="center" prop="money" />
|
||||
<el-table-column label="所需货币数量" align="center" prop="coinNum" />
|
||||
<el-table-column label="状态" align="center" prop="status" >
|
||||
<template v-slot="scope">
|
||||
<el-switch
|
||||
v-model="scope.row.status"
|
||||
:active-value="0"
|
||||
:inactive-value="1"
|
||||
@change="handleStatusChange(scope.row)"
|
||||
></el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="说明" align="center" prop="remark" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['cai:withdrawExchange:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['cai:withdrawExchange:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<withdraw-exchange-add-or-update-dialog v-if="withdrawExchangeAddOrUpdateDialogVisible" ref="withdrawExchangeAddOrUpdateDialog" @refreshDataList="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { delWithdrawExchange, listWithdrawExchange, updateWithdrawExchange } from '@/api/cai/withdrawExchange'
|
||||
import WithdrawExchangeAddOrUpdateDialog from '@/views/cai/withdrawExchange/withdraw-exchange-add-or-update-dialog.vue'
|
||||
|
||||
export default {
|
||||
name: "WithdrawExchange",
|
||||
components:{
|
||||
WithdrawExchangeAddOrUpdateDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
withdrawExchangeAddOrUpdateDialogVisible: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 提现兑换配置表格数据
|
||||
withdrawExchangeList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询提现兑换配置列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listWithdrawExchange(this.queryParams).then(response => {
|
||||
this.withdrawExchangeList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleStatusChange(row) {
|
||||
let text = row.status === 0 ? '开启' : '取消'
|
||||
this.$confirm('确认要' + text + '[' + row.id + ']吗?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
return updateWithdrawExchange({ id: row.id, status: row.status })
|
||||
}).then(() => {
|
||||
this.$modal.msgSuccess(text + '成功')
|
||||
}).catch(function() {
|
||||
row.status = row.status === 1 ? 0 : 1
|
||||
})
|
||||
},
|
||||
handleAdd(){
|
||||
this.withdrawExchangeAddOrUpdateDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.withdrawExchangeAddOrUpdateDialog.init()
|
||||
})
|
||||
},
|
||||
handleUpdate(row){
|
||||
this.withdrawExchangeAddOrUpdateDialogVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.withdrawExchangeAddOrUpdateDialog.init(row.id)
|
||||
})
|
||||
},
|
||||
handleDelete(row){
|
||||
this.$modal.confirm('是否确认删除提现兑换配置id为"' + row.id + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delWithdrawExchange(row.id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -0,0 +1,97 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="兑换金额" prop="money">
|
||||
<el-input v-model="form.money" placeholder="请输入充值金额" />
|
||||
</el-form-item>
|
||||
<el-form-item label="所需货币" prop="coinNum">
|
||||
<el-input v-model="form.coinNum" placeholder="请输入云贝数量" />
|
||||
</el-form-item>
|
||||
<el-form-item label="说明" prop="remark">
|
||||
<el-input v-model="form.remark" placeholder="请输入说明" type="textarea" :rows="2"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="open = false">取 消</el-button>
|
||||
</div>
|
||||
|
||||
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { addWithdrawExchange, getWithdrawExchange, updateWithdrawExchange } from '@/api/cai/withdrawExchange'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
open: false,
|
||||
title: '',
|
||||
form:{
|
||||
id: undefined,
|
||||
money: undefined,
|
||||
coinNum: undefined,
|
||||
remark: undefined,
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
money: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
coinNum: [
|
||||
{ required: true, message: "数据不能为空", trigger: "blur" }
|
||||
],
|
||||
},
|
||||
buttonLoading: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
init (id) {
|
||||
this.form.id = id || undefined;
|
||||
this.title = (id ? "修改" : "新增") + "提现兑换配置";
|
||||
this.open = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form'].resetFields();
|
||||
if(this.form.id){
|
||||
getWithdrawExchange(id).then(response => {
|
||||
this.form = response.data;
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
submitForm () {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
if (this.form.id != null) {
|
||||
updateWithdrawExchange(this.form).then(data => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.$modal.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}else{
|
||||
addWithdrawExchange(this.form).then(data => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.buttonLoading = false;
|
||||
this.open = false
|
||||
this.$emit('refreshDataList')
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
3
src/views/components/icons/element-icons.js
Normal file
3
src/views/components/icons/element-icons.js
Normal file
@@ -0,0 +1,3 @@
|
||||
const elementIcons = ['platform-eleme', 'eleme', 'delete-solid', 'delete', 's-tools', 'setting', 'user-solid', 'user', 'phone', 'phone-outline', 'more', 'more-outline', 'star-on', 'star-off', 's-goods', 'goods', 'warning', 'warning-outline', 'question', 'info', 'remove', 'circle-plus', 'success', 'error', 'zoom-in', 'zoom-out', 'remove-outline', 'circle-plus-outline', 'circle-check', 'circle-close', 's-help', 'help', 'minus', 'plus', 'check', 'close', 'picture', 'picture-outline', 'picture-outline-round', 'upload', 'upload2', 'download', 'camera-solid', 'camera', 'video-camera-solid', 'video-camera', 'message-solid', 'bell', 's-cooperation', 's-order', 's-platform', 's-fold', 's-unfold', 's-operation', 's-promotion', 's-home', 's-release', 's-ticket', 's-management', 's-open', 's-shop', 's-marketing', 's-flag', 's-comment', 's-finance', 's-claim', 's-custom', 's-opportunity', 's-data', 's-check', 's-grid', 'menu', 'share', 'd-caret', 'caret-left', 'caret-right', 'caret-bottom', 'caret-top', 'bottom-left', 'bottom-right', 'back', 'right', 'bottom', 'top', 'top-left', 'top-right', 'arrow-left', 'arrow-right', 'arrow-down', 'arrow-up', 'd-arrow-left', 'd-arrow-right', 'video-pause', 'video-play', 'refresh', 'refresh-right', 'refresh-left', 'finished', 'sort', 'sort-up', 'sort-down', 'rank', 'loading', 'view', 'c-scale-to-original', 'date', 'edit', 'edit-outline', 'folder', 'folder-opened', 'folder-add', 'folder-remove', 'folder-delete', 'folder-checked', 'tickets', 'document-remove', 'document-delete', 'document-copy', 'document-checked', 'document', 'document-add', 'printer', 'paperclip', 'takeaway-box', 'search', 'monitor', 'attract', 'mobile', 'scissors', 'umbrella', 'headset', 'brush', 'mouse', 'coordinate', 'magic-stick', 'reading', 'data-line', 'data-board', 'pie-chart', 'data-analysis', 'collection-tag', 'film', 'suitcase', 'suitcase-1', 'receiving', 'collection', 'files', 'notebook-1', 'notebook-2', 'toilet-paper', 'office-building', 'school', 'table-lamp', 'house', 'no-smoking', 'smoking', 'shopping-cart-full', 'shopping-cart-1', 'shopping-cart-2', 'shopping-bag-1', 'shopping-bag-2', 'sold-out', 'sell', 'present', 'box', 'bank-card', 'money', 'coin', 'wallet', 'discount', 'price-tag', 'news', 'guide', 'male', 'female', 'thumb', 'cpu', 'link', 'connection', 'open', 'turn-off', 'set-up', 'chat-round', 'chat-line-round', 'chat-square', 'chat-dot-round', 'chat-dot-square', 'chat-line-square', 'message', 'postcard', 'position', 'turn-off-microphone', 'microphone', 'close-notification', 'bangzhu', 'time', 'odometer', 'crop', 'aim', 'switch-button', 'full-screen', 'copy-document', 'mic', 'stopwatch', 'medal-1', 'medal', 'trophy', 'trophy-1', 'first-aid-kit', 'discover', 'place', 'location', 'location-outline', 'location-information', 'add-location', 'delete-location', 'map-location', 'alarm-clock', 'timer', 'watch-1', 'watch', 'lock', 'unlock', 'key', 'service', 'mobile-phone', 'bicycle', 'truck', 'ship', 'basketball', 'football', 'soccer', 'baseball', 'wind-power', 'light-rain', 'lightning', 'heavy-rain', 'sunrise', 'sunrise-1', 'sunset', 'sunny', 'cloudy', 'partly-cloudy', 'cloudy-and-sunny', 'moon', 'moon-night', 'dish', 'dish-1', 'food', 'chicken', 'fork-spoon', 'knife-fork', 'burger', 'tableware', 'sugar', 'dessert', 'ice-cream', 'hot-water', 'water-cup', 'coffee-cup', 'cold-drink', 'goblet', 'goblet-full', 'goblet-square', 'goblet-square-full', 'refrigerator', 'grape', 'watermelon', 'cherry', 'apple', 'pear', 'orange', 'coffee', 'ice-tea', 'ice-drink', 'milk-tea', 'potato-strips', 'lollipop', 'ice-cream-square', 'ice-cream-round']
|
||||
|
||||
export default elementIcons
|
||||
87
src/views/components/icons/index.vue
Normal file
87
src/views/components/icons/index.vue
Normal file
@@ -0,0 +1,87 @@
|
||||
<template>
|
||||
<div class="icons-container">
|
||||
<aside>
|
||||
<a href="#" target="_blank">Add and use
|
||||
</a>
|
||||
</aside>
|
||||
<el-tabs type="border-card">
|
||||
<el-tab-pane label="Icons">
|
||||
<div v-for="item of svgIcons" :key="item">
|
||||
<el-tooltip placement="top">
|
||||
<div slot="content">
|
||||
{{ generateIconCode(item) }}
|
||||
</div>
|
||||
<div class="icon-item">
|
||||
<svg-icon :icon-class="item" class-name="disabled" />
|
||||
<span>{{ item }}</span>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="Element-UI Icons">
|
||||
<div v-for="item of elementIcons" :key="item">
|
||||
<el-tooltip placement="top">
|
||||
<div slot="content">
|
||||
{{ generateElementIconCode(item) }}
|
||||
</div>
|
||||
<div class="icon-item">
|
||||
<i :class="'el-icon-' + item" />
|
||||
<span>{{ item }}</span>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import svgIcons from './svg-icons'
|
||||
import elementIcons from './element-icons'
|
||||
|
||||
export default {
|
||||
name: 'Icons',
|
||||
data() {
|
||||
return {
|
||||
svgIcons,
|
||||
elementIcons
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
generateIconCode(symbol) {
|
||||
return `<svg-icon icon-class="${symbol}" />`
|
||||
},
|
||||
generateElementIconCode(symbol) {
|
||||
return `<i class="el-icon-${symbol}" />`
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.icons-container {
|
||||
margin: 10px 20px 0;
|
||||
overflow: hidden;
|
||||
|
||||
.icon-item {
|
||||
margin: 20px;
|
||||
height: 85px;
|
||||
text-align: center;
|
||||
width: 100px;
|
||||
float: left;
|
||||
font-size: 30px;
|
||||
color: #24292e;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
10
src/views/components/icons/svg-icons.js
Normal file
10
src/views/components/icons/svg-icons.js
Normal file
@@ -0,0 +1,10 @@
|
||||
const req = require.context('../../../assets/icons/svg', false, /\.svg$/)
|
||||
const requireAll = requireContext => requireContext.keys()
|
||||
|
||||
const re = /\.\/(.*)\.svg/
|
||||
|
||||
const svgIcons = requireAll(req).map(i => {
|
||||
return i.match(re)[1]
|
||||
})
|
||||
|
||||
export default svgIcons
|
||||
185
src/views/components/rankList/index.vue
Normal file
185
src/views/components/rankList/index.vue
Normal file
@@ -0,0 +1,185 @@
|
||||
<template>
|
||||
<div class="wrapper">
|
||||
<div class="header">
|
||||
<div class="title">{{ title }}</div>
|
||||
<div class="operation">
|
||||
<div :class="['btn', index === activeIndex ? 'active' : '']"
|
||||
v-for="({ prop, label }, index) in operation"
|
||||
:key="prop || index"
|
||||
@click="handleSwitch(label, prop, index)">{{ label }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-content">
|
||||
<div class="list-item" v-for="(item, index) in 6">
|
||||
<div class="numerical">{{ index + 1 }}</div>
|
||||
<div class="detail">
|
||||
<div class="head_portrait">
|
||||
<img :src="require('../../../assets/icons/head_portrait.png')" alt="">
|
||||
</div>
|
||||
<div class="user-info">
|
||||
<div class="user-name">向天再借五百年</div>
|
||||
<div class="user-id">767D85</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="count">
|
||||
<slot v-if="$scopedSlots.default" :data="item" :$index="index"></slot>
|
||||
<count-to v-else :start-val="0" :end-val="900" :duration="2600" class="card-panel-num" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CountTo from 'vue-count-to';
|
||||
export default {
|
||||
name: 'index',
|
||||
components: {
|
||||
CountTo
|
||||
},
|
||||
props: {
|
||||
title: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
data: {
|
||||
type: Array,
|
||||
default: ()=> []
|
||||
},
|
||||
operation: {
|
||||
type: Array,
|
||||
default: ()=> ([{ label: '总', prop: '' }, { label: '日', prop: '' }])
|
||||
},
|
||||
url: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
activeIndex: 0
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleSwitch(label, prop, index) {
|
||||
console.log(label, prop)
|
||||
this.activeIndex = index;
|
||||
this.$emit('switch-change', { label, prop, index });
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.wrapper {
|
||||
padding: 16px;
|
||||
border-radius: 14px;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
.header {
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
margin-bottom: 16px;
|
||||
.title {
|
||||
float: left;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #202224;
|
||||
}
|
||||
.operation {
|
||||
float: right;
|
||||
display: flex;
|
||||
padding: 2px;
|
||||
box-sizing: border-box;
|
||||
background: #F5F6FA;
|
||||
.btn {
|
||||
width: 26px;
|
||||
height: 22px;
|
||||
border-radius: 4px;
|
||||
line-height: 22px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
font-weight: 550;
|
||||
transition: all 0.1s linear;
|
||||
cursor: pointer;
|
||||
color: #858585;
|
||||
&.active {
|
||||
background: #fff;
|
||||
color: #202224;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-content {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
.list-item {
|
||||
height: 37px;
|
||||
line-height: 37px;
|
||||
margin-bottom: 16px;
|
||||
&:nth-of-type(1) {
|
||||
.numerical {
|
||||
color: #F1691C;
|
||||
}
|
||||
}
|
||||
&:nth-of-type(2) {
|
||||
.numerical {
|
||||
color: #F5AB3C;
|
||||
}
|
||||
}
|
||||
&:nth-of-type(3) {
|
||||
.numerical {
|
||||
color: #4379EE;
|
||||
}
|
||||
}
|
||||
.numerical {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #202224;
|
||||
width: 20px;
|
||||
text-align: left;
|
||||
margin-right: 8px;
|
||||
float: left;
|
||||
}
|
||||
.detail {
|
||||
display: flex;
|
||||
float: left;
|
||||
.head_portrait {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
margin-top: 4.5px;
|
||||
margin-right: 4px;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.user-info {
|
||||
line-height: normal;
|
||||
.user-name {
|
||||
font-size: 14px;
|
||||
color: #202224;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.user-id {
|
||||
font-size: 12px;
|
||||
color: #767D85;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.count {
|
||||
float: right;
|
||||
font-size: 14px;
|
||||
color: #202224;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
102
src/views/dashboard/BarChart.vue
Normal file
102
src/views/dashboard/BarChart.vue
Normal file
@@ -0,0 +1,102 @@
|
||||
<template>
|
||||
<div :class="className" :style="{height:height,width:width}" />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as echarts from 'echarts'
|
||||
require('echarts/theme/macarons') // echarts theme
|
||||
import resize from './mixins/resize'
|
||||
|
||||
const animationDuration = 6000
|
||||
|
||||
export default {
|
||||
mixins: [resize],
|
||||
props: {
|
||||
className: {
|
||||
type: String,
|
||||
default: 'chart'
|
||||
},
|
||||
width: {
|
||||
type: String,
|
||||
default: '100%'
|
||||
},
|
||||
height: {
|
||||
type: String,
|
||||
default: '300px'
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chart: null
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$nextTick(() => {
|
||||
this.initChart()
|
||||
})
|
||||
},
|
||||
beforeDestroy() {
|
||||
if (!this.chart) {
|
||||
return
|
||||
}
|
||||
this.chart.dispose()
|
||||
this.chart = null
|
||||
},
|
||||
methods: {
|
||||
initChart() {
|
||||
this.chart = echarts.init(this.$el, 'macarons')
|
||||
|
||||
this.chart.setOption({
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
||||
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
top: 10,
|
||||
left: '2%',
|
||||
right: '2%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: [{
|
||||
type: 'category',
|
||||
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
|
||||
axisTick: {
|
||||
alignWithLabel: true
|
||||
}
|
||||
}],
|
||||
yAxis: [{
|
||||
type: 'value',
|
||||
axisTick: {
|
||||
show: false
|
||||
}
|
||||
}],
|
||||
series: [{
|
||||
name: 'pageA',
|
||||
type: 'bar',
|
||||
stack: 'vistors',
|
||||
barWidth: '60%',
|
||||
data: [79, 52, 200, 334, 390, 330, 220],
|
||||
animationDuration
|
||||
}, {
|
||||
name: 'pageB',
|
||||
type: 'bar',
|
||||
stack: 'vistors',
|
||||
barWidth: '60%',
|
||||
data: [80, 52, 200, 334, 390, 330, 220],
|
||||
animationDuration
|
||||
}, {
|
||||
name: 'pageC',
|
||||
type: 'bar',
|
||||
stack: 'vistors',
|
||||
barWidth: '60%',
|
||||
data: [30, 52, 200, 334, 390, 330, 220],
|
||||
animationDuration
|
||||
}]
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
79
src/views/dashboard/LineChart.vue
Normal file
79
src/views/dashboard/LineChart.vue
Normal file
@@ -0,0 +1,79 @@
|
||||
<template>
|
||||
<div :class="className" :style="{height:height,width:width}" />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as echarts from 'echarts'
|
||||
require('echarts/theme/macarons') // echarts theme
|
||||
import resize from './mixins/resize';
|
||||
import { echartsConfig, generateRandomNumbers, legendData, seriesData } from '@/views/dashboard/mixins/echartsConfig'
|
||||
|
||||
legendData.forEach((name, index)=> {
|
||||
if (!echartsConfig.legend.selected) {
|
||||
echartsConfig.legend.selected = {};
|
||||
}
|
||||
echartsConfig.legend.selected[name] = index === 0;
|
||||
echartsConfig.series.push({ ...seriesData, name, data: generateRandomNumbers() });
|
||||
});
|
||||
|
||||
export default {
|
||||
mixins: [resize],
|
||||
props: {
|
||||
className: {
|
||||
type: String,
|
||||
default: 'chart'
|
||||
},
|
||||
width: {
|
||||
type: String,
|
||||
default: '100%'
|
||||
},
|
||||
height: {
|
||||
type: String,
|
||||
default: '350px'
|
||||
},
|
||||
autoResize: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
chartData: {
|
||||
type: Object,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chart: null
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
chartData: {
|
||||
deep: true,
|
||||
handler(val) {
|
||||
this.setOptions(val)
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$nextTick(() => {
|
||||
this.initChart()
|
||||
})
|
||||
},
|
||||
beforeDestroy() {
|
||||
if (!this.chart) {
|
||||
return
|
||||
}
|
||||
this.chart.dispose()
|
||||
this.chart = null
|
||||
},
|
||||
methods: {
|
||||
initChart() {
|
||||
this.chart = echarts.init(this.$el, 'macarons')
|
||||
this.setOptions(this.chartData)
|
||||
},
|
||||
setOptions({ expectedData, actualData } = {}) {
|
||||
console.log(echartsConfig)
|
||||
this.chart.setOption(echartsConfig)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
430
src/views/dashboard/PanelGroup.vue
Normal file
430
src/views/dashboard/PanelGroup.vue
Normal file
@@ -0,0 +1,430 @@
|
||||
<template>
|
||||
<div class="wrapper">
|
||||
<div class="header">
|
||||
<el-row :gutter="16" class="panel-group">
|
||||
<el-col v-for="(item, index) in layoutRow" :key="index" :lg="6" :sm="12" :xs="12" class="card-panel-col">
|
||||
<div class="content">
|
||||
<div class="data-box flow-hidden">
|
||||
<div class="data-info fl_l">
|
||||
<div class="title">{{ item.label() }}</div>
|
||||
<div class="count">
|
||||
<count-to :duration="2600" :end-val="item.model.count" :start-val="0" class="card-panel-num"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icon fl_r">
|
||||
<img :src="item.icon" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="item.model.trendDirection >= 0" class="compare">
|
||||
和昨日相比
|
||||
<img :src="`${item.model.trendDirection === 0 ? require('../../assets/icons/trend_up.png') : require('../../assets/icons/trend_down.png') }`"
|
||||
alt=""
|
||||
class="trend"
|
||||
>
|
||||
<span :class="['num', item.model.trendDirection === 0 ? 'up' : 'down' ]">{{ item.model.trendNum }}%</span>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
<div class="chart-content">
|
||||
<line-chart/>
|
||||
<div class="select-time">
|
||||
<el-date-picker
|
||||
v-model="chartTime"
|
||||
:picker-options="pickerOptions"
|
||||
align="right"
|
||||
value-format="yyyy-MM-dd"
|
||||
end-placeholder="结束日期"
|
||||
@change="handleDatePickerChange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
type="daterange"
|
||||
unlink-panels
|
||||
>
|
||||
</el-date-picker>
|
||||
<!-- <el-select v-model="chartTime" @change="handleChartTimeChange">
|
||||
<el-option v-for="item in chartSelect" :label="item.label" :key="item.key" :value="item.key"></el-option>
|
||||
</el-select>-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rank-info">
|
||||
<el-row :gutter="16" class="panel-group">
|
||||
<el-col :lg="6" :sm="12" :xs="12" class="card-panel-col">
|
||||
<RankList title="充值排行榜">
|
||||
<template :scope="scope">
|
||||
<count-to :duration="2600" :end-val="900" :start-val="0" class="card-panel-num" prefix="￥"/>
|
||||
</template>
|
||||
</RankList>
|
||||
</el-col>
|
||||
|
||||
<el-col :lg="6" :sm="12" :xs="12" class="card-panel-col">
|
||||
<RankList title="提现排行榜">
|
||||
<template :scope="scope">
|
||||
<count-to :duration="2600" :end-val="900" :start-val="0" class="card-panel-num" prefix="￥"/>
|
||||
</template>
|
||||
</RankList>
|
||||
</el-col>
|
||||
|
||||
<el-col :lg="6" :sm="12" :xs="12" class="card-panel-col">
|
||||
<RankList :operation="operation" title="女神收入榜" @switch-change=""/>
|
||||
</el-col>
|
||||
|
||||
<el-col :lg="6" :sm="12" :xs="12" class="card-panel-col">
|
||||
<RankList :operation="operation" title="用户邀请榜"/>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
<div class="auto-refresh">
|
||||
<span>自动刷新</span>
|
||||
<el-switch v-model="autoRefreshSwitch"></el-switch>
|
||||
<el-dropdown @command="handleDropdownClick">
|
||||
<div class="dropdown">{{ refreshTimeModel }}<i class="el-icon-arrow-down el-icon--right"></i></div>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item
|
||||
v-for="({ label, key }) in refreshTimeSelect"
|
||||
:key="key"
|
||||
:command="{ label, key }"
|
||||
>{{ label }}
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CountTo from 'vue-count-to'
|
||||
import RankList from '@/views/components/rankList'
|
||||
import LineChart from '../dashboard/LineChart'
|
||||
import { staticIndex } from '@/api/cai/static'
|
||||
|
||||
const chartSelect = [
|
||||
{ label: '最近一周', key: '1' },
|
||||
{ label: '最近一个月', key: '2' },
|
||||
{ label: '最近三个月', key: '3' }
|
||||
]
|
||||
|
||||
const refreshTimeSelect = [
|
||||
{ label: '10s', key: '10' },
|
||||
{ label: '30s', key: '30' },
|
||||
{ label: '60s', key: '60' }
|
||||
]
|
||||
|
||||
const operation = [
|
||||
{ label: '总', prop: '' },
|
||||
{ label: '月', prop: '' },
|
||||
{ label: '周', prop: '' },
|
||||
{ label: '日', prop: '' }
|
||||
]
|
||||
|
||||
const pickerOptions = {
|
||||
shortcuts: [{
|
||||
text: '最近一周',
|
||||
onClick(picker) {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
|
||||
picker.$emit('pick', [start, end])
|
||||
}
|
||||
}, {
|
||||
text: '最近一个月',
|
||||
onClick(picker) {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
|
||||
picker.$emit('pick', [start, end])
|
||||
}
|
||||
}, {
|
||||
text: '最近三个月',
|
||||
onClick(picker) {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
|
||||
picker.$emit('pick', [start, end])
|
||||
}
|
||||
}]
|
||||
}
|
||||
|
||||
export default {
|
||||
components: {
|
||||
CountTo,
|
||||
RankList,
|
||||
LineChart
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
operation,
|
||||
layoutRow: [],
|
||||
loginModel: {
|
||||
count: 40689,
|
||||
trendDirection: 0,
|
||||
trendNum: 8.5
|
||||
},
|
||||
topUpModel: {
|
||||
count: 40689,
|
||||
trendDirection: 0, // 'up',
|
||||
trendNum: 8.5
|
||||
},
|
||||
withdrawDepositModel: {
|
||||
count: 40689,
|
||||
money: 24,
|
||||
trendDirection: 1, // down
|
||||
trendNum: 8.5
|
||||
},
|
||||
anchorModel: {
|
||||
count: 40689,
|
||||
money: 8,
|
||||
trendDirection: 1,
|
||||
trendNum: 8.5
|
||||
},
|
||||
chartSelect,
|
||||
chartTime: '1',
|
||||
refreshTimeSelect,
|
||||
refreshTimeModel: '30s',
|
||||
autoRefreshSwitch: true,
|
||||
pickerOptions,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.layoutRow = [
|
||||
{ label: () => '今日登录', icon: require('../../assets/icons/img.png'), model: this.loginModel },
|
||||
{ label: () => '主播数', icon: require('../../assets/icons/img_1.png'), model: this.topUpModel },
|
||||
{
|
||||
label: () => `今日充值(${this.withdrawDepositModel.money})`,
|
||||
icon: require('../../assets/icons/img_2.png'),
|
||||
model: this.withdrawDepositModel
|
||||
},
|
||||
{
|
||||
label: () => `今日提现(${this.anchorModel.money})`,
|
||||
icon: require('../../assets/icons/img_3.png'),
|
||||
model: this.anchorModel
|
||||
}
|
||||
]
|
||||
this.getTodayStatistics()
|
||||
},
|
||||
methods: {
|
||||
handleDatePickerChange(value) {
|
||||
console.log('----value:', value);
|
||||
},
|
||||
handleChartTimeChange(val) {
|
||||
// todo
|
||||
},
|
||||
handleDropdownClick({ label, key }) {
|
||||
this.refreshTimeModel = label
|
||||
},
|
||||
getTodayStatistics() {
|
||||
// todo fetch
|
||||
staticIndex().then(response => {
|
||||
const {
|
||||
todayLoginNum,
|
||||
todayLoginDiffLast,
|
||||
anchorNum,
|
||||
todayRechargeAmountNum,
|
||||
todayRechargeNum,
|
||||
todayRechargeAmountDiffLast,
|
||||
todayWithdrawAmount,
|
||||
todayWithdrawNum,
|
||||
todayWithdrawAmountDiffLast
|
||||
} = response.data
|
||||
/* {
|
||||
todayLoginNum: 100,
|
||||
todayLoginDiffLast: 8.6,
|
||||
anchorNum: 58,
|
||||
todayRechargeAmountNum: 200,
|
||||
todayRechargeNum: 10,
|
||||
todayRechargeAmountDiffLast: 5.6,
|
||||
todayWithdrawAmount: 500,
|
||||
todayWithdrawNum: 1,
|
||||
todayWithdrawAmountDiffLast: 5.9
|
||||
} */
|
||||
|
||||
this.loginModel.count = todayLoginNum
|
||||
this.loginModel.trendDirection = 1 // 增加还是减少
|
||||
this.loginModel.trendNum = todayLoginDiffLast
|
||||
|
||||
this.topUpModel.count = anchorNum // 主播人数
|
||||
|
||||
this.withdrawDepositModel.count = todayRechargeAmountNum // 充值金额
|
||||
this.withdrawDepositModel.money = todayRechargeNum
|
||||
this.withdrawDepositModel.trendNum = todayRechargeAmountDiffLast // 与昨日相比
|
||||
|
||||
this.anchorModel.count = todayWithdrawAmount
|
||||
this.anchorModel.money = todayWithdrawNum
|
||||
this.anchorModel.trendNum = todayWithdrawAmountDiffLast
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.fl_l {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fl_r {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.flow-hidden {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
.header {
|
||||
//margin-bottom: 16px;
|
||||
.card-panel-num {
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
color: #202224;
|
||||
}
|
||||
|
||||
.content {
|
||||
background: #fff;
|
||||
//height: 127px;
|
||||
padding: 16px;
|
||||
border-radius: 14px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 16px;
|
||||
|
||||
.data-info {
|
||||
.title {
|
||||
font-size: 16px;
|
||||
color: #202224;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.count {
|
||||
line-height: 38px;
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.compare {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
font-size: 14px;
|
||||
color: #858585;
|
||||
|
||||
.trend {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
margin-left: 8px;
|
||||
margin-right: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.num {
|
||||
&.down {
|
||||
color: #F93C65;
|
||||
}
|
||||
|
||||
&.up {
|
||||
color: #00B69B;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chart-content {
|
||||
position: relative;
|
||||
border-radius: 14px;
|
||||
background: #fff;
|
||||
padding: 16px;
|
||||
margin-bottom: 16px;
|
||||
|
||||
.select-time {
|
||||
width: 250px;
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
top: 16px;
|
||||
.el-date-editor {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rank-info {
|
||||
margin-bottom: 16px;
|
||||
|
||||
.card-panel-col {
|
||||
border-radius: 14px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.auto-refresh {
|
||||
position: fixed;
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
bottom: 8px;
|
||||
right: 8px;
|
||||
width: 130px;
|
||||
padding: 4px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
height: 24px;
|
||||
border-radius: 12px;
|
||||
background: #fff;
|
||||
color: #767D85;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-switch {
|
||||
height: 14px !important;
|
||||
margin-top: 1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
::v-deep .el-switch__core {
|
||||
width: 28px !important;
|
||||
height: 14px !important;
|
||||
|
||||
&::after {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-switch.is-checked .el-switch__core {
|
||||
border-color: #3073C1 !important;
|
||||
background-color: #3073C1 !important;
|
||||
|
||||
&::after {
|
||||
margin-left: -12px;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-dropdown {
|
||||
width: 37px !important;
|
||||
|
||||
.dropdown {
|
||||
margin-left: 1px;
|
||||
font-size: 12px;
|
||||
color: #767D85;
|
||||
cursor: pointer;
|
||||
|
||||
i {
|
||||
font-size: 10px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
79
src/views/dashboard/PieChart.vue
Normal file
79
src/views/dashboard/PieChart.vue
Normal file
@@ -0,0 +1,79 @@
|
||||
<template>
|
||||
<div :class="className" :style="{height:height,width:width}" />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as echarts from 'echarts'
|
||||
require('echarts/theme/macarons') // echarts theme
|
||||
import resize from './mixins/resize'
|
||||
|
||||
export default {
|
||||
mixins: [resize],
|
||||
props: {
|
||||
className: {
|
||||
type: String,
|
||||
default: 'chart'
|
||||
},
|
||||
width: {
|
||||
type: String,
|
||||
default: '100%'
|
||||
},
|
||||
height: {
|
||||
type: String,
|
||||
default: '300px'
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chart: null
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$nextTick(() => {
|
||||
this.initChart()
|
||||
})
|
||||
},
|
||||
beforeDestroy() {
|
||||
if (!this.chart) {
|
||||
return
|
||||
}
|
||||
this.chart.dispose()
|
||||
this.chart = null
|
||||
},
|
||||
methods: {
|
||||
initChart() {
|
||||
this.chart = echarts.init(this.$el, 'macarons')
|
||||
|
||||
this.chart.setOption({
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
||||
},
|
||||
legend: {
|
||||
left: 'center',
|
||||
bottom: '10',
|
||||
data: ['Industries', 'Technology', 'Forex', 'Gold', 'Forecasts']
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: 'WEEKLY WRITE ARTICLES',
|
||||
type: 'pie',
|
||||
roseType: 'radius',
|
||||
radius: [15, 95],
|
||||
center: ['50%', '38%'],
|
||||
data: [
|
||||
{ value: 320, name: 'Industries' },
|
||||
{ value: 240, name: 'Technology' },
|
||||
{ value: 149, name: 'Forex' },
|
||||
{ value: 100, name: 'Gold' },
|
||||
{ value: 59, name: 'Forecasts' }
|
||||
],
|
||||
animationEasing: 'cubicInOut',
|
||||
animationDuration: 2600
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
116
src/views/dashboard/RaddarChart.vue
Normal file
116
src/views/dashboard/RaddarChart.vue
Normal file
@@ -0,0 +1,116 @@
|
||||
<template>
|
||||
<div :class="className" :style="{height:height,width:width}" />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as echarts from 'echarts'
|
||||
require('echarts/theme/macarons') // echarts theme
|
||||
import resize from './mixins/resize'
|
||||
|
||||
const animationDuration = 3000
|
||||
|
||||
export default {
|
||||
mixins: [resize],
|
||||
props: {
|
||||
className: {
|
||||
type: String,
|
||||
default: 'chart'
|
||||
},
|
||||
width: {
|
||||
type: String,
|
||||
default: '100%'
|
||||
},
|
||||
height: {
|
||||
type: String,
|
||||
default: '300px'
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chart: null
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$nextTick(() => {
|
||||
this.initChart()
|
||||
})
|
||||
},
|
||||
beforeDestroy() {
|
||||
if (!this.chart) {
|
||||
return
|
||||
}
|
||||
this.chart.dispose()
|
||||
this.chart = null
|
||||
},
|
||||
methods: {
|
||||
initChart() {
|
||||
this.chart = echarts.init(this.$el, 'macarons')
|
||||
|
||||
this.chart.setOption({
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
||||
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
||||
}
|
||||
},
|
||||
radar: {
|
||||
radius: '66%',
|
||||
center: ['50%', '42%'],
|
||||
splitNumber: 8,
|
||||
splitArea: {
|
||||
areaStyle: {
|
||||
color: 'rgba(127,95,132,.3)',
|
||||
opacity: 1,
|
||||
shadowBlur: 45,
|
||||
shadowColor: 'rgba(0,0,0,.5)',
|
||||
shadowOffsetX: 0,
|
||||
shadowOffsetY: 15
|
||||
}
|
||||
},
|
||||
indicator: [
|
||||
{ name: 'Sales', max: 10000 },
|
||||
{ name: 'Administration', max: 20000 },
|
||||
{ name: 'Information Techology', max: 20000 },
|
||||
{ name: 'Customer Support', max: 20000 },
|
||||
{ name: 'Development', max: 20000 },
|
||||
{ name: 'Marketing', max: 20000 }
|
||||
]
|
||||
},
|
||||
legend: {
|
||||
left: 'center',
|
||||
bottom: '10',
|
||||
data: ['Allocated Budget', 'Expected Spending', 'Actual Spending']
|
||||
},
|
||||
series: [{
|
||||
type: 'radar',
|
||||
symbolSize: 0,
|
||||
areaStyle: {
|
||||
normal: {
|
||||
shadowBlur: 13,
|
||||
shadowColor: 'rgba(0,0,0,.2)',
|
||||
shadowOffsetX: 0,
|
||||
shadowOffsetY: 10,
|
||||
opacity: 1
|
||||
}
|
||||
},
|
||||
data: [
|
||||
{
|
||||
value: [5000, 7000, 12000, 11000, 15000, 14000],
|
||||
name: 'Allocated Budget'
|
||||
},
|
||||
{
|
||||
value: [4000, 9000, 15000, 15000, 13000, 11000],
|
||||
name: 'Expected Spending'
|
||||
},
|
||||
{
|
||||
value: [5500, 11000, 12000, 15000, 12000, 12000],
|
||||
name: 'Actual Spending'
|
||||
}
|
||||
],
|
||||
animationDuration: animationDuration
|
||||
}]
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
63
src/views/dashboard/mixins/echartsConfig.js
Normal file
63
src/views/dashboard/mixins/echartsConfig.js
Normal file
@@ -0,0 +1,63 @@
|
||||
export const legendData = ["充值金额", "充值笔数", '打款金额', '打款笔数', '手动加余额', '手动减余额', '手动加收益', '手动减收益'];
|
||||
|
||||
export const seriesData = {
|
||||
name: '',
|
||||
itemStyle: {
|
||||
normal: {
|
||||
lineStyle: {
|
||||
width: 2
|
||||
}
|
||||
}
|
||||
},
|
||||
smooth: true,
|
||||
type: 'line',
|
||||
data: [],
|
||||
animationDuration: 2800,
|
||||
animationEasing: 'cubicInOut'
|
||||
};
|
||||
|
||||
export const echartsConfig = {
|
||||
xAxis: {
|
||||
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
|
||||
boundaryGap: false,
|
||||
axisTick: {
|
||||
show: false
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: 10,
|
||||
right: 10,
|
||||
bottom: 20,
|
||||
top: 50,
|
||||
containLabel: true
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross'
|
||||
},
|
||||
padding: [5, 10]
|
||||
},
|
||||
yAxis: {
|
||||
axisTick: {
|
||||
show: false
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
data: legendData,
|
||||
top: '0px'
|
||||
},
|
||||
series: []
|
||||
};
|
||||
|
||||
export const generateRandomNumbers = ()=> {
|
||||
function getRandomInt(min, max) {
|
||||
return Math.floor(Math.random() * (max - min + 1)) + min;
|
||||
}
|
||||
let randomNumbers = [];
|
||||
for (let i = 0; i < 7; i++) {
|
||||
randomNumbers.push(getRandomInt(100, 300));
|
||||
}
|
||||
return randomNumbers;
|
||||
}
|
||||
|
||||
56
src/views/dashboard/mixins/resize.js
Normal file
56
src/views/dashboard/mixins/resize.js
Normal file
@@ -0,0 +1,56 @@
|
||||
import { debounce } from '@/utils'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
$_sidebarElm: null,
|
||||
$_resizeHandler: null
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.initListener()
|
||||
},
|
||||
activated() {
|
||||
if (!this.$_resizeHandler) {
|
||||
// avoid duplication init
|
||||
this.initListener()
|
||||
}
|
||||
|
||||
// when keep-alive chart activated, auto resize
|
||||
this.resize()
|
||||
},
|
||||
beforeDestroy() {
|
||||
this.destroyListener()
|
||||
},
|
||||
deactivated() {
|
||||
this.destroyListener()
|
||||
},
|
||||
methods: {
|
||||
// use $_ for mixins properties
|
||||
// https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
|
||||
$_sidebarResizeHandler(e) {
|
||||
if (e.propertyName === 'width') {
|
||||
this.$_resizeHandler()
|
||||
}
|
||||
},
|
||||
initListener() {
|
||||
this.$_resizeHandler = debounce(() => {
|
||||
this.resize()
|
||||
}, 100)
|
||||
window.addEventListener('resize', this.$_resizeHandler)
|
||||
|
||||
this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
|
||||
this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
|
||||
},
|
||||
destroyListener() {
|
||||
window.removeEventListener('resize', this.$_resizeHandler)
|
||||
this.$_resizeHandler = null
|
||||
|
||||
this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
|
||||
},
|
||||
resize() {
|
||||
const { chart } = this
|
||||
chart && chart.resize()
|
||||
}
|
||||
}
|
||||
}
|
||||
432
src/views/demo/demo/index.vue
Normal file
432
src/views/demo/demo/index.vue
Normal file
@@ -0,0 +1,432 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="key键" prop="testKey">
|
||||
<el-input
|
||||
v-model="queryParams.testKey"
|
||||
placeholder="请输入key键"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="值" prop="value">
|
||||
<el-input
|
||||
v-model="queryParams.value"
|
||||
placeholder="请输入值"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建时间">
|
||||
<el-date-picker
|
||||
v-model="daterangeCreateTime"
|
||||
size="small"
|
||||
style="width: 240px"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
type="daterange"
|
||||
range-separator="-"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="['00:00:00', '23:59:59']"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handlePage">搜索(自定义分页接口)</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['demo:demo:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['demo:demo:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['demo:demo:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="info"
|
||||
plain
|
||||
icon="el-icon-upload2"
|
||||
size="mini"
|
||||
@click="handleImport"
|
||||
v-hasPermi="['demo:demo:import']"
|
||||
>导入(校验)</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['demo:demo:export']"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="demoList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="主键" align="center" prop="id" v-if="false"/>
|
||||
<el-table-column label="部门id" align="center" prop="deptId" />
|
||||
<el-table-column label="用户id" align="center" prop="userId" />
|
||||
<el-table-column label="排序号" align="center" prop="orderNum" />
|
||||
<el-table-column label="key键" align="center" prop="testKey" />
|
||||
<el-table-column label="值" align="center" prop="value" />
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建人" align="center" prop="createBy" />
|
||||
<el-table-column label="更新时间" align="center" prop="updateTime" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="更新人" align="center" prop="updateBy" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['demo:demo:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['demo:demo:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改测试单表对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="部门id" prop="deptId">
|
||||
<el-input v-model="form.deptId" placeholder="请输入部门id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="用户id" prop="userId">
|
||||
<el-input v-model="form.userId" placeholder="请输入用户id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="排序号" prop="orderNum">
|
||||
<el-input v-model="form.orderNum" placeholder="请输入排序号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="key键" prop="testKey">
|
||||
<el-input v-model="form.testKey" placeholder="请输入key键" />
|
||||
</el-form-item>
|
||||
<el-form-item label="值" prop="value">
|
||||
<el-input v-model="form.value" placeholder="请输入值" />
|
||||
</el-form-item>
|
||||
<el-form-item label="创建时间" prop="createTime">
|
||||
<el-date-picker clearable size="small"
|
||||
v-model="form.createTime"
|
||||
type="datetime"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
placeholder="选择创建时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!-- 用户导入对话框 -->
|
||||
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
|
||||
<el-upload
|
||||
ref="upload"
|
||||
:limit="1"
|
||||
accept=".xlsx, .xls"
|
||||
:headers="upload.headers"
|
||||
:action="upload.url + '?updateSupport=' + upload.updateSupport"
|
||||
:disabled="upload.isUploading"
|
||||
:on-progress="handleFileUploadProgress"
|
||||
:on-success="handleFileSuccess"
|
||||
:auto-upload="false"
|
||||
drag
|
||||
>
|
||||
<i class="el-icon-upload"></i>
|
||||
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
||||
</el-upload>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitFileForm">确 定</el-button>
|
||||
<el-button @click="upload.open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listDemo, pageDemo, getDemo, delDemo, addDemo, updateDemo } from "@/api/demo/demo";
|
||||
import {getToken} from "@/utils/auth";
|
||||
|
||||
export default {
|
||||
name: "Demo",
|
||||
components: {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
//按钮loading
|
||||
buttonLoading: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 测试单表表格数据
|
||||
demoList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 创建时间时间范围
|
||||
daterangeCreateTime: [],
|
||||
// 用户导入参数
|
||||
upload: {
|
||||
// 是否显示弹出层（用户导入）
|
||||
open: false,
|
||||
// 弹出层标题（用户导入）
|
||||
title: "",
|
||||
// 是否禁用上传
|
||||
isUploading: false,
|
||||
// 设置上传的请求头部
|
||||
headers: { Authorization: "Bearer " + getToken() },
|
||||
// 上传的地址
|
||||
url: process.env.VUE_APP_BASE_API + "/demo/demo/importData"
|
||||
},
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
testKey: undefined,
|
||||
value: undefined,
|
||||
createTime: undefined,
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
testKey: [
|
||||
{ required: true, message: "key键不能为空", trigger: "blur" }
|
||||
],
|
||||
value: [
|
||||
{ required: true, message: "值不能为空", trigger: "blur" }
|
||||
],
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询测试单表列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
this.queryParams.params = {};
|
||||
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
|
||||
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
|
||||
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
|
||||
}
|
||||
listDemo(this.queryParams).then(response => {
|
||||
this.demoList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 自定义分页查询 */
|
||||
getPage() {
|
||||
this.loading = true;
|
||||
this.queryParams.params = {};
|
||||
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
|
||||
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
|
||||
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
|
||||
}
|
||||
pageDemo(this.queryParams).then(response => {
|
||||
this.demoList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: undefined,
|
||||
deptId: undefined,
|
||||
userId: undefined,
|
||||
orderNum: undefined,
|
||||
testKey: undefined,
|
||||
value: undefined,
|
||||
version: undefined,
|
||||
createTime: undefined,
|
||||
createBy: undefined,
|
||||
updateTime: undefined,
|
||||
updateBy: undefined,
|
||||
delFlag: undefined
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handlePage() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getPage();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.daterangeCreateTime = [];
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.title = "添加测试单表";
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.loading = true;
|
||||
this.reset();
|
||||
const id = row.id || this.ids
|
||||
getDemo(id).then(response => {
|
||||
this.loading = false;
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.title = "修改测试单表";
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
if (this.form.id != null) {
|
||||
updateDemo(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
} else {
|
||||
addDemo(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除测试单表编号为"' + ids + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delDemo(ids);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 导入按钮操作 */
|
||||
handleImport() {
|
||||
this.upload.title = "用户导入";
|
||||
this.upload.open = true;
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('demo/demo/export', {
|
||||
...this.queryParams
|
||||
}, `demo_${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
// 文件上传中处理
|
||||
handleFileUploadProgress(event, file, fileList) {
|
||||
this.upload.isUploading = true;
|
||||
},
|
||||
// 文件上传成功处理
|
||||
handleFileSuccess(response, file, fileList) {
|
||||
this.upload.open = false;
|
||||
this.upload.isUploading = false;
|
||||
this.$refs.upload.clearFiles();
|
||||
this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
|
||||
this.getList();
|
||||
},
|
||||
// 提交上传文件
|
||||
submitFileForm() {
|
||||
this.$refs.upload.submit();
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
314
src/views/demo/tree/index.vue
Normal file
314
src/views/demo/tree/index.vue
Normal file
@@ -0,0 +1,314 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="树节点名" prop="treeName">
|
||||
<el-input
|
||||
v-model="queryParams.treeName"
|
||||
placeholder="请输入树节点名"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建时间">
|
||||
<el-date-picker
|
||||
v-model="daterangeCreateTime"
|
||||
size="small"
|
||||
style="width: 240px"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
type="daterange"
|
||||
range-separator="-"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="['00:00:00', '23:59:59']"
|
||||
></el-date-picker>
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['demo:tree:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="info"
|
||||
plain
|
||||
icon="el-icon-sort"
|
||||
size="mini"
|
||||
@click="toggleExpandAll"
|
||||
>展开/折叠</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table
|
||||
v-if="refreshTable"
|
||||
v-loading="loading"
|
||||
:data="treeList"
|
||||
row-key="id"
|
||||
:default-expand-all="isExpandAll"
|
||||
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
|
||||
>
|
||||
<el-table-column label="父id" prop="parentId" />
|
||||
<el-table-column label="部门id" align="center" prop="deptId" />
|
||||
<el-table-column label="用户id" align="center" prop="userId" />
|
||||
<el-table-column label="树节点名" align="center" prop="treeName" />
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['demo:tree:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-plus"
|
||||
@click="handleAdd(scope.row)"
|
||||
v-hasPermi="['demo:tree:add']"
|
||||
>新增</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['demo:tree:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 添加或修改测试树表对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="父id" prop="parentId">
|
||||
<treeselect v-model="form.parentId" :options="treeOptions" :normalizer="normalizer" placeholder="请选择父id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="部门id" prop="deptId">
|
||||
<el-input v-model="form.deptId" placeholder="请输入部门id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="用户id" prop="userId">
|
||||
<el-input v-model="form.userId" placeholder="请输入用户id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="树节点名" prop="treeName">
|
||||
<el-input v-model="form.treeName" placeholder="请输入树节点名" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listTree, getTree, delTree, addTree, updateTree } from "@/api/demo/tree";
|
||||
import Treeselect from "@riophae/vue-treeselect";
|
||||
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
||||
|
||||
export default {
|
||||
name: "Tree",
|
||||
components: {
|
||||
Treeselect
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
//按钮loading
|
||||
buttonLoading: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 测试树表表格数据
|
||||
treeList: [],
|
||||
// 测试树表树选项
|
||||
treeOptions: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 是否展开，默认全部展开
|
||||
isExpandAll: true,
|
||||
// 重新渲染表格状态
|
||||
refreshTable: true,
|
||||
// 创建时间时间范围
|
||||
daterangeCreateTime: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
treeName: null,
|
||||
createTime: null,
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
treeName: [
|
||||
{ required: true, message: "树节点名不能为空", trigger: "blur" }
|
||||
],
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询测试树表列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
this.queryParams.params = {};
|
||||
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
|
||||
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
|
||||
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
|
||||
}
|
||||
listTree(this.queryParams).then(response => {
|
||||
this.treeList = this.handleTree(response.data, "id", "parentId");
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 转换测试树表数据结构 */
|
||||
normalizer(node) {
|
||||
if (node.children && !node.children.length) {
|
||||
delete node.children;
|
||||
}
|
||||
return {
|
||||
id: node.id,
|
||||
label: node.treeName,
|
||||
children: node.children
|
||||
};
|
||||
},
|
||||
/** 查询测试树表下拉树结构 */
|
||||
getTreeselect() {
|
||||
listTree().then(response => {
|
||||
this.treeOptions = [];
|
||||
const data = { id: 0, treeName: '顶级节点', children: [] };
|
||||
data.children = this.handleTree(response.data, "id", "parentId");
|
||||
this.treeOptions.push(data);
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
parentId: null,
|
||||
deptId: null,
|
||||
userId: null,
|
||||
treeName: null,
|
||||
version: null,
|
||||
createTime: null,
|
||||
createBy: null,
|
||||
updateTime: null,
|
||||
updateBy: null,
|
||||
delFlag: null
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.daterangeCreateTime = [];
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd(row) {
|
||||
this.reset();
|
||||
this.getTreeselect();
|
||||
if (row != null && row.id) {
|
||||
this.form.parentId = row.id;
|
||||
} else {
|
||||
this.form.parentId = 0;
|
||||
}
|
||||
this.open = true;
|
||||
this.title = "添加测试树表";
|
||||
},
|
||||
/** 展开/折叠操作 */
|
||||
toggleExpandAll() {
|
||||
this.refreshTable = false;
|
||||
this.isExpandAll = !this.isExpandAll;
|
||||
this.$nextTick(() => {
|
||||
this.refreshTable = true;
|
||||
});
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.loading = true;
|
||||
this.reset();
|
||||
this.getTreeselect();
|
||||
if (row != null) {
|
||||
this.form.parentId = row.id;
|
||||
}
|
||||
getTree(row.id).then(response => {
|
||||
this.loading = false;
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.title = "修改测试树表";
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
if (this.form.id != null) {
|
||||
updateTree(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
} else {
|
||||
addTree(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
this.$modal.confirm('是否确认删除测试树表编号为"' + row.id + '"的数据项？').then(() => {
|
||||
this.loading = true;
|
||||
return delTree(row.id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
88
src/views/error/401.vue
Normal file
88
src/views/error/401.vue
Normal file
@@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<div class="errPage-container">
|
||||
<el-button icon="arrow-left" class="pan-back-btn" @click="back">
|
||||
返回
|
||||
</el-button>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<h1 class="text-jumbo text-ginormous">
|
||||
401错误!
|
||||
</h1>
|
||||
<h2>您没有访问权限！</h2>
|
||||
<h6>对不起，您没有访问权限，请不要进行非法操作！您可以返回主页面</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li class="link-type">
|
||||
<router-link to="/">
|
||||
回首页
|
||||
</router-link>
|
||||
</li>
|
||||
</ul>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream.">
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import errGif from '@/assets/401_images/401.gif'
|
||||
|
||||
export default {
|
||||
name: 'Page401',
|
||||
data() {
|
||||
return {
|
||||
errGif: errGif + '?' + +new Date()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
back() {
|
||||
if (this.$route.query.noGoBack) {
|
||||
this.$router.push({ path: '/' })
|
||||
} else {
|
||||
this.$router.go(-1)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.errPage-container {
|
||||
width: 800px;
|
||||
max-width: 100%;
|
||||
margin: 100px auto;
|
||||
.pan-back-btn {
|
||||
background: #008489;
|
||||
color: #fff;
|
||||
border: none!important;
|
||||
}
|
||||
.pan-gif {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
.pan-img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
.text-jumbo {
|
||||
font-size: 60px;
|
||||
font-weight: 700;
|
||||
color: #484848;
|
||||
}
|
||||
.list-unstyled {
|
||||
font-size: 14px;
|
||||
li {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
a {
|
||||
color: #008489;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
233
src/views/error/404.vue
Normal file
233
src/views/error/404.vue
Normal file
@@ -0,0 +1,233 @@
|
||||
<template>
|
||||
<div class="wscn-http404-container">
|
||||
<div class="wscn-http404">
|
||||
<div class="pic-404">
|
||||
<img class="pic-404__parent" src="@/assets/404_images/404.png" alt="404">
|
||||
<img class="pic-404__child left" src="@/assets/404_images/404_cloud.png" alt="404">
|
||||
<img class="pic-404__child mid" src="@/assets/404_images/404_cloud.png" alt="404">
|
||||
<img class="pic-404__child right" src="@/assets/404_images/404_cloud.png" alt="404">
|
||||
</div>
|
||||
<div class="bullshit">
|
||||
<div class="bullshit__oops">
|
||||
404错误!
|
||||
</div>
|
||||
<div class="bullshit__headline">
|
||||
{{ message }}
|
||||
</div>
|
||||
<div class="bullshit__info">
|
||||
对不起，您正在寻找的页面不存在。尝试检查URL的错误，然后按浏览器上的刷新按钮或尝试在我们的应用程序中找到其他内容。
|
||||
</div>
|
||||
<router-link to="/" class="bullshit__return-home">
|
||||
返回首页
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
name: 'Page404',
|
||||
computed: {
|
||||
message() {
|
||||
return '找不到网页！'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.wscn-http404-container{
|
||||
transform: translate(-50%,-50%);
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 50%;
|
||||
}
|
||||
.wscn-http404 {
|
||||
position: relative;
|
||||
width: 1200px;
|
||||
padding: 0 50px;
|
||||
overflow: hidden;
|
||||
.pic-404 {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 600px;
|
||||
overflow: hidden;
|
||||
&__parent {
|
||||
width: 100%;
|
||||
}
|
||||
&__child {
|
||||
position: absolute;
|
||||
&.left {
|
||||
width: 80px;
|
||||
top: 17px;
|
||||
left: 220px;
|
||||
opacity: 0;
|
||||
animation-name: cloudLeft;
|
||||
animation-duration: 2s;
|
||||
animation-timing-function: linear;
|
||||
animation-fill-mode: forwards;
|
||||
animation-delay: 1s;
|
||||
}
|
||||
&.mid {
|
||||
width: 46px;
|
||||
top: 10px;
|
||||
left: 420px;
|
||||
opacity: 0;
|
||||
animation-name: cloudMid;
|
||||
animation-duration: 2s;
|
||||
animation-timing-function: linear;
|
||||
animation-fill-mode: forwards;
|
||||
animation-delay: 1.2s;
|
||||
}
|
||||
&.right {
|
||||
width: 62px;
|
||||
top: 100px;
|
||||
left: 500px;
|
||||
opacity: 0;
|
||||
animation-name: cloudRight;
|
||||
animation-duration: 2s;
|
||||
animation-timing-function: linear;
|
||||
animation-fill-mode: forwards;
|
||||
animation-delay: 1s;
|
||||
}
|
||||
@keyframes cloudLeft {
|
||||
0% {
|
||||
top: 17px;
|
||||
left: 220px;
|
||||
opacity: 0;
|
||||
}
|
||||
20% {
|
||||
top: 33px;
|
||||
left: 188px;
|
||||
opacity: 1;
|
||||
}
|
||||
80% {
|
||||
top: 81px;
|
||||
left: 92px;
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
top: 97px;
|
||||
left: 60px;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes cloudMid {
|
||||
0% {
|
||||
top: 10px;
|
||||
left: 420px;
|
||||
opacity: 0;
|
||||
}
|
||||
20% {
|
||||
top: 40px;
|
||||
left: 360px;
|
||||
opacity: 1;
|
||||
}
|
||||
70% {
|
||||
top: 130px;
|
||||
left: 180px;
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
top: 160px;
|
||||
left: 120px;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes cloudRight {
|
||||
0% {
|
||||
top: 100px;
|
||||
left: 500px;
|
||||
opacity: 0;
|
||||
}
|
||||
20% {
|
||||
top: 120px;
|
||||
left: 460px;
|
||||
opacity: 1;
|
||||
}
|
||||
80% {
|
||||
top: 180px;
|
||||
left: 340px;
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
top: 200px;
|
||||
left: 300px;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bullshit {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 300px;
|
||||
padding: 30px 0;
|
||||
overflow: hidden;
|
||||
&__oops {
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
line-height: 40px;
|
||||
color: #1482f0;
|
||||
opacity: 0;
|
||||
margin-bottom: 20px;
|
||||
animation-name: slideUp;
|
||||
animation-duration: 0.5s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
&__headline {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
color: #222;
|
||||
font-weight: bold;
|
||||
opacity: 0;
|
||||
margin-bottom: 10px;
|
||||
animation-name: slideUp;
|
||||
animation-duration: 0.5s;
|
||||
animation-delay: 0.1s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
&__info {
|
||||
font-size: 13px;
|
||||
line-height: 21px;
|
||||
color: grey;
|
||||
opacity: 0;
|
||||
margin-bottom: 30px;
|
||||
animation-name: slideUp;
|
||||
animation-duration: 0.5s;
|
||||
animation-delay: 0.2s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
&__return-home {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 110px;
|
||||
height: 36px;
|
||||
background: #1482f0;
|
||||
border-radius: 100px;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
opacity: 0;
|
||||
font-size: 14px;
|
||||
line-height: 36px;
|
||||
cursor: pointer;
|
||||
animation-name: slideUp;
|
||||
animation-duration: 0.5s;
|
||||
animation-delay: 0.3s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
@keyframes slideUp {
|
||||
0% {
|
||||
transform: translateY(60px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
98
src/views/index.vue
Normal file
98
src/views/index.vue
Normal file
@@ -0,0 +1,98 @@
|
||||
<template>
|
||||
<div class="dashboard-editor-container">
|
||||
|
||||
<panel-group @handleSetLineChartData="handleSetLineChartData" />
|
||||
|
||||
<!-- <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
|
||||
<line-chart :chart-data="lineChartData" />
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="32">
|
||||
<el-col :xs="24" :sm="24" :lg="8">
|
||||
<div class="chart-wrapper">
|
||||
<raddar-chart />
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :lg="8">
|
||||
<div class="chart-wrapper">
|
||||
<pie-chart />
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :lg="8">
|
||||
<div class="chart-wrapper">
|
||||
<bar-chart />
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>-->
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import PanelGroup from './dashboard/PanelGroup'
|
||||
import LineChart from './dashboard/LineChart'
|
||||
import RaddarChart from './dashboard/RaddarChart'
|
||||
import PieChart from './dashboard/PieChart'
|
||||
import BarChart from './dashboard/BarChart'
|
||||
|
||||
const lineChartData = {
|
||||
newVisitis: {
|
||||
expectedData: [100, 120, 161, 134, 105, 160, 165],
|
||||
actualData: [120, 82, 91, 154, 162, 140, 145]
|
||||
},
|
||||
messages: {
|
||||
expectedData: [200, 192, 120, 144, 160, 130, 140],
|
||||
actualData: [180, 160, 151, 106, 145, 150, 130]
|
||||
},
|
||||
purchases: {
|
||||
expectedData: [80, 100, 121, 104, 105, 90, 100],
|
||||
actualData: [120, 90, 100, 138, 142, 130, 130]
|
||||
},
|
||||
shoppings: {
|
||||
expectedData: [130, 140, 141, 142, 145, 150, 160],
|
||||
actualData: [120, 82, 91, 154, 162, 140, 130]
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
name: 'Index',
|
||||
components: {
|
||||
PanelGroup,
|
||||
LineChart,
|
||||
RaddarChart,
|
||||
PieChart,
|
||||
BarChart
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
lineChartData: lineChartData.newVisitis
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleSetLineChartData(type) {
|
||||
this.lineChartData = lineChartData[type]
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.dashboard-editor-container {
|
||||
padding: 16px;
|
||||
background-color: rgb(240, 242, 245);
|
||||
position: relative;
|
||||
|
||||
.chart-wrapper {
|
||||
background: #fff;
|
||||
padding: 16px 16px 0;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:1024px) {
|
||||
.chart-wrapper {
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
220
src/views/login.vue
Normal file
220
src/views/login.vue
Normal file
@@ -0,0 +1,220 @@
|
||||
<template>
|
||||
<div class="login">
|
||||
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
|
||||
<h3 class="title">{{ systemTitleHome }}</h3>
|
||||
<el-form-item prop="username">
|
||||
<el-input
|
||||
v-model="loginForm.username"
|
||||
type="text"
|
||||
auto-complete="off"
|
||||
placeholder="账号"
|
||||
>
|
||||
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="password">
|
||||
<el-input
|
||||
v-model="loginForm.password"
|
||||
type="password"
|
||||
auto-complete="off"
|
||||
placeholder="密码"
|
||||
@keyup.enter.native="handleLogin"
|
||||
>
|
||||
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="code" v-if="captchaEnabled">
|
||||
<el-input
|
||||
v-model="loginForm.code"
|
||||
auto-complete="off"
|
||||
placeholder="验证码"
|
||||
style="width: 63%"
|
||||
@keyup.enter.native="handleLogin"
|
||||
>
|
||||
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
|
||||
</el-input>
|
||||
<div class="login-code">
|
||||
<img :src="codeUrl" @click="getCode" class="login-code-img"/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
|
||||
<el-form-item style="width:100%;">
|
||||
<el-button
|
||||
:loading="loading"
|
||||
size="medium"
|
||||
type="primary"
|
||||
style="width:100%;"
|
||||
@click.native.prevent="handleLogin"
|
||||
>
|
||||
<span v-if="!loading">登 录</span>
|
||||
<span v-else>登 录 中...</span>
|
||||
</el-button>
|
||||
<div style="float: right;" v-if="register">
|
||||
<router-link class="link-type" :to="'/register'">立即注册</router-link>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<!-- 底部 -->
|
||||
<div class="el-login-footer">
|
||||
<span>Copyright © 2023-2024 77 All Rights Reserved.</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getCodeImg } from "@/api/login";
|
||||
import Cookies from "js-cookie";
|
||||
import { encrypt, decrypt } from '@/utils/jsencrypt'
|
||||
|
||||
export default {
|
||||
name: "Login",
|
||||
data() {
|
||||
return {
|
||||
systemTitleHome: process.env.VUE_APP_SYSTEM_HOME + '后台管理系统',
|
||||
codeUrl: "",
|
||||
loginForm: {
|
||||
username: "admin",
|
||||
password: "",
|
||||
rememberMe: false,
|
||||
code: "",
|
||||
uuid: ""
|
||||
},
|
||||
loginRules: {
|
||||
username: [
|
||||
{ required: true, trigger: "blur", message: "请输入您的账号" }
|
||||
],
|
||||
password: [
|
||||
{ required: true, trigger: "blur", message: "请输入您的密码" }
|
||||
],
|
||||
code: [{ required: true, trigger: "change", message: "请输入验证码" }]
|
||||
},
|
||||
loading: false,
|
||||
// 验证码开关
|
||||
captchaEnabled: true,
|
||||
// 注册开关
|
||||
register: false,
|
||||
redirect: undefined
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
$route: {
|
||||
handler: function(route) {
|
||||
this.redirect = route.query && route.query.redirect;
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getCode();
|
||||
this.getCookie();
|
||||
},
|
||||
methods: {
|
||||
getCode() {
|
||||
getCodeImg().then(res => {
|
||||
this.captchaEnabled = res.data.captchaEnabled === undefined ? true : res.data.captchaEnabled;
|
||||
if (this.captchaEnabled) {
|
||||
this.codeUrl = "data:image/gif;base64," + res.data.img;
|
||||
this.loginForm.uuid = res.data.uuid;
|
||||
}
|
||||
});
|
||||
},
|
||||
getCookie() {
|
||||
const username = Cookies.get("username");
|
||||
const password = Cookies.get("password");
|
||||
const rememberMe = Cookies.get('rememberMe')
|
||||
this.loginForm = {
|
||||
username: username === undefined ? this.loginForm.username : username,
|
||||
password: password === undefined ? this.loginForm.password : decrypt(password),
|
||||
rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
|
||||
};
|
||||
},
|
||||
handleLogin() {
|
||||
this.$refs.loginForm.validate(valid => {
|
||||
if (valid) {
|
||||
this.loading = true;
|
||||
if (this.loginForm.rememberMe) {
|
||||
Cookies.set("username", this.loginForm.username, { expires: 30 });
|
||||
Cookies.set("password", encrypt(this.loginForm.password), { expires: 30 });
|
||||
Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 });
|
||||
} else {
|
||||
Cookies.remove("username");
|
||||
Cookies.remove("password");
|
||||
Cookies.remove('rememberMe');
|
||||
}
|
||||
this.$store.dispatch("Login", this.loginForm).then(() => {
|
||||
this.$router.push({ path: this.redirect || "/" }).catch(()=>{});
|
||||
}).catch(() => {
|
||||
this.loading = false;
|
||||
if (this.captchaEnabled) {
|
||||
this.getCode();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style rel="stylesheet/scss" lang="scss">
|
||||
.login {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
background-image: url("../assets/images/login-background.jpg");
|
||||
background-size: cover;
|
||||
}
|
||||
.title {
|
||||
margin: 0px auto 30px auto;
|
||||
text-align: center;
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.login-form {
|
||||
border-radius: 6px;
|
||||
background: #ffffff;
|
||||
width: 400px;
|
||||
padding: 25px 25px 5px 25px;
|
||||
.el-input {
|
||||
height: 38px;
|
||||
input {
|
||||
height: 38px;
|
||||
}
|
||||
}
|
||||
.input-icon {
|
||||
height: 39px;
|
||||
width: 14px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
.login-tip {
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
color: #bfbfbf;
|
||||
}
|
||||
.login-code {
|
||||
width: 33%;
|
||||
height: 38px;
|
||||
float: right;
|
||||
img {
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
.el-login-footer {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-family: Arial;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.login-code-img {
|
||||
height: 38px;
|
||||
}
|
||||
</style>
|
||||
15
src/views/monitor/admin/index.vue
Normal file
15
src/views/monitor/admin/index.vue
Normal file
@@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<i-frame :src="url" />
|
||||
</template>
|
||||
<script>
|
||||
import iFrame from "@/components/iFrame/index";
|
||||
export default {
|
||||
name: "Admin",
|
||||
components: { iFrame },
|
||||
data() {
|
||||
return {
|
||||
url: process.env.VUE_APP_MONITRO_ADMIN
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
148
src/views/monitor/cache/index.vue
vendored
Normal file
148
src/views/monitor/cache/index.vue
vendored
Normal file
@@ -0,0 +1,148 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-row>
|
||||
<el-col :span="24" class="card-box">
|
||||
<el-card>
|
||||
<div slot="header"><span><i class="el-icon-monitor"></i> 基本信息</span></div>
|
||||
<div class="el-table el-table--enable-row-hover el-table--medium">
|
||||
<table cellspacing="0" style="width: 100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="el-table__cell is-leaf"><div class="cell">Redis版本</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.redis_version }}</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell">运行模式</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.redis_mode == "standalone" ? "单机" : "集群" }}</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell">端口</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.tcp_port }}</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell">客户端数</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.connected_clients }}</div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="el-table__cell is-leaf"><div class="cell">运行时间(天)</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.uptime_in_days }}</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell">使用内存</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.used_memory_human }}</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell">使用CPU</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ parseFloat(cache.info.used_cpu_user_children).toFixed(2) }}</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell">内存配置</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.maxmemory_human }}</div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="el-table__cell is-leaf"><div class="cell">AOF是否开启</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.aof_enabled == "0" ? "否" : "是" }}</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell">RDB是否成功</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.rdb_last_bgsave_status }}</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell">Key数量</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell" v-if="cache.dbSize">{{ cache.dbSize }} </div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell">网络入口/出口</div></td>
|
||||
<td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.instantaneous_input_kbps }}kps/{{cache.info.instantaneous_output_kbps}}kps</div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="card-box">
|
||||
<el-card>
|
||||
<div slot="header"><span><i class="el-icon-pie-chart"></i> 命令统计</span></div>
|
||||
<div class="el-table el-table--enable-row-hover el-table--medium">
|
||||
<div ref="commandstats" style="height: 420px" />
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="card-box">
|
||||
<el-card>
|
||||
<div slot="header"><span><i class="el-icon-odometer"></i> 内存信息</span></div>
|
||||
<div class="el-table el-table--enable-row-hover el-table--medium">
|
||||
<div ref="usedmemory" style="height: 420px" />
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getCache } from "@/api/monitor/cache";
|
||||
import * as echarts from "echarts";
|
||||
|
||||
export default {
|
||||
name: "Cache",
|
||||
data() {
|
||||
return {
|
||||
// 统计命令信息
|
||||
commandstats: null,
|
||||
// 使用内存
|
||||
usedmemory: null,
|
||||
// cache信息
|
||||
cache: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
this.openLoading();
|
||||
},
|
||||
methods: {
|
||||
/** 查缓存询信息 */
|
||||
getList() {
|
||||
getCache().then((response) => {
|
||||
this.cache = response.data;
|
||||
this.$modal.closeLoading();
|
||||
|
||||
this.commandstats = echarts.init(this.$refs.commandstats, "macarons");
|
||||
this.commandstats.setOption({
|
||||
tooltip: {
|
||||
trigger: "item",
|
||||
formatter: "{a} <br/>{b} : {c} ({d}%)",
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "命令",
|
||||
type: "pie",
|
||||
roseType: "radius",
|
||||
radius: [15, 95],
|
||||
center: ["50%", "38%"],
|
||||
data: response.data.commandStats,
|
||||
animationEasing: "cubicInOut",
|
||||
animationDuration: 1000,
|
||||
}
|
||||
]
|
||||
});
|
||||
this.usedmemory = echarts.init(this.$refs.usedmemory, "macarons");
|
||||
this.usedmemory.setOption({
|
||||
tooltip: {
|
||||
formatter: "{b} <br/>{a} : " + this.cache.info.used_memory_human,
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "峰值",
|
||||
type: "gauge",
|
||||
min: 0,
|
||||
max: 1000,
|
||||
detail: {
|
||||
formatter: this.cache.info.used_memory_human,
|
||||
},
|
||||
data: [
|
||||
{
|
||||
value: parseFloat(this.cache.info.used_memory_human),
|
||||
name: "内存消耗",
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
});
|
||||
window.addEventListener("resize",()=>{
|
||||
this.commandstats.resize()
|
||||
this.usedmemory.resize()
|
||||
});
|
||||
});
|
||||
},
|
||||
// 打开加载层
|
||||
openLoading() {
|
||||
this.$modal.loading("正在加载缓存监控数据，请稍候！");
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
241
src/views/monitor/cache/list.vue
vendored
Normal file
241
src/views/monitor/cache/list.vue
vendored
Normal file
@@ -0,0 +1,241 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="8">
|
||||
<el-card style="height: calc(100vh - 125px)">
|
||||
<div slot="header">
|
||||
<span><i class="el-icon-collection"></i> 缓存列表</span>
|
||||
<el-button
|
||||
style="float: right; padding: 3px 0"
|
||||
type="text"
|
||||
icon="el-icon-refresh-right"
|
||||
@click="refreshCacheNames()"
|
||||
></el-button>
|
||||
</div>
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="cacheNames"
|
||||
:height="tableHeight"
|
||||
highlight-current-row
|
||||
@row-click="getCacheKeys"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column
|
||||
label="序号"
|
||||
width="60"
|
||||
type="index"
|
||||
></el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="缓存名称"
|
||||
align="center"
|
||||
prop="cacheName"
|
||||
:show-overflow-tooltip="true"
|
||||
:formatter="nameFormatter"
|
||||
></el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="备注"
|
||||
align="center"
|
||||
prop="remark"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="60"
|
||||
align="center"
|
||||
class-name="small-padding fixed-width"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleClearCacheName(scope.row)"
|
||||
></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="8">
|
||||
<el-card style="height: calc(100vh - 125px)">
|
||||
<div slot="header">
|
||||
<span><i class="el-icon-key"></i> 键名列表</span>
|
||||
<el-button
|
||||
style="float: right; padding: 3px 0"
|
||||
type="text"
|
||||
icon="el-icon-refresh-right"
|
||||
@click="refreshCacheKeys()"
|
||||
></el-button>
|
||||
</div>
|
||||
<el-table
|
||||
v-loading="subLoading"
|
||||
:data="cacheKeys"
|
||||
:height="tableHeight"
|
||||
highlight-current-row
|
||||
@row-click="handleCacheValue"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column
|
||||
label="序号"
|
||||
width="60"
|
||||
type="index"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="缓存键名"
|
||||
align="center"
|
||||
:show-overflow-tooltip="true"
|
||||
:formatter="keyFormatter"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="60"
|
||||
align="center"
|
||||
class-name="small-padding fixed-width"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleClearCacheKey(scope.row)"
|
||||
></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="8">
|
||||
<el-card :bordered="false" style="height: calc(100vh - 125px)">
|
||||
<div slot="header">
|
||||
<span><i class="el-icon-document"></i> 缓存内容</span>
|
||||
<el-button
|
||||
style="float: right; padding: 3px 0"
|
||||
type="text"
|
||||
icon="el-icon-refresh-right"
|
||||
@click="handleClearCacheAll()"
|
||||
>清理全部</el-button
|
||||
>
|
||||
</div>
|
||||
<el-form :model="cacheForm">
|
||||
<el-row :gutter="32">
|
||||
<el-col :offset="1" :span="22">
|
||||
<el-form-item label="缓存名称:" prop="cacheName">
|
||||
<el-input v-model="cacheForm.cacheName" :readOnly="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :offset="1" :span="22">
|
||||
<el-form-item label="缓存键名:" prop="cacheKey">
|
||||
<el-input v-model="cacheForm.cacheKey" :readOnly="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :offset="1" :span="22">
|
||||
<el-form-item label="缓存内容:" prop="cacheValue">
|
||||
<el-input
|
||||
v-model="cacheForm.cacheValue"
|
||||
type="textarea"
|
||||
:rows="8"
|
||||
:readOnly="true"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listCacheName, listCacheKey, getCacheValue, clearCacheName, clearCacheKey, clearCacheAll } from "@/api/monitor/cache";
|
||||
|
||||
export default {
|
||||
name: "CacheList",
|
||||
data() {
|
||||
return {
|
||||
cacheNames: [],
|
||||
cacheKeys: [],
|
||||
cacheForm: {},
|
||||
loading: true,
|
||||
subLoading: false,
|
||||
nowCacheName: "",
|
||||
tableHeight: window.innerHeight - 200
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getCacheNames();
|
||||
},
|
||||
methods: {
|
||||
/** 查询缓存名称列表 */
|
||||
getCacheNames() {
|
||||
this.loading = true;
|
||||
listCacheName().then(response => {
|
||||
this.cacheNames = response.data;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 刷新缓存名称列表 */
|
||||
refreshCacheNames() {
|
||||
this.getCacheNames();
|
||||
this.$modal.msgSuccess("刷新缓存列表成功");
|
||||
},
|
||||
/** 清理指定名称缓存 */
|
||||
handleClearCacheName(row) {
|
||||
clearCacheName(row.cacheName).then(response => {
|
||||
this.$modal.msgSuccess("清理缓存名称[" + row.cacheName + "]成功");
|
||||
this.getCacheKeys();
|
||||
});
|
||||
},
|
||||
/** 查询缓存键名列表 */
|
||||
getCacheKeys(row) {
|
||||
const cacheName = row !== undefined ? row.cacheName : this.nowCacheName;
|
||||
if (cacheName === "") {
|
||||
return;
|
||||
}
|
||||
this.subLoading = true;
|
||||
listCacheKey(cacheName).then(response => {
|
||||
this.cacheKeys = response.data;
|
||||
this.subLoading = false;
|
||||
this.nowCacheName = cacheName;
|
||||
});
|
||||
},
|
||||
/** 刷新缓存键名列表 */
|
||||
refreshCacheKeys() {
|
||||
this.getCacheKeys();
|
||||
this.$modal.msgSuccess("刷新键名列表成功");
|
||||
},
|
||||
/** 清理指定键名缓存 */
|
||||
handleClearCacheKey(cacheKey) {
|
||||
clearCacheKey(this.nowCacheName, cacheKey).then(response => {
|
||||
this.$modal.msgSuccess("清理缓存键名[" + cacheKey + "]成功");
|
||||
this.getCacheKeys();
|
||||
});
|
||||
},
|
||||
/** 列表前缀去除 */
|
||||
nameFormatter(row) {
|
||||
return row.cacheName.replace(":", "");
|
||||
},
|
||||
/** 键名前缀去除 */
|
||||
keyFormatter(cacheKey) {
|
||||
return cacheKey.replace(this.nowCacheName, "");
|
||||
},
|
||||
/** 查询缓存内容详细 */
|
||||
handleCacheValue(cacheKey) {
|
||||
getCacheValue(this.nowCacheName, cacheKey).then(response => {
|
||||
this.cacheForm = response.data;
|
||||
});
|
||||
},
|
||||
/** 清理全部缓存 */
|
||||
handleClearCacheAll() {
|
||||
clearCacheAll().then(response => {
|
||||
this.$modal.msgSuccess("清理全部缓存成功");
|
||||
});
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user