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

样式优化

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