1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
| //************************************************
| // *Author：jxx
| // *QQ：283591387
| // *自定义业务逻辑扩展
| //************************************************
| export default function() {
| return {
| methods: {
| onInited() { //页面参数初始化
| //设置table超出换行显示
| //this.textInline = false;
|
| //设置列宽度
| //this.columns[1].width = 70;
|
| //设置table为水平显示或者list列表显示
| //this.direction = 'horizontal'//list
| //如果为list列表显示，指定list的标题列
| //this.titleField="字段";
|
| //设置自定义格式显示
| //this.columns.forEach(column=>{
| // if(column.field=='字段'){
| // //自定义格式化显示,在下面的formatter实现具体逻辑
| // //column.formatter=true;
|
| // //开启table单元格点击事件(仅设置this.direction = 'horizontal属性后生效)
| // column.click=true;
|
| // //指定字段为date类型不显示时分秒
| // //column.type="date";
| // //设置列宽度
| // //column.width = 70;
| // }
| // })
|
| //页面打开时禁用加载数据
| //this.load=false;
| //页面打开时默认弹出查询框
| //this.searchModel = true;
| },
| formatter(row, column,index) { //自定义格式化
| // if(column.field=='xx'){
| // return '<a style="color:red;">' + row[column.field] + '</a>';
| // }
| //return row[column.field]
| },
| rowClick(index, row, column) { //行点击事件(默认触发编辑)
| return true;
| },
| cellClick(index, row, column) { //单元格击事件(默认触发编辑)
| //仅onInited中设置：this.direction = "horizontal", this.columns的字段设置为click=true后生效
| return true;
| },
| rowButtons(index, row) { //列表显示的按钮
| //自定义按钮,仅onInited中设置：this.direction = "list"后生效
| // return [{
| // text: "测试",
| // icon: "edit-pen",
| // type: "primary",
| // plain:true,
| // shape:"circle",
| // disabled: false
| // },{
| // text: "删除",
| // icon: "trash",
| // type: "error",
| // plain:true,
| // shape:"circle",
| // //shape:"",//square、circle
| // disabled: false
| // }];
| },
| rowButtonClick(btn,index, row){ //列表显示的按钮点击事件
| // if(btn.text=='删除'){
| // this.$toast('删除')
| // }
| },
| searchBefore(params){ //查询前
| return true;
| },
| updateBefore(formData) { //更新保存前操作
| return true;
| },
| addBefore(formData) {//新建保存前操作
| return true;
| },
| searchFormOnChange(field,value){ //查询弹出框下拉框或日期选中事件
| //if(field=="字段"){
| // console.log(value)
| //}
| },
| editFormOnChange(field,value){ //新建编辑弹出框下拉框或日期选中事件
| //if(field=="字段"){
| // console.log(value)
| //}
| },
| }
| }
| }
|
|
