gxwebsoft
7fb8113c8e
- 所有含时间的列表列（创建时间、更新时间、起止日期等）均增加排序功能，兼顾Avue option和手写el-table-column - 司机管理「姓名身份证号」列拆分为独立的「姓名」「身份证号」两列，分别使用插槽渲染 - 修复车辆/船舶/司机管理「所属组织」列前导空格问题，value 使用无缩进原始标签 - 调整司机管理页到期筛选标签位置，移至搜索菜单行并优化样式，删除过渡占位筛选字段 - 增加组织名称列自定义插槽，去除已入库旧数据的前导空白 - 更新相关样式，删除无用样式代码，增加表格列排序样式支持
128 lines
3.2 KiB
Vue
128 lines
3.2 KiB
Vue
<template>
|
|
<basic-container>
|
|
<h3>表格例子</h3>
|
|
<avue-crud :option="option" v-model:page="page" :data="data" />
|
|
</basic-container>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
page: {
|
|
total: 122,
|
|
},
|
|
data: [
|
|
{
|
|
username: 'smallwei',
|
|
name: 'avue',
|
|
password: '123456',
|
|
newpassword: '123456',
|
|
date: '2019-01-01',
|
|
textarea: '这是一条很长很长很长很长很长很长很长很长的个性签名',
|
|
},
|
|
{
|
|
username: 'smallwei',
|
|
name: 'avue',
|
|
password: '123456',
|
|
newpassword: '123456',
|
|
date: '2019-01-01',
|
|
textarea: '这是一条很长很长很长很长很长很长很长很长的个性签名',
|
|
},
|
|
|
|
{
|
|
username: 'smallwei',
|
|
name: 'avue',
|
|
password: '123456',
|
|
newpassword: '123456',
|
|
date: '2019-01-01',
|
|
textarea: '这是一条很长很长很长很长很长很长很长很长的个性签名',
|
|
},
|
|
{
|
|
username: 'smallwei',
|
|
name: 'avue',
|
|
password: '123456',
|
|
newpassword: '123456',
|
|
date: '2019-01-01',
|
|
textarea: '这是一条很长很长很长很长很长很长很长很长的个性签名',
|
|
},
|
|
{
|
|
username: 'smallwei',
|
|
name: 'avue',
|
|
password: '123456',
|
|
newpassword: '123456',
|
|
date: '2019-01-01',
|
|
textarea: '这是一条很长很长很长很长很长很长很长很长的个性签名',
|
|
},
|
|
{
|
|
username: 'smallwei',
|
|
name: 'avue',
|
|
password: '123456',
|
|
newpassword: '123456',
|
|
date: '2019-01-01',
|
|
textarea: '这是一条很长很长很长很长很长很长很长很长的个性签名',
|
|
},
|
|
{
|
|
username: 'smallwei',
|
|
name: 'avue',
|
|
password: '123456',
|
|
newpassword: '123456',
|
|
date: '2019-01-01',
|
|
textarea: '这是一条很长很长很长很长很长很长很长很长的个性签名',
|
|
},
|
|
],
|
|
option: {
|
|
column: [
|
|
{
|
|
label: '用户名',
|
|
prop: 'username',
|
|
span: 14,
|
|
row: true,
|
|
},
|
|
{
|
|
label: '姓名',
|
|
prop: 'name',
|
|
span: 14,
|
|
row: true,
|
|
},
|
|
{
|
|
label: '密码',
|
|
prop: 'password',
|
|
type: 'password',
|
|
span: 14,
|
|
row: true,
|
|
},
|
|
{
|
|
label: '确认密码',
|
|
prop: 'newpassword',
|
|
type: 'password',
|
|
hide: true,
|
|
span: 14,
|
|
row: true,
|
|
},
|
|
{
|
|
label: '申请日期',
|
|
prop: 'date',
|
|
sortable: true,
|
|
type: 'date',
|
|
span: 14,
|
|
row: true,
|
|
},
|
|
{
|
|
label: '个性签名',
|
|
prop: 'textarea',
|
|
type: 'textarea',
|
|
minRows: 8,
|
|
span: 24,
|
|
overHidden: true,
|
|
row: true,
|
|
},
|
|
],
|
|
},
|
|
};
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style></style>
|