Commit ce2cc2ea authored by 沈翠玲's avatar 沈翠玲

样式优化

parent 31344b09
...@@ -136,7 +136,7 @@ ...@@ -136,7 +136,7 @@
field: 'caseId', field: 'caseId',
title: '案件ID', title: '案件ID',
width: 80, width: 80,
search: { el: 'input', props: { clearable: true }, labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, labelWidth: 80 },
slots: { slots: {
default: ({ row }) => { default: ({ row }) => {
return <>{row.loans.map((v) => v.caseId).join(',')}</>; return <>{row.loans.map((v) => v.caseId).join(',')}</>;
...@@ -150,7 +150,7 @@ ...@@ -150,7 +150,7 @@
search: { search: {
el: 'date-picker', el: 'date-picker',
props: { type: 'daterange', valueFormat: 'YYYY-MM-DD' }, props: { type: 'daterange', valueFormat: 'YYYY-MM-DD' },
labelWidth: 85, labelWidth: 80,
}, },
}, },
{ {
...@@ -160,14 +160,14 @@ ...@@ -160,14 +160,14 @@
search: { search: {
el: 'date-picker', el: 'date-picker',
props: { type: 'daterange', valueFormat: 'YYYY-MM-DD' }, props: { type: 'daterange', valueFormat: 'YYYY-MM-DD' },
labelWidth: 85, labelWidth: 80,
}, },
}, },
{ {
field: 'guarantor.name', field: 'guarantor.name',
title: '联系人姓名', title: '联系人姓名',
width: 110, width: 110,
search: { el: 'input', props: { clearable: true }, key: 'guarantorName', labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, key: 'guarantorName', labelWidth: 80 },
}, },
{ {
field: 'guarantor.phone', field: 'guarantor.phone',
...@@ -177,9 +177,9 @@ ...@@ -177,9 +177,9 @@
el: 'input', el: 'input',
props: { clearable: true }, props: { clearable: true },
key: 'guarantorPhone', key: 'guarantorPhone',
labelWidth: 85, labelWidth: 80,
}, },
labelWidth: 85, labelWidth: 80,
}, },
{ {
field: 'followStatus', field: 'followStatus',
...@@ -189,7 +189,7 @@ ...@@ -189,7 +189,7 @@
search: { search: {
el: 'select', el: 'select',
props: { filterable: true, multiple: true, 'collapse-tags': true }, props: { filterable: true, multiple: true, 'collapse-tags': true },
labelWidth: 85, labelWidth: 80,
defaultValue: [ defaultValue: [
'progress', 'progress',
'pass_on', 'pass_on',
...@@ -216,7 +216,7 @@ ...@@ -216,7 +216,7 @@
title: '拨打处置状态', title: '拨打处置状态',
width: 120, width: 120,
enum: phoneResultStatusOpt, enum: phoneResultStatusOpt,
search: { el: 'select', props: { filterable: true }, labelWidth: 85 }, search: { el: 'select', props: { filterable: true }, labelWidth: 80 },
fieldNames: { label: 'label', value: 'value' }, fieldNames: { label: 'label', value: 'value' },
slots: { slots: {
default: ({ row }) => { default: ({ row }) => {
...@@ -250,7 +250,7 @@ ...@@ -250,7 +250,7 @@
field: 'remark', field: 'remark',
title: '备注', title: '备注',
width: 80, width: 80,
search: { el: 'input', props: { clearable: true }, labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, labelWidth: 80 },
}, },
{ {
field: 'voices', field: 'voices',
......
...@@ -107,14 +107,14 @@ ...@@ -107,14 +107,14 @@
const config = reactive({ const config = reactive({
columns: [ columns: [
{ type: 'checkbox', title: '', width: 40 }, { type: 'checkbox', title: '', width: 40 },
{ field: 'caseId', title: '案件ID', search: { el: 'input', labelWidth: 85 }, width: 80 }, { field: 'caseId', title: '案件ID', search: { el: 'input', labelWidth: 78 }, width: 80 },
{ {
field: 'arealist', field: 'arealist',
enum: citydata, enum: citydata,
title: '所属区域', title: '所属区域',
width: 80, width: 80,
fieldNames: { label: 'label', value: 'value' }, fieldNames: { label: 'label', value: 'value' },
search: { el: 'cascader', props: { clearable: true, checkStrictly: true }, labelWidth: 85 }, search: { el: 'cascader', props: { clearable: true, checkStrictly: true }, labelWidth: 78 },
slots: { slots: {
default: ({ row }) => { default: ({ row }) => {
return ( return (
...@@ -131,20 +131,20 @@ ...@@ -131,20 +131,20 @@
field: 'loanPlatform.name', field: 'loanPlatform.name',
title: '借款机构', title: '借款机构',
width: 100, width: 100,
search: { el: 'input', props: { clearable: true }, key: 'payOrg', labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, key: 'payOrg', labelWidth: 78 },
}, },
{ {
field: 'manageOrg.orgName', field: 'manageOrg.orgName',
title: '资管公司', title: '资管公司',
width: 100, width: 100,
search: { el: 'input', props: { clearable: true }, key: 'manageOrg', labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, key: 'manageOrg', labelWidth: 78 },
}, },
{ {
field: 'distributeStatus', field: 'distributeStatus',
title: '分配状态', title: '分配状态',
width: 80, width: 80,
enum: distributeStatusOpt, enum: distributeStatusOpt,
search: { el: 'select', props: { filterable: true }, labelWidth: 85 }, search: { el: 'select', props: { filterable: true }, labelWidth: 78 },
fieldNames: { label: 'label', value: 'value' }, fieldNames: { label: 'label', value: 'value' },
slots: { slots: {
default: ({ row }) => { default: ({ row }) => {
...@@ -162,7 +162,7 @@ ...@@ -162,7 +162,7 @@
field: 'tenant.name', field: 'tenant.name',
title: '调解中心', title: '调解中心',
width: 80, width: 80,
search: { el: 'input', props: { clearable: true }, labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, labelWidth: 78 },
}, },
{ {
field: 'discount', field: 'discount',
...@@ -173,7 +173,7 @@ ...@@ -173,7 +173,7 @@
field: 'cpe.name', field: 'cpe.name',
title: 'CPE', title: 'CPE',
width: 60, width: 60,
search: { el: 'input', props: { clearable: true }, key: 'cpeName', labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, key: 'cpeName', labelWidth: 78 },
}, },
{ {
field: 'tenantTime', field: 'tenantTime',
...@@ -182,14 +182,14 @@ ...@@ -182,14 +182,14 @@
search: { search: {
el: 'date-picker', el: 'date-picker',
props: { type: 'daterange', valueFormat: 'YYYY-MM-DD' }, props: { type: 'daterange', valueFormat: 'YYYY-MM-DD' },
labelWidth: 85, labelWidth: 78,
}, },
}, },
{ {
field: 'commissionAmount', field: 'commissionAmount',
title: '债权总额', title: '债权总额',
width: 80, width: 80,
search: { el: 'input', props: { clearable: true }, labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, labelWidth: 78 },
}, },
{ {
field: 'cpeDate', field: 'cpeDate',
...@@ -198,33 +198,33 @@ ...@@ -198,33 +198,33 @@
search: { search: {
el: 'date-picker', el: 'date-picker',
props: { type: 'daterange', valueFormat: 'YYYY-MM-DD' }, props: { type: 'daterange', valueFormat: 'YYYY-MM-DD' },
labelWidth: 85, labelWidth: 78,
}, },
}, },
{ {
field: 'borrower.name', field: 'borrower.name',
title: '借款人姓名', title: '借款人姓名',
width: 100, width: 100,
search: { el: 'input', key: 'borrowerName', props: { clearable: true }, labelWidth: 85 }, search: { el: 'input', key: 'borrowerName', props: { clearable: true }, labelWidth: 78 },
}, },
{ {
field: 'sumRepayAmount', field: 'sumRepayAmount',
title: '已还总额', title: '已还总额',
width: 80, width: 80,
search: { el: 'input', props: { clearable: true }, labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, labelWidth: 78 },
}, },
{ {
field: 'borrower.idCard', field: 'borrower.idCard',
title: '身份证', title: '身份证',
width: 120, width: 120,
search: { el: 'input', props: { clearable: true }, key: 'idCard', labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, key: 'idCard', labelWidth: 78 },
}, },
{ {
field: 'borrower.phone', field: 'borrower.phone',
key: 'borrowerPhone', key: 'borrowerPhone',
title: '手机', title: '手机',
width: 100, width: 100,
search: { el: 'input', props: { clearable: true }, labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, labelWidth: 78 },
}, },
{ {
field: 'principalBalance', field: 'principalBalance',
......
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
]; ];
const config = reactive({ const config = reactive({
columns: [ columns: [
{ field: 'caseId', title: '案件ID', search: { el: 'input', labelWidth: 85 }, width: 190, { field: 'caseId', title: '案件ID', search: { el: 'input', labelWidth: 80 }, width: 190,
slots: { slots: {
default: ({ row, rowIndex }) => { default: ({ row, rowIndex }) => {
return ( return (
...@@ -90,13 +90,13 @@ ...@@ -90,13 +90,13 @@
field: 'loanPlatform.name', field: 'loanPlatform.name',
title: '借款机构', title: '借款机构',
width: 100, width: 100,
search: { el: 'input', props: { clearable: true }, key: 'payOrg', labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, key: 'payOrg', labelWidth: 80 },
}, },
{ {
field: 'manageOrg.orgName', field: 'manageOrg.orgName',
title: '资管公司', title: '资管公司',
width: 100, width: 100,
search: { el: 'input', props: { clearable: true }, key: 'manageOrg', labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, key: 'manageOrg', labelWidth: 80 },
}, },
{ {
field: 'borrower.name', field: 'borrower.name',
...@@ -106,7 +106,7 @@ ...@@ -106,7 +106,7 @@
el: 'input', el: 'input',
key: 'borrowerName', key: 'borrowerName',
props: { clearable: true }, props: { clearable: true },
labelWidth: 85, labelWidth: 80,
}, },
}, },
{ {
...@@ -117,7 +117,7 @@ ...@@ -117,7 +117,7 @@
el: 'input', el: 'input',
props: { clearable: true }, props: { clearable: true },
key: 'borrowerIdCard', key: 'borrowerIdCard',
labelWidth: 85, labelWidth: 80,
}, },
}, },
{ {
...@@ -128,7 +128,7 @@ ...@@ -128,7 +128,7 @@
el: 'input', el: 'input',
props: { clearable: true }, props: { clearable: true },
key: 'borrowerPhone', key: 'borrowerPhone',
labelWidth: 85, labelWidth: 80,
}, },
}, },
{ {
...@@ -140,32 +140,32 @@ ...@@ -140,32 +140,32 @@
field: 'commissionAmount', field: 'commissionAmount',
title: '委案金额', title: '委案金额',
width: 80, width: 80,
search: { el: 'input', props: { clearable: true }, labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, labelWidth: 80 },
}, },
{ {
field: 'sumRepayAmount', field: 'sumRepayAmount',
title: '累计还款金额', title: '累计还款金额',
width: 100, width: 100,
search: { el: 'input', props: { clearable: true }, labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, labelWidth: 80 },
}, },
{ {
field: 'sumReductionAmount', field: 'sumReductionAmount',
title: '累计减免金额', title: '累计减免金额',
width: 100, width: 100,
search: { el: 'input', props: { clearable: true }, labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, labelWidth: 80 },
}, },
{ {
field: 'remainingAmount', field: 'remainingAmount',
title: '剩余待还金额', title: '剩余待还金额',
width: 100, width: 100,
search: { el: 'input', props: { clearable: true }, labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, labelWidth: 80 },
}, },
{ {
field: 'cpe.username', field: 'cpe.username',
title: 'CPE', title: 'CPE',
width: 80, width: 80,
search: { el: 'input', props: { clearable: true }, key: 'cpeName', labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, key: 'cpeName', labelWidth: 80 },
}, },
{ {
field: 'cpeDate', field: 'cpeDate',
...@@ -174,33 +174,33 @@ ...@@ -174,33 +174,33 @@
search: { search: {
el: 'date-picker', el: 'date-picker',
props: { type: 'date', valueFormat: 'YYYY-MM-DD' }, props: { type: 'date', valueFormat: 'YYYY-MM-DD' },
labelWidth: 85, labelWidth: 80,
}, },
}, },
{ {
field: 'principalBalance', field: 'principalBalance',
title: '本金余额', title: '本金余额',
width: 80, width: 80,
search: { el: 'input', props: { clearable: true }, labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, labelWidth: 80 },
}, },
{ {
field: 'debitInterest', field: 'debitInterest',
title: '欠息额', title: '欠息额',
width: 80, width: 80,
search: { el: 'input', props: { clearable: true }, labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, labelWidth: 80 },
}, },
{ {
field: 'commission', field: 'commission',
title: '手续费', title: '手续费',
width: 80, width: 80,
search: { el: 'input', props: { clearable: true }, labelWidth: 85 }, search: { el: 'input', props: { clearable: true }, labelWidth: 80 },
}, },
{ {
field: 'followStatus', field: 'followStatus',
title: '跟进结果', title: '跟进结果',
width: 80, width: 80,
enum: followStatusOpt, enum: followStatusOpt,
search: { el: 'select', props: { filterable: true }, labelWidth: 85 }, search: { el: 'select', props: { filterable: true }, labelWidth: 80 },
fieldNames: { label: 'label', value: 'value' }, fieldNames: { label: 'label', value: 'value' },
slots: { slots: {
default: ({ row }) => { default: ({ row }) => {
...@@ -219,7 +219,7 @@ ...@@ -219,7 +219,7 @@
title: '跟进状态', title: '跟进状态',
width: 80, width: 80,
enum: phoneResultStatusOpt, enum: phoneResultStatusOpt,
search: { el: 'select', props: { filterable: true }, labelWidth: 85 }, search: { el: 'select', props: { filterable: true }, labelWidth: 80 },
fieldNames: { label: 'label', value: 'value' }, fieldNames: { label: 'label', value: 'value' },
slots: { slots: {
default: ({ row }) => { default: ({ row }) => {
...@@ -238,7 +238,7 @@ ...@@ -238,7 +238,7 @@
title: '案件状态', title: '案件状态',
width: 80, width: 80,
enum: caseStatusOpt, enum: caseStatusOpt,
search: { el: 'select', props: { filterable: true }, labelWidth: 85 }, search: { el: 'select', props: { filterable: true }, labelWidth: 80 },
fieldNames: { label: 'label', value: 'value' }, fieldNames: { label: 'label', value: 'value' },
slots: { slots: {
default: ({ row }) => { default: ({ row }) => {
......
...@@ -302,7 +302,7 @@ ...@@ -302,7 +302,7 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.importwrapper { .importwrapper {
:deep(.el-form-item) { :deep(.el-form-item) {
margin-bottom: 3px; margin-bottom: 3px !important;
} }
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment