|
|
@@ -95,7 +95,7 @@
|
|
|
<div class="tableDatas tableContextCenter">
|
|
|
<a-table class="dialogTable"
|
|
|
:columns="columns"
|
|
|
- :data-source="dataSource"
|
|
|
+ :data-source="tableList"
|
|
|
:pagination="false">
|
|
|
|
|
|
</a-table>
|
|
|
@@ -111,78 +111,194 @@ import { QueryCustomInfoType } from '@/services/go/ermcp/customInfo/interface';
|
|
|
import { formatValue } from '@/common/methods';
|
|
|
import { Des, handleDesList } from '@/common/components/commonDes';
|
|
|
import { closeModal } from '@/common/setup/modal';
|
|
|
+import { queryTableList } from '@/common/export/table';
|
|
|
+import { QhjContract, QueryContractLogReq } from '@/services/go/ermcp/qhj/interface';
|
|
|
+import { queryContractLog } from '@/services/go/ermcp/qhj';
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'platinum_financing_information_detail',
|
|
|
components: { Des },
|
|
|
props: {
|
|
|
selectedRow: {
|
|
|
- type: Object as PropType<QueryCustomInfoType>,
|
|
|
+ type: Object as PropType<QhjContract>,
|
|
|
default: {},
|
|
|
},
|
|
|
},
|
|
|
- setup(props) {
|
|
|
+ setup(props: { selectedRow: QhjContract }) {
|
|
|
const { visible, cancel } = closeModal('platinum_financing_information_detail');
|
|
|
- const loading = ref<boolean>(false);
|
|
|
const { desList, getDesList } = handleDesList();
|
|
|
- const dataSource = [
|
|
|
- {
|
|
|
- key: '1',
|
|
|
- name: 'Mike',
|
|
|
- age: 32,
|
|
|
- address: '10 Downing Street',
|
|
|
- },
|
|
|
- {
|
|
|
- key: '2',
|
|
|
- name: 'John',
|
|
|
- age: 42,
|
|
|
- address: '10 Downing Street',
|
|
|
- },
|
|
|
- ];
|
|
|
-
|
|
|
+ // 表格列表数据
|
|
|
+ const { loading, tableList, queryTable } = queryTableList();
|
|
|
const columns = [
|
|
|
{
|
|
|
title: '追加/还款时间',
|
|
|
- dataIndex: 'name',
|
|
|
- key: 'name',
|
|
|
+ dataIndex: 'updatetime',
|
|
|
+ key: 'updatetime',
|
|
|
},
|
|
|
{
|
|
|
title: '金额',
|
|
|
- dataIndex: 'age',
|
|
|
- key: 'age',
|
|
|
+ dataIndex: 'amount',
|
|
|
+ key: 'amount',
|
|
|
},
|
|
|
{
|
|
|
title: '剩余款',
|
|
|
- dataIndex: 'address',
|
|
|
- key: 'address',
|
|
|
+ dataIndex: 'remainamount',
|
|
|
+ key: 'remainamount',
|
|
|
},
|
|
|
];
|
|
|
watchEffect(() => {
|
|
|
- // if (props.selectedRow.customername) {
|
|
|
- const data = props.selectedRow;
|
|
|
- // 个人
|
|
|
- const person = [
|
|
|
- { label: '账号类型', value: '企业' },
|
|
|
- { label: '企业名称', value: '深圳首饰加工厂' },
|
|
|
- { label: '账 号', value: '2732175' },
|
|
|
- { label: '融资商品', value: '黄金' },
|
|
|
- { label: '数 量', value: '50g' },
|
|
|
- { label: '成本价', value: '366.06' },
|
|
|
- { label: '订单总额', value: '17320.00' },
|
|
|
- { label: '首付款', value: '2400.00' },
|
|
|
- { label: '已付货款', value: '4500.00' },
|
|
|
- { label: '融资额', value: '12820.00' },
|
|
|
- { label: '利 息', value: '25.34' },
|
|
|
- { label: '状 态', value: '预警(需追加5000.00)', className: 'red' },
|
|
|
- ];
|
|
|
- getDesList(person);
|
|
|
+ if (visible.value) {
|
|
|
+ const data = props.selectedRow;
|
|
|
+ [
|
|
|
+ {
|
|
|
+ key: '0',
|
|
|
+ dataIndex: 'logincode',
|
|
|
+ title: '账号',
|
|
|
+ align: 'center',
|
|
|
+ slots: {
|
|
|
+ customRender: 'logincode',
|
|
|
+ },
|
|
|
+ width: 120,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: '1',
|
|
|
+ dataIndex: 'username',
|
|
|
+ title: '名称',
|
|
|
+ align: 'center',
|
|
|
+ slots: {
|
|
|
+ customRender: 'username',
|
|
|
+ },
|
|
|
+ width: 120,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: '2',
|
|
|
+ dataIndex: 'regularlymodevalue',
|
|
|
+ title: '账户类型',
|
|
|
+ align: 'center',
|
|
|
+ slots: {
|
|
|
+ customRender: 'regularlymodevalue',
|
|
|
+ },
|
|
|
+ width: 120,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: '3',
|
|
|
+ dataIndex: 'goodsname',
|
|
|
+ title: '商品',
|
|
|
+ align: 'center',
|
|
|
+ slots: {
|
|
|
+ customRender: 'goodsname',
|
|
|
+ },
|
|
|
+ width: 120,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: '4',
|
|
|
+ dataIndex: 'tradeprice',
|
|
|
+ title: '价格',
|
|
|
+ align: 'center',
|
|
|
+ slots: {
|
|
|
+ customRender: 'tradeprice',
|
|
|
+ },
|
|
|
+ width: 120,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: '5',
|
|
|
+ dataIndex: 'wrqty',
|
|
|
+ title: '数量',
|
|
|
+ align: 'center',
|
|
|
+ slots: {
|
|
|
+ customRender: 'wrqty',
|
|
|
+ },
|
|
|
+ width: 120,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: '6',
|
|
|
+ dataIndex: 'lenderamount',
|
|
|
+ title: '金额',
|
|
|
+ align: 'center',
|
|
|
+ slots: {
|
|
|
+ customRender: 'lenderamount',
|
|
|
+ },
|
|
|
+ width: 120,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: '7',
|
|
|
+ dataIndex: 'payamount',
|
|
|
+ title: '已付款',
|
|
|
+ align: 'center',
|
|
|
+ slots: {
|
|
|
+ customRender: 'payamount',
|
|
|
+ },
|
|
|
+ width: 120,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: '8',
|
|
|
+ dataIndex: 'remainamount',
|
|
|
+ title: '融资额',
|
|
|
+ align: 'center',
|
|
|
+ slots: {
|
|
|
+ customRender: 'remainamount',
|
|
|
+ },
|
|
|
+ width: 120,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: '9',
|
|
|
+ dataIndex: 'totalinterest',
|
|
|
+ title: '利息',
|
|
|
+ align: 'center',
|
|
|
+ slots: {
|
|
|
+ customRender: 'totalinterest',
|
|
|
+ },
|
|
|
+ width: 120,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: '10',
|
|
|
+ dataIndex: 'contractconfirmtime',
|
|
|
+ title: '融资时间',
|
|
|
+ align: 'center',
|
|
|
+ slots: {
|
|
|
+ customRender: 'contractconfirmtime',
|
|
|
+ },
|
|
|
+ width: 120,
|
|
|
+ filteredValue: null,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: '11',
|
|
|
+ dataIndex: 'scfcontracttype',
|
|
|
+ title: '状态',
|
|
|
+ align: 'center',
|
|
|
+ slots: {
|
|
|
+ customRender: 'scfcontracttype',
|
|
|
+ },
|
|
|
+ width: 120,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ // 个人
|
|
|
+ const person = [
|
|
|
+ { label: '账号', value: formatValue(data.logincode) },
|
|
|
+ { label: '名称', value: formatValue(data.username) },
|
|
|
+ { label: '账户类型', value: formatValue(data.regularlymodevalue) },
|
|
|
+ { label: '商品', value: formatValue(data.goodsname) },
|
|
|
+ { label: '价格', value: formatValue(data.tradeprice) },
|
|
|
+ { label: '数 量', value: formatValue(data.wrqty) },
|
|
|
+ { label: '金额', value: formatValue(data.lenderamount) },
|
|
|
+ { label: '已付款', value: formatValue(data.payamount) },
|
|
|
+ { label: '融资额', value: formatValue(data.totalinterest) },
|
|
|
+ { label: '融资时间', value: formatValue(data.contractconfirmtime) },
|
|
|
+ { label: '状 态', value: formatValue(data.scfcontracttype), className: 'red' },
|
|
|
+ ];
|
|
|
+ getDesList(person);
|
|
|
+ const param: QueryContractLogReq = {
|
|
|
+ scfcontractid: data.scfcontractid,
|
|
|
+ };
|
|
|
+ queryTable(queryContractLog, param);
|
|
|
+ }
|
|
|
});
|
|
|
return {
|
|
|
desList,
|
|
|
cancel,
|
|
|
visible,
|
|
|
loading,
|
|
|
- dataSource,
|
|
|
+ tableList,
|
|
|
columns,
|
|
|
};
|
|
|
},
|