|
@@ -1,10 +1,11 @@
|
|
|
<script setup lang="ts">
|
|
|
import { h } from "vue"
|
|
|
import BasicDescriptions from "/@/components/BasicDescriptions";
|
|
|
-import { ElTag } from "element-plus"
|
|
|
+import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
|
|
|
+import { ElTag, ElTooltip, ElButton } from "element-plus"
|
|
|
|
|
|
-defineProps<{ tradeInfo: Record<string, string>; }>();
|
|
|
|
|
|
+defineProps<{ tradeInfo: Record<string, string>; }>();
|
|
|
|
|
|
const status_options = [
|
|
|
{ label: "未认领", value: "1" },
|
|
@@ -13,42 +14,120 @@ const status_options = [
|
|
|
]
|
|
|
|
|
|
const columns = [
|
|
|
- { label: "资金编码", span: 8, field: "tradNo" },
|
|
|
- {
|
|
|
- label: "状态",
|
|
|
- field: "status",
|
|
|
- slot: "status",
|
|
|
- span: 8,
|
|
|
- render(status) {
|
|
|
- return h(
|
|
|
- ElTag,
|
|
|
- { size: "small" },
|
|
|
- { default: () => status_options.find(s => s.value === String(status))?.label }
|
|
|
- );
|
|
|
+ { label: "资金编码", span: 6, field: "tradNo" },
|
|
|
+ { label: '业务类型', span: 6, field: 'TODO'},
|
|
|
+ { label: '创建人', field: 'apply_name', span: 6 },
|
|
|
+ { label: '创建时间', field: 'addtime', span: 6 },
|
|
|
+ {
|
|
|
+ label: '业务公司名称',
|
|
|
+ span: 12,
|
|
|
+ render(_, row){
|
|
|
+ return h('div', { style: 'display:flex' }, {
|
|
|
+ default: () => ([
|
|
|
+ h(ElTooltip, { content: '业务公司编码:' + row.companyNo, placement: 'top' }, { default: () => h(ElButton, { icon: useRenderIcon('information-line'), link: true, type: 'info' }) }),
|
|
|
+ row.trade_in
|
|
|
+ ])
|
|
|
+ })
|
|
|
}
|
|
|
},
|
|
|
- { label: "新建时间", span: 8, field: "addtime" },
|
|
|
- { label: "收入金额", span: 8, field: "total_fee" },
|
|
|
- { label: "未认领金额", span: 8, field: "balance" },
|
|
|
- { label: "已认领金额", span: 8, field: "used_fee" },
|
|
|
- { label: '收款公司', field: 'trade_in', span: 8, },
|
|
|
- { label: '收款公司账户', field: 'trade_in_account', span: 8 },
|
|
|
- { label: '平台订单客户名称', field: 'customerName', span: 8 },
|
|
|
- { label: "交易用途", span: 24, field: "trade_used" },
|
|
|
- { label: "ND编号", field: "NdCode", span: 24 },
|
|
|
- { label: "平台订单编号", field: "poCode", span: 24 },
|
|
|
- { label: '付款单位名称', field: 'trade_out', span: 8 },
|
|
|
- { label: '账户', field: 'trade_account', span: 8 },
|
|
|
- { label: '交易时间', field: 'addtime', span: 8 },
|
|
|
- { label: "交易行名", field: 'trade_bank', span: 16 },
|
|
|
- { label: '创建人', field: 'apply_name', span: 8 }
|
|
|
- // { label: "付款方省市", span: 12, field: "" }
|
|
|
+ {
|
|
|
+ field: 'TODO',
|
|
|
+ label: '业务公司收入总价',
|
|
|
+ span: 6
|
|
|
+ },
|
|
|
+ {
|
|
|
+ field: 'addtime',
|
|
|
+ label: "交易时间",
|
|
|
+ span: 6
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '收款方公司名称',
|
|
|
+ span: 12,
|
|
|
+ render(_, row){
|
|
|
+ return h('div', { style: 'display:flex' }, {
|
|
|
+ default: () => ([
|
|
|
+ h(ElTooltip, { content: '收款方公司编码:' + row.companyNo, placement: 'top' }, { default: () => h(ElButton, { icon: useRenderIcon('information-line'), link: true, type: 'info' }) }),
|
|
|
+ row.trade_in
|
|
|
+ ])
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ span: 12,
|
|
|
+ label: '收款方公司账号',
|
|
|
+ field: 'trade_in_account'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ span: 12,
|
|
|
+ label: '客服付款信息'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ span: 12,
|
|
|
+ label: '客户机构名称'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ span: 24,
|
|
|
+ label: '客户PO'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ span: 24,
|
|
|
+ field: 'NdCode',
|
|
|
+ label: '客户DN'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ span: 24,
|
|
|
+ label: '交易用途'
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // label: "状态",
|
|
|
+ // field: "status",
|
|
|
+ // slot: "status",
|
|
|
+ // span: 8,
|
|
|
+ // render(status) {
|
|
|
+ // return h(
|
|
|
+ // ElTag,
|
|
|
+ // { size: "small" },
|
|
|
+ // { default: () => status_options.find(s => s.value === String(status))?.label }
|
|
|
+ // );
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // { label: "新建时间", span: 8, field: "addtime" },
|
|
|
+ // { label: "收入金额", span: 8, field: "total_fee" },
|
|
|
+ // { label: "未认领金额", span: 8, field: "balance" },
|
|
|
+ // { label: "已认领金额", span: 8, field: "used_fee" },
|
|
|
+ // { label: '收款公司', field: 'trade_in', span: 8, },
|
|
|
+ // { label: '收款公司账户', field: 'trade_in_account', span: 8 },
|
|
|
+ // { label: '平台订单客户名称', field: 'customerName', span: 8 },
|
|
|
+ // { label: "交易用途", span: 24, field: "trade_used" },
|
|
|
+ // { label: "ND编号", field: "NdCode", span: 24 },
|
|
|
+ // { label: "平台订单编号", field: "poCode", span: 24 },
|
|
|
+ // { label: '付款单位名称', field: 'trade_out', span: 8 },
|
|
|
+ // { label: '账户', field: 'trade_account', span: 8 },
|
|
|
+ // { label: '交易时间', field: 'addtime', span: 8 },
|
|
|
+ // { label: "交易行名", field: 'trade_bank', span: 16 },
|
|
|
];
|
|
|
|
|
|
+
|
|
|
+const columns_bottom = [
|
|
|
+ { label: '泰e购SKU', span: 6 },
|
|
|
+ { label: '产品数量', span: 6 },
|
|
|
+ { label: '业务公司收入单价', span: 6 },
|
|
|
+ { label: '业务公司收入总价', span: 6 },
|
|
|
+ { label: '平台物料名称', span: 6 },
|
|
|
+ { label: '税率', span: 6 },
|
|
|
+ { label: '税目', span: 12 },
|
|
|
+ { label: '平台采购PO', span: 12 },
|
|
|
+ { label: '平台收入单价', span: 6 },
|
|
|
+ { label: '平台收入总价', span: 6 }
|
|
|
+]
|
|
|
+
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
- <BasicDescriptions ref="defaultRef1" :data="tradeInfo" :columns="columns" />
|
|
|
+ <div class="flex flex-col">
|
|
|
+ <BasicDescriptions class="mb-[20px]" :data="tradeInfo" :columns="columns" />
|
|
|
+ <BasicDescriptions :data="tradeInfo" :columns="columns_bottom" />
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<style lang="scss" scoped>
|