|
|
@@ -17,44 +17,52 @@
|
|
|
showIndexColumn: true,
|
|
|
search: [
|
|
|
{
|
|
|
- label: '项目名称',
|
|
|
- field: 'deliveryName',
|
|
|
+ label: '申请人',
|
|
|
+ field: 'applicant',
|
|
|
type: 'input',
|
|
|
attrs: {},
|
|
|
},
|
|
|
- {
|
|
|
- label: '客户名称',
|
|
|
- field: 'customerName',
|
|
|
- type: 'input',
|
|
|
- attrs: {},
|
|
|
- },
|
|
|
- {
|
|
|
- label: '项目状态',
|
|
|
- field: 'deliveryStatus',
|
|
|
- type: 'select',
|
|
|
- options: useDict.type.MATE_DELIVERY_STATUS,
|
|
|
- attrs: {},
|
|
|
- },
|
|
|
],
|
|
|
columns: [
|
|
|
{
|
|
|
- title: '借款人',
|
|
|
- dataIndex: 'applicant',
|
|
|
+ title: '状态',
|
|
|
+ dataIndex: 'state',
|
|
|
align: 'center',
|
|
|
- width: '150px',
|
|
|
+ width: '80px',
|
|
|
ellipsis: true,
|
|
|
+ customRender: ({ text, record, index, column }) => {
|
|
|
+ const { state } = record;
|
|
|
+ let stateName;
|
|
|
+ switch (state) {
|
|
|
+ case '2':
|
|
|
+ stateName = '进行中';
|
|
|
+ break;
|
|
|
+ case '4':
|
|
|
+ stateName = '办结';
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ stateName = 'default';
|
|
|
+ }
|
|
|
+ return (
|
|
|
+ <div class='smart-table-operate'>
|
|
|
+ <a-tag>{stateName}</a-tag>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
- title: '借款金额',
|
|
|
- dataIndex: 'loanAmount',
|
|
|
+ title: '申请人',
|
|
|
+ dataIndex: 'applicant',
|
|
|
align: 'center',
|
|
|
width: '100px',
|
|
|
ellipsis: true,
|
|
|
+ customRender: ({ text, record, index, column }) => {
|
|
|
+ return <div class='smart-table-operate'>{record.applicant.actualName}</div>;
|
|
|
+ },
|
|
|
},
|
|
|
-
|
|
|
{
|
|
|
- title: '借款支付日期',
|
|
|
- dataIndex: 'loanPurpose',
|
|
|
+ title: '借款金额',
|
|
|
+ dataIndex: 'loanAmount',
|
|
|
align: 'center',
|
|
|
width: '100px',
|
|
|
ellipsis: true,
|
|
|
@@ -92,6 +100,9 @@
|
|
|
dataIndex: 'createBy',
|
|
|
align: 'center',
|
|
|
width: '60px',
|
|
|
+ customRender: ({ text, record, index, column }) => {
|
|
|
+ return <div class='smart-table-operate'>{record.createBy.actualName}</div>;
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: '发起日期',
|
|
|
@@ -102,7 +113,6 @@
|
|
|
},
|
|
|
{
|
|
|
title: '操作',
|
|
|
- dataIndex: 'createDate',
|
|
|
align: 'center',
|
|
|
width: '50px',
|
|
|
ellipsis: true,
|
|
|
@@ -133,7 +143,6 @@
|
|
|
const router = useRouter();
|
|
|
|
|
|
function goDetailPage(record) {
|
|
|
- sessionStorage.setItem('SessionStorageProjectId', record.id);
|
|
|
router.push({
|
|
|
path: '/project/project-manage/single-project',
|
|
|
});
|
|
|
@@ -151,21 +160,21 @@
|
|
|
}
|
|
|
|
|
|
.smart-table-operate {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- gap: 8px;
|
|
|
-}
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ gap: 8px;
|
|
|
+ }
|
|
|
|
|
|
-.smart-table-operate a {
|
|
|
- color: #1890ff;
|
|
|
- text-decoration: none;
|
|
|
- font-size: 14px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
+ .smart-table-operate a {
|
|
|
+ color: #1890ff;
|
|
|
+ text-decoration: none;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
|
|
|
-.smart-table-operate span {
|
|
|
- color: #ccc;
|
|
|
- margin: 0 5px;
|
|
|
-}
|
|
|
+ .smart-table-operate span {
|
|
|
+ color: #ccc;
|
|
|
+ margin: 0 5px;
|
|
|
+ }
|
|
|
</style>
|