|
|
@@ -1,142 +0,0 @@
|
|
|
-<template>
|
|
|
- <a-modal
|
|
|
- title="佣金详情(commission details)"
|
|
|
- width="95%"
|
|
|
- :visible="visible"
|
|
|
- :maskClosable="false"
|
|
|
- switchFullscreen
|
|
|
- @cancel="handleCancel">
|
|
|
- <!--页脚-->
|
|
|
- <template #footer>
|
|
|
- <a-button @click="handleCancel">关闭</a-button>
|
|
|
- </template>
|
|
|
- <div>
|
|
|
- <a-card :body-style="{ padding: '10px' }" :bordered="false" style="margin: 10px;">
|
|
|
- <div class="table-page-search-wrapper">
|
|
|
- <a-form :model="formData" :label-col="labelCol" :wrapper-col="wrapperCol" >
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :md="12" :sm="12">
|
|
|
- <a-form-item label="收款人(payee)">
|
|
|
- <a-input placeholder="请输入" v-model:value="formData.payee" disabled></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :md="12" :sm="12">
|
|
|
- <a-form-item label="充值余额(recharge balance)">
|
|
|
- <a-input placeholder="请输入" v-model:value="formData.rechargeBalance" disabled></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
-
|
|
|
- </a-row>
|
|
|
- </a-form>
|
|
|
- </div>
|
|
|
- </a-card>
|
|
|
-
|
|
|
- <a-card :body-style="{ padding: '10px' }" :bordered="false" style="margin: 10px;">
|
|
|
- <!-- 子表单区域 -->
|
|
|
- <a-tabs v-model:activeKey="activeKey" animated >
|
|
|
- <a-tab-pane tab="付款明细(payment details)" key="paymentDetails" :forceRender="true">
|
|
|
- <j-vxe-table
|
|
|
- :keep-source="true"
|
|
|
- resizable
|
|
|
- ref="paymentDetailsTableRef"
|
|
|
- :loading="paymentDetailsTable.loading"
|
|
|
- :columns="paymentDetailsTable.columns"
|
|
|
- :dataSource="paymentDetailsTable.dataSource"
|
|
|
- :height="340"
|
|
|
- :rowNumber="true"
|
|
|
- :rowSelection="true"
|
|
|
- asyncRemove
|
|
|
- >
|
|
|
- </j-vxe-table>
|
|
|
- </a-tab-pane>
|
|
|
- <a-tab-pane tab="返佣明细(commission details)" key="commissionDetails" :forceRender="true">
|
|
|
- <j-vxe-table
|
|
|
- :keep-source="true"
|
|
|
- resizable
|
|
|
- ref="commissionDetailsTableRef"
|
|
|
- :loading="commissionDetailsTable.loading"
|
|
|
- :columns="commissionDetailsTable.columns"
|
|
|
- :dataSource="commissionDetailsTable.dataSource"
|
|
|
- :height="340"
|
|
|
- :rowNumber="true"
|
|
|
- :rowSelection="true"
|
|
|
- >
|
|
|
- </j-vxe-table>
|
|
|
- </a-tab-pane>
|
|
|
-
|
|
|
- </a-tabs>
|
|
|
- </a-card>
|
|
|
- </div>
|
|
|
- </a-modal>
|
|
|
-</template>
|
|
|
-<script lang="ts" setup>
|
|
|
- import {ref ,reactive} from 'vue';
|
|
|
- import { defHttp } from '/@/utils/http/axios';
|
|
|
- import { message } from 'ant-design-vue';
|
|
|
- import { filterObj } from '/@/utils/common/compUtils'
|
|
|
- import {paymentDetailsColumns,commissionDetailsColumns} from '../commissionAdvancePayForm.data';
|
|
|
-
|
|
|
- var visible = ref(false)
|
|
|
- const labelCol = ref({
|
|
|
- xs: { span: 24 },
|
|
|
- sm: { span: 5 },
|
|
|
- });
|
|
|
- const wrapperCol = ref({
|
|
|
- xs: { span: 24 },
|
|
|
- sm: { span: 15 },
|
|
|
- });
|
|
|
- const formData = ref({
|
|
|
- payee:'',
|
|
|
- rechargeBalance:'',
|
|
|
- });
|
|
|
- const paymentDetailsTableRef = ref();
|
|
|
- const paymentDetailsTable = reactive<Record<string, any>>({
|
|
|
- loading: false,
|
|
|
- columns: paymentDetailsColumns,
|
|
|
- dataSource: []
|
|
|
- });
|
|
|
- const commissionDetailsTableRef = ref();
|
|
|
- const commissionDetailsTable = reactive<Record<string, any>>({
|
|
|
- loading: false,
|
|
|
- columns: commissionDetailsColumns,
|
|
|
- dataSource: []
|
|
|
- });
|
|
|
- const activeKey = ref('paymentDetails');
|
|
|
- function loadData(){
|
|
|
- // let params = getQueryParams();
|
|
|
- // defHttp
|
|
|
- // .get({ url: '/purCode/purInquiryForm/alertPurInquiryList',params}, { isTransformResponse: false })
|
|
|
- // .then((res) => {
|
|
|
- // if (res.success) {
|
|
|
- // dataSource.value = res.result.records;
|
|
|
- // pagination.value.total = res.result.total;
|
|
|
- // pagination.value.current = res.result.current;
|
|
|
- // pagination.value.pageSize = res.result.size;
|
|
|
- // } else {
|
|
|
- // message.error(res.message);
|
|
|
- // }
|
|
|
- // })
|
|
|
- // .finally(() => {
|
|
|
- // // loading.value = false;
|
|
|
- // });
|
|
|
- }
|
|
|
- function handleCancel(){
|
|
|
- visible.value = false
|
|
|
-
|
|
|
- }
|
|
|
- function getDetail(){
|
|
|
- visible.value = true
|
|
|
- }
|
|
|
- defineExpose({
|
|
|
- getDetail
|
|
|
- });
|
|
|
-</script>
|
|
|
-<style scoped lang="less">
|
|
|
-/deep/.ant-form-item{
|
|
|
- margin-bottom: 8px !important;
|
|
|
-}
|
|
|
-// /deep/.ant-table-wrapper .ant-table-thead > tr > th, .ant-table-wrapper .ant-table-thead > tr > td{
|
|
|
-// padding: 8px !important;
|
|
|
-// }
|
|
|
-
|
|
|
-</style>
|
