import tracklogDetial from "@/views/widesea_system/system/tracklogDetial.vue"

let extension = {
  components: {//动态扩充组件或组件路径
    //表单header、content、footer对应位置扩充的组件
    gridHeader: tracklogDetial,//{ template: "<div>扩展组xx件</div>" },
    gridBody: '',
    gridFooter: '',
    //弹出框(修改、编辑、查看)header、content、footer对应位置扩充的组件
    modelHeader: '',
    modelBody: '',
    modelFooter: ''
  },
  //buttons: [],//扩展的按钮
  buttons: {
    view: [],
    box: [],
    detail: []
  },
  methods: {//事件扩展
    onInit() {
      this.columns.forEach(x => {
        if (x.field == "interface_type") {
          x.getColor = (row, column) => {
            if (row != null) {
              if (row.interface_type == "成功") {
                return "success";
              } else if (row.interface_type == "失败") {
                return "error";
              }
            }
          }
        }
      })

      let options = {
        field: 'oper',
        title: '数据详情',
        type: 'text',
        width: 60,
        //返回一个标签
        formatter: (row) => {
          return '<a href="javascript:void(0)">详情</a>'
        },
        //触发事件,可以在此事件再打开一个弹出框等操作
        click: (row, column, event) => {
          this.$refs.gridHeader.openDialog(row)
        }
      };
      this.columns.push(options)
    }
  }
};
export default extension;