Skip to content

C
company_app
提交 6982fd8e 作者: 毛细亚
操作

更新代码

上级 aa6c25af
正在显示 包含 3826 行增加 和 36 行删除
src/App.vue
......@@ -41,6 +41,10 @@ export default {
path: '/userInfo'
},
{
label: '角色信息',
path: '/roleInfo'
},
{
label: '快捷回复',
path: '/quickReply'
},
......@@ -48,6 +52,15 @@ export default {
label: '礼包记录',
path: '/giftRecord'
},
{
label: '订单记录',
path: '/orderList'
},
{
label: '违规记录',
path: '/violationRecord'
},
// {
// label: '申请记录',
// path: '/applyRecord'
......
src/assets/icon/sanjiaoxing.svg 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<svg width="50px" height="54px" viewBox="0 0 50 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
<title>三角形</title>
<desc>Created with Sketch.</desc>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="订单信息" transform="translate(-1762.000000, -133.000000)" fill="#FFE59A">
<g id="编组-4" transform="translate(1378.000000, 133.000000)">
<polygon id="三角形" transform="translate(409.151650, 26.961791) scale(-1, -1) translate(-409.151650, -26.961791) " points="384.3033 -9.09494702e-13 434 53.9235818 404.735562 53.9235818 384.3033 31.9235818"></polygon>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/components/inputTags/alias.vue 0 → 100644
/<template>
<div>
<div class="content">
<div style="margin-bottom:10px;">每行一个别名，多个按回车后添加</div>
<div>
<el-input
v-model="textarea"
type="textarea"
:autosize="{ minRows: 5, maxRows: 14}"
placeholder="请输入内容"
>
</el-input>
</div>
</div>
<div class="dialog-footer rowFlex">
<div class="btns">
<el-button
class="btn"
@click="close"
>取 消</el-button>
<el-button
:loading="loading"
class="btn"
type="primary"
@click="onSubmit"
> 确定</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
props: {
rowInfo: {
type: Array,
default: () => []
}
},
data() {
return {
loading: false,
textarea: ''
}
},
mounted() {
this.rowInfo.forEach((item, index) => {
this.textarea += item + '\n'
})
},
methods: {
close() {
this.$emit('cancel')
},
onSubmit() {
let aliasList = this.textarea.split('\n')
aliasList = aliasList.filter((item) => {
return item
})
console.log(aliasList, '>>>>>>>>>>>>aliasList')
this.$emit('ok', aliasList)
}
}
}
</script>
<style lang="scss" scoped>
.content {
padding: 20px;
}
</style>
\ No newline at end of file
src/components/inputTags/index.vue 0 → 100644
<template>
<div>
<el-form-item
class="inputItem"
:prop="ruleProp"
>
<template slot="label">
{{ labelText }}
</template>
<div class="alias">
<div
class="alias_list"
:class="disabled?'alias_list_disabled':''"
>
<span
v-for="(item, index) in inputSelectList"
:key="index"
class="el-tag el-tag--info el-tag--mini el-tag--light alias_item"
>
<span class="alias_item_text">{{ item }}</span>
<i
v-if="!disabled"
class="el-tag__close el-icon-close my_close"
@click="ondelalias(index)"
></i>
</span>
<input
v-model="aliasValue"
type="text"
class="alias_input"
:disabled="disabled"
:placeholder="disabled && inputSelectList.length>0?'':placeholder"
@keydown="onInputKey"
@blur="emitInputChange"
>
</div>
<!-- <div class="alias_add">
<el-button
type="text"
size="medium"
@click="editalias()"
>编辑</el-button>
</div> -->
</div>
</el-form-item>
<!-- <BiDrawer
v-model="alias.show"
:drawer-title="alias.title"
:row-info="alias.row"
:component="Alias"
:append-to-body="true"
drawer-size="600px"
@ok="aliasSubmit"
></BiDrawer> -->
</div>
</template>
<script>
import Alias from './alias.vue'
export default {
props: {
inputSelectList: {
type: Array,
default: () => []
},
labelText: {
type: String,
default: ''
},
ruleProp: {
type: String,
default: ''
},
placeholder: {
type: String,
default: ''
},
disabled: {
type: Boolean,
default: false
}
},
data() {
return {
Alias: Alias,
aliasValue: '',
alias: {
show: false,
title: '编辑',
row: {}
}
}
},
methods: {
aliasSubmit(aliasList) {
this.$emit('update:inputSelectList', aliasList)
},
onInputKey(e) {
if (e.key == 'Enter') {
if (!this.aliasValue) {
return
}
this.inputSelectList.push(this.aliasValue)
this.aliasValue = ''
}
},
emitInputChange() {
this.$emit('inputChange', this.inputSelectList)
},
ondelalias(index) {
this.inputSelectList.splice(index, 1)
this.emitInputChange()
},
editalias() {
this.alias = {
show: true,
row: this.inputSelectList,
title: '编辑'
}
}
}
}
</script>
<style lang="scss" scoped>
.alias {
display: flex;
align-content: center;
justify-content: space-between;
.alias_list {
min-height: 32px;
width: 100%;
border: 1px solid #dcdfe6;
border-radius: 4px;
display: flex;
flex-wrap: wrap;
align-items: center;
border: 1px solid #dcdfe6;
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
// padding: 0 5px;
.alias_item {
margin-left: 5px;
max-width: none !important;
display: flex;
align-items: center;
.alias_item_text {
display: inline-block;
max-width: 350px;
white-space: nowrap; /* 禁止自动换行 */
overflow: hidden; /* 隐藏溢出的内容 */
text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */
word-break: break-all;
}
/* 允许在任意字符间断开（可选，如果你想在任意字数换行） */
}
}
.alias_list_disabled {
background: #f5f7fa;
}
.alias_input {
border-style: none;
outline: none;
flex: 1;
height: 30px;
padding-left: 15px;
font-size: 13px;
border-color: #e4e7ed;
}
.alias_input:disabled {
// width: 100%;
// position: absolute;
// height: 100%;
// cursor: not-allowed;
background: #f5f7fa;
border-color: #e4e7ed;
color: #c0c4cc;
font-size: 13px;
cursor: not-allowed;
opacity: 0.7;
}
}
</style>
\ No newline at end of file
src/components/select.vue 0 → 100644
<template>
<div class="search-item">
<div v-if="label && label.length<6 || labelSplit " class="item-label">{{ label }}</div>
<div v-else-if="label && label.length>=6 " class="item-label">
{{ label.slice(0,4) }} <br> {{ label.slice(4,label.length) }}
</div>
<div v-else class="item-label">{{ label }}</div>
<div class="item-content selectUser">
<el-select
v-model="resulte"
:multiple="multiple"
:placeholder="placeholder"
:clearable="!clearable?true:false"
:filterable="filterable"
:disabled="disabled"
:collapse-tags="noTags=== false?false:true"
@change="selectChange"
>
<el-option
v-for="(item,index) in selectList"
:key="index"
:value="item.value"
:label="item.label"
>
<span style="float: left">{{ item.label }}</span>
</el-option>
</el-select>
</div>
</div>
</template>
<script>
export default {
name: 'Selece',
props: ['list', 'placeholder', 'label', 'width', 'isResize', 'defaultValue', 'noAll', 'multiple', 'close', 'filterable', 'clearable', 'noTags', 'disabled', 'labelSplit'],
data() {
return {
loading: false,
resulte: '',
selectList: []
}
},
watch: {
// 监听是否重置
isResize(newVal, oldVal) {
if (newVal) {
this.resulte = ''
}
},
defaultValue(newVal, oldVal) {
if ((newVal || newVal == 0)) {
this.resulte = newVal
}
},
list(newVal, oldVal) {
if (newVal && newVal.length > 0) {
const list = [{ label: '全部', value: '' }]
this.noAll ? this.selectList = newVal : this.selectList = list.concat(newVal)
} else {
this.selectList = []
this.resulte = ''
}
}
},
mounted() {
(this.defaultValue || this.defaultValue == 0) ? this.resulte = this.defaultValue : ''
if (this.list && this.list.length > 0) {
const list = [{ label: '全部', value: '' }]
this.noAll ? this.selectList = this.list : this.selectList = list.concat(this.list)
} else {
this.selectList = []
}
},
methods: {
selectChange(value) {
this.$emit('result', this.resulte)
}
}
}
</script>
<style lang="scss" scoped>
</style>
\ No newline at end of file
src/directive/clickagain/clickagain.js 0 → 100644
const clickagain = {
inserted: function (el, binding) {
let timer
el.addEventListener('click', () => {
if (timer) {
clearTimeout(timer)
}
timer = setTimeout(() => {
binding.value()
}, 1000)
})
}
}
export default clickagain
\ No newline at end of file
src/directive/clickagain/index.js 0 → 100644
import clickagain from './clickagain'
const install = function(Vue) {
Vue.directive('clickagain', clickagain)
}
if (window.Vue) {
window.clickagain = clickagain
Vue.use(install); // eslint-disable-line
}
clickagain.install = install
export default clickagain
src/directive/debounce/debounce.js 0 → 100644
const debounce = {
inserted: function (el, binding) {
let timer
el.addEventListener('scroll', () => {
if (timer) {
clearTimeout(timer)
}
timer = setTimeout(() => {
binding.value()
}, 1000)
})
}
}
export default debounce
\ No newline at end of file
src/directive/debounce/index.js 0 → 100644
import debounce from './debounce'
const install = function(Vue) {
Vue.directive('debounce', debounce)
}
if (window.Vue) {
window.debounce = debounce
Vue.use(install); // eslint-disable-line
}
debounce.install = install
export default debounce
src/directive/loading/index.js 0 → 100644
import loading from './loading'
const install = function(Vue) {
Vue.directive('loadingchat', loading)
}
if (window.Vue) {
window.loading = loading
Vue.use(install); // eslint-disable-line
}
loading.install = install
export default loading
src/directive/loading/loading.js 0 → 100644
import Vue from 'vue'
import loading from '@/components/common/loading'
const loadDirective = {
inserted: function (el, binding) {
const loadingCo = Vue.extend(loading)
// console.log('loadingCo', loadingCo)
const loadingComp = new loadingCo().$mount()
// console.log('loadingComp', loadingComp)
// 组件实例 挂到el元素上
el.loadingInstance = loadingComp
if (binding.value) {
el.appendChild(loadingComp.$el)
}
},
// 所在组件的 VNode 更新时调用
update(el, binding) {
// 当值改变
if (binding.value !== binding.oldValue) {
if (binding.value) { // v-loading true
el.appendChild(el.loadingInstance.$el)
} else { // v-loading false 删除节点
el.removeChild(el.loadingInstance.$el)
}
}
}
}
export default loadDirective
\ No newline at end of file
src/directive/loadmore/index.js 0 → 100644
import loadMore from './loadmore'
const install = function(Vue) {
Vue.directive('loadmore', loadMore)
}
if (window.Vue) {
window.loadMore = loadMore
Vue.use(install); // eslint-disable-line
}
loadMore.install = install
export default loadMore
src/directive/loadmore/loadmore.js 0 → 100644
const loadmore = {
inserted: function (el, binding) {
// 获取element-ui定义好的scroll盒子
const SELECTWRAP_DOM = el.querySelector(
'.el-select-dropdown .el-select-dropdown__wrap'
)
SELECTWRAP_DOM.addEventListener('scroll', function() {
const CONDITION = this.scrollHeight - this.scrollTop <= this.clientHeight
if (CONDITION) {
binding.value()
}
})
}
}
export default loadmore
\ No newline at end of file
src/directive/permission/index.js 0 → 100644
import permission from './permission'
const install = function(Vue) {
Vue.directive('permission', permission)
}
if (window.Vue) {
window['permission'] = permission
Vue.use(install) // eslint-disable-line
}
permission.install = install
export default permission
src/directive/permission/permission.js 0 → 100644
import store from '@/store'
function checkPermission(el, binding) {
let { arg } = binding
// 小说和游戏的权限控制
// store.state.user.systemRouter === 'game' ? arg = 'game-' + arg : ''
if (store.state.user.systemRouter === 'game') {
arg = 'game-' + arg
} else if (store.state.user.systemRouter === 'playlet') {
arg = 'playlet-' + arg
} else {
}
const roles = store.getters && store.getters.buttonInfo
const hasPermission = Object.prototype.hasOwnProperty.call(roles, arg) ? roles[arg] : false
if (!hasPermission) {
el.parentNode && el.parentNode.removeChild(el)
}
}
export default {
inserted(el, binding) {
try {
checkPermission(el, binding)
} catch (error) {
console.log(error)
}
},
update(el, binding) {
try {
checkPermission(el, binding)
} catch (error) {
console.log(error)
}
}
}
src/directive/tableSticky/README.md 0 → 100644
# 使ElementUI的el-table表头自动吸顶，支持左右固定列。
## 引入
```js
import {tableSticky} from 'lp-vue'
Vue.directive('tableSticky', tableSticky)
```
## 注意
主要使用 CSS 属性 position: sticky 实现。
由于使用的是 sticky，所以要保证祖先元素不能设置 overflow:hidden 这类的样式，否则不生效。
使用
在 快速上手 中全局引用可以直接使用。
也可以按需使用：
```js
import {tableSticky} from '.lp-vue'
Vue.directive('tableSticky', tableSticky)
```
# 配置
## 基础使用
如果只是普通表格，不涉及固定列，直接使用即可。
```html
<el-table v-tableSticky>
<!-- 表格内容 -->
</el-table>
```
设置距离
```html
<el-table v-tableSticky="10">
<!-- 表格内容 -->
</el-table>
<el-table v-tableSticky="'.header'">
<!-- 表格内容 -->
</el-table>
```
|类型|说明| 默认值|
｜---｜---｜---｜
|number |表头距顶部距离 10|
|string |选择器，自动获取距目标元素高度位置|
## 设置固定列
当表格有固定列时，需要设置 fixed 修饰符。
```html
<el-table v-tableSticky.fixed="10">
<!-- 表格内容 -->
</el-table>
```
## 监听目标元素高度
在使用目标元素来决定吸顶高度时，随着页面的变化可能目标元素的高度会变高，那就有必要使用dom修饰符，如果高度固定就不需要监听；或者目标元素的宽小于等于表格的宽度，这样页面变化会触发表格的监听同样不需要这个监听。所以这个修饰符不是必要的。可以根据实际情况使用，如果发现表头吸顶位置不对，可以使用这个修饰符。
<el-table v-tableSticky.dom="'.header'">
<!-- 表格内容 -->
</el-table>
\ No newline at end of file
src/directive/tableSticky/index.js 0 → 100644
// 表格吸顶
import tableSticky from './tableSticky'
const install = function(Vue) {
Vue.directive('tableSticky', tableSticky)
}
if (window.Vue) {
window.tableSticky = tableSticky
Vue.use(install); // eslint-disable-line
}
tableSticky.install = install
export default tableSticky
src/directive/tableSticky/tableSticky.js 0 → 100644
'use strict'
exports.__esModule = true
function debounce(func, wait, immediate) {
var timeout = void 0
var args = void 0
var context = void 0
var timestamp = void 0
var result = void 0
var later = function later() {
// 据上一次触发时间间隔
var last = +new Date() - timestamp
// 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
if (last < wait && last > 0) {
timeout = setTimeout(later, wait - last)
} else {
timeout = null
// 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
if (!immediate) {
result = func.apply(context, args)
if (!timeout) context = args = null
}
}
}
return function () {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key]
}
context = this
timestamp = +new Date()
var callNow = immediate && !timeout
// 如果延时不存在，重新设定延时
if (!timeout) timeout = setTimeout(later, wait)
if (callNow) {
result = func.apply(context, args)
context = args = null
}
return result
}
}
// 头部吸顶
var stickyThead = function stickyThead(el, binging, vnode) {
var top = '0px'
if (!isNaN(Number(binging.value))) {
top = binging.value + 'px'
}
if (typeof binging.value === 'string' && document.querySelector(binging.value)) {
var rect = document.querySelector(binging.value).getBoundingClientRect()
top = rect ? rect.top + rect.height + 'px' : '0px'
}
el.style.overflow = 'visible'
var tHeader = el.querySelector('.el-table__header-wrapper')
tHeader.style.position = 'sticky'
tHeader.style.top = top
tHeader.style.zIndex = 20
// 移除is-hidden
var ths = tHeader.querySelectorAll('th.is-hidden')
ths.forEach(function (item) {
item.classList.remove('is-hidden')
})
// 找到实例
var table = vnode.context.$children.find(function (item) {
return item.$el === el
})
table.doLayout()
// 找到左边固定列
var leftFixed = table.fixedColumns
if (leftFixed && leftFixed.length) {
var leftFixedWidth = 0
leftFixed.forEach(function (item) {
var cell = tHeader.querySelector('th.' + item.id)
if (cell) {
var itemW = cell.getBoundingClientRect().width
cell.style.position = 'sticky'
cell.style.left = leftFixedWidth + 'px'
cell.style.top = top
cell.style.zIndex = 10
leftFixedWidth += itemW
}
})
}
// 找到右边固定列
var rightFixed = table.rightFixedColumns
if (rightFixed && rightFixed.length) {
var rightFixedWidth = 0
for (var i = rightFixed.length - 1; i >= 0; i--) {
var cell = tHeader.querySelector('th.' + rightFixed[i].id)
if (cell) {
var itemW = cell.getBoundingClientRect().width
cell.style.position = 'sticky'
cell.style.right = rightFixedWidth + 'px'
cell.style.top = top
cell.style.zIndex = 10
rightFixedWidth += itemW
}
}
}
}
// 简易吸顶
var sticky = function sticky(el, binging, vnode) {
var top = '0px'
if (!isNaN(Number(binging.value))) {
top = binging.value + 'px'
}
if (typeof binging.value === 'string' && document.querySelector(binging.value)) {
var rect = document.querySelector(binging.value).getBoundingClientRect()
top = rect ? rect.top + rect.height + 'px' : '0px'
}
el.style.overflow = 'visible'
var tHeader = el.querySelector('.el-table__header-wrapper')
tHeader.style.position = 'sticky'
tHeader.style.top = top
tHeader.style.zIndex = 20
}
var tableOb = null
var domOb = null
exports.default = {
inserted: function inserted(el, binging, vnode) {
if (binging.modifiers.fixed) {
// 监听表格变化
tableOb = new ResizeObserver(debounce(function () {
stickyThead(el, binging, vnode)
}, 500))
tableOb.observe(el)
} else {
sticky(el, binging, vnode)
}
if (binging.modifiers.dom) {
// 监听目标dom变化
if (typeof binging.value === 'string') {
var isDom = document.querySelector(binging.value)
if (isDom) {
domOb = new ResizeObserver(debounce(function () {
stickyThead(el, binging, vnode)
}, 500))
domOb.observe(isDom)
}
}
}
},
unbind: function unbind(el, binging, vnode) {
tableOb && tableOb.unobserve(el)
domOb && domOb.unobserve(el)
}
}
\ No newline at end of file
src/main.js
......@@ -22,7 +22,10 @@ import 'element-ui/lib/theme-chalk/index.css';
import errorHandle from '@/utils/errorHandle'
import { getParams } from '@/utils/index'
import globalComponent from '@/components/register.js'
Vue.use(globalComponent)
import loadmore from '@/directive/loadmore/index.js' // 加载更多
import clickagain from './directive/clickagain'
import permission from '@/directive/permission/index.js' // 权限判断指令
Vue.use(globalComponent).use(permission).use(clickagain).use(loadmore)
if(isTest()){
new VConsole();
}
......
src/router/index.js
......@@ -6,6 +6,9 @@ import giftRecord from '../views/giftRecord.vue'
import applyRecord from '../views/applyRecord.vue'
import quickSend from '../views/quickSend.vue'
import addressBook from '../views/addressBook.vue'
import orderList from '../views/orderList.vue'
import roleInfo from '../views/roleInfo.vue'
import violationRecord from '../views/ViolationRecord.vue'
import Cookies from 'js-cookie'
import store from '@/store'
Vue.use(VueRouter)
......@@ -25,6 +28,16 @@ const routes = [
component: userInfo
},
{
path: '/roleInfo',
name: 'roleInfo',
component: roleInfo
},
{
path: '/violationRecord',
name: 'violationRecord',
component: violationRecord
},
{
path: '/quickReply',
name: 'quickReply',
component: quickReply
......@@ -50,6 +63,11 @@ const routes = [
component: addressBook
},
{
path: '/orderList',
name: 'orderList',
component: orderList
},
{
path: '/login',
name: 'login',
component: () => import('../views/login.vue')
......
src/views/userInfo/components/ViolationRecord.vue → src/views/ViolationRecord.vue
......@@ -248,7 +248,6 @@ export default {
width:100%;
height: calc(100vh - 170px);
background: #fff;
margin-left: 2px;
.content {
width: 100%;
padding: vw(20);
......
src/views/components/order/orderRefund.vue 0 → 100644
<template>
<el-drawer :lock-scroll="true" :title="title" :visible="show" :size="width" :append-to-body="true" @close="close">
<div class="errorHandleContent">
<el-form
ref="ruleForm"
:model="ruleForm"
:rules="rules"
label-position="top"
label-width="100px"
class="demo-ruleForm"
>
<el-form-item label="订单号" prop="orders.order_id" style="margin-left:4px;width:100%;">
<template slot="label">
<span class="labelTitle">订单号 <label class="subtitle">订单支持添加多个，支持复制订单号粘贴至输入框内</label></span>
</template>
<el-input v-model="ruleForm.orders.order_id" disabled placeholder="请输入订单号"></el-input>
</el-form-item>
<el-form-item label="退款原因" prop="reason">
<el-select
v-model="ruleForm.reason"
disabled
clearable
placeholder="请选择"
style="width:100%;margin-bottom:10px;"
>
<el-option v-for="item in reasonList" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="玩家反馈时间" prop="feedback_time">
<el-date-picker
v-model="ruleForm.feedback_time"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
style="width:100%;"
placeholder="请选择玩家反馈时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="备注" prop="remark">
<textEditor
v-if="show"
:remark.sync="ruleForm.remark"
domid="orderRefund"
style="width: 100%"
:contenteditable="true"
@resultReamrk="resultReamrk"
/>
</el-form-item>
</el-form>
<span class="dialog-footer rowFlex">
<el-button class="btn" type="primary" :loading="searchLoading" @click="submit">确 定</el-button>
<el-button class="btn" @click="close">取 消</el-button>
</span>
</div>
</el-drawer>
</template>
<script type="text/javascript">
import { refundRequest } from '@/api/game'
import textEditor from '@/components/textEditor.vue'
export default {
components: { textEditor },
props: ['show', 'width', 'title', 'info'],
data() {
return {
searchLoading: false,
reasonList: [
{ label: '充值未到账', value: 1 } // 掌微只有一个原因
],
ruleForm: {
reason: 1,
feedback_time: '',
orders: {
order_id: '',
refund_amount: ''
},
remark: '',
extra_attribution: [],
user_name: '',
user_id: ''
},
rules: {
'orders.order_id': [
{ required: true, message: '请输入订单号', trigger: 'blur' }
],
reason: [
{ required: true, message: '请选择退款原因', trigger: 'change' }
],
feedback_time: [
{ required: true, message: '请选择玩家反馈时间', trigger: 'change' }
],
remark: [
{ required: true, message: '请输入备注', trigger: 'blur' }
]
}
}
},
watch: {
show(newVal, oldVal) {
if (newVal) {
this.searchLoading = false
this.ruleForm = {
reason: 1,
feedback_time: '',
orders: {
order_id: '',
refund_amount: ''
},
remark: '',
extra_attribution: [],
user_name: '',
user_id: ''
}
this.ruleForm.remark = ''
this.ruleForm.orders.order_id = this.info.order_id
this.ruleForm.remark = this.info.remark || ''
this.ruleForm.feedback_time = this.$moment().format('YYYY-MM-DD')
}
}
},
mounted() {
},
methods: {
resultReamrk(html) {
console.log(html)
},
// 更新代码
resultUpload(value) {
this.ruleForm.extra_attribution = value
},
close() {
this.$emit('update:show', false)
},
async submit() {
this.$refs.ruleForm.validate(async (valid) => {
if (valid) {
this.ruleForm.orders.refund_amount = this.info.amount
this.searchLoading = true
const { reason, feedback_time, orders, remark, extra_attribution } = this.ruleForm
const { username, id } = this.info
const data = {
reason,
feedback_time,
orders: [orders],
remark,
extra_attribution,
user_name: username,
user_id: id
}
try {
const res = await refundRequest(data)
if (res.status_code === 1) {
this.$message.success(res.msg)
}
this.searchLoading = false
this.close()
} catch (error) {
this.searchLoading = false
}
} else {
return false
}
})
}
}
}
</script>
<style lang="scss" scoped>
::v-deep .el-drawer {
height: 100%;
overflow: auto;
overflow-x: hidden;
}
.labelTitle {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: #333333;
line-height: 20px;
.subtitle {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 12px;
color: #999999;
line-height: 17px;
}
}
.dialog-footer {
width: calc(100%);
height: auto;
position: relative;
padding-top: 20px;
padding-bottom: 20px;
justify-content: flex-end;
background: #fff;
.btn {
width: 84px;
height: 32px;
}
}
.errorHandleContent {
padding: 0 20px;
.icon {
font-size: 24px;
color: #00bf8a;
cursor: pointer;
}
.numberItem {
margin-bottom: 20px;
}
}
</style>
\ No newline at end of file
src/views/components/order/refundLog.vue 0 → 100644
<template>
<div class="detailsRefund columnFlex">
<div class="content refundContent">
<div class="filterList">
<div class="rowFlex columnCenter spaceBetween">
<span>订单号:</span>
<el-input
v-model="requestData.order_id"
placeholder="请输入订单号"
class="filterListInput"
prefix-icon="el-icon-search"
style="margin-left: 13px; width: 75%"
clearable
@change="searchInput"
></el-input>
</div>
<div class="rowFlex columnCenter spaceBetween" style="margin-bottom: 10px">
<span>角色名称:</span>
<searchSelect style=" width: 74%" placeholder="请输入角色名称" @result="selectResult" />
</div>
<div class="rowFlex columnCenter spaceBetween">
<span>审批状态:</span>
<el-select
v-model="requestData.refund_status"
clearable
placeholder="请选择退款状态"
style="width: 75%; margin-bottom: 10px"
@change="payTypeResult"
>
<el-option v-for="item in refundStatus" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="rowFlex columnCenter spaceBetween">
<span>审批状态:</span>
<el-select
v-model="requestData.approval_status"
clearable
placeholder="请选择审批状态"
style="width: 74%; margin-bottom: 10px"
@change="payTypeResult"
>
<el-option v-for="item in approvalList" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
</div>
<!-- 订单列表 -->
<div
v-infinite-scroll="requestOrderList"
v-loading="loading"
class="detailsRefundScroll"
:infinite-scroll-disabled="!isloadMore"
>
<div v-if="orderList.length > 0">
<div v-for="(item, index) in orderList" :key="index" class="orderDetails">
<div class="orderDetailsList">
<div class="orderDetailsTitle" @click="showItemDetails(item)">
<p v-if="item.approval_status == 1 && (item.customer_id == userInfo.id)" class="Withdraw" @click.stop="cancelRefundRequest(item)">撤销</p>
<!-- 重新提交 -->
<p v-else-if="item.approval_status == 4" class="Withdraw" @click.stop="resubmit(item)">重新提交</p>
<div class="item rowFlex columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">订单号:</span>
<p class="text">{{ item.order_id }}</p>
</div>
</div>
<div class="item rowFlex columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">退款金额:</span>
<p class="text"> {{ item.amount }}</p>
<p v-if="item.approval_status == 1" style="margin-left:10px;" class="sendStop">{{
item.approval_status_text }}</p>
<p v-else-if="item.approval_status == 2" style="margin-left:10px;" class="noSend">{{
item.approval_status_text }}</p>
<p v-else-if="item.approval_status == 3" style="margin-left:10px;" class="handled">{{
item.approval_status_text }}</p>
<p v-else-if="item.approval_status == 4" style="margin-left:10px;" class="sendFail">{{
item.approval_status_text }}</p>
<p v-else-if="item.approval_status == 5" style="margin-left:10px;" class="sendFail">{{
item.approval_status_text }}</p>
</div>
</div>
<div class="item rowFlex columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">退款原因:</span>
<p class="text">{{ item.reason_text }}</p>
</div>
</div>
<div class="item rowFlex columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">审核状态:</span>
<p v-if="item.approval_status == 1" style="margin-left:10px;" class="sendStop">{{
item.approval_status_text }}</p>
<p v-else-if="item.approval_status == 2" style="margin-left:10px;" class="noSend">{{
item.approval_status_text }}</p>
<p v-else-if="item.approval_status == 3" style="margin-left:10px;" class="handled">{{
item.approval_status_text }}</p>
<p v-else-if="item.approval_status == 4" style="margin-left:10px;" class="sendFail">{{
item.approval_status_text }}</p>
<p v-else-if="item.approval_status == 5" style="margin-left:10px;" class="sendFail">{{
item.approval_status_text }}</p>
</div>
</div>
<!-- 展示隐藏内容 -->
<i class="el-icon-arrow-right rotageIcon" :class="item.open ? 'rotage' : ''"></i>
<!-- 玩家反馈日期 -->
<div class="item rowFlex columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">玩家反馈日期:</span>
<p class="text">{{ item.feedback_time }}</p>
</div>
</div>
</div>
<!-- 内容 -->
<el-collapse-transition>
<!-- operation_type： 1 登记 2 运营审批 3 专员审批 4：系统 operation_status :0未操作 1：通过，2：驳回-->
<div v-show="item.open" class="orderDetailsContent">
<div class="orderDetailsListLeft">
<!-- step.operation_type -->
<el-steps
direction="vertical"
:active="item.refundInfo && item.refundInfo.length > 0 ? item.refundInfo.length : 1"
>
<el-step v-for="(step, stepIndex) in item.refundInfo" :key="stepIndex" :title="step.node_name">
<template slot="description">
<div class="stepContent">
<div class="item columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">{{ stepIndex == 0 ? '登记人' : '审批人' }}:</span>
<span class="info-value value-font text">
{{ Array.isArray(step.user_name) ? step.user_name[0] : step.user_name }}
</span>
<el-tooltip
v-if="Array.isArray(step.user_name) && step.user_name.length > 1"
class="item"
effect="dark"
:content="step.user_name.slice(1).join('、')"
placement="top"
>
<span class="info-value value-font info-value-color">
{{ `+${step.user_name.length - 1}` }}
</span>
</el-tooltip>
</div>
</div>
<div class="item columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">{{ stepIndex == 0 ? '登记时间' : '审批时间' }}:</span>
<p class="text">{{ step.create_time }}</p>
</div>
</div>
<div
v-if="step && step.extra_attribution && step.extra_attribution.remark"
class="item columnCenter spaceBetween"
>
<div class="rowFlex columnCenter">
<span class="label">备注:</span>
<p
class="text"
v-html="step && step.extra_attribution && step.extra_attribution.remark ? step.extra_attribution.remark : ''"
>
</p>
</div>
</div>
<div v-if="stepIndex > 0" class="item columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">审批结果:</span>
<span v-if="step.operation_status == 0" class="unhandle btn">未操作</span>
<span v-else-if="step.operation_status == 1" class="handled btn">通过</span>
<span v-else-if="step.operation_status == 2" class="sendFail btn">驳回</span>
</div>
</div>
<div
v-if="step.extra_attribution && step.extra_attribution.pic && step.extra_attribution.pic.length > 0"
class="item columnCenter spaceBetween"
>
<div class="rowFlex columnCenter">
<span class="label">截图:</span>
<div class="text">
<div
v-for="(imageItem, imageIndex) in step.extra_attribution.pic"
:key="imageIndex"
class="refundImage"
>
<img :src="imageItem" alt="">
<div class="refundImageBg rowFlex allCenter" @click.stop="imageBg(imageItem)">
<i class="el-icon-zoom-in"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
</el-step>
</el-steps>
</div>
</div>
</el-collapse-transition>
</div>
</div>
</div>
<div v-else-if="!loading && orderList.length == 0" class="noContent rowFlex allCenter">
<svg-icon icon-class="noContent" />
</div>
</div>
</div>
<el-dialog title="查看大图" append-to-body :visible.sync="showScoleImage">
<div class="showScoleImageContent rowFlex allCenter">
<el-image :src="scoleImage" style="width:80%;height:auto;margin:0 auto;" fit="contain"></el-image>
</div>
</el-dialog>
<!-- 重新提交 -->
<orderRefund :show.sync="showRefund" title="退款申请" :info="refundInfo" />
</div>
</template>
<script>
import { refundRecord, refundRequestLog, searchcondition, cancelRefundRequest } from '@/api/game'
import { mapState } from 'vuex'
import searchSelect from './searchUser.vue'
import { throttle } from '@/utils'
import orderRefund from './orderRefund.vue'
export default {
components: {
searchSelect,
orderRefund
},
data() {
return {
requestData: {
member_id: '',
approval_status: '',
refund_status: '',
trad_no: '',
order_id: '',
role_id: ''
},
refundInfo: {},
showRefund: false,
scoleImage: '',
operation_type: ['登记', '运营审批', '专员审批', '系统'],
showScoleImage: false,
groupActive: null,
collapseValue: false,
loading: false,
activeType: 2,
dateDetailsValue: [],
isloadMore: true,
orderList: [],
approvalList: [// 审批状态
{ label: '审核中', value: 1 },
{ label: '通过', value: 2 },
{ label: '驳回', value: 3 }
],
refundStatus: [ // 退款状态
{ label: '退款中', value: 1 },
{ label: '退款成功', value: 2 },
{ label: '退款失败', value: 3 }
],
timerData: {
order_time_start: '',
order_time_end: ''
},
searchDate: [],
gameUserInfo: {
recharge_total: 0,
today_amount: 0
},
pageInfo: {
page: 0,
page_size: 20,
total: 0
}
}
},
computed: {
...mapState('game', ['accountSelect']),
...mapState('user', [ 'userInfo'])
},
watch: {
accountSelect(newVal, oldVal) {
if (newVal && newVal !== '' && this.activeType == 3) {
this.pageInfo = {
page: 0,
page_size: 20,
total: 0
}
this.isloadMore = true
this.orderList = []
this.requestOrderList()
}
}
},
mounted() {
this.requstApprovalList()
},
methods: {
async cancelRefundRequest(item) {
console.log(item, 'item')
this.$confirm('确定要撤销么?', '确认提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
const data = {
id: item.id,
user_id: item.create_user_id,
user_name: item.create_user
}
const res = await cancelRefundRequest(data)
if (res.status_code === 1) {
this.$message.success(res.msg)
this.requestOrderList()
}
})
.catch(() => {
this.$message({
type: 'info',
message: '已取消'
})
})
},
// 重新提交
resubmit(item) {
console.log(item)
this.refundInfo = { ...item, ...this.userInfo }
this.showRefund = true
},
async requstApprovalList() {
const data = {
type: 'dictionaries',
table_name: 'zs_refund_request',
field_name: 'approval_status'
}
const res = await searchcondition(data)
if (res.status_code === 1) {
this.approvalList = res.data.data
}
},
selectResult(value) {
this.pageInfo = {
page: 0,
page_size: 20,
total: 0
}
this.isloadMore = true
this.orderList = []
value !== '' ? (this.requestData.role_id = value) : (this.requestData.role_id = '')
this.requestOrderList()
},
imageBg(item) {
console.log(item)
this.showScoleImage = true
this.scoleImage = item
},
// 查看详情
async showItemDetails(item) {
if (!item.open && !item.refundInfo) {
const data = {
order_id: item.order_id,
id: item.id,
type: 2 // 1:退款订单页面 2：退款申请页面
}
const res = await refundRequestLog(data)
if (res.status_code == 1) {
if (res.data && res.data.data && res.data.data.length > 0) {
const index = res.data.data.findIndex(item => item.user_name === '系统')
if (index !== -1) {
res.data.data.splice(index, 1)
item.refundInfo = res.data.data
} else {
item.refundInfo = res.data.data
}
}
}
}
item.open = !item.open
this.$forceUpdate()
},
searchInput() {
this.pageInfo = {
page: 0,
page_size: 20,
total: 0
}
this.isloadMore = true
this.orderList = []
this.requestOrderList()
},
payTypeResult(data) {
this.pageInfo = {
page: 0,
page_size: 20,
total: 0
}
this.isloadMore = true
this.orderList = []
this.requestOrderList()
},
dateResult(data) {
if (data) {
this.timerData.order_time_start = data[0]
this.timerData.order_time_end = data[1]
} else {
this.timerData.order_time_start = ''
this.timerData.order_time_end = ''
}
this.pageInfo = {
page: 0,
page_size: 20,
total: 0
}
this.isloadMore = true
this.orderList = []
this.requestOrderList()
},
handleChange(val) {
console.log(val)
},
requestOrderList: throttle(function () {
if (this.accountSelect == '') {
this.$message.warning('暂无关联的账号，请先去关联账号!')
return false
}
if (!this.isloadMore) {
console.log('没有更多数据了')
return false
}
this.loading = true
this.pageInfo.page += 1
const data = {
...this.requestData,
...this.pageInfo,
member_id: this.accountSelect
}
refundRecord(data).then(
(res) => {
this.loading = false
if (res.data.data && res.data.data.length < 20) {
this.isloadMore = false
}
res.data.data.map((item, index) => {
item.pay_type_text = item.pay_type.substring(0, item.pay_type.length - 2)
})
this.orderList = this.orderList.concat(res.data.data)
if (res.data.page_info) {
this.orderInfo = res.data.page_info
}
if (res.status_code == 1) {
this.$message.success(res.msg)
}
},
(err) => {
this.loading = false
}
)
}, 1000)
}
}
</script>
<style lang="scss" scoped>
.detailsRefund {
width: 100%;
height: 100%;
background: #fff;
position: relative;
overflow: hidden;
.detailsTitle {
width: 100%;
padding: 0 vw(20);
height: 60px;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
border-bottom: 1px solid #ebeef5;
border-left: 1px solid #ebeef5;
p {
color: #333333;
}
}
.content {
width: 100%;
height: 100%;
padding-top: 20px;
.tabSelect {
width: 100%;
height: 60px;
border-bottom: 1px solid #ebeef5;
cursor: pointer;
.tabSelectItem {
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
padding-top: 10px;
line-height: 47px;
cursor: pointer;
}
.tabSelectItemActive {
color: #00bf8a;
border-bottom: 2px solid #00bf8a;
}
}
.contentItem {
position: relative;
.title {
position: absolute;
left: 10px;
top: 14px;
font-size: 14px;
color: #86909c;
}
}
.item {
width: 100%;
height: auto;
font-size: 14px;
font-weight: 400;
color: #333333;
padding: 6px 0;
transition: all 0.5s;
position: relative;
padding-left: 10px;
cursor: pointer;
.text {
::v-deep img {
max-width: 180px;
}
}
div {
width: 100%;
}
.tableImage {
width: 40px;
height: 40px;
border-radius: 6px;
margin-right: vw(10);
}
.label {
color: #86909c;
min-width: 50px;
}
.text {
color: #333333;
margin-left: 10px;
word-break: break-all;
max-width: 80%;
}
.btn {
margin-left: 10px;
}
.icon {
display: none;
position: absolute;
right: 0;
top: 12px;
}
.dianFail {
display: inline-block;
width: 8px;
height: 8px;
background: #f45454;
border-radius: 5px;
}
.dian {
display: inline-block;
width: 8px;
height: 8px;
background: #00bf8a;
border-radius: 5px;
}
.dian2 {
display: inline-block;
width: 8px;
height: 8px;
background: #ff9d02;
border-radius: 5px;
}
}
.orderMoney {
width: calc(100% + 40px);
height: 80px;
// margin-left: -20px;
padding: 10px 0;
.orderMoneyItem {
width: 50%;
text-align: center;
margin-top: 5px;
span {
font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
}
p {
font-size: 22px;
color: #00bf8a;
}
}
}
.filterList {
margin-bottom: 10px;
.filterListInput {
width: 60%;
margin-left: 15px;
margin-bottom: 10px;
}
.filterListDate {
width: 150px;
margin-bottom: 10px;
}
::v-deep .search-item .item-label {
margin-right: 20px;
}
}
.detailsRefundScroll {
width: 100%;
height: calc(100% - 250px);
overflow: auto;
overflow-x: hidden;
padding-right: 10px;
border-radius: 5px;
}
.orderDetails {
width: 100%;
height: auto;
margin-bottom: 20px;
position: relative;
.bridgeMain {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 50px;
.text {
font-size: 8px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #ff9d02;
transform: rotate(48deg);
z-index: 100;
position: absolute;
right: -6px;
top: 10px;
width: 50px;
text-align: center;
}
.bridge {
font-size: 50px;
position: absolute;
top: 0;
right: 0;
}
}
.Withdraw {
background: #fff;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #00bf8a;
border: 1px solid #00bf8a;
border-radius: 3px;
text-align: center;
margin-left: 20px;
min-width: 40px;
padding: 0px 1px;
display: inline-block;
float: right;
cursor: pointer;
}
.orderDetailsTitle {
width: 100%;
height: auto;
background: #f9faff;
padding: 10px;
position: relative;
.money {
width: 100%;
height: auto;
margin-bottom: 12px;
margin-top: 4px;
.btns {
padding-right: 40px;
}
.btn {
background: #fff;
border-radius: 4px;
padding: 2px 5px;
margin-left: 10px;
font-size: 12px;
border: 1px solid rgba(0, 0, 0, 0.15);
color: #333333;
cursor: pointer;
}
.btnnot {
background: #ffdddd;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #f56c6c;
border: none;
}
.btnsuccess {
background: #e1fff0;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #00bf8a;
border: none;
}
.btnRefund {
background: #fff;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #00a6f0;
border-color: #00a6f0;
}
}
.text {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
}
}
.orderDetailsList {
width: 100%;
height: auto;
padding: 5px 0;
position: relative;
background: #f9faff;
.orderDetailsListLeft {
width: 100%;
min-height: 200px;
background: #fff;
padding-top: 20px;
.stepContent {
width: 100%;
height: auto;
background: #f2f2f7;
border-radius: 4px;
padding: 5px 0;
margin: 10px 0;
}
.info-value-color {
color: #00bf8a;
margin-left: 5px;
}
::v-deep .el-step__description {
padding: 0 !important;
}
}
}
}
}
::v-deep .el-tabs__item {
line-height: 26px;
font-size: 16px;
font-weight: 500;
}
::v-deep .el-collapse {
border: none;
}
::v-deep .el-collapse-item__header {
border: none;
}
::v-deep .el-collapse-item__header {
width: 100%;
height: 44px;
color: #333333;
padding-left: 66px;
font-size: 14px;
font-weight: 400;
/* 单行显示省略号 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
::v-deep .el-collapse-item__wrap {
border: none;
}
.rotageIcon {
cursor: pointer;
transition: all 0.5s;
transform: rotate(0deg);
font-size: 16px;
font-weight: bolder;
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-30%);
}
.rotage {
transform: rotate(90deg);
}
.refundImage {
width: 50px !important;
height: 50px;
border-radius: 5px;
overflow: hidden;
margin-right: 10px;
position: relative;
img {
width: 100%;
height: 100%;
}
.refundImageBg {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 100;
position: absolute;
left: 0;
top: 0;
font-size: 20px;
color: #fff;
display: none;
}
&:hover .refundImageBg {
display: flex;
}
}
.showScoleImage {}
}
</style>
\ No newline at end of file
src/views/components/order/searchUser.vue 0 → 100644
<template>
<el-select
v-model="resulte"
v-loadmore="loadMoreList"
filterable
remote
:disabled="disabled"
:remote-method="remoteMethod"
:placeholder="placeholder"
:clearable='false'
reserve-keyword
:loading="loading"
@change="selectChange"
>
<el-option
v-for="(item,index) in searchUserOption"
:key="index"
:value="item.role_id || item.id"
:label="item.role_name"
style="height:50px;"
>
<div class="rowFlex columnCenter selectItem">
<!-- 没有头像 -->
<!-- <el-image v-if="item.avata" fit="fill" :src="item.avatar" class="tableImage "></el-image> -->
<div class="infoSpan columnFlex rowCenter">
<p class="hidden">{{ item.role_name &&item.role_name!=''?item.game_name+' - '+item.server_name+' - '+item.role_name:'' }}</p>
<p class="rowFlex columnCenter">角色名：<label class="hidden" style="max-width:120px;">{{ item.role_name }}</label></p>
</div>
</div>
</el-option>
</el-select>
</template>
<script>
import { roleList } from '@/api/game'
import { mapState } from 'vuex'
export default {
// uid 默认选择的uid
props: ['placeholder', 'selectWord', 'value', 'width', 'defaultValue', 'disabled', 'accountChange'],
data() {
return {
loading: false,
noMore: false,
searchUserOption: [],
pageInfo: {
page: 1,
page_size: 20,
total: 0
},
resulte: ''
}
},
watch: {
// 监听是否重置
isResize(newVal, oldVal) {
if (newVal) {
this.resulte = ''
}
},
defaultValue(newVal, oldVal) {
if (newVal) {
this.resulte = newVal
}
},
accountChange(newVal, oldVal) {
if (newVal) {
this.$nextTick(() => {
this.requestAccountList()
})
}
}
},
mounted() {
this.$nextTick(() => {
this.resulte = Number(this.defaultValue) || ''
this.requestAccountList()
})
},
computed: {
...mapState('game', ['accountSelect'])
},
methods: {
loadMoreList() {
if (!this.noMore) {
this.pageInfo.page++
this.requestAccountList()
} else {
console.log('没有更新数据了')
}
},
selectChange(value) {
const valueItem = this.searchUserOption.find(item => item.role_id == value || item.id == value)
console.log(valueItem, value)
this.$emit('result', value, valueItem)
},
requestAccountList() {
roleList({ role_name: this.resulte, member_id: this.accountSelect, ...this.pageInfo }).then((res) => {
this.loading = false
this.searchUserOption = this.searchUserOption.concat(res.data.data)
if (res.data && res.data.data && res.data.data.length < 20) {
this.noMore = true
}
})
},
// 删选过滤
remoteMethod(query) {
if (!query || !this.resulte) {
query = ''
this.resulte = ''
}
this.searchUserOption = []
this.pageInfo.page = 1
this.loading = true
this.noMore = false
this.requestAccountList()
}
}
}
</script>
<style lang="scss" scoped>
.selectItem{
height: 50px;
}
.infoSpan{
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
max-width: 250px;
height: 50px;
p{
font-size:12px;max-width:100%;
line-height: 20px;
}
span{
color:#FFA81D;
}
}
.tableImage{
width:30px;height:30px;
border-radius: 30px;
margin-right: 10px;
}
</style>
\ No newline at end of file
src/views/userInfo/components/roleInfo/approval.vue → src/views/components/roleInfo/approval.vue
......@@ -237,7 +237,7 @@
import { searchcondition, appealList, appealCancel, appealProcess } from '@/api/game'
import { mapState, mapMutations } from 'vuex'
import { removeDp, formatNumber } from '@/utils/index'
import resubmitApproval from './appeal.vue'
import resubmitApproval from './layer/appeal.vue'
// 导入审批状态图标
import shenpi1 from '@/assets/icon/shenpi1.svg'
import shenpi2 from '@/assets/icon/shenpi2.svg'
......@@ -301,7 +301,7 @@ import { debounce } from '@/utils'
}
},
mounted() {
this.reportForm.create_time_start = this.$moment().subtract(1, 'months').format('YYYY-MM-DD HH:mm:ss')
this.reportForm.create_time_start = this.$moment().subtract(3, 'months').format('YYYY-MM-DD HH:mm:ss')
this.reportForm.create_time_end = this.$moment().endOf('day').format('YYYY-MM-DD HH:mm:ss')
this.requstApprovalList()
this.request_register_type()
......@@ -317,7 +317,7 @@ import { debounce } from '@/utils'
role_name: '',
register_type: 1,
approval_status: '',
create_time_start: this.$moment().subtract(1, 'months').format('YYYY-MM-DD HH:mm:ss') ,
create_time_start: this.$moment().subtract(3, 'months').format('YYYY-MM-DD HH:mm:ss') ,
create_time_end: this.$moment().endOf('day').format('YYYY-MM-DD HH:mm:ss')
}
},
......
src/views/components/roleInfo/layer/approvalTask.vue 0 → 100644
<template>
<el-drawer :lock-scroll="true"
title="举报申请"
:visible="show"
size="400px"
:append-to-body="true"
@close="close"
>
<div class="drawer-content-main">
<div class="drawer-content">
<el-form
ref="reportForm"
:model="reportForm"
:rules="reportRules"
label-position="top"
class="reportForm"
label-width="80px"
>
<el-form-item
label="主游戏"
prop="main_game_id"
>
<mainGameSelect
label=""
:default-value="reportForm.main_game_id"
style="width: 100%"
width="100%"
disabled
@result="mainGameResult"
/>
</el-form-item>
<el-form-item
label="被举报人CP角色ID"
prop="cp_role_id"
>
<el-input
v-model="reportForm.cp_role_id"
style=" width: 100%"
placeholder="请输入被举报人"
@change="change_cp_role_id"
></el-input>
</el-form-item>
<el-form-item
label="被举报人角色名"
prop="role_name"
>
<el-input
v-model="reportForm.role_name"
style="width:100%;"
placeholder="输入CP角色ID后自动获取"
disabled
></el-input>
</el-form-item>
<el-form-item
label="被举报人区服"
prop="server_name"
>
<el-input
v-model="reportForm.server_name"
placeholder="输入CP角色ID后自动获取"
style="width:100%;"
disabled
></el-input>
</el-form-item>
<!-- 举报人 -->
<el-form-item
label="举报人CP角色ID"
prop="report_cp_role_id"
>
<el-input
v-model="reportForm.report_cp_role_id"
style="width: 100%"
placeholder="请输入举报人"
@change="change_report_role_id"
></el-input>
</el-form-item>
<el-form-item
label="举报人角色名"
prop="report_role_name"
>
<el-input
v-model="reportForm.report_role_name"
style="width: 100%"
placeholder="输入CP角色ID后自动获取"
disabled
></el-input>
</el-form-item>
<el-form-item
label="举报人区服"
prop="report_server_name"
>
<el-input
v-model="reportForm.report_server_name"
placeholder="输入CP角色ID后自动获取"
style="width: 100%"
disabled
></el-input>
</el-form-item>
<el-form-item
label="违规操作"
prop="violation_type"
>
<el-select
v-model="reportForm.violation_type"
style="width: 100%"
clearable
placeholder="请选择"
>
<el-option
v-for="item in violation_type_list"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item
label="详情"
prop="remark"
>
<textEditor
:remark.sync="reportForm.remark"
domid="report_content"
style="width: 100%;"
:contenteditable="true"
@resultReamrk="resultReamrk"
/>
</el-form-item>
<!-- 客服备注只有审批的时候才有客服备注 -->
<el-form-item
label="客服补充"
prop="remark"
>
<textEditor
:remark.sync="supplementary"
domid="report_content_approval"
style="width: 100%; margin-bottom: 60px"
:contenteditable="true"
/>
</el-form-item>
</el-form>
</div>
<span class="dialog-footer rowFlex">
<el-button
class="btn"
type="primary"
:loading="loading"
@click="submit"
>确定</el-button>
<el-button
class="btn"
@click="close"
>取消</el-button>
</span>
<span class="dialog-footer rowFlex">
<el-button
class="btn"
type="primary"
:loading="loading"
@click="bySuccess(1)"
>通过</el-button>
<el-button
class="btn"
@click="bySuccess(2)"
>驳回</el-button>
<el-button
class="btn"
@click="close"
>取消</el-button>
</span>
</div>
</el-drawer>
</template>
<script type="text/javascript">
import mainGameSelect from "@/components/mainGame.vue";
import textEditor from "@/components/textEditor.vue";
import { searchcondition, reportAdd, report_request_approval } from "@/api/game";
import { mapState } from "vuex";
import inputTags from "@/components/inputTags/index.vue";
export default {
components: {
mainGameSelect,
textEditor,
inputTags,
},
computed: {
...mapState("game", ["accountSelect"]),
...mapState("user", ["userInfo"]),
},
props: {
show: {
type: Boolean,
default: false,
},
reportInfo: {
type: Object,
default: () => {
return {};
},
},
},
data() {
return {
reportRules: {
main_game_id: [
{ required: true, message: "请选择主游戏", trigger: "change" },
],
cp_role_id: [
{
required: true,
message: "请选择被举报人cp角色id",
trigger: "change",
},
],
role_id: [
{ required: true, message: "请选择角色名", trigger: "change" },
],
server_name: [
{ required: true, message: "请选择区服", trigger: "change" },
],
violation_type: [
{ required: true, message: "请选择违规操作", trigger: "change" },
],
remark: [{ required: true, message: "请填写详情", trigger: "change" }],
},
reportForm: {
main_game_id: "",
cp_role_id: '',
role_id: '',
role_name: '',
server_name: '',
violation_type: "",
report_cp_role_id: "",
report_role_id: "",
report_role_name: "",
report_server_name: "",
remark: "",
},
violation_type_list: [
{
label: "减轻处罚",
value: 1,
},
{
label: "解除禁言",
value: 2,
},
{
label: "解除封禁",
value: 3,
},
],
loading: false,
cp_role_id_loading: false,
serverNameList: [],
searchUserOption: [],
supplementary: '',
};
},
watch: {
show(newVal, oldVal) {
if (newVal) {
console.log("显示弹窗");
}
},
},
mounted() {
this.searchcondition();
if (this.reportInfo && this.reportInfo.id) {
const {
main_game_id = 1,
cp_role_id = '',
role_id = '',
role_name = '',
server_name = '',
violation_type = "",
report_cp_role_id = "",
report_role_id = "",
report_role_name = "",
report_server_name = "",
remark = "",
} = this.reportInfo;
this.reportForm = {
main_game_id: Number(main_game_id),
cp_role_id: cp_role_id,
role_id: role_id,
role_name: role_name,
server_name: server_name,
violation_type: Number(violation_type),
report_cp_role_id,
report_role_id,
report_role_name,
report_server_name,
remark,
};
}
},
methods: {
// inputTag 返回的值
inputChange(value) {
this.reportForm.cp_role_id = value;
this.change_cp_role_id();
},
async change_cp_role_id() {
if (this.reportForm.cp_role_id == '') {
this.$message.warning("请输入被举报人角色 ID");
return
}
const res = await searchcondition({
type: "role",
cp_role_id: this.reportForm.cp_role_id,
main_game_id: this.reportForm.main_game_id,
});
if (res.status_code == 1 && res.data.data.length > 0) {
this.reportForm.role_id = res.data.data[0]
? res.data.data[0].value
: "";
this.reportForm.role_name = res.data.data[0]
? res.data.data[0].label
: "";
this.reportForm.server_name = res.data.data[0]
? res.data.data[0].server_name
: "";
} else {
this.$message.warning("角色信息不存在");
}
},
async change_report_role_id() {
if (
!!this.reportForm.report_cp_role_id &&
!!this.reportForm.main_game_id
) {
const res = await searchcondition({
type: "role",
cp_role_id: this.reportForm.report_cp_role_id,
main_game_id: this.reportForm.main_game_id,
});
if (res.status_code == 1 && res.data.data.length > 0) {
this.reportForm.report_role_id = res.data.data[0]
? res.data.data[0].value
: "";
this.reportForm.report_role_name = res.data.data[0]
? res.data.data[0].label
: "";
this.reportForm.report_server_name = res.data.data[0]
? res.data.data[0].server_name
: "";
} else {
this.$message.warning("角色信息不存在");
}
} else {
this.$message.warning("请先选择主游戏");
this.reportForm.cp_role_id = "";
}
},
searchcondition() {
const data = {
type: "dictionaries",
table_name: "zs_violation",
field_name: "violation_type",
};
searchcondition(data).then((res) => {
this.violation_type_list = res.data.data;
});
},
resultReamrk(text) {
// console.log(text, '最后编辑器的内容')
},
mainGameResult(data) {
this.reportForm.main_game_id = data;
this.reportForm.cp_role_id = '';
this.reportForm.role_id = '';
this.reportForm.role_name = '';
this.reportForm.server_name = '';
},
close() {
this.$emit("update:show", false);
},
async submit() {
if (this.reportForm.role_id === "") {
this.$message.error("请选择角色");
return;
}
if (this.reportForm.violation_type === "") {
this.$message.error("请选择违规操作");
return;
}
if (this.reportForm.remark === "") {
this.$message.error("请填写详情");
return;
}
this.loading = true;
const data = {
role_id: this.reportForm.role_id,
cp_role_id:this.reportForm.cp_role_id || 0,
report_role_id: this.reportForm.report_role_id || 0,
violation_type: this.reportForm.violation_type,
remark: this.reportForm.remark,
user_id: this.userInfo.id,
user_name: this.userInfo.username,
};
try {
const res = await reportAdd(data);
this.loading = false;
if (res.status_code === 1) {
this.$message.success("提交成功");
this.close();
if (this.reportInfo && this.reportInfo.id) {
this.$emit("updateReportList");
}
}
} catch (error) {
this.loading = false;
}
},
// 通过
async bySuccess(type) {
// type ：1 通过 2 驳回
this.loading = true;
const data = {
id: this.reportInfo.id,
approval_result: type,
cp_role_id:this.reportForm.cp_role_id || 0,
role_id: this.reportForm.role_id,
violation_type: this.reportForm.violation_type,
user_id: this.userInfo.id,
user_name: this.userInfo.username,
remark: this.supplementary,
role_id_type:'cp_role_id',
}
const res = await report_request_approval(data)
this.loading = false;
if (res.status_code === 1) {
this.$message.success("提交成功");
this.close();
if (this.reportInfo && this.reportInfo.id) {
this.$emit("updateReportList");
}
}
},
},
};
</script>
<style lang="scss" scoped>
// ::v-deep .el-drawer {
// height: 100%;
// }
.drawer-content-main {
width: 100%;
height: 100%;
overflow: auto;
}
.drawer-content {
width: 100%;
height: auto;
padding: 20px;
padding-top: 0;
}
.selectItem {
height: 50px;
}
.infoSpan {
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
max-width: 250px;
height: 50px;
p {
font-size: 12px;
max-width: 100%;
line-height: 20px;
}
span {
color: #ffa81d;
}
}
.tableImage {
width: 30px;
height: 30px;
border-radius: 30px;
margin-right: 10px;
}
.dialog-footer {
width: 100%;
height: auto;
position: absolute;
right: 0px;
bottom: 0px;
padding-right: 10px;
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
justify-content: flex-end;
background: #fff;
.btn {
width: 84px;
height: 32px;
}
}
</style>
\ No newline at end of file
src/views/components/roleInfo/layer/report.vue 0 → 100644
<template>
<el-drawer :lock-scroll="true"
title="举报申请"
:visible="show"
size="400px"
:append-to-body="true"
@close="close"
>
<div class="drawer-content-main">
<div class="drawer-content">
<el-form
ref="reportForm"
:model="reportForm"
:rules="reportRules"
label-position="top"
class="reportForm"
label-width="80px"
>
<el-form-item label="主游戏" prop="main_game_id">
<mainGameSelect
label=""
:default-value="reportForm.main_game_id"
style="width: 100%"
width="100%"
@result="mainGameResult"
/>
</el-form-item>
<el-form-item label="">
<el-radio-group v-model="reportForm.report_role_id_type">
<el-radio label="cp_role_id">CP角色ID</el-radio>
<el-radio label="role_id">掌游角色ID</el-radio>
</el-radio-group>
</el-form-item>
<!--被举报人 -->
<inputTags
:input-select-list.sync="reportForm.cp_role_id"
label-text="被举报人CP角色ID"
placeholder="请输入被举报人"
:disabled="reportForm.main_game_id === ''"
@inputChange="inputChange"
rule-prop="cp_role_id"
/>
<inputTags
:input-select-list.sync="reportForm.role_name"
label-text="被举报人角色名"
placeholder="输入CP角色ID后自动获取"
:disabled="true"
rule-prop="role_name"
/>
<inputTags
:input-select-list.sync="reportForm.server_name"
label-text="被举报人区服"
placeholder="输入CP角色ID后自动获取"
:disabled="true"
rule-prop="server_name"
/>
<!-- <el-form-item label="被举报人CP角色ID" prop="cp_role_id">
<el-input
v-model="reportForm.cp_role_id"
style=" width: 100%"
placeholder="请输入被举报人"
@change="change_cp_role_id"
></el-input>
</el-form-item>
<el-form-item
label="被举报人角色名"
prop="role_name"
>
<el-input
v-model="reportForm.role_name"
style="width:100%;"
placeholder="输入CP角色ID后自动获取"
disabled
></el-input>
</el-form-item>
<el-form-item
label="被举报人区服"
prop="server_name"
>
<el-input
v-model="reportForm.server_name"
placeholder="输入CP角色ID后自动获取"
style="width:100%;"
disabled
></el-input>
</el-form-item> -->
<el-form-item label="">
<el-radio-group v-model="reportForm.role_id_type">
<el-radio label="cp_role_id">CP角色ID</el-radio>
<el-radio label="role_id">掌游角色ID</el-radio>
</el-radio-group>
</el-form-item>
<!-- 举报人 -->
<el-form-item label="举报人CP角色ID" prop="report_cp_role_id">
<el-input
v-model="reportForm.report_cp_role_id"
style="width: 100%"
placeholder="请输入举报人"
@change="change_report_role_id"
></el-input>
</el-form-item>
<el-form-item label="举报人角色名" prop="report_role_name">
<el-input
v-model="reportForm.report_role_name"
style="width: 100%"
placeholder="输入CP角色ID后自动获取"
disabled
></el-input>
</el-form-item>
<el-form-item label="举报人区服" prop="report_server_name">
<el-input
v-model="reportForm.report_server_name"
placeholder="输入CP角色ID后自动获取"
style="width: 100%"
disabled
></el-input>
</el-form-item>
<el-form-item label="违规操作" prop="violation_type">
<el-select
v-model="reportForm.violation_type"
style="width: 100%"
clearable
placeholder="请选择"
>
<el-option
v-for="item in violation_type_list"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="详情" prop="remark">
<textEditor
:remark.sync="reportForm.remark"
domid="report_content"
style="width: 100%; margin-bottom: 60px"
:contenteditable="true"
@resultReamrk="resultReamrk"
/>
</el-form-item>
</el-form>
</div>
<span class="dialog-footer rowFlex">
<el-button class="btn" type="primary" :loading="loading" @click="submit"
>确 定</el-button
>
<el-button class="btn" @click="close">取 消</el-button>
</span>
</div>
</el-drawer>
</template>
<script type="text/javascript">
import mainGameSelect from "@/components/mainGame.vue";
import textEditor from "@/components/textEditor.vue";
import { searchcondition, reportAdd } from "@/api/game";
import { mapState } from "vuex";
import inputTags from "@/components/inputTags/index.vue";
export default {
components: {
mainGameSelect,
textEditor,
inputTags,
},
computed: {
...mapState("game", ["accountSelect"]),
...mapState("user", ["userInfo"]),
},
props: {
show: {
type: Boolean,
default: false,
},
reportInfo: {
type: Object,
default: () => {
return {};
},
},
},
data() {
return {
reportRules: {
main_game_id: [
{ required: true, message: "请选择主游戏", trigger: "change" },
],
cp_role_id: [
{
required: true,
message: "请选择被举报人cp角色id",
trigger: "change",
},
],
role_id: [
{ required: true, message: "请选择角色名", trigger: "change" },
],
server_name: [
{ required: true, message: "请选择区服", trigger: "change" },
],
violation_type: [
{ required: true, message: "请选择违规操作", trigger: "change" },
],
remark: [{ required: true, message: "请填写详情", trigger: "change" }],
},
reportForm: {
main_game_id: "",
report_role_id_type:'cp_role_id',
role_id_type:'cp_role_id',
cp_role_id: [],
role_id: [],
role_name: [],
server_name: [],
violation_type: "",
report_cp_role_id: "",
report_role_id: "",
report_role_name: "",
report_server_name: "",
remark: "",
},
violation_type_list: [
{
label: "减轻处罚",
value: 1,
},
{
label: "解除禁言",
value: 2,
},
{
label: "解除封禁",
value: 3,
},
],
loading: false,
cp_role_id_loading: false,
serverNameList: [],
searchUserOption: [],
};
},
watch: {
show(newVal, oldVal) {
if (newVal) {
console.log("显示弹窗");
}
},
},
mounted() {
this.searchcondition();
if (this.reportInfo && this.reportInfo.id) {
const {
main_game_id = 1,
cp_role_id = [],
report_role_id_type = '',
role_id_type = '',
role_id = [],
role_name = [],
server_name = [],
violation_type = "",
report_cp_role_id = "",
report_role_id = "",
report_role_name = "",
report_server_name = "",
remark = "",
} = this.reportInfo;
this.reportForm = {
main_game_id: Number(main_game_id),
cp_role_id: Array.isArray(cp_role_id) ? cp_role_id :cp_role_id !=''? [cp_role_id]:[],
role_id: Array.isArray(role_id) ? role_id :role_id!==''? [role_id]:[],
role_name: Array.isArray(role_name) ? role_name :role_name!==''? [role_name]:[],
server_name: Array.isArray(server_name) ? server_name :server_name!==''? [server_name]:[],
violation_type: Number(violation_type),
report_cp_role_id,
report_role_id_type,
role_id_type,
report_role_id,
report_role_name,
report_server_name,
remark,
};
}
},
methods: {
// inputTag 返回的值
inputChange(value) {
this.reportForm.cp_role_id = value;
this.change_cp_role_id();
},
async change_cp_role_id() {
if (this.reportForm.main_game_id == "") {
this.$message.warning("请先选择主游戏");
return;
}
if (this.reportForm.cp_role_id.length == 0) {
this.$message.warning("请按回车键确定CP角色ID");
return;
}
this.cp_role_id_loading = true;
this.$message.warning("查询中，请稍等");
const res = await searchcondition({
type: "role",
cp_role_id: this.reportForm.cp_role_id,
main_game_id: this.reportForm.main_game_id,
});
this.cp_role_id_loading = false;
if (res.status_code == 1 && res.data.data.length > 0) {
this.reportForm.role_id = res.data.data.map((item) => item.value);
this.reportForm.role_name = res.data.data.map((item) => item.label);
this.reportForm.server_name = res.data.data.map(
(item) => item.server_name
);
} else {
this.$message.warning("角色信息不存在");
}
},
async change_report_role_id() {
if (
!!this.reportForm.report_cp_role_id &&
!!this.reportForm.main_game_id
) {
const res = await searchcondition({
type: "role",
cp_role_id: this.reportForm.report_cp_role_id,
main_game_id: this.reportForm.main_game_id,
});
if (res.status_code == 1 && res.data.data.length > 0) {
this.reportForm.report_role_id = res.data.data[0]
? res.data.data[0].value
: "";
this.reportForm.report_role_name = res.data.data[0]
? res.data.data[0].label
: "";
this.reportForm.report_server_name = res.data.data[0]
? res.data.data[0].server_name
: "";
} else {
this.$message.warning("角色信息不存在");
}
} else {
this.$message.warning("请先选择主游戏");
this.reportForm.cp_role_id = "";
}
},
searchcondition() {
const data = {
type: "dictionaries",
table_name: "zs_violation",
field_name: "violation_type",
};
searchcondition(data).then((res) => {
this.violation_type_list = res.data.data;
});
},
resultReamrk(text) {
// console.log(text, '最后编辑器的内容')
},
mainGameResult(data) {
this.reportForm.main_game_id = data;
this.reportForm.cp_role_id = [];
this.reportForm.role_id = [];
this.reportForm.role_name = [];
this.reportForm.server_name = [];
},
close() {
this.$emit("update:show", false);
},
async submit() {
if (this.reportForm.role_id === "") {
this.$message.error("请选择角色");
return;
}
if (this.reportForm.violation_type === "") {
this.$message.error("请选择违规操作");
return;
}
if (this.reportForm.remark === "") {
this.$message.error("请填写详情");
return;
}
this.loading = true;
const data = {
main_game_id:this.reportForm.main_game_id,
role_id: this.reportForm.role_id,
cp_role_id: this.reportForm.cp_role_id,
report_cp_role_id: this.reportForm.report_cp_role_id,
role_id_type: this.reportForm.role_id_type,
report_role_id_type: this.reportForm.report_role_id_type,
report_role_id: this.reportForm.report_role_id || 0,
violation_type: this.reportForm.violation_type,
remark: this.reportForm.remark,
user_id: this.userInfo.id,
user_name: this.userInfo.username,
};
setTimeout(() => {
this.loading = false;
}, 2000);
try {
const res = await reportAdd(data);
this.loading = false;
if (res.status_code === 1) {
this.$message.success("提交成功");
this.close();
if (this.reportInfo && this.reportInfo.id) {
this.$emit("updateReportList");
}
}
} catch (error) {
this.loading = false;
}
},
},
};
</script>
<style lang="scss" scoped>
// ::v-deep .el-drawer {
// height: 100%;
// }
.drawer-content-main {
width: 100%;
height: 100%;
overflow: auto;
}
.drawer-content {
width: 100%;
height: auto;
padding: 20px;
padding-top: 0;
}
.selectItem {
height: 50px;
}
.infoSpan {
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
max-width: 250px;
height: 50px;
p {
font-size: 12px;
max-width: 100%;
line-height: 20px;
}
span {
color: #ffa81d;
}
}
.tableImage {
width: 30px;
height: 30px;
border-radius: 30px;
margin-right: 10px;
}
.dialog-footer {
width: 100%;
height: auto;
position: absolute;
right: 0px;
bottom: 0px;
padding-right: 10px;
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
justify-content: flex-end;
background: #fff;
.btn {
width: 84px;
height: 32px;
}
}
</style>
\ No newline at end of file
src/views/userInfo/components/roleInfo/report.vue → src/views/components/roleInfo/report.vue
......@@ -18,7 +18,6 @@
</el-input>
</el-form-item>
<el-form-item label="审批状态">
<el-select
v-model="reportForm.approval_status"
style="width:95%;"
......@@ -273,8 +272,8 @@
import { searchcondition, reportIndex, reportCancel, reportProcess } from '@/api/game'
import { mapState, mapMutations } from 'vuex'
import { removeDp, formatNumber } from '@/utils/index'
import resubmitReport from '../layer/report.vue'
import approvalTask from '../layer/approvalTask.vue'
import resubmitReport from './layer/report.vue'
import approvalTask from './layer/approvalTask.vue'
// 导入审批状态图标
import shenpi1 from '@/assets/icon/shenpi1.svg'
import shenpi2 from '@/assets/icon/shenpi2.svg'
......
src/views/userInfo/components/roleInfo/userInfo.vue → src/views/components/roleInfo/roleInfo.vue
......@@ -119,7 +119,7 @@
import { mapState, mapMutations, mapActions } from 'vuex'
import { getRoleHoLo } from '@/api/game'
import noContent from '@/components/noContent.vue'
import appeal from './appeal.vue'
import appeal from './layer/appeal.vue'
import watchMember from '@/mixins/watchMember'
export default {
components: {
......
src/views/components/skill/skillCompany.vue
......@@ -311,7 +311,6 @@ export default {
width: vw(444);
height: 100%;
background: #fff;
margin-left: 2px;
.detailsTitle {
width: 100%;
padding: 0 vw(20);
......
src/views/components/skill/skillPersonal.vue
......@@ -305,7 +305,6 @@ export default {
width: vw(444);
height: 100%;
background: #fff;
margin-left: 2px;
.detailsTitle {
width: 100%;
padding: 0 vw(20);
......
src/views/orderList.vue 0 → 100644
<template>
<div class="order-info-list columnFlex">
<div class="content">
<div class="tabSelect rowFlex">
<div v-for="(item, index) in orderTypeList" :key="index" class="rowFlex allCenter flex1">
<span class="tabSelectItem" :class="activeType == item.type ? 'tabSelectItemActive' : ''" @click="handleClick(item)"> {{ item.label }}</span>
</div>
</div>
<!-- 订单的一些信息 -->
<div v-show="activeType!==3">
<div class="orderMoney rowFlex flexWarp">
<div class="orderMoneyItem rowFlex columnCenter" style="margin-right:20px;">
<span>总支付金额：</span>
<p>¥{{ orderInfo.total_amount }}</p>
</div>
<div class="orderMoneyItem rowFlex columnCenter" style="margin-right:20px;">
<span>实际充值金额:</span>
<p>¥{{ orderInfo.total_real_amount || 0 }}</p>
</div>
<div class="orderMoneyItem rowFlex columnCenter" style="margin-right:20px;">
<span>退款金额：</span>
<p>¥{{ orderInfo.total_refund_amount || 0 }}</p>
</div>
<div class="orderMoneyItem rowFlex columnCenter">
<span>订单总数：</span>
<p>{{ orderInfo.total }}</p>
</div>
<!-- 王鑫说先隐藏 -->
<div v-if="false" class="orderMoneyItem rowFlex columnCenter">
<span>今天支付金额：</span>
<p>¥{{ totalOrder.total }}</p>
</div>
<div v-if="false" class="orderMoneyItem rowFlex columnCenter">
<span>订单数：</span>
<p>{{ totalOrder.num }}</p>
</div>
</div>
<div class="filterList">
<div>
订单号:
<el-input v-model="inputValue" placeholder="请输入订单号/交易单号" class="filterListInput" prefix-icon="el-icon-search" style="margin-left: 13px; width: 70%" clearable @change="searchInput"></el-input>
</div>
<div>
支付方式:
<el-select v-model="pay_type" collapse-tags multiple clearable placeholder="请选择支付方式" style="width: 70%; margin-bottom: 10px" @change="payTypeResult">
<el-option v-for="item in payList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select>
</div>
<div>
下单时间:
<el-date-picker v-model="searchDate" type="daterange" style="width: 70%" value-format="yyyy-MM-dd" range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期" @change="dateResult"> </el-date-picker>
</div>
<div class="rowFlex columnCenter" style="margin-top: 10px">
角色名称:
<searchSelect style="margin-left: 4px; width: 70%" placeholder="请输入角色名称" @result="selectResult" />
</div>
</div>
</div>
<!-- 退款记录的搜做 -->
<div v-if="activeType==3" class="refundLog">
<refundLog :active-type="activeType" />
</div>
<!-- 订单列表 -->
<div v-show="activeType!==3" v-infinite-scroll="requestOrderList" v-loading="loading" :infinite-scroll-disabled="!isloadMore" class="orderDetailsScroll">
<div v-if="orderList.length > 0">
<div v-for="(item, index) in orderList" :key="index" class="orderDetails">
<div class="bridgeMain">
<p class="text">{{ item.pay_type_text }}</p>
<img :src="sanjiaoxing" class="bridge" />
</div>
<div class="orderDetailsTitle">
<!-- || item.pay_type=='抖音支付'去掉抖音支付补单操作 -->
<div class="money rowFlex spaceBetween">
<p class="text">订单金额：{{ item.amount }}</p>
<div class="btns">
<span class="btn" :class="[item.status == '已支付' ? 'btnsuccess' : '', item.status == '待支付' ? 'btnnot' : '']">{{ item.status }}</span>
<span v-if="item.status == '待支付' && (item.pay_type == '米大师支付' || item.pay_type === '应用宝米大师支付') && !item.is_request" class="btn btnsuccess" @click="completionOrder(1, item.order_id,item)">补单</span>
<span v-if="item.callback_status.indexOf('失败') != -1 && !item.is_request" class="btn" @click="completionOrder(2, item.order_id,item)">补回调</span>
<span v-if="!item.is_request" class="btn btnRefund" @click="refundMoney(item)">退款申请</span>
</div>
</div>
<p class="text">下单时间：{{ item.order_time }}</p>
</div>
<div class="orderDetailsList">
<el-collapse v-model="collapseValue" @change="handleChange">
<el-collapse-item :name="item.order_id">
<template slot="title">
<p>订单号:{{ item.order_id }}</p>
<!-- <el-popover placement="top" trigger="hover" :content="item.order_id">
<el-button slot="reference" type="text" @click.stop="">复制</el-button>
</el-popover> -->
</template>
<div class="item rowFlex columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">交易单号:</span>
<p class="text">{{ item.trad_no }}</p>
</div>
</div>
<div class="item rowFlex columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">订单号:</span>
<p class="text">{{ item.order_id }}</p>
</div>
</div>
<div class="item rowFlex columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">游戏名称:</span>
<p class="text">{{ item.game_name }}</p>
</div>
</div>
<div class="item rowFlex columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">区服:</span>
<p class="text">{{ item.server_name }}</p>
</div>
</div>
<div class="item rowFlex columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">角色名:</span>
<p class="text">{{ item.role_name }}</p>
</div>
</div>
<div class="item rowFlex columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">商品名称:</span>
<p class="text">{{ item.product_name || '' }}</p>
</div>
</div>
<div class="item rowFlex columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">支付方式:</span>
<p class="text">{{ item.pay_type }}</p>
</div>
</div>
<div class="item rowFlex columnCenter spaceBetween">
<div class="rowFlex columnCenter">
<span class="label">回调状态:</span>
<p v-if="item.callback_status == 1" class="text"><span class="dian2"></span>待回调</p>
<p v-if="item.callback_status == 2" class="text"><span class="dian"></span>回调成功</p>
<p v-if="item.callback_status == 3" class="text"><span class="dianFail"></span>通知CP方回调失败</p>
</div>
</div>
</el-collapse-item>
</el-collapse>
</div>
</div>
</div>
<div v-else-if="!loading && orderList.length == 0" class="noContent rowFlex allCenter">
<noContent/>
</div>
</div>
</div>
<!-- 退款订单的申请 -->
<orderRefund :show.sync="showRefund" title="退款申请" :info="refundInfo" />
</div>
</template>
<script>
import { orderList, memberView, completionOrder, selectSearch, todayOrder } from '@/api/game'
import { mapMutations, mapActions, mapState } from 'vuex'
import selectDate from '@/components/selectDate.vue'
import selece from '@/components/select.vue'
import searchSelect from './components/order/searchUser.vue'
import orderRefund from './components/order/orderRefund.vue'
import refundLog from './components/order/refundLog.vue'
import { throttle } from '@/utils'
import sanjiaoxing from '@/assets/icon/sanjiaoxing.svg'
import noContent from '@/components/noContent.vue'
export default {
components: {
selectDate,
searchSelect,
refundLog,
orderRefund,
selece,
noContent
},
data() {
return {
sanjiaoxing,
loading: false,
activeType: 2,
dateDetailsValue: [],
isloadMore: true,
collapseValue: ['1'],
orderTypeList: [
{ label: '全部订单', type: '' },
{ label: '已支付', type: 2 },
{ label: '未支付', type: 1 },
{ label: '退款记录', type: 3 }
],
orderList: [],
payList: [],
pay_type: '',
inputValue: '',
role_id: [],
orderInfo: {
total: 0,
total_amount: 0
},
totalOrder: {
total: '',
num: ''
},
timerData: {
order_time_start: '',
order_time_end: ''
},
searchDate: [],
gameUserInfo: {
recharge_total: 0,
today_amount: 0
},
pageInfo: {
page: 0,
page_size: 20,
total: 0
},
refundInfo: {},
showRefund: false
}
},
computed: {
...mapState('game', ['accountSelect']),
...mapState('user', ['userInfo'])
},
watch: {
accountSelect(newVal, oldVal) {
if (newVal && newVal !== '' && this.activeType !== 3) {
this.pageInfo = {
page: 0,
page_size: 20,
total: 0
}
this.isloadMore = true
this.orderList = []
this.requestOrderList()
// this.gameMemberView()
}
}
},
mounted() {
// this.requestOrderList()
// this.gameMemberView()
this.payTypeList()
this.searchDate = [this.$moment().subtract(3, 'month').format('YYYY-MM-DD'), this.$moment().format('YYYY-MM-DD')]
this.timerData.order_time_start = this.$moment().subtract(3, 'month').format('YYYY-MM-DD')
this.timerData.order_time_end = this.$moment().format('YYYY-MM-DD')
},
methods: {
// appid: "wx7810f536467dc161"
// corp_id: "wweaefe716636df3d1"
// external_userid: "wm5rUgMgAAG_vfF4AHClsrS1S6MImVsQ"
// nickname: "梦幻人生"
// openid: "oaQgjwNOyRoIovGPqeaRrlIHf0o4"
// rawid: "gh_3d7ee11ff839"
// userid: "JinDuoXia"
// _id: "62d67c666af63a4054328a12"
// loadMore() {
// this.pageInfo.page++
// this.requestOrderList()
// },
selectResult(value) {
this.pageInfo = {
page: 0,
page_size: 20,
total: 0
}
this.isloadMore = true
this.orderList = []
value !== '' ? (this.role_id = [value]) : (this.role_id = [])
this.requestOrderList()
},
payTypeList() {
const data = {
type: 'pay_type',
value: ''
}
selectSearch(data).then((res) => {
if (res.data.data) {
this.payList = res.data.data
}
})
},
searchInput() {
this.pageInfo = {
page: 0,
page_size: 20,
total: 0
}
this.isloadMore = true
this.orderList = []
this.requestOrderList()
},
payTypeResult(data) {
this.pageInfo = {
page: 0,
page_size: 20,
total: 0
}
this.isloadMore = true
this.orderList = []
this.requestOrderList()
// this.gameMemberView()
},
dateResult(data) {
if (data) {
this.timerData.order_time_start = data[0]
this.timerData.order_time_end = data[1]
} else {
this.timerData.order_time_start = ''
this.timerData.order_time_end = ''
}
this.pageInfo = {
page: 0,
page_size: 20,
total: 0
}
this.isloadMore = true
this.orderList = []
this.requestOrderList()
// this.gameMemberView()
},
refundMoney(item) {
this.refundInfo = { ...item, ...this.userInfo }
this.showRefund = true
},
completionOrder(type, id, item) {
if (item.is_request) {
this.$message.warning('该订单有在进行中的退款申请，请点击下方退款记录查看')
return
}
// type: 1 补单 2 补回调
const data = {
type: type,
order_id: id,
user_name: this.userInfo.username
}
completionOrder(data).then((res) => {
if (res.status_code == 1) {
this.$message.success(res.msg)
setTimeout(() => {
this.requestOrderList()
}, 2000)
}
})
},
// gameMemberView(item) {
// if (this.accountSelect == '') {
// this.$message.warning('暂无关联的账号，请先去关联账号!')
// return false
// }
// const data = { member_id: this.accountSelect, status: this.activeType, ...this.timerData }
// memberView(data).then((res) => {
// if (res.status_code == 1) {
// this.gameUserInfo = res.data
// }
// })
// },
handleClick(item) {
this.activeType = item.type
if (this.activeType !== 3) {
this.isloadMore = true
this.pageInfo = {
page: 0,
page_size: 20,
total: 0
}
this.orderList = []
this.requestOrderList()
}
},
handleChange(val) {
console.log(val)
},
requestTodayMoney(data) {
todayOrder(data).then((res) => {
this.totalOrder = res.data
})
},
requestOrderList: throttle(function() {
console.log(12313, '开始展示', this)
if (this.accountSelect == '') {
this.$message.warning('暂无关联的账号，请先去关联账号!')
return false
}
if (!this.isloadMore) {
console.log('没有更多数据了')
return false
}
this.loading = true
this.pageInfo.page += 1
const data = {
status: this.activeType,
pay_type: this.pay_type ? this.pay_type.join(',') : '',
member_id: this.accountSelect,
role_id: this.role_id,
order_id: this.inputValue,
order: 'desc',
field: 'order_time',
...this.timerData,
...this.pageInfo
}
this.requestTodayMoney({ member_id: data.member_id, status: data.status })
orderList(data).then(
(res) => {
this.loading = false
if (res.data.data && res.data.data.length < 20) {
this.isloadMore = false
}
res.data.data.map((item, index) => {
item.pay_type_text = item.pay_type.substring(0, item.pay_type.length - 2)
})
this.orderList = this.orderList.concat(res.data.data)
if (res.data.page_info) {
this.orderInfo = res.data.page_info
}
if (res.status_code == 1) {
this.$message.success(res.msg)
}
},
(err) => {
this.loading = false
}
)
}, 1000)
}
}
</script>
<style lang="scss" scoped>
.order-info-list {
width: 100%;
height: 100%;
background: #fff;
position: relative;
overflow: hidden;
.refundLog{
width: 100%;
height: 100%;
}
.detailsTitle {
width: 100%;
padding: 0 vw(20);
height: 60px;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
border-bottom: 1px solid #ebeef5;
border-left: 1px solid #ebeef5;
p {
color: #333333;
}
}
.content {
width: 100%;
height: 100%;
.tabSelect {
width: 100%;
height: 60px;
border-bottom: 1px solid #ebeef5;
cursor: pointer;
.tabSelectItem {
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
padding-top: 10px;
cursor: pointer;
line-height: 40px;
}
.tabSelectItemActive {
color: #00bf8a;
border-bottom: 2px solid #00bf8a;
}
}
.contentItem {
position: relative;
.title {
position: absolute;
left: 10px;
top: 14px;
font-size: 14px;
color: #999999;
}
}
.item {
width: 100%;
height: auto;
font-size: 14px;
font-weight: 400;
color: #333333;
padding: 6px 0;
transition: all 0.5s;
position: relative;
padding-left: 10px;
cursor: pointer;
div {
width: 100%;
}
.tableImage {
width: 40px;
height: 40px;
border-radius: 6px;
margin-right: vw(10);
}
.label {
color: #999999;
min-width: 60px;
}
.text {
color: #333333;
margin-left: 10px;
word-break: break-all;
}
.icon {
display: none;
position: absolute;
right: 0;
top: 12px;
}
.dianFail {
display: inline-block;
width: 8px;
height: 8px;
background: #f45454;
border-radius: 5px;
}
.dian {
display: inline-block;
width: 8px;
height: 8px;
background: #00bf8a;
border-radius: 5px;
}
.dian2 {
display: inline-block;
width: 8px;
height: 8px;
background: #ff9d02;
border-radius: 5px;
}
}
.orderMoney {
width: calc(100%);
// margin-left: -20px;
padding: 10px 0;
.orderMoneyItem {
text-align: center;
margin-top: 12px;
span {
font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
}
p {
font-size: 22px;
color: #00bf8a;
}
}
}
.filterList {
margin-bottom: 10px;
.filterListInput {
width: 60%;
margin-left: 15px;
margin-bottom: 10px;
}
.filterListDate {
width: 150px;
margin-bottom: 10px;
}
::v-deep .search-item .item-label {
margin-right: 20px;
}
}
.orderDetailsScroll {
width: 100%;
height: calc(100% - 320px);
overflow: auto;
overflow-x: hidden;
}
.orderDetails {
width: 100%;
height: auto;
margin-bottom: 20px;
position: relative;
.bridgeMain {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 50px;
.text {
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #ff9d02;
transform: rotate(48deg);
z-index: 100;
position: absolute;
right: -8px;
top: 10px;
width: 50px;
text-align: center;
}
.bridge {
font-size: 50px;
position: absolute;
top: 0;
right: 0;
}
}
.orderDetailsTitle {
width: 100%;
height: 70px;
background: #f9faff;
padding: 10px;
.money {
width: 100%;
height: auto;
margin-bottom: 12px;
margin-top: 4px;
.btns {
padding-right: 10px;
}
.btn {
background: #fff;
border-radius: 4px;
padding: 2px 5px;
margin-left: 5px;
font-size: 12px;
border: 1px solid rgba(0, 0, 0, 0.15);
color: #333333;
cursor: pointer;
}
.btnnot {
background: #ffdddd;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #f56c6c;
border: none;
}
.btnsuccess {
background: #e1fff0;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #00bf8a;
border: none;
}
.btnRefund{
background: #fff;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #00A6F0;
border-color:#00A6F0;
}
}
.text {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
}
}
.orderDetailsList {
width: 100%;
height: auto;
background: #ffffff;
border: 1px solid #ebeef5;
padding: 5px 0;
position: relative;
.titleFix {
position: absolute;
left: 10px;
top: 20px;
color: #999999;
}
}
}
}
::v-deep .el-tabs__item {
line-height: 26px;
font-size: 16px;
font-weight: 500;
}
::v-deep .el-collapse {
border: none;
}
::v-deep .el-collapse-item__header {
border: none;
}
::v-deep .el-collapse-item__header {
width: 100%;
height: 44px;
color: #333333;
padding-left: 10px;
font-size: 14px;
font-weight: 400;
/* 单行显示省略号 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
::v-deep .el-collapse-item__wrap {
border: none;
}
}
</style>
\ No newline at end of file
src/views/userInfo/components/RoleInfo.vue → src/views/roleInfo.vue
<template>
<div class="roleTab">
<el-radio-group v-model="roleActive" >
<el-radio-button border label="role">角色信息</el-radio-button>
<el-radio-button border label="approval">申诉记录</el-radio-button>
</el-radio-group>
<userInfo v-if="roleActive==='role'" />
<approval v-else-if="roleActive==='approval'" />
<el-tabs v-model="roleActive">
<el-tab-pane label="角色信息" name="roleInfo">
<roleInfo v-if="roleActive === 'roleInfo'" :chatUserDetails="chatUserInfo" />
</el-tab-pane>
<el-tab-pane label="举报信息" name="report">
<report v-if="roleActive === 'report'" />
</el-tab-pane>
<el-tab-pane label="违规记录" name="approval">
<approval v-if="roleActive === 'approval'" />
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import userInfo from './roleInfo/userInfo.vue'
// import report from './roleInfo/report.vue'
import approval from './roleInfo/approval.vue'
import roleInfo from './components/roleInfo/roleInfo.vue'
import report from './components/roleInfo/report.vue'
import approval from './components/roleInfo/approval.vue'
import { mapState } from 'vuex'
export default {
components: {
userInfo,
roleInfo,
approval,
// report
report
},
computed: {
...mapState('game', ['chatUserInfo'])
},
props: {
// report_is_send: {
......@@ -29,7 +36,7 @@ export default {
},
data() {
return {
roleActive: 'role'
roleActive: 'roleInfo'
}
},
......@@ -41,10 +48,9 @@ export default {
}
</script>
<style lang="scss" scoped>
.roleTab{
.roleTab {
width: 100%;
height: 100%;
background: #fff;
}
</style>
\ No newline at end of file
src/views/userInfo/userInfo.vue
......@@ -5,27 +5,27 @@
<el-tab-pane label="客户资料" name="userInfo">
<Info v-if="activeTab === 'userInfo'" :chatUserDetails="chatUserInfo"/>
</el-tab-pane>
<el-tab-pane label="角色信息" name="roleInfo">
<!-- <el-tab-pane label="角色信息" name="roleInfo">
<RoleInfo v-if="activeTab === 'roleInfo'"/>
</el-tab-pane>
<el-tab-pane label="违规记录" name="violationRecord">
</el-tab-pane> -->
<!-- <el-tab-pane label="违规记录" name="violationRecord">
<ViolationRecord v-if="activeTab === 'violationRecord'"/>
</el-tab-pane>
</el-tab-pane> -->
</el-tabs>
</div>
</template>
<script>
import Info from './components/Info.vue'
import RoleInfo from './components/RoleInfo.vue'
import ViolationRecord from './components/ViolationRecord.vue'
// import RoleInfo from './components/RoleInfo.vue'
// import ViolationRecord from '../ViolationRecord.vue'
import { mapState,mapMutations } from 'vuex'
import Cookies from 'js-cookie'
export default {
name: 'UserInfo',
components:{
Info,
RoleInfo,
ViolationRecord
// RoleInfo,
// ViolationRecord
},
mounted() {
},
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论