linquan
3 months ago
29 changed files with 2254 additions and 1373 deletions
@ -1,112 +0,0 @@
|
||||
<template> |
||||
<div> |
||||
<el-dialog title="修改" v-model="isShowDialog"> |
||||
<el-form label-width="100px" label-position="right"> |
||||
<el-form-item label="渠道:"> |
||||
<el-select v-model="tableData.param.channel" class="m-2"> |
||||
<el-option v-for="item in channels" :key="item.id+''" :label="item.label" :value="item.value+''"/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="版本号:"> |
||||
<el-input v-model="tableData.param.version" class="m-2"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="审核模式:"> |
||||
<el-radio-group v-model="tableData.param.auditMode"> |
||||
<el-radio label="1">是</el-radio> |
||||
<el-radio label="0">否</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
</el-form> |
||||
<template #footer> |
||||
<span class="dialog-footer"> |
||||
<el-button @click="onCancel" size="default">取 消</el-button> |
||||
<el-button size="default" type="primary" class="ml10" @click="addVersion"> |
||||
<el-icon> |
||||
<ele-Promotion/> |
||||
</el-icon> |
||||
发送 |
||||
</el-button> |
||||
</span> |
||||
</template> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
|
||||
<script lang="ts"> |
||||
import {reactive, toRefs, defineComponent} from 'vue'; |
||||
import {allChannelList} from "/src/utils/game"; |
||||
import {ElMessage, ElMessageBox} from "element-plus"; |
||||
import {gameSetAuditMode} from "/@/api/game/set"; |
||||
|
||||
interface TableData { |
||||
channel: string, |
||||
version: string, |
||||
auditMode: number |
||||
} |
||||
|
||||
interface TableDataState { |
||||
channels: Array<{ label: string, value: string }> |
||||
isShowDialog: boolean, |
||||
tableData: { |
||||
param: TableData; |
||||
}; |
||||
} |
||||
|
||||
export default defineComponent({ |
||||
name: 'gameEditClientBug', |
||||
setup(prop, {emit}) { |
||||
const state = reactive<TableDataState>({ |
||||
channels: [], |
||||
isShowDialog: false, |
||||
tableData: { |
||||
param: { |
||||
channel: "", |
||||
version: "", |
||||
auditMode: "1", |
||||
} |
||||
} |
||||
}); |
||||
|
||||
// 打开弹窗 |
||||
const openDialog = (row: TableData) => { |
||||
console.log(row); |
||||
|
||||
allChannelList().then(value => { |
||||
state.channels = value; |
||||
state.tableData.param = row; |
||||
state.isShowDialog = true; |
||||
}) |
||||
}; |
||||
// 关闭弹窗 |
||||
const closeDialog = () => { |
||||
state.isShowDialog = false; |
||||
}; |
||||
// 取消 |
||||
const onCancel = () => { |
||||
closeDialog(); |
||||
}; |
||||
// 新增 |
||||
const addVersion = () => { |
||||
closeDialog(); |
||||
ElMessageBox.confirm(`此操作将修改审核模式，是否继续?`, '提示', { |
||||
confirmButtonText: '确认', |
||||
cancelButtonText: '取消', |
||||
type: 'warning', |
||||
}).then(() => { |
||||
gameSetAuditMode(state.tableData.param).then(() => { |
||||
ElMessage.success('修改成功'); |
||||
emit('mailList'); |
||||
}) |
||||
}).catch(() => { |
||||
}); |
||||
}; |
||||
return { |
||||
openDialog, |
||||
closeDialog, |
||||
onCancel, |
||||
addVersion, |
||||
...toRefs(state), |
||||
}; |
||||
}, |
||||
}); |
||||
</script> |
||||
@ -0,0 +1,622 @@
|
||||
<template> |
||||
<div class="game-maintenance-container"> |
||||
<el-card shadow="hover" header="客服页面"> |
||||
<div class="game-order-search mb15"> |
||||
<el-form label-width="70px" label-position="right"> |
||||
<el-form-item label="渠道" prop="channel"> |
||||
<el-select v-model="tableData.param.channel" class="m-2" placeholder="选择渠道"> |
||||
<el-option v-for="item in channels" :key="item.value" :label="item.label" :value="item.value" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="页面模板" prop="model"> |
||||
<el-select v-model="model" @change="useModel(1)" placeholder="请选择模板"> |
||||
<el-option v-for="item in dbs" :key="item.id" :label="item.title" :value="item.id"></el-option> |
||||
</el-select> |
||||
<el-button type="primary" @click="makeModel(1)" style="margin-left: 20px">编辑模板</el-button> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button size="small" @click="inputBig" style="margin-bottom: -15px"> |
||||
<span style="font-weight: bold">B</span> |
||||
</el-button> |
||||
<el-button size="small" @click="inputItalic" style="margin-bottom: -15px"> |
||||
<span style="font-style: italic">I</span> |
||||
</el-button> |
||||
<el-button size="small" @click="inputUnderline" style="margin-bottom: -15px"> |
||||
<span style="text-decoration: underline">U</span> |
||||
</el-button> |
||||
<el-button size="small" @click="inputLink" style="margin-bottom: -15px; padding: 0; padding-left: 5px"> |
||||
<el-icon type="text"> |
||||
<ele-Link /> |
||||
</el-icon> |
||||
</el-button> |
||||
<el-button size="small" class="color-picker font-color-picker" style="margin-bottom: -15px; padding: 0"> |
||||
<el-color-picker size="default" v-model="color" @change="inputColor"></el-color-picker> |
||||
</el-button> |
||||
<el-form-item style="margin-bottom: -15px; margin-left: 20px"> |
||||
<el-button type="primary" @click="showContent" style="margin-left: 20px">内容预览</el-button> |
||||
</el-form-item> |
||||
</el-form-item> |
||||
<el-form-item label="页面内容"> |
||||
<el-input v-model="tableData.param.content" type="textarea" rows="25" @mouseup="inputSelect" @blur="inputSelect" clearable /> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button size="large" type="primary" class="ml10" @click="noticeLogin"> 客服页面发送</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</div> |
||||
</el-card> |
||||
|
||||
<el-dialog v-model="listModelVisible" :before-close="handleClose" :close-on-click-modal="false" center> |
||||
<div class="my-header"> |
||||
<el-button type="" @click="saveModel(2)">保存</el-button> |
||||
<el-button type="primary" @click="setModel(1)">添加</el-button> |
||||
</div> |
||||
<el-table :data="dbs" :inline="true" :cell-style="{ padding: '0' }"> |
||||
<el-table-column> |
||||
<template #default="scope"> |
||||
<div class="flex-warp"> |
||||
{{ scope.row.title }} |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column width="150"> |
||||
<template #default="scope"> |
||||
<el-button size="small" type="danger" @click="setModel(3, scope.row.id)" inline="true">删</el-button> |
||||
<el-button size="small" type="primary" @click="setModel(2, scope.row.id)" inline="true">改</el-button> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</el-dialog> |
||||
|
||||
<el-dialog v-model="editModelVisible" :close-on-click-modal="false" center> |
||||
<el-form label-width="90px"> |
||||
<el-form-item label="模板名称" prop="title"> |
||||
<el-input v-model="editModel.title" placeholder="请输入模板名称" /> |
||||
</el-form-item> |
||||
<el-form-item label="模板内容" prop="content"> |
||||
<el-input v-model="editModel.content" type="textarea" placeholder="请输入内容" rows="25" /> |
||||
</el-form-item> |
||||
</el-form> |
||||
<template #footer> |
||||
<div class="dialog-footer"> |
||||
<el-button type="primary" @click="saveModel(1)"> 保存</el-button> |
||||
</div> |
||||
</template> |
||||
</el-dialog> |
||||
|
||||
<el-dialog v-model="editCronVisible" :close-on-click-modal="false" center> |
||||
<el-form label-width="90px"> |
||||
<el-form-item label="页面模板" prop="model"> |
||||
<el-select v-model="model" @change="useModel(2)" placeholder="请选择模板"> |
||||
<el-option v-for="item in dbs" :key="item.id" :label="item.title" :value="item.id"></el-option> |
||||
</el-select> |
||||
<el-button type="primary" @click="makeModel(1)" style="margin-left: 20px">编辑模板</el-button> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button size="small" @click="inputBig(2)" style="margin-bottom: -15px"> |
||||
<span style="font-weight: bold">B</span> |
||||
</el-button> |
||||
<el-button size="small" @click="inputItalic(2)" style="margin-bottom: -15px"> |
||||
<span style="font-style: italic">I</span> |
||||
</el-button> |
||||
<el-button size="small" @click="inputUnderline(2)" style="margin-bottom: -15px"> |
||||
<span style="text-decoration: underline">U</span> |
||||
</el-button> |
||||
<el-button size="small" @click="inputLink(2)" style="margin-bottom: -15px; padding: 0; padding-left: 5px"> |
||||
<el-icon type="text"> |
||||
<ele-Link /> |
||||
</el-icon> |
||||
</el-button> |
||||
<el-button size="small" class="color-picker font-color-picker" style="margin-bottom: -15px; padding: 0"> |
||||
<el-color-picker size="default" v-model="color" @change="inputColor(2)"></el-color-picker> |
||||
</el-button> |
||||
</el-form-item> |
||||
<el-form-item label="页面内容"> |
||||
<el-input v-model="cron.content" type="textarea" rows="25" @mouseup="inputSelect" @blur="inputSelect" clearable /> |
||||
</el-form-item> |
||||
</el-form> |
||||
<template #footer> |
||||
<div class="dialog-footer"> |
||||
<el-button type="primary" @click="saveCron"> 保存修改</el-button> |
||||
</div> |
||||
</template> |
||||
</el-dialog> |
||||
|
||||
<el-dialog v-model="contentVisible" :close-on-click-modal="false" center> |
||||
<p v-html="tableData.content"></p> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
<script lang="ts"> |
||||
import { toRefs, reactive, onMounted, defineComponent } from 'vue'; |
||||
import { |
||||
gameGetNotice, |
||||
gameGMNoticeModelAdd, |
||||
gameGMNoticeModelDel, |
||||
gameGMNoticeModelGet, |
||||
gameNotice, |
||||
gameGMNoticeGetCron, |
||||
gameNoticeDel, |
||||
} from '/@/api/game'; |
||||
import { ElMessage, ElMessageBox } from 'element-plus/es'; |
||||
import { allChannelList } from '/@/utils/game'; |
||||
import { contentReplace, zeroFill } from '/@/utils/utils'; |
||||
|
||||
interface Data { |
||||
title: string; |
||||
send: number; |
||||
sendTime: number; |
||||
channel: string; |
||||
content: string; |
||||
noticeType: number; |
||||
id: number; |
||||
noticeId: number; |
||||
} |
||||
|
||||
interface TableDataState { |
||||
unselsected: string[]; |
||||
colorPicker: boolean; |
||||
color: string; |
||||
selected: string; |
||||
urlLink: string; |
||||
dbs: Array<Data>; |
||||
model: number; |
||||
editModel: Data; |
||||
tableData: { |
||||
content: string; |
||||
crons: Array<Data>; |
||||
param: Data; |
||||
}; |
||||
editModelVisible: boolean; |
||||
listModelVisible: boolean; |
||||
listCronVisible: boolean; |
||||
editCronVisible: boolean; |
||||
contentVisible: boolean; |
||||
cron: Data; |
||||
channels: object; |
||||
noticeTypes: object[]; |
||||
} |
||||
|
||||
export default defineComponent({ |
||||
name: 'apiV1GameNoticeCustomerService', |
||||
setup() { |
||||
// const {proxy} = getCurrentInstance() as any; |
||||
const state = reactive<TableDataState>({ |
||||
unselsected: ['', ''], |
||||
colorPicker: false, |
||||
editModelVisible: false, |
||||
listModelVisible: false, |
||||
listCronVisible: false, |
||||
editCronVisible: false, |
||||
contentVisible: false, |
||||
cron: { |
||||
title: '', |
||||
send: 1, |
||||
sendTime: Date.now(), |
||||
content: '', |
||||
noticeType: 4, |
||||
channel: '', |
||||
id: 0, |
||||
noticeId: 0, |
||||
}, |
||||
color: '#000000', |
||||
selected: '替换显示内容', |
||||
urlLink: '', |
||||
tableData: { |
||||
content: '', |
||||
crons: [], |
||||
param: { |
||||
title: '', |
||||
send: 1, |
||||
sendTime: Date.now(), |
||||
content: '', |
||||
noticeType: 4, |
||||
channel: '', |
||||
id: 0, |
||||
noticeId: 0, |
||||
}, |
||||
}, |
||||
dbs: [], |
||||
model: '', |
||||
editModel: {}, |
||||
channels: [], |
||||
noticeTypes: [ |
||||
{ Name: '所有公告', Id: 0 }, |
||||
{ Name: '弹窗公告', Id: 1 }, |
||||
{ Name: '登录公告', Id: 2 }, |
||||
{ |
||||
Name: '维护公告', |
||||
Id: 3, |
||||
}, |
||||
{ Name: '客服页面', Id: 4 }, |
||||
], |
||||
}); |
||||
const noticeLogin = () => { |
||||
if (state.tableData.param.send == 1) { |
||||
state.tableData.param.sendTime = 0; |
||||
} |
||||
|
||||
console.log('Notice: ', state.tableData.param); |
||||
gameNotice(state.tableData.param) |
||||
.then(() => { |
||||
ElMessage.success('发送成功'); |
||||
}) |
||||
.finally(() => { |
||||
// state.loading = false; |
||||
}); |
||||
}; |
||||
const saveCron = () => { |
||||
if (state.cron.send == 1) { |
||||
state.cron.sendTime = 0; |
||||
} |
||||
|
||||
console.log('Notice: ', state.cron); |
||||
gameNotice(state.cron) |
||||
.then(() => { |
||||
ElMessage.success('发送成功'); |
||||
}) |
||||
.finally(() => { |
||||
// state.loading = false; |
||||
}); |
||||
}; |
||||
const noticeLog = () => { |
||||
gameGMNoticeGetCron({}) |
||||
.then((res) => { |
||||
console.log('Notice: ', res); |
||||
state.tableData.crons = res.data.noticeLogs; |
||||
state.listCronVisible = true; |
||||
}) |
||||
.finally(() => { |
||||
// state.loading = false; |
||||
}); |
||||
}; |
||||
|
||||
// 初始化表格数据 |
||||
const initTableData = () => { |
||||
getNotice(); |
||||
}; |
||||
|
||||
const getNotice = () => { |
||||
gameGetNotice(state.tableData.param).then((res: any) => { |
||||
state.tableData.param.content = res.data.content; |
||||
state.tableData.param.noticeId = res.data.id; |
||||
}); |
||||
}; |
||||
// 页面加载时 |
||||
onMounted(() => { |
||||
allChannelList().then((res) => { |
||||
state.channels = res; |
||||
}); |
||||
initTableData(); |
||||
getModel(); |
||||
|
||||
console.log('onMounted', document.getElementsByClassName('w-e-droplist')); |
||||
if (document.getElementsByClassName('w-e-droplist')[0]) { |
||||
document.getElementsByClassName('w-e-droplist')[0].style['width'] = '260px'; |
||||
} |
||||
}); |
||||
|
||||
var getDate = (time: string) => { |
||||
let date = new Date(time); |
||||
return ( |
||||
date.getFullYear() + |
||||
'-' + |
||||
zeroFill(date.getMonth() + 1) + |
||||
'-' + |
||||
zeroFill(date.getDate()) + |
||||
' ' + |
||||
zeroFill(date.getHours()) + |
||||
':' + |
||||
zeroFill(date.getMinutes()) + |
||||
':' + |
||||
zeroFill(date.getSeconds()) |
||||
); |
||||
}; |
||||
var inputSelect = (res: any) => { |
||||
console.log(res, res.target.selectionStart, res.target.selectionEnd); |
||||
let selectionStart = res.target.selectionStart; |
||||
let selectionEnd = res.target.selectionEnd; |
||||
state.unselsected = [res.target.value.slice(0, selectionStart), res.target.value.slice(selectionEnd)]; |
||||
if (selectionStart == selectionEnd) { |
||||
// console.log("same"); |
||||
state.selected = '替换显示内容'; |
||||
return; |
||||
} |
||||
state.selected = res.target.value.slice(selectionStart, selectionEnd); |
||||
console.log(state.selected); |
||||
}; |
||||
var changeContent = (type: number) => { |
||||
switch (type) { |
||||
case 2: |
||||
state.cron.content = state.unselsected[0] + state.selected + state.unselsected[1]; |
||||
break; |
||||
default: |
||||
state.tableData.param.content = state.unselsected[0] + state.selected + state.unselsected[1]; |
||||
break; |
||||
} |
||||
}; |
||||
var inputBig = (type: number) => { |
||||
if (state.unselsected[1].indexOf('[/b]') == 0) { |
||||
return; |
||||
} |
||||
|
||||
if (state.selected.indexOf('[b]') > -1) { |
||||
state.selected = state.selected.replace(/\[b]|\[\/b]/gi, ''); |
||||
changeContent(type); |
||||
return; |
||||
} |
||||
state.selected = '[b]' + state.selected + '[/b]'; |
||||
changeContent(type); |
||||
// console.log(state.unselsected, state.selected.indexOf("[b]"), state.selected, state.tableData.param.content); |
||||
}; |
||||
var inputItalic = (type: number) => { |
||||
if (state.unselsected[1].indexOf('[/i]') == 0) { |
||||
return; |
||||
} |
||||
if (state.selected.indexOf('[i]') > -1 || (state.unselsected[1].indexOf('[i]') == 0 && state.unselsected[1].indexOf('[/i]') > -1)) { |
||||
state.selected = state.selected.replace(/\[i]|\[\/i]/gi, ''); |
||||
changeContent(type); |
||||
return; |
||||
} |
||||
state.selected = '[i]' + state.selected + '[/i]'; |
||||
changeContent(type); |
||||
// console.log(state.unselsected, state.selected, state.tableData.param.content); |
||||
}; |
||||
var inputUnderline = (type: number) => { |
||||
if (state.unselsected[1].indexOf('[/u]') == 0) { |
||||
return; |
||||
} |
||||
if (state.selected.indexOf('[u]') > -1) { |
||||
state.selected = state.selected.replace(/\[u]|\[\/u]/gi, ''); |
||||
changeContent(type); |
||||
return; |
||||
} |
||||
state.selected = '[u]' + state.selected + '[/u]'; |
||||
changeContent(type); |
||||
// console.log(state.unselsected, state.selected, state.tableData.param.content); |
||||
}; |
||||
var inputLink = (type: number) => { |
||||
if (state.selected.indexOf('[/url]') > -1) { |
||||
state.selected = state.selected.replace(/\[url=.*?]|\[\/url]/gi, ''); |
||||
changeContent(type); |
||||
return; |
||||
} |
||||
ElMessageBox.prompt('请输入Url', '提示', { |
||||
confirmButtonText: '确认', |
||||
cancelButtonText: '取消', |
||||
// inputPattern: |
||||
// /[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/, |
||||
inputErrorMessage: 'Invalid http request', |
||||
}).then(({ value }) => { |
||||
state.urlLink = value; |
||||
if (state.unselsected[1].indexOf('[/url]') == 0) { |
||||
return; |
||||
} |
||||
state.selected = '[url=' + state.urlLink + ']' + state.selected + '[/url]'; |
||||
changeContent(type); |
||||
state.urlLink = ''; |
||||
// console.log(state.unselsected, state.selected, state.tableData.param.content); |
||||
}); |
||||
}; |
||||
var buttonColor = (type: number) => { |
||||
// if(state.selected.indexOf("[/color]") > -1){ |
||||
// state.selected = state.selected.replace(/\[color=#.+?]|\[\/color]/gi, ""); |
||||
// changeContent(); |
||||
// } |
||||
}; |
||||
var inputColor = (type: number) => { |
||||
if (!state.color) { |
||||
if (state.selected.indexOf('[/color]') > -1) { |
||||
state.selected = state.selected.replace(/\[color=#.+?]|\[\/color]/gi, ''); |
||||
changeContent(type); |
||||
return; |
||||
} |
||||
return; |
||||
} |
||||
if (state.unselsected[1].indexOf('[/color]') == 0) { |
||||
return; |
||||
} |
||||
if (state.selected.indexOf('[/color]') > -1) { |
||||
state.selected = state.selected.replace(/\[color=#.+?]|\[\/color]/gi, ''); |
||||
// changeContent(); |
||||
// return; |
||||
} |
||||
state.selected = '[color=' + state.color + ']' + state.selected + '[/color]'; |
||||
changeContent(type); |
||||
// console.log(state.unselsected, state.selected, state.tableData.param.content); |
||||
}; |
||||
// 模板 |
||||
const getModel = () => { |
||||
gameGMNoticeModelGet({ noticeType: 4 }).then((res) => { |
||||
if (res.data.noticeModel) { |
||||
state.dbs = res.data.noticeModel; |
||||
} |
||||
console.log(res, state.dbs); |
||||
}); |
||||
}; |
||||
const useModel = (id: number) => { |
||||
switch (id) { |
||||
case 1: |
||||
let model = state.dbs.find((r) => r.id == state.model); |
||||
if (model) { |
||||
state.tableData.param.content = model.content; |
||||
} |
||||
break; |
||||
case 2: |
||||
let model1 = state.dbs.find((r) => r.id == state.model); |
||||
if (model1) { |
||||
state.cron.content = model1.content; |
||||
} |
||||
break; |
||||
} |
||||
}; |
||||
const makeModel = () => { |
||||
state.listModelVisible = true; |
||||
console.log(state); |
||||
}; |
||||
const setModel = (type: number, id: number) => { |
||||
switch (type) { |
||||
case 1: |
||||
state.editModel = {}; |
||||
state.editModelVisible = true; |
||||
break; |
||||
case 2: |
||||
state.editModel = state.dbs.find((model) => model.id == id); |
||||
if (!state.editModel) { |
||||
return; |
||||
} |
||||
state.editModelVisible = true; |
||||
break; |
||||
case 3: |
||||
gameGMNoticeModelDel({ |
||||
id: id, |
||||
}) |
||||
.then(function () { |
||||
getModel(); |
||||
}) |
||||
.finally(function () {}); |
||||
break; |
||||
} |
||||
}; |
||||
const saveModel = (type: number) => { |
||||
console.log(type, state.editModel); |
||||
switch (type) { |
||||
case 1: |
||||
gameGMNoticeModelAdd({ |
||||
title: state.editModel.title, |
||||
content: state.editModel.content, |
||||
noticeType: 4, |
||||
id: state.editModel.id, |
||||
}) |
||||
.then(function () { |
||||
getModel(); |
||||
}) |
||||
.finally(function () { |
||||
state.editModelVisible = false; |
||||
}); |
||||
break; |
||||
case 2: |
||||
state.listModelVisible = false; |
||||
break; |
||||
} |
||||
}; |
||||
const handleClose = (done: () => void) => { |
||||
// ElMessageBox.confirm('确定退出编辑模板页面？').then(() => { |
||||
done(); |
||||
// }).catch(() => { |
||||
// // catch error |
||||
// }) |
||||
}; |
||||
const setCron = (type: number, id: number) => { |
||||
switch (type) { |
||||
case 1: // 修改 |
||||
state.cron = state.tableData.crons.find((r) => r.id == id); |
||||
console.log(state.cron); |
||||
state.editCronVisible = true; |
||||
break; |
||||
case 2: // 删除 |
||||
ElMessageBox.confirm('是否确认删除本条待发送公告？，点击确认后删除本条待发送公告。').then(() => { |
||||
gameNoticeDel({ id: id }) |
||||
.then(() => { |
||||
ElMessage.success('删除成功'); |
||||
noticeLog(); |
||||
}) |
||||
.finally(() => { |
||||
// state.loading = false; |
||||
}); |
||||
}); |
||||
break; |
||||
} |
||||
}; |
||||
|
||||
const alertContent = (val) => { |
||||
console.log(`current page: ${val}`); |
||||
ElMessageBox.alert(val, '', { confirmButtonText: 'OK' }); |
||||
}; |
||||
|
||||
const showContent = () => { |
||||
state.contentVisible = true; |
||||
state.tableData.content = contentReplace(state.tableData.param.content); |
||||
console.log(state.tableData.content); |
||||
}; |
||||
return { |
||||
showContent, |
||||
getNotice, |
||||
noticeLog, |
||||
noticeLogin, |
||||
inputSelect, |
||||
inputBig, |
||||
inputItalic, |
||||
inputUnderline, |
||||
inputLink, |
||||
inputColor, |
||||
buttonColor, |
||||
getModel, |
||||
useModel, |
||||
makeModel, |
||||
setModel, |
||||
saveModel, |
||||
handleClose, |
||||
setCron, |
||||
getDate, |
||||
alertContent, |
||||
saveCron, |
||||
...toRefs(state), |
||||
}; |
||||
}, |
||||
}); |
||||
</script> |
||||
<style scoped lang="scss" src="../../../theme/add.scss"></style> |
||||
<style scoped lang="scss"> |
||||
.my-header { |
||||
display: flex; |
||||
flex-direction: row; |
||||
justify-content: space-between; |
||||
gap: 16px; |
||||
} |
||||
|
||||
.tree-border { |
||||
margin-top: 5px; |
||||
border: 1px solid #e5e6e7 !important; |
||||
background: #fff none !important; |
||||
border-radius: 4px; |
||||
} |
||||
|
||||
.system-edit-post-container { |
||||
.menu-data-tree { |
||||
border: var(--el-input-border, var(--el-border-base)); |
||||
border-radius: var(--el-input-border-radius, var(--el-border-radius-base)); |
||||
padding: 5px; |
||||
} |
||||
} |
||||
|
||||
.el-form-item { |
||||
display: -moz-flex; |
||||
vertical-align: middle; |
||||
margin-right: 32px; |
||||
} |
||||
|
||||
::v-deep .el-table .cell { |
||||
height: 25px; |
||||
} |
||||
|
||||
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td { |
||||
background: #ffffd5; |
||||
} |
||||
|
||||
::v-deep .el-table .el-table--enable-row-hover .el-table__body tr:hover > td { |
||||
background: inherit; |
||||
} |
||||
|
||||
::v-deep(.el-form-item--large .el-form-item__content) { |
||||
line-height: 20px; |
||||
} |
||||
|
||||
::v-deep(.el-form-item__content) { |
||||
line-height: 20px; |
||||
} |
||||
|
||||
::v-deep .w-e-droplist { |
||||
width: 260px !important; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,223 @@
|
||||
<template> |
||||
<div class="game-order-container"> |
||||
<el-card shadow="hover"> |
||||
<div class="game-order-search mb15"> |
||||
<el-form :inline="true"> |
||||
<el-form-item label="渠道" prop="channel"> |
||||
<el-select v-model="tableData.param.channel" class="m-2" placeholder="选择渠道"> |
||||
<el-option v-for="item in channels" :key="item.value" :label="item.label" :value="item.value" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="选择区服" prop="server"> |
||||
<el-select v-model="serverSwitch" class="m-2" placeholder="选择服务器" size="large" style="width: 80px"> |
||||
<el-option v-for="item in serverCategorize" :key="item.value" :label="item.label" :value="item.value" /> |
||||
</el-select> |
||||
<el-select v-model="tableData.param.server" class="m-2" placeholder="选择区服" clearable filterable> |
||||
<el-option v-for="item in switchServer()" :key="item.id + ''" :label="item.name" :value="item.id + ''" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="uid"> |
||||
<el-input size="default" v-model="tableData.param.uid" placeholder="请输入uid" class="w-50 m-2" clearable /> |
||||
</el-form-item> |
||||
<el-form-item label="起始时间" prop="lowTime"> |
||||
<el-date-picker |
||||
type="datetime" |
||||
size="large" |
||||
v-model="tableData.param.cTime" |
||||
format="YYYY-MM-DD HH:mm:ss" |
||||
value-format="YYYY-MM-DD HH:mm:ss" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item label="终止时间" prop="time"> |
||||
<el-date-picker type="datetime" v-model="tableData.param.eTime" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" /> |
||||
</el-form-item> |
||||
<el-form-item label="订单id"> |
||||
<el-input size="default" v-model="tableData.param.tradeNo" placeholder="请输入渠道订单id" class="w-50 m-2" clearable /> |
||||
</el-form-item> |
||||
<el-form-item label="操作人员"> |
||||
<el-input size="default" v-model="tableData.param.config" placeholder="请输入操作人员" class="w-50 m-2" clearable /> |
||||
</el-form-item> |
||||
<el-form-item label="操作人员"> |
||||
<el-input size="default" v-model="tableData.param.user" placeholder="请输入操作人员" class="w-50 m-2" clearable /> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button size="default" type="primary" class="ml10" @click="orderList"> |
||||
<el-icon> |
||||
<ele-Search /> |
||||
</el-icon> |
||||
查询 |
||||
</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</div> |
||||
<el-table :data="tableData.data" style="width: 100%" border> |
||||
<el-table-column prop="tradeNo" label="订单id" show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="unitId" label="id" show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="amount" label="金额（元）" show-overflow-tooltip width="120"></el-table-column> |
||||
<el-table-column prop="createTime" label="充值时间" show-overflow-tooltip width="180"></el-table-column> |
||||
<el-table-column prop="remark" label="状态" show-overflow-tooltip width="120"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.remark == ''" style="color: #e60000">充值失败</div> |
||||
<div v-else-if="scope.row.remark == 'SUCCESS'">充值成功</div> |
||||
<div v-else>{{ scope.row.remark }}</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="channel" label="渠道" show-overflow-tooltip width="120"> |
||||
<template #default="scope"> |
||||
<span>{{ channels.find((r) => r.value == scope.row.channel)?.label }}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="server" label="区服" show-overflow-tooltip width="120"> |
||||
<template #default="scope"> |
||||
<span>{{ servers.find((r) => r.id == scope.row.server).name }}</span> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<el-row justify="space-evenly"> |
||||
<el-pagination |
||||
:hide-on-single-page="true" |
||||
v-model:page-size="tableData.param.pageSize" |
||||
v-model:current-page="tableData.param.pageNum" |
||||
:pager-count="5" |
||||
@current-change="orderList" |
||||
layout="total, prev, pager, next" |
||||
:total="tableData.total" |
||||
/> |
||||
</el-row> |
||||
</el-card> |
||||
</div> |
||||
</template> |
||||
|
||||
<script lang="ts"> |
||||
import { toRefs, reactive, onMounted, defineComponent } from 'vue'; |
||||
import { gameRechargeChangeStateDelete, gmOrderList } from '/@/api/game'; |
||||
import { allChannelList, ServerCategorize, serverList, ServerList } from '/@/utils/game'; |
||||
import RechargeConfigCategory from '/@/api/config/RechargeConfigCategory.json'; |
||||
import { ElMessage, ElMessageBox } from 'element-plus/es'; |
||||
import { gSwitchServer } from '/@/utils/utils'; |
||||
|
||||
// 定义接口来定义对象的类型 |
||||
interface TableData { |
||||
id: string; |
||||
CreateTime: string; |
||||
CfgId: number; |
||||
Rmb: number; |
||||
SilverPiece: number; |
||||
Identity: string; |
||||
timeStr: string; |
||||
uid: string; |
||||
RealName: string; |
||||
StringId: string; |
||||
} |
||||
|
||||
interface TableDataState { |
||||
serverSwitch: number; |
||||
serverCategorize: object; |
||||
tableData: { |
||||
data: Array<TableData>; |
||||
total: number; |
||||
param: { |
||||
uid: number; |
||||
channel: string; |
||||
tradeNo: string; |
||||
cTime: string; |
||||
eTime: string; |
||||
server: string; |
||||
config: string; |
||||
user: string; |
||||
pageNum: number; |
||||
pageSize: number; |
||||
}; |
||||
}; |
||||
servers: object; |
||||
channels: object; |
||||
rechargeInfo: object[]; |
||||
} |
||||
|
||||
export default defineComponent({ |
||||
name: 'apiV1GameOrderOrderList', |
||||
setup() { |
||||
// const {proxy} = getCurrentInstance() as any; |
||||
|
||||
const state = reactive<TableDataState>({ |
||||
serverSwitch: 0, |
||||
serverCategorize: ServerCategorize, |
||||
tableData: { |
||||
data: [], |
||||
total: 0, |
||||
param: { |
||||
uid: '', |
||||
channel: '', |
||||
tradeNo: '', |
||||
cTime: '', |
||||
eTime: '', |
||||
server: '', |
||||
config: '', |
||||
user: '', |
||||
pageSize: 10, |
||||
pageNum: 1, |
||||
}, |
||||
}, |
||||
servers: ServerList, |
||||
channels: [], |
||||
rechargeInfo: RechargeConfigCategory, |
||||
}); |
||||
|
||||
const orderList = () => { |
||||
gmOrderList(state.tableData.param).then((res) => { |
||||
console.log(res); |
||||
state.tableData.total = Number(res.data.total) || 0; |
||||
state.tableData.data = res.data.list || []; |
||||
}); |
||||
}; |
||||
// 页面加载时 |
||||
onMounted(() => { |
||||
serverList().then((res) => { |
||||
state.servers = res; |
||||
}); |
||||
allChannelList().then((res) => { |
||||
state.channels = res; |
||||
}); |
||||
}); |
||||
|
||||
const switchServer = () => { |
||||
return gSwitchServer(state.serverSwitch, state.servers); |
||||
}; |
||||
const changeState = (order: string, state: number, remark: string) => { |
||||
if (state != 3 && state != 2) { |
||||
return; |
||||
} |
||||
if (state == 3) { |
||||
let mess = '是否确认订单失效？，点击确认后本条订单失效。'; |
||||
ElMessageBox.confirm(mess).then(() => { |
||||
gameRechargeChangeStateDelete({ order: order, state: state }).then((res) => { |
||||
if (res.data.data == 1) { |
||||
ElMessage.success('发送成功'); |
||||
} |
||||
orderList(); |
||||
}); |
||||
}); |
||||
} else if (state == 2) { |
||||
ElMessageBox.prompt('请输入修改成功理由', '提示', { |
||||
confirmButtonText: '确认', |
||||
cancelButtonText: '取消', |
||||
inputErrorMessage: 'Invalid http request', |
||||
}).then(({ value }) => { |
||||
gameRechargeChangeStateDelete({ order: order, state: state, remark: remark + ', ' + value }).then((res) => { |
||||
if (res.data.data == 1) { |
||||
ElMessage.success('发送成功'); |
||||
} |
||||
orderList(); |
||||
}); |
||||
}); |
||||
} |
||||
}; |
||||
return { |
||||
switchServer, |
||||
orderList, |
||||
changeState, |
||||
...toRefs(state), |
||||
}; |
||||
}, |
||||
}); |
||||
</script> |
||||
@ -0,0 +1,120 @@
|
||||
<template> |
||||
<div> |
||||
<el-dialog :title="(isNew ? '新增' : '修改') + setName.label + '模式:'" v-model="isShowDialog"> |
||||
<el-form label-width="130px" label-position="right"> |
||||
<el-form-item label="渠道:"> |
||||
<el-select v-model="tableData.param.channel" class="m-2"> |
||||
<el-option v-for="item in channels" :key="item.id + ''" :label="item.label" :value="item.value + ''" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="版本号:"> |
||||
<el-input v-model="tableData.param.version" class="m-2"></el-input> |
||||
</el-form-item> |
||||
<el-form-item :label="setName.label + '模式:'"> |
||||
<el-radio-group v-model="tableData.param.auditMode"> |
||||
<el-radio label="1">是</el-radio> |
||||
<el-radio label="0">否</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
</el-form> |
||||
<template #footer> |
||||
<span class="dialog-footer"> |
||||
<el-button @click="onCancel" size="default">取 消</el-button> |
||||
<el-button size="default" type="primary" class="ml10" @click="addVersion"> |
||||
<el-icon> |
||||
<ele-Promotion /> |
||||
</el-icon> |
||||
发送 |
||||
</el-button> |
||||
</span> |
||||
</template> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
|
||||
<script lang="ts"> |
||||
import { reactive, toRefs, defineComponent } from 'vue'; |
||||
import { allChannelList } from '/src/utils/game'; |
||||
import { ElMessage, ElMessageBox } from 'element-plus'; |
||||
import { gameSetAuditMode } from '/src/api/game/set'; |
||||
|
||||
interface TableData { |
||||
name: string; |
||||
channel: string; |
||||
version: string; |
||||
auditMode: number; |
||||
} |
||||
|
||||
interface TableDataState { |
||||
channels: Array<{ label: string; value: string }>; |
||||
isShowDialog: boolean; |
||||
tableData: { |
||||
param: TableData; |
||||
}; |
||||
setName: object; |
||||
isNew: boolean; |
||||
} |
||||
|
||||
export default defineComponent({ |
||||
name: 'gameEditClientBug', |
||||
setup(prop, { emit }) { |
||||
const state = reactive<TableDataState>({ |
||||
channels: [], |
||||
isShowDialog: false, |
||||
tableData: { |
||||
param: { |
||||
name: '', |
||||
channel: '', |
||||
version: '', |
||||
auditMode: '1', |
||||
}, |
||||
}, |
||||
setName: {}, |
||||
isNew: false, |
||||
}); |
||||
|
||||
// 打开弹窗 |
||||
const openDialog = (row: TableData, setName, isNew) => { |
||||
console.log(row); |
||||
state.setName = setName; |
||||
state.isNew = isNew; |
||||
allChannelList().then((value) => { |
||||
state.channels = value; |
||||
state.tableData.param = row; |
||||
state.isShowDialog = true; |
||||
}); |
||||
}; |
||||
// 关闭弹窗 |
||||
const closeDialog = () => { |
||||
state.isShowDialog = false; |
||||
}; |
||||
// 取消 |
||||
const onCancel = () => { |
||||
closeDialog(); |
||||
}; |
||||
// 新增 |
||||
const addVersion = () => { |
||||
closeDialog(); |
||||
ElMessageBox.confirm(`此操作将修改审核模式，是否继续?`, '提示', { |
||||
confirmButtonText: '确认', |
||||
cancelButtonText: '取消', |
||||
type: 'warning', |
||||
}) |
||||
.then(() => { |
||||
gameSetAuditMode(state.tableData.param).then(() => { |
||||
ElMessage.success('修改成功'); |
||||
emit('mailList'); |
||||
}); |
||||
}) |
||||
.catch(() => {}); |
||||
}; |
||||
return { |
||||
openDialog, |
||||
closeDialog, |
||||
onCancel, |
||||
addVersion, |
||||
...toRefs(state), |
||||
}; |
||||
}, |
||||
}); |
||||
</script> |
||||
Loading…
Reference in new issue