列表样式调整

This commit is contained in:
zhaoxiao
2021-09-18 14:06:40 +08:00
parent 87d7023dc1
commit d5fb74423e
11 changed files with 52 additions and 42 deletions
@@ -113,7 +113,7 @@ export default {
}, { }, {
title: '企业名称', title: '企业名称',
align: 'center', align: 'center',
width: 250, width: 280,
dataIndex: 'companyName', dataIndex: 'companyName',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
@@ -125,7 +125,7 @@ export default {
}, { }, {
title: '公司地址', title: '公司地址',
align: 'center', align: 'center',
width: 250, width: 280,
dataIndex: 'companyAddress', dataIndex: 'companyAddress',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
@@ -137,7 +137,7 @@ export default {
title: '状态', title: '状态',
align: 'center', align: 'center',
width: 100, width: 100,
dataIndex: 'status' dataIndex: 'status_dictText'
}, { }, {
title: '创建时间', title: '创建时间',
align: 'center', align: 'center',
@@ -123,7 +123,7 @@ export default {
}, { }, {
title: '姓名', title: '姓名',
align: 'center', align: 'center',
width: 170, width: 280,
dataIndex: 'name', dataIndex: 'name',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
@@ -134,30 +134,31 @@ export default {
title: '合同编号', title: '合同编号',
align: 'center', align: 'center',
dataIndex: 'contractNum', dataIndex: 'contractNum',
width: 250, width: 280,
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
title: '合同名称', title: '合同名称',
align: 'center', align: 'center',
dataIndex: 'contractName', dataIndex: 'contractName',
width: 250 width: 280,
scopedSlots: { customRender: 'text' }
}, { }, {
title: '签订单位', title: '签订单位',
align: 'center', align: 'center',
dataIndex: 'signedCompanyTemporaryName', dataIndex: 'signedCompanyTemporaryName',
width: 250, width: 280,
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
title: '负责人', title: '负责人',
align: 'center', align: 'center',
dataIndex: 'principalName', dataIndex: 'principalName',
width: 250, width: 280,
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
title: '合同总金额', title: '合同总金额',
align: 'center', align: 'center',
dataIndex: 'contractAmount', dataIndex: 'contractAmount',
width: 250, width: 200,
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
title: '创建时间', title: '创建时间',
@@ -177,7 +177,7 @@ export default {
}, { }, {
title: '来款项目', title: '来款项目',
align: 'center', align: 'center',
width: 200, width: 280,
dataIndex: 'chargeProject', dataIndex: 'chargeProject',
scopedSlots: { customRender: 'projectName' } scopedSlots: { customRender: 'projectName' }
}, { }, {
@@ -189,7 +189,7 @@ export default {
}, { }, {
title: '来款单位', title: '来款单位',
align: 'center', align: 'center',
width: 200, width: 280,
dataIndex: 'chargeCompanyTemporaryName', dataIndex: 'chargeCompanyTemporaryName',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
@@ -211,7 +211,7 @@ export default {
}, { }, {
title: '企业联系人', title: '企业联系人',
align: 'center', align: 'center',
width: 140, width: 280,
dataIndex: 'contactsTemporaryName', dataIndex: 'contactsTemporaryName',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
@@ -191,19 +191,21 @@ export default {
}, { }, {
title: '来款单位', title: '来款单位',
align: 'center', align: 'center',
width: 200, width: 280,
dataIndex: 'chargeCompanyTemporaryName', dataIndex: 'chargeCompanyTemporaryName',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
title: '应收金额', title: '应收金额',
align: 'center', align: 'center',
width: 100, width: 120,
dataIndex: 'receivableAmount' dataIndex: 'receivableAmount',
scopedSlots: { customRender: 'text' }
}, { }, {
title: '实收金额', title: '实收金额',
align: 'center', align: 'center',
width: 100, width: 100,
dataIndex: 'paidAmount' dataIndex: 'paidAmount',
scopedSlots: { customRender: 'text' }
}, { }, {
title: '需要发票', title: '需要发票',
align: 'center', align: 'center',
+7 -4
View File
@@ -108,30 +108,33 @@ export default {
}, { }, {
title: '企业名称', title: '企业名称',
align: 'center', align: 'center',
width: 280,
dataIndex: 'companyTemporaryName', dataIndex: 'companyTemporaryName',
scopedSlots: { customRender: 'projectName' } scopedSlots: { customRender: 'projectName' }
}, { }, {
title: '企业联系人', title: '企业联系人',
align: 'center', align: 'center',
width: 180, width: 280,
dataIndex: 'companyContactTemporaryName', dataIndex: 'companyContactTemporaryName',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
title: '打包联系人', title: '打包联系人',
align: 'center', align: 'center',
width: 200, width: 280,
dataIndex: 'packContactTemporaryName', dataIndex: 'packContactTemporaryName',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
title: '打包费用总计', title: '打包费用总计',
align: 'center', align: 'center',
width: 180, width: 180,
dataIndex: 'packChargeTotal' dataIndex: 'packChargeTotal',
scopedSlots: { customRender: 'text' }
}, { }, {
title: '实际到账费用', title: '实际到账费用',
align: 'center', align: 'center',
width: 180, width: 180,
dataIndex: 'receiptExpense' dataIndex: 'receiptExpense',
scopedSlots: { customRender: 'text' }
}, { }, {
title: '打包年份', title: '打包年份',
align: 'center', align: 'center',
@@ -239,7 +239,7 @@ export default {
}, { }, {
title: '打包项目名称', title: '打包项目名称',
align: 'center', align: 'center',
width: 200, width: 280,
dataIndex: 'chargeProject', dataIndex: 'chargeProject',
scopedSlots: { customRender: 'projectName' } scopedSlots: { customRender: 'projectName' }
}, { }, {
@@ -251,13 +251,13 @@ export default {
}, { }, {
title: '企业联系人', title: '企业联系人',
align: 'center', align: 'center',
width: 140, width: 280,
dataIndex: 'contactsTemporaryName', dataIndex: 'contactsTemporaryName',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
title: '联系人电话', title: '联系人电话',
align: 'center', align: 'center',
width: 200, width: 160,
dataIndex: 'phone', dataIndex: 'phone',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
@@ -269,12 +269,12 @@ export default {
}, { }, {
title: '应收金额', title: '应收金额',
align: 'center', align: 'center',
width: 100, width: 120,
dataIndex: 'receivableAmount' dataIndex: 'receivableAmount'
}, { }, {
title: '实收金额', title: '实收金额',
align: 'center', align: 'center',
width: 100, width: 120,
dataIndex: 'paidAmount' dataIndex: 'paidAmount'
}, { }, {
title: '打包', title: '打包',
@@ -138,13 +138,13 @@ export default {
}, { }, {
title: '项目名称', title: '项目名称',
align: 'center', align: 'center',
width: 200, width: 280,
dataIndex: 'chargeProject', dataIndex: 'chargeProject',
scopedSlots: { customRender: 'projectName' } scopedSlots: { customRender: 'projectName' }
}, { }, {
title: '来款用途', title: '来款用途',
align: 'center', align: 'center',
width: 160, width: 180,
dataIndex: 'chargeUse_dictText', dataIndex: 'chargeUse_dictText',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
@@ -156,12 +156,12 @@ export default {
}, { }, {
title: '应收金额', title: '应收金额',
align: 'center', align: 'center',
width: 100, width: 120,
dataIndex: 'receivableAmount' dataIndex: 'receivableAmount'
}, { }, {
title: '实收金额', title: '实收金额',
align: 'center', align: 'center',
width: 100, width: 120,
dataIndex: 'paidAmount' dataIndex: 'paidAmount'
}, { }, {
title: '需要发票', title: '需要发票',
@@ -82,7 +82,7 @@
<template slot="text" slot-scope="text"> <template slot="text" slot-scope="text">
<j-ellipsis :value="text" :length="18"></j-ellipsis> <j-ellipsis :value="text" :length="15"></j-ellipsis>
</template> </template>
<!-- 打包、需要发票、到账、开票、邮寄状态--> <!-- 打包、需要发票、到账、开票、邮寄状态-->
@@ -149,7 +149,7 @@ export default {
}, { }, {
title: '来款项目', title: '来款项目',
align: 'center', align: 'center',
width: 200, width: 280,
dataIndex: 'chargeProject', dataIndex: 'chargeProject',
scopedSlots: { customRender: 'projectName' } scopedSlots: { customRender: 'projectName' }
}, { }, {
@@ -161,18 +161,18 @@ export default {
}, { }, {
title: '来款单位', title: '来款单位',
align: 'center', align: 'center',
width: 200, width: 280,
dataIndex: 'chargeCompanyTemporaryName', dataIndex: 'chargeCompanyTemporaryName',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
title: '应收金额', title: '应收金额',
align: 'center', align: 'center',
width: 100, width: 150,
dataIndex: 'receivableAmount' dataIndex: 'receivableAmount'
}, { }, {
title: '实收金额', title: '实收金额',
align: 'center', align: 'center',
width: 100, width: 150,
dataIndex: 'paidAmount' dataIndex: 'paidAmount'
}, { }, {
title: '负责人', title: '负责人',
@@ -183,7 +183,7 @@ export default {
}, { }, {
title: '企业联系人', title: '企业联系人',
align: 'center', align: 'center',
width: 140, width: 250,
dataIndex: 'contactsTemporaryName', dataIndex: 'contactsTemporaryName',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
@@ -99,7 +99,7 @@
<!-- 工作组名称--> <!-- 工作组名称-->
<template slot="projectName" slot-scope="text, record"> <template slot="projectName" slot-scope="text, record">
<j-ellipsis :value="text" <j-ellipsis :value="text"
:length="20" :length="18"
class="primary-color" class="primary-color"
@click="openDetailModal(record)"></j-ellipsis> @click="openDetailModal(record)"></j-ellipsis>
</template> </template>
@@ -114,7 +114,7 @@
</template> </template>
<template slot="text" slot-scope="text"> <template slot="text" slot-scope="text">
<j-ellipsis :value="text" :length="20"></j-ellipsis> <j-ellipsis :value="text" :length="18"></j-ellipsis>
</template> </template>
<span slot="action" class="action-span-cell" slot-scope="text, record"> <span slot="action" class="action-span-cell" slot-scope="text, record">
@@ -235,23 +235,27 @@ export default {
}, { }, {
title: '成员单位', title: '成员单位',
align: 'center', align: 'center',
width: 280,
dataIndex: 'chargeCompanyTemporaryName', dataIndex: 'chargeCompanyTemporaryName',
scopedSlots: { customRender: 'projectName' } scopedSlots: { customRender: 'projectName' }
}, { }, {
title: '企业联系人', title: '企业联系人',
align: 'center', align: 'center',
width: 180, width: 280,
dataIndex: 'contactsTemporaryNameOne' dataIndex: 'contactsTemporaryNameOne',
scopedSlots: { customRender: 'text' }
}, { }, {
title: '应收金额', title: '应收金额',
align: 'center', align: 'center',
dataIndex: 'receivableAmount', dataIndex: 'receivableAmount',
width: 180 width: 180,
scopedSlots: { customRender: 'text' }
}, { }, {
title: '实收金额', title: '实收金额',
align: 'center', align: 'center',
dataIndex: 'paidAmount', dataIndex: 'paidAmount',
width: 180 width: 180,
scopedSlots: { customRender: 'text' }
}, { }, {
title: '打包', title: '打包',
align: 'center', align: 'center',
@@ -64,7 +64,7 @@
bordered bordered
rowKey="id" rowKey="id"
:columns="columns" :columns="columns"
:scroll="{x: 1200}" :scroll="{x: 1300}"
:dataSource="dataSource" :dataSource="dataSource"
:pagination="ipagination" :pagination="ipagination"
:loading="loading" :loading="loading"