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

feat: 表格边框,居中样式

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