|
|
@@ -13,25 +13,48 @@
|
|
|
<el-table-column v-if="multipleMode" align="center" type="selection" width="50"> </el-table-column>
|
|
|
<!-- <el-table-column prop="id" label="ID" width="100"> </el-table-column> -->
|
|
|
<!-- <el-table-column prop="patentId" label="专利id"> </el-table-column> -->
|
|
|
- <el-table-column prop="feeMaintenanceId" label="官费类型名称id"> </el-table-column>
|
|
|
- <el-table-column prop="status" label="支付状态" :formatter="statusFormatter"> </el-table-column>
|
|
|
- <el-table-column prop="patentPartnerId" label="专利权人"> </el-table-column>
|
|
|
- <el-table-column prop="payPartnerId" label="支付对象"> </el-table-column>
|
|
|
- <el-table-column prop="amount" label="金额"> </el-table-column>
|
|
|
- <el-table-column prop="currencyMaintenanceId" label="币种"> </el-table-column>
|
|
|
- <el-table-column prop="paymentDeadline" label="支付期限"> </el-table-column>
|
|
|
- <el-table-column prop="paymentDate" label="支付日期"> </el-table-column>
|
|
|
- <el-table-column prop="remark" label="备注"> </el-table-column>
|
|
|
- <el-table-column prop="invoiceReturn" label="是否发票回传">
|
|
|
+ <el-table-column prop="feeType" label="费用种别" min-width="80px"> </el-table-column>
|
|
|
+ <el-table-column prop="feeName" label="费用种别" min-width="80px"> </el-table-column>
|
|
|
+ <el-table-column prop="status" label="支付状态" min-width="80px">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ <el-tag :type="row.status === 'UNPAID' ? 'warning' : ''">{{ statusFormatter(row.status) }}</el-tag>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="patentPartnerId" label="专利权人" min-width="120px"> </el-table-column>
|
|
|
+ <el-table-column prop="payPartnerId" label="支付对象" min-width="120px"> </el-table-column>
|
|
|
+ <el-table-column prop="amount" label="金额" min-width="120px"> </el-table-column>
|
|
|
+ <el-table-column prop="currencyMaintenanceId" label="币种" min-width="100px"> </el-table-column>
|
|
|
+ <el-table-column prop="paymentDeadline" label="支付期限" min-width="80px"> </el-table-column>
|
|
|
+ <el-table-column prop="remark" label="账单"> </el-table-column>
|
|
|
+ <el-table-column prop="billImg" label="账单图片">
|
|
|
<template slot-scope="{ row }">
|
|
|
- <el-tag :type="row.invoiceReturn ? '' : 'info'">{{ row.invoiceReturn }}</el-tag>
|
|
|
+ <el-image
|
|
|
+ style="width: 36px; height: 36px;"
|
|
|
+ :src="row.billImg"
|
|
|
+ fit="cover"
|
|
|
+ :preview-src-list="[row.billImg]"
|
|
|
+ ></el-image>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="userId" label="userId"> </el-table-column>
|
|
|
- <el-table-column label="操作" align="center" fixed="right" min-width="150">
|
|
|
+ <el-table-column prop="paymentDate" label="支付日期" min-width="80px">
|
|
|
<template slot-scope="{ row }">
|
|
|
- <el-button @click="editRow(row)" type="primary" size="mini" plain>编辑</el-button>
|
|
|
- <el-button @click="deleteRow(row)" type="danger" size="mini" plain>删除</el-button>
|
|
|
+ <span v-if="row.status === 'UNPAID'" class="warning">未支付</span>
|
|
|
+
|
|
|
+ <span v-else>{{ row.paymentDate }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="invoiceReturn" label="是否发票回传">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ <el-tag v-if="row.invoiceReturn" :type="row.invoiceReturn ? '' : 'info'">{{
|
|
|
+ row.invoiceReturn
|
|
|
+ }}</el-tag>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <!-- <el-table-column prop="userId" label="userId"> </el-table-column> -->
|
|
|
+ <el-table-column label="操作" align="center" fixed="right" min-width="150px">
|
|
|
+ <template>
|
|
|
+ <el-button class="" type="primary" size="mini" plain>支付费用</el-button>
|
|
|
+ <el-button type="danger" size="mini" plain>编辑</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -79,7 +102,7 @@ export default {
|
|
|
}, 100);
|
|
|
});
|
|
|
},
|
|
|
- statusFormatter(row, column, cellValue, index) {
|
|
|
+ statusFormatter(cellValue) {
|
|
|
let selectedOption = this.statusOptions.find(i => i.value === cellValue);
|
|
|
if (selectedOption) {
|
|
|
return selectedOption.label;
|