text: import modelBody from "./App_ReportPrice/App_ReportPriceModelBody.vue"
  let extension = {
    components: {//动态扩充组件或组件路径
      gridHeader: "",
      gridBody: {
        template: `<div>
      <Alert type="success" show-icon> 一对多从表,主表由代码生成,从表自定义进行扩展,不限制从表数量与类型，点击编辑或新建可查看效果
      <template slot="desc"><span style="color:red;">一对多从表需要自己写扩展实现从表的数据加载与保存，可参照本页面的App_ReportPrice.js与App_ReportPriceModelBody.vue实现方法</span></template></Alert></div>`},
      gridFooter: '',
      modelHeader: '',
      //将自己写的App_ReportPriceModelBody.vue从表配置加载到弹出框中(此处可以同步加载，但会影响第一打开速度)
      modelBody: modelBody,
      modelFooter: ''
    },
    buttons: [],//扩展的按钮
    text: "在代码生成器中设置编辑/新建行列，然后再点保存/生成model/vue页面",
    methods: {//事件扩展
      onInited() {
        //初始化后将table高度减少85,因为gridHeader加了提示会导致页面有滚动条
        this.height = this.height - 85;
      },
      onInit() {
        //缓存当前对象
        this.$store.getters.data().reportPrice = this;
        //自定义弹出框的高与宽
        this.boxOptions.height = document.documentElement.clientHeight * 0.8;
        this.boxOptions.width = document.documentElement.clientWidth * 0.8;
      },
      modelOpenAfter() {//打开弹出框时
        //是否子组件渲染完成
        if (this.$refs.modelBody) {
          //新建功时，清空 清空,从表1，从表2的数据
          if (this.currentAction == 'Add') {
            this.$refs.modelBody.$refs.table1.reset();
            this.$refs.modelBody.$refs.table2.reset();
          } else {
            //编辑时，加载从表1，从表2的数据
            this.$refs.modelBody.$refs.table1.load();
            this.$refs.modelBody.$refs.table2.load();
          }
        }
      },
      addBefore(formData) { //新建或编辑功能点保存时可以将从表1，从表2的数据提到后台
        this.setFormData(formData);
        return true;
      }, updateBefore(formData) { //编辑时功能点保存时可以将从表1，从表2的数据提到后台
        this.setFormData(formData);
        return true;
      },
      setFormData(formData) { //新建或编辑时，将从表1、2的数据提交到后台
        //后台从对象里直接取extra的值
        let extra = {
          table1List: this.$refs.modelBody.$refs.table1.rowData,//获取从表1的行数据
          table2List: this.$refs.modelBody.$refs.table2.rowData//获取从表2的行数据
        }
        formData.extra = JSON.stringify(extra);
      },
      resetUpdateFormAfter() { //编辑弹出框时，点重置时，可自定义重置
        console.log('resetUpdateFormAfter')
        return true;
      },
      resetAddFormAfter() { //新建弹出框时，点重置时，可自定义重置
        console.log('resetAddFormAfter')
        return true;
      }
    }
  };
  export default extension;
  