|
@@ -33,58 +33,59 @@
|
|
|
<div v-if="applyBank.length <= 0" class="ml-3">未配置收款账户,<span
|
|
|
@click="router.push('/jiesuanManage/bankAccount')" class="text-blue-400 cursor-pointer">去配置</span></div>
|
|
|
</div>
|
|
|
- <div class="text-base">
|
|
|
- <el-button v-action="'jiesuan.Jiesuan.listTixian'" size="default"
|
|
|
- @click="openType('applyListVisible')">提现记录</el-button>
|
|
|
- </div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-card>
|
|
|
<div class="p-5">注:每日的结算数据需要在次日统计完成后才能展示</div>
|
|
|
- <Search :search="search" :reset="resetQuery">
|
|
|
- <template v-slot:body>
|
|
|
- <el-form-item label="结算时间">
|
|
|
- <el-date-picker unlink-panels clearable @change="applyTimeChange" format="YYYY/MM/DD" value-format="YYYY-MM-DD"
|
|
|
- v-model="query.applyTime" type="daterange" :shortcuts="shortcuts" range-separator="To"
|
|
|
- start-placeholder="开始时间" end-placeholder="结束时间" />
|
|
|
- </el-form-item>
|
|
|
- </template>
|
|
|
- <template v-slot:extra_button>
|
|
|
- <exportExcel api="jiesuanManage/jiesuan/list" sheet_name="结算中心" :title_obj="titleObj"
|
|
|
- :extro_params="{ is_export: 1, ...query }">
|
|
|
- </exportExcel>
|
|
|
- </template>
|
|
|
- </Search>
|
|
|
- <div class="table-default">
|
|
|
- <el-table :data="tableData" class="mt-3" v-loading="loading">
|
|
|
- <el-table-column prop="jiesuan_date" label="时间" min-width="200px" />
|
|
|
- <el-table-column prop="charge_money" label="日充值总额" show-overflow-tooltip min-width="200px">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="tuikuan_money" show-overflow-tooltip label="当日退款" min-width="200px">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="share_rate" label="分成比例" show-overflow-tooltip>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="jiesuan_money" label="日结算总额" show-overflow-tooltip min-width="200px">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="操作" min-width="200px">
|
|
|
- <template #default="scope">
|
|
|
- <el-button link type="primary" size="small"
|
|
|
- @click="openType('orderDetailVisible', scope.row)">查看订单详情</el-button>
|
|
|
- <br />
|
|
|
+
|
|
|
+ <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handChange">
|
|
|
+ <el-tab-pane label="提现记录" name="withdrawalRecord" v-action="'jiesuan.Jiesuan.listTixian'">
|
|
|
+ <withdrawalRecord></withdrawalRecord>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="每日结算数据" name="recharge">
|
|
|
+ <Search :search="search" :reset="resetQuery">
|
|
|
+ <template v-slot:body>
|
|
|
+ <el-form-item label="结算时间">
|
|
|
+ <el-date-picker unlink-panels clearable @change="applyTimeChange" format="YYYY/MM/DD"
|
|
|
+ value-format="YYYY-MM-DD" v-model="query.applyTime" type="daterange" :shortcuts="shortcuts"
|
|
|
+ range-separator="To" start-placeholder="开始时间" end-placeholder="结束时间" />
|
|
|
+ </el-form-item>
|
|
|
+ </template>
|
|
|
+ <template v-slot:extra_button>
|
|
|
+ <exportExcel api="jiesuanManage/jiesuan/list" sheet_name="结算中心" :title_obj="titleObj"
|
|
|
+ :extro_params="{ is_export: 1, ...query }">
|
|
|
+ </exportExcel>
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <Paginate />
|
|
|
- </div>
|
|
|
+ </Search>
|
|
|
+ <div class="table-default">
|
|
|
+ <el-table :data="tableData" class="mt-3" v-loading="loading">
|
|
|
+ <el-table-column prop="jiesuan_date" label="时间" min-width="200px" />
|
|
|
+ <el-table-column prop="charge_money" label="日充值总额" show-overflow-tooltip min-width="200px">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="tuikuan_money" show-overflow-tooltip label="当日退款" min-width="200px">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="share_rate" label="分成比例" show-overflow-tooltip>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="jiesuan_money" label="日结算总额" show-overflow-tooltip min-width="200px">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" min-width="200px">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button link type="primary" size="small"
|
|
|
+ @click="openType('orderDetailVisible', scope.row)">查看订单详情</el-button>
|
|
|
+ <br />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <Paginate />
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
<Dialog v-model="orderDetailVisible" width="80%" title="订单详情" destroy-on-close>
|
|
|
<orderDetail @close="closeType('orderDetailVisible')" :primary="orderDetailData"></orderDetail>
|
|
|
</Dialog>
|
|
|
<Dialog v-model="applyVisible" width="50%" title="申请提现" destroy-on-close>
|
|
|
<create @close="closeType('applyVisible')" :primary="applyData"></create>
|
|
|
</Dialog>
|
|
|
- <Dialog v-model="applyListVisible" width="80%" title="提现记录" destroy-on-close>
|
|
|
- <withdrawalRecord @close="closeType('applyListVisible')"></withdrawalRecord>
|
|
|
- </Dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -101,6 +102,7 @@ import withdrawalRecord from './withdrawalRecord/index.vue'
|
|
|
import moment from 'moment';
|
|
|
const start_date = moment().startOf('month').format('YYYY-MM-DD')
|
|
|
const end_date = moment().endOf('month').format('YYYY-MM-DD')
|
|
|
+const activeName = ref('withdrawalRecord')
|
|
|
|
|
|
const api = 'jiesuanManage/jiesuan/list';
|
|
|
const router = useRouter()
|
|
@@ -110,7 +112,6 @@ const orderDetailVisible = ref(false)
|
|
|
const orderDetailData = ref({})
|
|
|
const applyData = ref({})
|
|
|
const applyVisible = ref(false)
|
|
|
-const applyListVisible = ref(false)
|
|
|
const rolesIdentify = inject('rolesIdentify')
|
|
|
const applyBank = ref([])
|
|
|
const closeType = (type: string) => {
|
|
@@ -122,12 +123,12 @@ const closeType = (type: string) => {
|
|
|
applyVisible.value = false
|
|
|
init()
|
|
|
break;
|
|
|
- case 'applyListVisible':
|
|
|
- applyListVisible.value = false
|
|
|
- break;
|
|
|
}
|
|
|
search()
|
|
|
}
|
|
|
+const handChange = (tab: any, event: Event) => {
|
|
|
+ activeName.value = tab
|
|
|
+}
|
|
|
|
|
|
const openType = (type: string, data?: object) => {
|
|
|
switch (type) {
|
|
@@ -138,9 +139,6 @@ const openType = (type: string, data?: object) => {
|
|
|
case 'applyVisible':
|
|
|
applyVisible.value = true
|
|
|
break;
|
|
|
- case 'applyListVisible':
|
|
|
- applyListVisible.value = true
|
|
|
- break;
|
|
|
}
|
|
|
}
|
|
|
const applyTimeChange = (e: object) => {
|