提交 ee228b9f authored 作者: pengxiaohui's avatar pengxiaohui

feat: 表格边框,居中样式

上级 16e7e558
...@@ -53,9 +53,9 @@ ...@@ -53,9 +53,9 @@
<slot></slot> <slot></slot>
<div class="table-list-bd"> <div class="table-list-bd">
<slot name="body" v-bind="{ data: dataList }"> <slot name="body" v-bind="{ data: dataList }">
<el-table :data="dataList" v-loading="loading" v-bind="$attrs" v-on="$listeners" ref="table"> <el-table :data="dataList" v-loading="loading" v-bind="$attrs" v-on="$listeners" ref="table" border>
<template v-for="item in columns"> <template v-for="item in columns">
<el-table-column v-bind="item" :key="item.prop" v-if="visible(item)"> <el-table-column v-bind="item" :key="item.prop" v-if="visible(item)" align="center">
<template v-slot:default="scope" v-if="item.slots || item.computed"> <template v-slot:default="scope" v-if="item.slots || item.computed">
<slot :name="item.slots" v-bind="scope" v-if="item.slots"></slot> <slot :name="item.slots" v-bind="scope" v-if="item.slots"></slot>
<div v-html="item.computed(scope)" v-if="item.computed"></div> <div v-html="item.computed(scope)" v-if="item.computed"></div>
......
...@@ -203,7 +203,7 @@ export default { ...@@ -203,7 +203,7 @@ export default {
], ],
columns: [ columns: [
// { type: 'selection', minWidth: '40px' }, // { type: 'selection', minWidth: '40px' },
{ prop: 'name', label: '客户名称', minWidth: '120px' }, { prop: 'name', label: '客户名称', minWidth: '140px' },
{ {
prop: 'source', prop: 'source',
label: '客户来源', label: '客户来源',
...@@ -216,18 +216,18 @@ export default { ...@@ -216,18 +216,18 @@ export default {
{ {
prop: 'type', prop: 'type',
label: '客户分类', label: '客户分类',
minWidth: '120px', minWidth: '100px',
computed({ row }) { computed({ row }) {
const item = typeList.find(it => it.id === row.type) || {} const item = typeList.find(it => it.id === row.type) || {}
return item.name return item.name
} }
}, },
{ prop: 'region', label: '所在地区', minWidth: '150px' }, { prop: 'region', label: '所在地区', minWidth: '170px' },
{ prop: 'last_record_time', label: '最近跟进时间', minWidth: '140px' }, { prop: 'last_record_time', label: '最近跟进时间', minWidth: '150px' },
{ prop: 'project_count', label: '合作项目', minWidth: '80px' }, { prop: 'project_count', label: '合作项目', minWidth: '80px' },
{ prop: 'contact_count', label: '联系人', minWidth: '80px' }, { prop: 'contact_count', label: '联系人', minWidth: '80px' },
{ prop: 'created_by.realname', label: '创建员工', minWidth: '140px' }, { prop: 'created_by.realname', label: '创建员工', minWidth: '100px' },
{ prop: 'created_at', label: '创建时间', minWidth: '140px' }, { prop: 'created_at', label: '创建时间', minWidth: '150px' },
{ label: '操作', minWidth: '140px', slots: 'table-operate' } { label: '操作', minWidth: '140px', slots: 'table-operate' }
] ]
} }
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论