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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
| import { h, resolveComponent } from 'vue';
| let extension = {
| components: {
| //动态扩充组件或组件路径
| //表单header、content、footer对应位置扩充的组件
| gridHeader: '', //{ template: "<div>扩展组xx件</div>" },
| // gridBody: {
| // template: '<Alert type="success" show-icon>\
| // 查询默认/显示所有查询条件<template slot="desc"><p>1、 onInit(){ this.setFiexdSearchForm(true); //设置固定显示所有查询条件}</p>\
| // 2、 设置默认查询值(下拉框、默认日期)、查询界面表高度等,具体见App_Transaction.js配置与说明</template>\
| // </Alert>' },
| gridBody: {
| render() {
| return h(
| resolveComponent('ElAlert'),
| {
| style: { 'margin-bottom': '12px' },
| 'show-icon': true,
| type: 'success',
| closable: false
| },
| [
| h(
| 'p',
| {},
| '1、默认界面上显示的列都可以导入，也可以在后台指定导入与导出的列，见后台开发文档->后台基础代码扩展实现导入方法说明'
| ),
| h(
| 'p',
| {},
| ' 2、添加switch、checkbox组件，设置默认查询值(下拉框、默认日期)、查询界面表高度等,App_Transaction.js配置与说明'
| )
| ]
| );
| }
| },
| gridFooter: '',
| //弹出框(修改、编辑、查看)header、content、footer对应位置扩充的组件
| modelHeader: '',
| modelBody: '',
| modelFooter: ''
| },
| tableAction: 'App_Appointment', //指定菜单权限，其他任何页面引用时都会走对应权限
| text:
| '目前导入导出的字段为代码生成器中配置[是否显示与编辑列],可自行添加配置字段处理',
| buttons: [], //扩展的按钮
| methods: {
| //事件扩展
|
| //事件扩展
| onInit() {
|
| this.buttons.push({
| name: '查看代码',
| onClick: () => {
| window.open('http://api.volcore.xyz/vol.doc/apptransaction.html', 'blank');
| }
| });
|
|
| //设置查询条件
| // this.searchFormFields.Name = "林";
| //设置下拉框的字段(是否买入)的默认值(注意下拉框key如要是数字同样也要设置为字符类型数字,如果是自定sql数据源的key则需要设置成数字类型)
| // this.searchFormFields.TransactionType = '1';
| //注意日期设置默认值的时候 ，如果查询类型选择的是datetime后面一定要写上,00:00:00
| //如果查询类型是date直接写年月日即可
| this.searchFormFields.CreateDate = [
| '2015-01-01 00:00:00',
| '2030-12-31 00:00:00'
| ];
| //设置页面上显示的按钮个数(不是必须的)
| this.maxBtnLength = 6;
| //设置显示所有查询条件
| this.setFiexdSearchForm(true);
|
| this.columns.forEach(col=>{
| if (col.field=='Describe') {
| col.hidden=true;
| }
| })
|
| this.columns.push({
| title: 'switch',
| field: 'switch',
| width: 80,
| fixed: 'right',
| align: 'center',
| render: (h, { row, column, index }) => {
| //这里必须将要操作的字段变更为bool类型
| row.Enable=row.Enable||false;
| return (
| <div>
| <el-switch
| v-model={row.Enable}
| onChange={(val) => {
| this.switchChange(row);
| }}
| ></el-switch>
| </div>
| );
| }
| });
|
| this.columns.push({
| title: 'checkbox',
| field: 'checkbox',
| width: 80,
| fixed: 'right',
| align: 'center',
| render: (h, { row, column, index }) => {
| //这里必须将要操作的字段变更为bool类型
| row.Enable=row.Enable||false;
| return (
| <div>
| <el-checkbox
| v-model={row.Enable}
| onChange={(val) => {
| this.switchChange(row);
| }}
| ></el-checkbox>
| </div>
| );
| }
| });
| },
| switchChange(row) {
| this.$message.success(row.Enable + '');
| },
| onInited() {
| //设置查询界面表高度
| this.height = this.height-215;
| }
| }
| };
| export default extension;
|
|
