|
import { h, resolveComponent } from 'vue';
|
let extension = {
|
components: {
|
//动态扩充组件或组件路径
|
//表单header、content、footer对应位置扩充的组件
|
gridHeader: '', //{ template: "<div>扩展组xx件</div>" },
|
gridBody: {
|
render() {
|
return [
|
h(resolveComponent('el-alert'), {
|
style: { 'margin-bottom': '12px' },
|
'show-icon': true, type: 'warning',
|
closable: false, title: 'onInit中设置this.maxBtnLength = 7;指定按钮显示的个数。见代码:App_TransactionAvgPrice.js'
|
}, ''),
|
]
|
}
|
},
|
gridFooter: "",
|
//弹出框(修改、编辑、查看)header、content、footer对应位置扩充的组件
|
modelHeader: "",
|
modelBody: "",
|
modelFooter: ""
|
},
|
text:
|
"还没想好",
|
buttons: [], //扩展的按钮
|
methods: {
|
//事件扩展
|
onInit() {
|
//设置页面上显示的按钮个数(不是必须的)
|
this.maxBtnLength = 7;
|
//this.boxButtons弹出框的按钮,this.detailOptions.buttons,同样适用上面上方法
|
//2021.07.17更新volform.vue组件后才能使用
|
this.editFormOptions.forEach(x => {
|
x.forEach(option => {
|
if (option.field == "Date") {
|
option.min = "2021-07-01 00:00";
|
option.max = Date.now();//日期最大值"2021-07-20 00:00"
|
}
|
|
})
|
})
|
this.columns.forEach(option => {
|
if (option.field == 'AgeRange') {
|
option.normal = true;
|
}
|
})
|
//如果要设置查询的日期范围选择同上
|
//this.searchFormOptions.forEach
|
|
//设置显示所有查询条件
|
// this.setFiexdSearchForm(true);
|
},
|
onInited() {
|
//设置表高度
|
this.height = this.height - 50;
|
},
|
rowClick({ row, column, event }) { //查询界面table点击行时选中当前行
|
this.$refs.table.$refs.table.toggleRowSelection(row);
|
},
|
}
|
};
|
export default extension;
|