|
@@ -1,50 +1,56 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <!-- 买履约 -->
|
|
|
|
|
- <section>
|
|
|
|
|
- <a-table :columns="columns"
|
|
|
|
|
- class="srcollYTable expandLeftTable"
|
|
|
|
|
- :scroll="{ x: '100%', y: '227px' }"
|
|
|
|
|
- :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="columns"
|
|
|
|
|
+ class="srcollYTable expandLeftTable"
|
|
|
|
|
+ :scroll="{ x: '100%', y: '185px' }"
|
|
|
|
|
+ :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 #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>
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|