在线表单 开发指导 #

window.custFormComponentMixin = {
  data: function () {
    return { user: { name: '张珊' } }
  },
  created: function () {
    console.log('脚本将会混入自定义表单组件中...')
  },
  methods: {
    testaaa: function () {
      alert(1)
    },
    custValid: function () {
      // 执行业务校验，return false则终止提交
      return true
    }
  },
  watch: {
    'data.xxx.xxx': function () {
      debugger
      console.log(this.data.xxx.xxx)
    }
  }
}

"data": {
	"zzbcs": {//业务对象的编码
		"a": "11111111111",//字段a
		"b": "222222222222",//字段b
		"id": "1612731573972353024",//主键
		"_loadMap": {//子表的加载情况，用于异步加载数据
			"zzb_zb": true,
			"zzb_zib": true
		},
		"zzb_zibList": [{//子表编码zzb_zib，因为是一对多的关系，自带List后缀
			"xh": 1,
			"c": "11",
			"d": "22",
			"_loadMap": {
				"zzb_zb_zb": true,
				"zzb_zib": true
			},
			"id": "1612731574148513792",
			"aid": "1612731573972353024",
			"zzb_zb_zbList": []
		}],
	}
},

"initData": {
	"zzbcs": {//业务对象编码
		"zzb_zb": {//业务实体编码-主表
			"a": "",
			"b": "",
			"_loadMap": {
				"zzb_zb": true,
				"zzb_zib": true
			}
		},
		"zzb_zib": {//业务实体编码-子表
			"xh": "",
			"c": "系统管理员",//配置了当前用户名称为默认值
			"d": "",
			"_loadMap": {
				"zzb_zb_zb": true,
				"zzb_zib": true
			}
		},
		"zzb_zb_zb": {},//业务实体编码-子表的子表（第三层子表），这种数据格式是表单没有引入它
	}
},

"permission": {
	"zzbcs": {//业务对象编码
		"zzb_zb": {//业务实体编码
			"a": "w",//字段权限
			"b": "w"
		},
		"zzb_zb_zb": {
			"e": "w",
			"f": "w",
			"bid": "w"
		},
		"zzb_zib": {
			"xh": "w",
			"c": "w",
			"d": "w",
			"aid": "w"
		}
	}
},

"tablePermission": {
	"zzbcs": {//业务对象编码
		"zzb_zb": "w",//业务实体权限
		"zzb_zb_zb": "w",
		"zzb_zib": "w"
	}
},

"bpmTask": {
	"id": "1605047070176845824",//任务主键
	"name": "用户任务1",//任务名称
	"nodeKey": "UserTask1",//任务节点key
	"title": "系统管理员11发起的峻哥专用_会签测试",//任务标题
	"instId": "1605046838202474496",//流程实例主键
	"actTaskId": "1605047070176845824",//activiti引擎任务ID
	"actExecutionId": "1605047069300236288",//activiti引擎执行ID
	"defId": "1548864331912663040",//流程定义ID
	"statusArr": "normal",//任务的状态历史，多状态用,分割。eg：normal,sign
	"assigneeNames": "系统管理员11",//候选人名称
	"priority": 50,//紧急程度
	"supportMobile": 0,//任务是否支持移动端
	"taskType": "userTask",//任务类型
	"taskTypeDeclaringClass": "com.dstz.bpm.api.enums.TaskType",//任务类型显示信息
	"taskTypeKey": "userTask",//任务类型显示信息
	"taskTypeLabelCss": "primary",//任务类型显示信息
	"taskTypeValue": "用户任务",//任务类型名称
	"parentId": "",//父ID
	"typeCode": "flowcs",//流程定义的分类编码
	"createBy": "1",//创建人ID
	"createTime": "2022-12-20 11:46:56",//创建时间
	"createOrgId": "1574336018731565056",//创建人所在组织
	"updater": "系统管理员11",//更新人名称
	"updateTime": "2022-12-20 11:46:56",//更新时间
	"updateBy": "1",//更新人ID
	"status": "normal",//任务状态
	"statusDeclaringClass": "com.dstz.bpm.api.enums.TaskStatus",//任务状态显示信息
	"statusDesc": "普通任务",//任务状态显示信息
	"statusKey": "normal",//任务状态显示信息
	"statusLabelCss": "primary",//任务状态显示信息
	"statusValue": "普通",//任务状态名称
	"durMs": 1853622180,//持续时间
	"isDue": false//是否逾期
}

"bpmInstance": {
	"id": "1605046838202474496",//流程实例ID
	"title": "系统管理员11发起的峻哥专用_会签测试",//标题
	"defId": "1548864331912663040",//流程定义ID
	"actInstId": "1605047069283459072",//activiti引擎实例ID
	"parentId": "",//父ID
	"defKey": "jgzy_hqcs",//流程定义key
	"bizId": "1605047068612370432",//业务数据ID
	"status": "running",//实例状态
	"statusDesc": "运行中",//实例状态名称
	"statusCss": "primary",//实例状态显示相关
	"supportMobile": 0,//是否支持移动端
	"suspensionState": 0,//是否挂起
	"typeCode": "flowcs",//流程定义分类编码
	"summary": "a1：1\nb：1",//概要字段
	"createTime": "2022-12-20 11:46:57",//创建时间
	"creator": "系统管理员11",//创建人名称
	"createBy": "1",//创建人ID
	"createOrgId": "1574336018731565056",//创建人组织ID
	"updateTime": "2022-12-20 11:46:57",//更新时间
	"updater": "系统管理员11",//更新人名称
	"updateBy": "1",//更新人ID
	"rev": 0//版本号
},

// 函数计算
import { formCalculateFunctions } from './form-base/calculateFunctions'
// agileBPM 通用組件庫
import abSubAdd from './form-base/sub-table/ab-sub-add.vue'
import abSubDel from './form-base/sub-table/ab-sub-del.vue'
import abSubScopeTr from './form-base/sub-table/ab-sub-scope-tr.vue'
import abSubTrScope from './form-base/sub-table/ab-sub-tr-scope.vue'
import abRequired from './form-base/ab-required.vue'
import abSubScope from './form-base/sub-table/ab-sub-scope.vue'
import abSubDetail from './form-base/sub-table/ab-sub-detail.vue'
import abSubDetailDialog from './form-base/sub-table/ab-sub-detail-dialog.vue'
import abSubLoad from './form-base/sub-table/ab-sub-load.vue'
import abFormGroup from './form-base/form-group/ab-form-group.vue'
import abFormItem from './form-base/form-group/ab-form-item.vue'
import abPermission from './form-base/ab-permission'
import { ElButtonGroup as abButtonGroup, ElCard as abCard } from 'element-plus'
import abInput from './ab-input/abInput.vue'
import abDate from './ab-date/abDate.vue'
import abMultipleDate from './ab-multiple-date/abMultipleDate.vue'
import abCascader from './ab-cascader/abCascader.vue'
import abCheckboxGroup from './ab-checkbox-group/abCheckboxGroup.vue'
import abDynamicSelect from './ab-dynamic-select/abDynamicSelect.vue'
import abNumber from './ab-number/abNumber.vue'
import abRadioGroup from './ab-radio-group/abRadioGroup.vue'
import abSelect from './ab-select/abSelect.vue'
import abTreeSelect from './ab-tree-select/abTreeSelect.vue'
import abSerialNo from './ab-serial-no/index.vue'
import abSignature from './ab-signature/index.vue'
import abSn from './ab-sn/abSn.vue'
import abSwitch from './ab-switch/abSwitch.vue'
import abRate from './ab-rate/abRate.vue'
import abUpload from './ab-upload/abUpload.vue'
import abCustomDialog from './ab-custom-dialog/abCustomDialog.vue'
import abTablePlugins from './ab-table-plugins/index.vue'
import abCalculate from './ab-table-plugins/abCalculate.vue'
import abCustomQuery from './ab-table-plugins/abCustomQuery.vue'
import abFlowQuote from './ab-flow-quote/index.vue'
import abRichEditor from './ab-rich-editor/abRichEditor.vue'