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
//自定义Action，创建资源分类
import {callPreEvent, callPostEvent} from '../BaseAction';
import Vue from "vue";
import Dialog from "./AddResourceFolderDialog";
 
/**
 * 入口方法
 * @param options 按钮的配置信息，值为{paramVOS:{按钮配置的参数信息，key值已全部转成小写},dataStore:[按钮所在区域选中数据],sourceData:{按钮上一区域选中数据}}
 * @param callback 执行完后回调，默认刷新区域数据
 */
export const doAction = (options,callback) => {
  options.sourceData = options.sourceData || {};
 
  //执行配置的preevent前置事件
  callPreEvent(options, doBefore, function (options) {
    //执行业务
    doAdd(options, function () {
      //执行配置的afterevent后置事件
      callPostEvent(options, doAfter, callback);
    });
  });
};
 
/**
 * 执行业务
 * @param options 按钮的配置信息
 * @param callback 回调
 */
export const doAdd = (options,callback)=> {
  const paramVOS = options.paramVOS;
 
  //无窗口展示直接写逻辑代码
 
 
  //有窗口展示时写以下代码
  //如果窗口想展示UI上下文，则必须配置context和type
  if (!paramVOS['type'] && paramVOS['context']) {
    Vue.prototype.$message.error("展示UI上下文时必须配置业务类型type");
    return false;
  }
  //Dialog为要展示的窗口组件，先在顶部import引入
  const dialogConstructor = Vue.extend(Dialog);
  let instance = new dialogConstructor();
  instance.sourceData = options.sourceData;
  instance.dataStore = options.dataStore;
  instance.paramVOS = paramVOS;
  instance.type='add';//按钮的操作类型
 
  instance.dialogClose = function () {
    vm.visible = false;
    document.body.removeChild(vm.$el);
    instance.$destroy();
    instance = null;
  };
  if (callback) {
    instance.saveCallback = callback;
  }
  let vm = instance.$mount();
  document.body.appendChild(vm.$el);
  //显示dialog窗口
  instance.visible = true;
 
}
/**
 * preevent前置事件
 * @param options 按钮的配置信息
 * @param callback 回调
 */
export const doBefore = (options,callback)=> {
  console.log("执行前置事件");
  Vue.prototype.$message.success("执行前置事件");
  if(callback){
    callback(options);
  }
}
/**
 * afterevent后置事件
 * @param options 按钮的配置信息
 * @param callback 回调
 */
export const doAfter = (options,callback)=> {
  console.log('执行后置事件');
  Vue.prototype.$message.success("执行后置事件");
  if(callback){
    const actionType='add';//actionType非必传，当按钮操作区域为树，并且执行删除时建议传值“del”，避免刷新整个树
    callback(actionType);
  }
}