Skip to content

C
confucius
Commit 9c40f3a0 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 1462068e
Hide whitespace changes
Inline Side-by-side
Showing with 220 additions and 243 deletions
src/components/sale/peerInfo/withdraw.vue
View file @ 9c40f3a0
<template> <template>
<div class="withdraw"> <div class="withdraw">
<q-table <q-table :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table " separator="none"
:loading="loading" :data="dataList" :columns="columns" row-key="name">
no-data-label="暂无相关数据"
flat
class="sticky-column-table "
separator="none"
:data="dataList"
:columns="columns"
row-key="name"
>
<template v-slot:body-cell-CustomerName="props"> <template v-slot:body-cell-CustomerName="props">
<q-td :props="props"> <q-td :props="props">
<q-avatar rounded size="sm" v-if="props.row.CustomerImage"> <q-avatar rounded size="sm" v-if="props.row.CustomerImage">
<img :src="props.row.CustomerImage" /> <img :src="props.row.CustomerImage" />
</q-avatar> </q-avatar>
<q-avatar <q-avatar rounded size="sm" color="teal-10" text-color="white" v-if="!props.row.CustomerImage">
rounded {{ props.row.CustomerName.substring(0, 1) }}</q-avatar>
size="sm"
color="teal-10"
text-color="white"
v-if="!props.row.CustomerImage"
>{{ props.row.CustomerName.substring(0, 1) }}</q-avatar
>
{{ props.row.CustomerName }} {{ props.row.CustomerName }}
</q-td> </q-td>
</template> </template>
...@@ -75,257 +61,248 @@ ...@@ -75,257 +61,248 @@
</template> </template>
<template v-slot:body-cell-optioned="props"> <template v-slot:body-cell-optioned="props">
<q-td :props="props" style="width:100px;"> <q-td :props="props" style="width:100px;">
<q-btn <q-btn v-if="props.row.AuditStatus == 1" flat size="xs" icon="edit" color="done" style="font-weight:400"
v-if="props.row.AuditStatus == 1" label="审核" @click="operation(props.row)" />
flat
size="xs"
icon="edit"
color="done"
style="font-weight:400"
label="审核"
@click="operation(props.row)"
/>
</q-td> </q-td>
</template> </template>
<template v-slot:bottom> <template v-slot:bottom>
<q-pagination <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
class="full-width justify-end" :input="true" @input="changePage" />
v-model="msg.pageIndex"
color="primary"
:max="pageCount"
:input="true"
@input="changePage"
/>
</template> </template>
</q-table> </q-table>
<q-dialog v-model="isShow" persistent> <q-dialog v-model="isShow" persistent>
<q-card style="width: 520px; max-width: 80vw;"> <q-card style="width: 520px; max-width: 80vw;">
<q-card-section> <q-card-section>
<div class="text-h6">提现审核</div> <div class="text-h6">提现审核</div>
</q-card-section> </q-card-section>
<q-separator /> <q-separator />
<q-card-section class="q-pt-none" style="margin-top: 15px;padding:10px 20px;"> <q-card-section class="q-pt-none" style="margin-top: 15px;padding:10px 20px;">
<q-radio v-model="remitMsg.State" val="1" label="审核通过" /> <q-radio v-model="remitMsg.State" val="1" label="审核通过" />
<q-radio v-model="remitMsg.State" val="2" label="审核驳回" /> <q-radio v-model="remitMsg.State" val="2" label="审核驳回" />
<q-input filled clearable v-model="remitMsg.Remark" label="备注" <q-input filled clearable v-model="remitMsg.Remark" label="备注" style="margin-top: 20px;" type="textarea" />
style="margin-top: 20px;" type="textarea"/> </q-card-section>
</q-card-section> <q-separator />
<q-separator /> <q-card-actions align="right" class="bg-white">
<q-card-actions align="right" class="bg-white"> <q-btn class="q-mr-md" label="取消" @click="isShow = false" />
<q-btn class="q-mr-md" label="取消" @click="isShow = false" /> <q-btn color="accent" class="q-mr-md" label="确定" @click="submit()" />
<q-btn color="accent" class="q-mr-md" label="确定" @click="submit()" /> </q-card-actions>
</q-card-actions> </q-card>
</q-card> </q-dialog>
</q-dialog>
</div> </div>
</template> </template>
<script> <script>
import { import {
getCustomerRemitPageList, getCustomerRemitPageList,
setCustomerRemitState setCustomerRemitState
} from '../../../api/sale/peemanagement'; } from '../../../api/sale/peemanagement';
export default { export default {
meta: { meta: {
title: "同行审批" title: "同行审批"
}, },
components: { components: {
}, },
props:{ props: {
Type:{ Type: {
type:Number, type: Number,
default:1 default: 1
}, },
Id:{ Id: {
type:Number, type: Number,
default:0 default: 0
} }
}, },
data() { data() {
return { return {
pageCount: 0, pageCount: 0,
isShow:false, isShow: false,
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 12, pageSize: 12,
rowsPerPage: 12, rowsPerPage: 12,
Type: '0', // 类型 1返佣 2幸福存折 Type: '0', // 类型 1返佣 2幸福存折
AuditStatus: '0', //状态 1申请中 2待打款 3已打款 4拒绝 AuditStatus: '0', //状态 1申请中 2待打款 3已打款 4拒绝
CustomerId:0 CustomerId: 0,
CategoryId: 0,
}, },
loading: false, loading: false,
TypeList: [{ label: "全部", value: "0", }, { label: "返佣", value: "1", }, { label: "幸福存折", value: "2", }], TypeList: [{
//审核状态列表 label: "全部",
ApproveStateList: [{ value: "0",
label: "不限", }, {
value: "0", label: "返佣",
}, { value: "1",
label: "申请中", }, {
value: "1", label: "幸福存折",
}, value: "2",
{ }],
label: "待打款", //审核状态列表
value: "2", ApproveStateList: [{
}, { label: "不限",
label: "已打款", value: "0",
value: "3", }, {
}, { label: "申请中",
label: "拒绝", value: "1",
value: "4", },
}, {
], label: "待打款",
columns: [ value: "2",
{ }, {
name: 'CustomerName', label: "已打款",
label: '客户信息', value: "3",
field: 'CustomerName', }, {
align: 'left' label: "拒绝",
}, value: "4",
},
{ ],
name: 'ContactNumber', columns: [{
label: '联系电话', name: 'CustomerName',
field: 'ContactNumber', label: '客户信息',
align: 'left', field: 'CustomerName',
}, align: 'left'
{ },
name: 'Type',
label: '类型',
field: 'Type',
align: 'left'
},
{
name: 'BankName',
label: '提现账户',
field: 'BankName',
align: 'left'
},
{
name: 'AppliedMoney',
label: '申请金额',
field: 'AppliedMoney',
align: 'left'
},
{
name: 'RemitMoney',
label: '打款金额',
field: 'RemitMoney',
align: 'left'
},
{
name: 'AuditStatus',
label: '状态',
field: 'AuditStatus',
align: 'left'
},
{
name: 'TimeStr',
label: '时间',
field: 'TimeStr',
align: 'left'
},
{
name: 'Remark',
label: '备注',
field: 'Remark',
align: 'left'
},
{
name: 'CreateDate',
label: '申请时间',
field: 'CreateDate',
align: 'left'
},
// { {
// name: 'optioned', name: 'ContactNumber',
// label: '操作', label: '联系电话',
// field: 'QuestionId' field: 'ContactNumber',
// } align: 'left',
], },
dataList: [], {
//判断显示 name: 'Type',
authObj: { label: '类型',
isShowAudit: true, field: 'Type',
}, align: 'left'
remitMsg:{ },
RemitId:0, {
State:1, name: 'BankName',
Remark:'', label: '提现账户',
} field: 'BankName',
align: 'left'
},
{
name: 'AppliedMoney',
label: '申请金额',
field: 'AppliedMoney',
align: 'left'
},
{
name: 'RemitMoney',
label: '打款金额',
field: 'RemitMoney',
align: 'left'
},
{
name: 'AuditStatus',
label: '状态',
field: 'AuditStatus',
align: 'left'
},
{
name: 'TimeStr',
label: '时间',
field: 'TimeStr',
align: 'left'
},
{
name: 'Remark',
label: '备注',
field: 'Remark',
align: 'left'
},
{
name: 'CreateDate',
label: '申请时间',
field: 'CreateDate',
align: 'left'
},
],
dataList: [],
//判断显示
authObj: {
isShowAudit: true,
},
remitMsg: {
RemitId: 0,
State: 1,
Remark: '',
} }
}
}, },
created() { }, created() {},
mounted() { mounted() {
this.getList(); this.getList();
}, },
methods: { methods: {
//重新查询 //重新查询
resetSearch() { resetSearch() {
this.msg.pageIndex = 1; this.msg.pageIndex = 1;
this.getList(); this.getList();
}, },
//翻页 //翻页
changePage(val) { changePage(val) {
this.msg.pageIndex = val; this.msg.pageIndex = val;
this.getList() this.getList()
}, },
//获取分页数据 //获取分页数据
getList() { getList() {
this.msg.Type=this.Type this.msg.Type = this.Type
this.msg.CustomerId=this.Id this.msg.CategoryId = this.Id
getCustomerRemitPageList(this.msg).then(res => { getCustomerRemitPageList(this.msg).then(res => {
this.dataList = res.Data.PageData; this.dataList = res.Data.PageData;
this.loading = false; this.loading = false;
this.pageCount = res.Data.PageCount; this.pageCount = res.Data.PageCount;
}).catch(() => { }).catch(() => {
this.loading = false this.loading = false
}) })
}, },
operation(row,type){ operation(row, type) {
this.remitMsg.RemitId = row.Id; this.remitMsg.RemitId = row.Id;
this.remitMsg.State = '1'; this.remitMsg.State = '1';
this.remitMsg.Remark = ''; this.remitMsg.Remark = '';
this.isShow = true this.isShow = true
}, },
submit(){ submit() {
setCustomerRemitState(this.remitMsg).then(res => { setCustomerRemitState(this.remitMsg).then(res => {
this.$q.notify({ this.$q.notify({
icon: 'iconfont icon-chenggong', icon: 'iconfont icon-chenggong',
color: 'accent', color: 'accent',
timeout: 2000, timeout: 2000,
message: '操作成功', message: '操作成功',
position: 'top' position: 'top'
}) })
this.isShow = false this.isShow = false
this.getList(); this.getList();
}).catch(() => { }).catch(() => {
}) })
} }
} }
} }
</script> </script>
<style> <style>
.withdraw ::-webkit-scrollbar { .withdraw ::-webkit-scrollbar {
width: 5px; width: 5px;
height: 5px; height: 5px;
} }
.withdraw ::-webkit-scrollbar-track {
background: #fff; .withdraw ::-webkit-scrollbar-track {
border-radius: 2px; background: #fff;
} border-radius: 2px;
.withdraw ::-webkit-scrollbar-thumb { }
background: #444;
border-radius: 10px; .withdraw ::-webkit-scrollbar-thumb {
} background: #444;
.withdraw ::-webkit-scrollbar-thumb:hover { border-radius: 10px;
background: #999; }
}
.withdraw ::-webkit-scrollbar-corner { .withdraw ::-webkit-scrollbar-thumb:hover {
background: #204754; background: #999;
} }
</style>
.withdraw ::-webkit-scrollbar-corner {
background: #204754;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment