|
|
@@ -1,70 +1,69 @@
|
|
|
<template>
|
|
|
- <!-- 买履约 -->
|
|
|
- <section>
|
|
|
- <a-table
|
|
|
- :columns="columns"
|
|
|
- class="srcollYTable expandLeftTable"
|
|
|
- :scroll="{ x: '100%', y: '190px' }"
|
|
|
- :pagination="false"
|
|
|
- :loading="loading"
|
|
|
- :expandedRowKeys="expandedRowKeys"
|
|
|
- :customRow="Rowclick"
|
|
|
- :expandIcon="expandIcon"
|
|
|
- :expandIconAsCell="false"
|
|
|
- rowKey="key"
|
|
|
- :data-source="tableList"
|
|
|
- >
|
|
|
- <!-- 额外的展开行 -->
|
|
|
- <template #expandedRowRender="{ record }">
|
|
|
- <BtnList
|
|
|
- :btnList="handleBtn(btnList, record)"
|
|
|
- :record="record"
|
|
|
- class="btn-list-sticky"
|
|
|
- @click="openComponent"
|
|
|
- />
|
|
|
- </template>
|
|
|
- <!-- 履约类型 -->
|
|
|
- <template #performancetype="{ record }">
|
|
|
- <a>{{ getPerformanceTypeName(record.performancetype, record.haswr) }}</a>
|
|
|
- </template>
|
|
|
+ <!-- 买履约 -->
|
|
|
+ <section>
|
|
|
+ <a-table :columns="getColums(BuyOrSell.buy)"
|
|
|
+ class="srcollYTable expandLeftTable"
|
|
|
+ :scroll="{ x: '100%', y: '190px' }"
|
|
|
+ :pagination="false"
|
|
|
+ :loading="loading"
|
|
|
+ :expandedRowKeys="expandedRowKeys"
|
|
|
+ :customRow="Rowclick"
|
|
|
+ :expandIcon="expandIcon"
|
|
|
+ :expandIconAsCell="false"
|
|
|
+ rowKey="key"
|
|
|
+ :data-source="tableList">
|
|
|
+ <!-- 额外的展开行 -->
|
|
|
+ <template #expandedRowRender="{ record }">
|
|
|
+ <BtnList :btnList="handleBtn(btnList, record)"
|
|
|
+ :record="record"
|
|
|
+ class="btn-list-sticky"
|
|
|
+ @click="openComponent" />
|
|
|
+ </template>
|
|
|
+ <!-- 履约类型 -->
|
|
|
+ <template #performancetype="{ record }">
|
|
|
+ <a>{{ getPerformanceTypeName(record.performancetype, record.haswr) }}</a>
|
|
|
+ </template>
|
|
|
+ <template #activatemonth="{ text }">
|
|
|
+ <span>{{ handleNoneValue(text) }}</span>
|
|
|
+ </template>
|
|
|
+ <!-- 付款方式 -->
|
|
|
+ <template #paymenttype="{ record }">
|
|
|
+ <a>{{ getPaymentTypeName(record.paymenttype) }}</a>
|
|
|
+ </template>
|
|
|
|
|
|
- <!-- 付款方式 -->
|
|
|
- <template #paymenttype="{ record }">
|
|
|
- <a>{{ getPaymentTypeName(record.paymenttype) }}</a>
|
|
|
- </template>
|
|
|
+ <!-- 履约状态 -->
|
|
|
+ <template #performancestatus="{ record }">
|
|
|
+ <a>{{ getPerformanceStatusName(record.performancestatus) }}</a>
|
|
|
+ </template>
|
|
|
|
|
|
- <!-- 履约状态 -->
|
|
|
- <template #performancestatus="{ record }">
|
|
|
- <a>{{ getPerformanceStatusName(record.performancestatus) }}</a>
|
|
|
- </template>
|
|
|
-
|
|
|
- <!-- 当前步骤 -->
|
|
|
- <template #curstepname="{ record }">
|
|
|
- <a>{{ record.curstepname }}</a>
|
|
|
- </template>
|
|
|
- </a-table>
|
|
|
- <component
|
|
|
- :is="componentId"
|
|
|
- v-if="componentId"
|
|
|
- :selectedRow="selectedRow"
|
|
|
- :buyOrSell="BuyOrSell.buy"
|
|
|
- @cancel="closeComponent"
|
|
|
- ></component>
|
|
|
- </section>
|
|
|
+ <!-- 当前步骤 -->
|
|
|
+ <template #curstepname="{ record }">
|
|
|
+ <a>{{ record.curstepname }}</a>
|
|
|
+ </template>
|
|
|
+ </a-table>
|
|
|
+ <component :is="componentId"
|
|
|
+ v-if="componentId"
|
|
|
+ :selectedRow="selectedRow"
|
|
|
+ :buyOrSell="BuyOrSell.buy"
|
|
|
+ @cancel="closeComponent"></component>
|
|
|
+ </section>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
+import { BtnListType } from '@/common/components/btnList/interface';
|
|
|
+import { BuyOrSell } from '@/common/constants/enumCommon';
|
|
|
import { enumOrderComponents } from '@/common/constants/enumOrderComponents';
|
|
|
-import { queryTableList, BtnList, defineAsyncComponent, defineComponent, ModalEnum } from '@/common/export/commonTable';
|
|
|
-import { QueryPerformancePlan, queryWrTradeDetail } from '@/services/go/wrtrade';
|
|
|
-import { QueryPerformancePlanReq, WrPerformancePlan } from '@/services/go/wrtrade/interface';
|
|
|
+import { getPaymentTypeName, getPerformanceStatusName, getPerformanceTypeName } from '@/common/constants/enumsName';
|
|
|
+import { BtnList, defineAsyncComponent, defineComponent, ModalEnum, queryTableList } from '@/common/export/commonTable';
|
|
|
import { getRecordItemTab } from '@/common/setup/order/orderData';
|
|
|
+import { expandIcon } from '@/common/setup/table/clolumn';
|
|
|
import { handleComposeOrderTable } from '@/common/setup/table/compose';
|
|
|
import { ComposeOrderTableParam } from '@/common/setup/table/interface';
|
|
|
-import { expandIcon } from '@/common/setup/table/clolumn';
|
|
|
-import { BtnListType } from '@/common/components/btnList/interface';
|
|
|
-import { BuyOrSell } from '@/common/constants/enumCommon';
|
|
|
-import { getPaymentTypeName, getPerformanceStatusName, getPerformanceTypeName } from '@/common/constants/enumsName';
|
|
|
+import { handleNoneValue } from '@/common/setup/table/tableQuote';
|
|
|
+import { QueryPerformancePlan } from '@/services/go/wrtrade';
|
|
|
+import { QueryPerformancePlanReq, WrPerformancePlan } from '@/services/go/wrtrade/interface';
|
|
|
+import { getColums } from '../setup';
|
|
|
+
|
|
|
export default defineComponent({
|
|
|
name: enumOrderComponents.performance_information_buy_performance,
|
|
|
components: {
|
|
|
@@ -118,6 +117,8 @@ export default defineComponent({
|
|
|
expandIcon,
|
|
|
handleBtn,
|
|
|
BuyOrSell,
|
|
|
+ getColums,
|
|
|
+ handleNoneValue,
|
|
|
};
|
|
|
},
|
|
|
});
|