")),w=e=>e.replace(c,""),_=e=>{if(e)if(h(e)){let t=[];for(let r of e)t.push(_(r));e=t}else if(p(e)){let t={};for(let r in e)t[r]=_(e[r]);e=t}return e},b=(e,t,r=1)=>{if(r<5){let i=a(t?e:"_rdm_"+e);if(i){let e=t||a("_rd_stage"),r=e.getBoundingClientRect(),o={x:r.x,y:r.y,width:r.width,height:r.height};r=i.getBoundingClientRect();let s={x:r.x,y:r.y,width:r.width,height:r.height};if(!d.dN(o,s,!0)){let t=e.clientHeight/3,r=e.clientWidth/3,i=s.x+e.scrollLeft-o.x-r,d=s.y+e.scrollTop-o.y-t,l=e.scrollHeight-e.clientHeight,a=e.scrollWidth-e.clientWidth;i<0?i=0:i>a&&(i=a),d<0?d=0:d>l&&(d=l),e.scrollTo(i,d)}}else setTimeout(b,20,e,t,r++)}};r.exports={dO:_,dY:b,ew:w,dL(e,t,r=null){t=t||150;let i,d=o("dm_"),l=this;return(...o)=>{clearTimeout(i);let a=s(l,d);i=setTimeout((()=>{a()&&e.apply(r,o)}),t)}},eu(e,t=50){let r,i=0;return(...d)=>{r=l(),r-i>t&&(i=r,e(...d))}},ey(e,t=65){let r,i="";for(e+=1;e;)r=(e-1)%26,i=String.fromCharCode(r+t)+i,e=(e-r-1)/26;return i},ev:y,ex:(e,t=0)=>(e=(e+t)%180)<=22.5||e>157.5?"ew":e<=67.5?"nwse":e<=112.5?"ns":e<=157.5?"nesw":void 0,ez(e){let t=n.get("dP"),r=a(f);r||(r=document.createElement("div"),r.id=f,document.body.appendChild(r),r.className="rd-dM rd-et"),r.style.cssText=`left:-1000px;top:-1000px;font-size:${e.fontsize}${t};letter-spacing:${e.letterspacing}${t};line-height:${e.lineheight};font-family:${e.fontfamily}`;let{text:i,richtext:d}=e;return r.innerHTML=d?w(i):y(i),{_es:r.offsetWidth+1,_et:r.offsetHeight+1}},_eW:(e,t,r)=>((e+="").length
\u6253\u5370\u63a7\u5236
',1)],y=[i=t("div",{_:"cO",class:"rd-dW rd-eH rd-eK rd-lg"},w)]),w=[],L&&L.length){j=[];for(let e=null==L?void 0:L.length,i=0;iLodop\u6253\u5370\u8bbe\u7f6e
',1)],c=[i=t("div",{_:"cO",class:"rd-dW rd-ek"},f)]),d?u=[d]:(g=[t(0,"\u6253\u5370\u63d2\u4ef6\u5730\u5740\uff1a")],u=[d=t("div",{_:"cP",class:"rd-lo"},g)]),g=[t("input",{placeholder:"\u6253\u5370\u63d2\u4ef6\u5730\u5740",class:"rd-dP rd-lp",value:x,"mx5-input":r+"\x1e_pc()"},1,p)],u.push(t("div",0,g)),f=[t("div",n,u)],o?f.push(o):(u=[t(0,'Lodop\u5b89\u88c5\u540e\u4f1a\u6709\u4e00\u4e2a\u901a\u8fc7http\u534f\u8bae\u6765\u63a7\u5236\u6253\u5370\u670d\u52a1\u7684javascript\u63d2\u4ef6\uff0c\u5728\u8fd9\u91cc\u8bbe\u7f6e\u8be5\u63d2\u4ef6\u7684\u5730\u5740\u3002\u5982\u679c\u6253\u5370\u670d\u52a1\u5b89\u88c5\u5728\u5f53\u524d\u7535\u8111\u4e0a\u4e14\u672a\u4fee\u6539\u8fc7\u7aef\u53e3\uff0c\u5219\u65e0\u9700\u505a\u4efb\u4f55\u8bbe\u7f6e\u3002\u53bbLodop\u5b98\u7f51\u4e86\u89e3\u66f4\u591a\u4fe1\u606f',1)],f.push(o=t("div",{_:"cQ",class:"rd-fF rd-lq"},u))),c.push(t("div",a,f)),u=[s||(s=t(0,"\u5e94\u7528"))],f=[t("button",{"mx5-click":r+"\x1e_eS()",class:"rd-dT rd-dV rd-e5 rd-eq",type:"button"},u)],u=[l||(l=t(0,"\u53d6\u6d88"))],f.push(t("button",{"mx5-click":r+"\x1e_eR()",class:"rd-dT rd-e5 rd-eh rd-eq",type:"button"},u)),c.push(t("div",h,f)),t(r,0,c)},init(e){this._eQ=e.dialog},render(){this.digest({src:f._p_()})},"_eR\u5b89\u88c5\u63d0\u793a
',1)],s=[i=t("div",{_:"cO",class:"rd-dW rd-ek"},l)]),d?s.push(d):(l=[t(0,'\u672a\u68c0\u6d4b\u5230Lodop\u6253\u5370\u670d\u52a1\uff0c\u8bf7\u60a8\u5148\u524d\u5f80Lodop\u5b98\u65b9\u793a\u4f8b\u9875\u9762\uff0c\u6309\u76f8\u5173\u8bf4\u660e\u5b89\u88c5Lodop\u6253\u5370\u670d\u52a1\u5e76\u80fd\u6b63\u5e38\u8fd0\u884c\u5b98\u7f51\u63d0\u4f9b\u7684\u793a\u4f8b\u540e\uff0c\u518d\u6765\u8be5\u9875\u9762\u5c1d\u8bd5\u4f7f\u7528Lodop\u6253\u5370\u3002',1)],s.push(d=t("div",{_:"cP",class:"rd-d0"},l))),a=[t(0,n("mL"))],l=[t("button",{"mx5-click":r+"\x1e_ly()",class:"rd-dT rd-dV rd-e5 rd-eq",type:"button"},a)],s.push(t("div",o,l)),t(r,0,s)},init(e){this._eQ=e.dialog},render(){this.digest()},"_lyRDS\u6253\u5370\u8bbe\u7f6e
',1)],Y.push(d=t("div",{_:"cP",class:"rd-dW rd-dX rd-eN rd-eO rd-ek rd-f2"},M))),M=[],O?M.push(t(0,R(O.message))):(o?P=[o]:(S=[t(0,"\u6253\u5370\u673a\uff1a")],P=[o=t("div",{_:"cQ",class:"rd-ep rd-lo"},S)]),P.push(t("div",{$:"list","mx5-owner":r,class:"rd-lp","mx5-change":r+"\x1e_pg({key:'name'})","mx5-view":"6c/83/index?list="+L(j,z,"cO")+"&selected="+k(C.name)})),M.push(t("div",y,P)),s?P=[s]:(S=[t(0,"\u65b9\u5411\uff1a")],P=[s=t("div",{_:"cR",class:"rd-ep rd-lo"},S)]),P.push(t("div",{$:"layouts","mx5-owner":r,class:"rd-lp","mx5-change":r+"\x1e_pg({key:'l'})","mx5-view":"6c/83/index?list="+L(j,H,"cP")+"&textKey=text&valueKey=value&selected="+k(C.l)})),M.push(t("div",w,P)),l?P=[l]:(S=[t(0,"\u53cc\u9762\u6253\u5370\uff1a")],P=[l=t("div",{_:"cS",class:"rd-ep rd-lo"},S)]),S=[t("input",{class:"rd-et rd-fq",type:"checkbox",checked:C.ts,"mx5-change":r+"\x1e_ph()"},1,v)],a?S.push(a):S.push(a=t("i",{_:"cT",class:"rd-eB rd-eu rd-fr rd-ft"})),P.push(t("label",_,S)),M.push(t("div",w,P)),n?P=[n]:(S=[t(0,"\u6253\u5370\u4efd\u6570\uff1a")],P=[n=t("div",{_:"cU",class:"rd-ep rd-lo"},S)]),P.push(t("div",{$:"printer","mx5-owner":r,"mx5-input":r+"\x1e_pf({key:'nc'})",class:"rd-dP rd-eu","mx5-view":"6c/82/index?min=1&value="+L(j,C.nc,"cQ")})),M.push(t("div",w,P)),h?P=[h]:(S=[t(0,"\u5de6\u9875\u8fb9\u8ddd\uff1a")],P=[h=t("div",{_:"cV",class:"rd-ep rd-lo"},S)]),P.push(t("div",{$:"printer","mx5-owner":r,"mx5-input":r+"\x1e_pf({key:'pl'})",class:"rd-dP rd-eu","mx5-view":"6c/82/index?min=0&value="+L(j,C.pl,"cR")})),M.push(t("div",w,P)),p?P=[p]:(S=[t(0,"\u4e0a\u9875\u8fb9\u8ddd\uff1a")],P=[p=t("div",{_:"cW",class:"rd-ep rd-lo"},S)]),P.push(t("div",{$:"printer","mx5-owner":r,"mx5-input":r+"\x1e_pf({key:'pt'})",class:"rd-dP rd-eu","mx5-view":"6c/82/index?min=0&value="+L(j,C.pt,"cS")})),M.push(t("div",w,P)),c?P=[c]:(S=[t(0,"\u53f3\u9875\u8fb9\u8ddd\uff1a")],P=[c=t("div",{_:"cX",class:"rd-ep rd-lo"},S)]),P.push(t("div",{$:"printer","mx5-owner":r,"mx5-input":r+"\x1e_pf({key:'pr'})",class:"rd-dP rd-eu","mx5-view":"6c/82/index?min=0&value="+L(j,C.pr,"cT")})),M.push(t("div",w,P)),f?P=[f]:(S=[t(0,"\u4e0b\u9875\u8fb9\u8ddd\uff1a")],P=[f=t("div",{_:"cY",class:"rd-ep rd-lo"},S)]),P.push(t("div",{$:"printer","mx5-owner":r,"mx5-input":r+"\x1e_pf({key:'pb'})",class:"rd-dP rd-eu","mx5-view":"6c/82/index?min=0&value="+L(j,C.pb,"cU")})),M.push(t("div",w,P))),Y.push(t("div",m,M)),P=[g||(g=t(0,"\u5e94\u7528"))],M=[t("button",{"mx5-click":r+"\x1e_eS()",class:"rd-dT rd-dV rd-e5 rd-eq",type:"button"},P)],P=[u||(u=t(0,"\u53d6\u6d88"))],M.push(t("button",{"mx5-click":r+"\x1e_eR()",class:"rd-dT rd-e5 rd-eh rd-eq",type:"button"},P)),Y.push(t("div",b,M)),x?Y.push(x):Y.push(x=t("div",{_:"cZ",class:"rd-d1 rd-eN rd-fZ"})),t(r,0,Y)},init(e){this._eQ=e.dialog,this.set({exf:L._oP,layouts:O})},render(){let e=M(this,"_pe"),t=new j,r=P("",{print:JSON.stringify({width:0,height:0,location:location.href})});t.all({name:"_gV",url:Y("rdsUrl")+"printers",_gq:r},((t,r)=>{if(e()){let e=L._o1(),i=r.get("data",[]);e.name||(e.name=i[0]),this.digest({error:t,list:i,printer:e})}}))},"_eR正在加载资源...
+
+
\ No newline at end of file
diff --git a/src/components/basic/Audit.vue b/src/components/basic/Audit.vue
new file mode 100644
index 0000000..431d6c5
--- /dev/null
+++ b/src/components/basic/Audit.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+ {{ item.text }}
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/basic/Empty.vue b/src/components/basic/Empty.vue
new file mode 100644
index 0000000..e5e6a79
--- /dev/null
+++ b/src/components/basic/Empty.vue
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/src/components/basic/ErrorMsg.vue b/src/components/basic/ErrorMsg.vue
new file mode 100644
index 0000000..3885ed5
--- /dev/null
+++ b/src/components/basic/ErrorMsg.vue
@@ -0,0 +1,3 @@
+
+
+
diff --git a/src/components/basic/Icons.vue b/src/components/basic/Icons.vue
new file mode 100644
index 0000000..afd4250
--- /dev/null
+++ b/src/components/basic/Icons.vue
@@ -0,0 +1,345 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/basic/MesBox.vue b/src/components/basic/MesBox.vue
new file mode 100644
index 0000000..a4d4630
--- /dev/null
+++ b/src/components/basic/MesBox.vue
@@ -0,0 +1,185 @@
+
+
+
+
+ {{ item }}
+
+
+
+ {{ title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/basic/MesElementMenu.vue b/src/components/basic/MesElementMenu.vue
new file mode 100644
index 0000000..db70ac1
--- /dev/null
+++ b/src/components/basic/MesElementMenu.vue
@@ -0,0 +1,197 @@
+
+
+
+
+
+
diff --git a/src/components/basic/MesElementMenuChild.vue b/src/components/basic/MesElementMenuChild.vue
new file mode 100644
index 0000000..285eb0c
--- /dev/null
+++ b/src/components/basic/MesElementMenuChild.vue
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/basic/MesForm.vue b/src/components/basic/MesForm.vue
new file mode 100644
index 0000000..6a7a9db
--- /dev/null
+++ b/src/components/basic/MesForm.vue
@@ -0,0 +1,1485 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ data.label}}
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ kv.value }}
+
+
+
+ {{ kv.value }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 至
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`: ''
+ code = code.replace('{#tabs}', tabsText);
+ if (this.options.tables.length || this.options.tabs.length) {
+ code = code.replace("{import_MesTable}", "import MesTable from '@/components/basic/MesTable'")
+ code = code.replace(",{component_table}", ",'mes-table': MesTable")
+ } else {
+ code = code.replace("{import_MesTable}", '')
+ code = code.replace("{component_table}", '')
+ }
+
+ if (this.options.tables.length) {
+
+ code = code.replace('{table_ms}', `
+ tableBtnClick (item, btnIndex, index) {
+ if (item.buttons[btnIndex].value == "add") {
+ this.$refs["table" + index][0].addRow({});
+ return;
+ }
+ if (item.buttons[btnIndex].value == "del") {
+ this.$refs["table" + index][0].delRow();
+ return;
+ }
+ },
+ tabsTableBtnClick (item, btnIndex, index) {
+ if (item.buttons[btnIndex].value == "add") {
+ this.$refs["tabsTable" + index][0].addRow({});
+ return;
+ }
+ if (item.buttons[btnIndex].value == "del") {
+ this.$refs["tabsTable" + index][0].delRow();
+ return;
+ }
+ },`)
+ code = code.replace('{#tables}',
+ `
+
+
+
+
+ {{ item.name }}
+
+
+
+ {{ btnItem.name }}
+
+
+
+
`);
+
+ } else {
+
+ code = code.replace('{table_ms}', '')
+ code = code.replace('{#tables}', '');
+ }
+ const blob = new Blob([code], { type: "text/plain;charset=utf-8" })
+ if ('download' in document.createElement('a')) { // 非IE下载
+ const elink = document.createElement('a')
+ elink.download = `code${new Date().valueOf()}.vue`;
+ elink.style.display = 'none'
+ elink.href = URL.createObjectURL(blob)
+ document.body.appendChild(elink)
+ elink.click()
+ URL.revokeObjectURL(elink.href) // 释放URL 对象
+ document.body.removeChild(elink)
+ } else {
+ navigator.msSaveBlob(blob, fileName)
+ }
+}
\ No newline at end of file
diff --git a/src/components/basic/MesFormDraggable/MesFormDraggable.vue b/src/components/basic/MesFormDraggable/MesFormDraggable.vue
new file mode 100644
index 0000000..f2f8f97
--- /dev/null
+++ b/src/components/basic/MesFormDraggable/MesFormDraggable.vue
@@ -0,0 +1,1155 @@
+
+
+
+
+
+
+ {{ item.name }}
+
+
+
+ {{ btnItem.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+ 组件列表
+
+ {{ item.name }}
+
+
+
+ 示例一
+ 示例二
+ 示例三
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 1、表单设计器基于draggable开发,为本框架自定义页面功能的补充,框架仍以可视化代码生成器为核心
+
+
+ 2、支持可视化设计1对1、1对多及表单下拉框自动绑定、table自动加载数据(分页、编辑)、自动上传文件、富文本编辑
+
+
+ 请将左边组件拖入此容器中
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.name }}
+
+
+
+
+ {{ item.name }}
+
+
+
+
+ 组件属性
+
+
+
+
+ 字段名称
+
+
+ 字段(唯一字段)
+
+
+ 后台返回数据接口地址
+
+
+
+
+
+
+ 上传接口地址(后台接口)
+ 文件大小限制(M)
+ 是否多文件上传
+ 是否自动上传
+
+
+
+
+
+
+ 数据源(下拉框绑定设置中维护)
+
+
+
+
+
+
+ 标签宽度
+
+
+
+
+
+
+
+ 必填
+
+
+
+
+
+ 只读
+
+
+
+
+ 是否使用选项卡(tabs)
+
+
+
+
+
+ table配置
+
+ 弹出框内容
+
+
+
+ 点击关闭
+ 关闭
+
+
+
+
+
+ 表格默认功能按钮：
+ {{ item.name }}
+
+
+ 添加字段
+ 删除字段
+ 重新排列
+
+
+ 关闭
+ 保存
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/basic/MesFormDraggable/formTemplate.js b/src/components/basic/MesFormDraggable/formTemplate.js
new file mode 100644
index 0000000..e8dca27
--- /dev/null
+++ b/src/components/basic/MesFormDraggable/formTemplate.js
@@ -0,0 +1,664 @@
+
+
+let options1 = [
+ {
+ "id": 1,
+ "name": "输入框",
+ "type": "text",
+ "value": "",
+ "icon": "el-icon-document",
+ "field": "field1630258884671",
+ "width": 20,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 3,
+ "name": "日期",
+ "type": "date",
+ "icon": "el-icon-date",
+ "value": null,
+ "field": "field1630258891760",
+ "width": 20,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 7,
+ "name": "下拉框",
+ "value": null,
+ "key": "",
+ "data": [
+ {
+ "label": "请设置数据源",
+ "value": "请设置数据源"
+ }
+ ],
+ "type": "select",
+ "icon": "el-icon-arrow-down",
+ "field": "field1630258904862",
+ "width": 30,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 8,
+ "name": "下拉多选",
+ "type": "selectList",
+ "key": "",
+ "values": [],
+ "data": [
+ {
+ "label": "请设置数据源",
+ "value": "请设置数据源"
+ }
+ ],
+ "icon": "el-icon-arrow-down",
+ "field": "field1630258924442",
+ "width": 30,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 81,
+ "name": "级联",
+ "type": "cascader",
+ "icon": "el-icon-share",
+ "values": [],
+ "key": "",
+ "data": [
+ {
+ "value": "请配置数据源",
+ "label": "请配置数据源",
+ "children": [
+ {
+ "value": "具体",
+ "label": "菜单:下拉框绑定设置"
+ },
+ {
+ "value": "color",
+ "label": "可参照字典编号[tree_roles]"
+ }
+ ]
+ }
+ ],
+ "field": "field1630259518082",
+ "width": 20,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 6,
+ "name": "多选",
+ "values": [
+ "发货"
+ ],
+ "type": "checkbox",
+ "key": "ordertype",
+ "data": [
+ {
+ "key": "1",
+ "value": "发货"
+ },
+ {
+ "key": "2",
+ "value": "退货"
+ },
+ {
+ "key": "3",
+ "value": "返单"
+ }
+ ],
+ "icon": "el-icon-circle-check",
+ "field": "field1630259033241",
+ "width": 30,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 5,
+ "name": "单选",
+ "type": "radio",
+ "icon": "el-icon-aim",
+ "value": 0,
+ "data": [
+ {
+ "key": "0",
+ "value": "否"
+ },
+ {
+ "key": "2",
+ "value": "xx11"
+ },
+ {
+ "key": "1",
+ "value": "是"
+ }
+ ],
+ "key": "enable",
+ "field": "field1630259538490",
+ "width": 30,
+ "readonly": false,
+ "required": false,
+ "values": [
+ "否"
+ ]
+ },
+ {
+ "id": 4,
+ "name": "switch",
+ "type": "switch",
+ "icon": "el-icon-turn-off",
+ "value": 0,
+ "field": "field1630259172794",
+ "width": 20,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 12,
+ "name": "分段信息",
+ "type": "line",
+ "icon": "el-icon-guide",
+ "field": "field1630259600186",
+ "width": 100,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 9,
+ "name": "图片",
+ "type": "img",
+ "url": "api/SellOrder/upload",
+ "maxSize": 3,
+ "fileInfo": [],
+ "multiple": false,
+ "autoUpload": false,
+ "maxFile": 5,
+ "icon": "el-icon-picture-outline",
+ "field": "field1630259295154",
+ "width": 100,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 10,
+ "name": "excel",
+ "url": "api/SellOrder/upload",
+ "maxSize": 3,
+ "multiple": false,
+ "autoUpload": true,
+ "maxFile": 5,
+ "fileInfo": [],
+ "type": "excel",
+ "icon": "el-icon-upload",
+ "field": "field1630259610476",
+ "width": 100,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 5,
+ "name": "单选",
+ "type": "radio",
+ "icon": "el-icon-aim",
+ "value": 0,
+ "data": [
+ {
+ "key": "0",
+ "value": "审核中"
+ },
+ {
+ "key": "1",
+ "value": "审核通过"
+ },
+ {
+ "key": "2",
+ "value": "审核未通过"
+ }
+ ],
+ "key": "audit",
+ "field": "field1630258969346",
+ "width": 40,
+ "readonly": false,
+ "required": false,
+ "values": [
+ "审核中"
+ ]
+ }
+];
+let options2=[
+ {
+ "id": 1,
+ "name": "输入框",
+ "type": "text",
+ "value": "",
+ "icon": "el-icon-document",
+ "field": "field1630258884671",
+ "width": 20,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 3,
+ "name": "日期",
+ "type": "date",
+ "icon": "el-icon-date",
+ "value": null,
+ "field": "field1630258891760",
+ "width": 20,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 7,
+ "name": "下拉框",
+ "value": null,
+ "key": "",
+ "data": [
+ {
+ "label": "请设置数据源",
+ "value": "请设置数据源"
+ }
+ ],
+ "type": "select",
+ "icon": "el-icon-arrow-down",
+ "field": "field1630258904862",
+ "width": 30,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 8,
+ "name": "下拉多选",
+ "type": "selectList",
+ "key": "",
+ "values": [],
+ "data": [
+ {
+ "label": "请设置数据源",
+ "value": "请设置数据源"
+ }
+ ],
+ "icon": "el-icon-arrow-down",
+ "field": "field1630258924442",
+ "width": 30,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 2,
+ "name": "textarea",
+ "type": "textarea",
+ "value": "",
+ "icon": "el-icon-document-copy",
+ "field": "field1630260207393",
+ "width": 100,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 13,
+ "name": "表格",
+ "type": "table",
+ "tabs": true,
+ "columns": [
+ {
+ "title": "运单号",
+ "field": "TranNo",
+ "show": true,
+ "required": false,
+ "edit": true,
+ "dataType": null,
+ "dataSource": null,
+ "width": "140",
+ "orderNo": null,
+ "elementIndex": 0
+ },
+ {
+ "title": "销售订单号",
+ "field": "SellNo",
+ "show": true,
+ "required": false,
+ "edit": true,
+ "dataType": null,
+ "dataSource": null,
+ "width": "140",
+ "orderNo": null,
+ "elementIndex": 1
+ },
+ {
+ "title": "订单类型",
+ "field": "OrderType",
+ "show": true,
+ "required": false,
+ "edit": true,
+ "dataType": null,
+ "dataSource": "ordertype",
+ "width": 120,
+ "orderNo": null,
+ "elementIndex": 2,
+ "editType": "select"
+ },
+ {
+ "title": "销售数量",
+ "field": "Qty",
+ "show": true,
+ "required": false,
+ "edit": true,
+ "dataType": null,
+ "dataSource": null,
+ "width": "80",
+ "orderNo": null,
+ "elementIndex": 3
+ },
+ {
+ "field": "CreateDate",
+ "elementIndex": 4,
+ "show": 1,
+ "required": 0,
+ "edit": 0,
+ "title": "订单时间",
+ "dataType": "date",
+ "width": "100"
+ }
+ ],
+ "tableData": [
+ {
+ "field1": "field1",
+ "field2": "field2",
+ "field3": "field3",
+ "field4": "field4"
+ },
+ {
+ "field1": "field1",
+ "field2": "field2",
+ "field3": "field3",
+ "field4": "field4"
+ },
+ {
+ "field1": "field1",
+ "field2": "field2",
+ "field3": "field3",
+ "field4": "field4"
+ }
+ ],
+ "height": 200,
+ "icon": "el-icon-c-scale-to-original",
+ "url": "api/SellOrder/getPageData",
+ "index": false,
+ "columnIndex": false,
+ "ck": true,
+ "buttons": [
+ {
+ "name": "添加行",
+ "ck": false,
+ "icon": "el-icon-plus",
+ "value": "add"
+ },
+ {
+ "name": "删除行",
+ "ck": false,
+ "icon": "el-icon-delete",
+ "value": "del"
+ },
+ {
+ "name": "刷新",
+ "ck": false,
+ "icon": "el-icon-refresh-right",
+ "value": "ref"
+ }
+ ],
+ "field": "field1630260242867",
+ "width": 100,
+ "readonly": false,
+ "required": false,
+ "pagination": false
+ },
+ {
+ "id": 13,
+ "name": "表格",
+ "type": "table",
+ "tabs": true,
+ "columns": [
+ {
+ "title": "字段1",
+ "field": "field1",
+ "show": true,
+ "required": false,
+ "edit": false,
+ "dataType": null,
+ "dataSource": null,
+ "width": 120,
+ "orderNo": null
+ },
+ {
+ "title": "字段2",
+ "field": "field2",
+ "show": true,
+ "required": false,
+ "edit": false,
+ "dataType": null,
+ "dataSource": null,
+ "width": 120,
+ "orderNo": null
+ },
+ {
+ "title": "字段3",
+ "field": "field3",
+ "show": true,
+ "required": false,
+ "edit": false,
+ "dataType": null,
+ "dataSource": null,
+ "width": 120,
+ "orderNo": null
+ },
+ {
+ "title": "字段4",
+ "field": "field4",
+ "show": true,
+ "required": false,
+ "edit": false,
+ "dataType": null,
+ "dataSource": null,
+ "width": 120,
+ "orderNo": null
+ }
+ ],
+ "tableData": [
+ {
+ "field1": "field1",
+ "field2": "field2",
+ "field3": "field3",
+ "field4": "field4"
+ },
+ {
+ "field1": "field1",
+ "field2": "field2",
+ "field3": "field3",
+ "field4": "field4"
+ },
+ {
+ "field1": "field1",
+ "field2": "field2",
+ "field3": "field3",
+ "field4": "field4"
+ }
+ ],
+ "height": 200,
+ "icon": "el-icon-c-scale-to-original",
+ "url": null,
+ "index": false,
+ "columnIndex": false,
+ "ck": true,
+ "buttons": [
+ {
+ "name": "添加行",
+ "ck": false,
+ "icon": "el-icon-plus",
+ "value": "add"
+ },
+ {
+ "name": "删除行",
+ "ck": false,
+ "icon": "el-icon-delete",
+ "value": "del"
+ },
+ {
+ "name": "刷新",
+ "ck": false,
+ "icon": "el-icon-refresh-right",
+ "value": "ref"
+ }
+ ],
+ "field": "field1630260481283",
+ "width": 100,
+ "readonly": false,
+ "required": false,
+ "pagination": true
+ }
+]
+
+let options3=[
+ {
+ "id": 1,
+ "name": "输入框",
+ "type": "text",
+ "value": "",
+ "icon": "el-icon-document",
+ "field": "field1630258884671",
+ "width": 20,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 3,
+ "name": "日期",
+ "type": "date",
+ "icon": "el-icon-date",
+ "value": null,
+ "field": "field1630258891760",
+ "width": 20,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 7,
+ "name": "下拉框",
+ "value": null,
+ "key": "",
+ "data": [
+ {
+ "label": "请设置数据源",
+ "value": "请设置数据源"
+ }
+ ],
+ "type": "select",
+ "icon": "el-icon-arrow-down",
+ "field": "field1630258904862",
+ "width": 30,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 8,
+ "name": "下拉多选",
+ "type": "selectList",
+ "key": "",
+ "values": [],
+ "data": [
+ {
+ "label": "请设置数据源",
+ "value": "请设置数据源"
+ }
+ ],
+ "icon": "el-icon-arrow-down",
+ "field": "field1630258924442",
+ "width": 30,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 5,
+ "name": "单选",
+ "type": "radio",
+ "icon": "el-icon-aim",
+ "value": 0,
+ "data": [
+ {
+ "key": "0",
+ "value": "否"
+ },
+ {
+ "key": "2",
+ "value": "xx11"
+ },
+ {
+ "key": "1",
+ "value": "是"
+ }
+ ],
+ "key": "enable",
+ "field": "field1630260669595",
+ "width": 50,
+ "readonly": false,
+ "required": false,
+ "values": [
+ "否"
+ ]
+ },
+ {
+ "id": 6,
+ "name": "多选",
+ "values": [
+ "否"
+ ],
+ "type": "checkbox",
+ "key": "enable",
+ "data": [
+ {
+ "key": "0",
+ "value": "否"
+ },
+ {
+ "key": "2",
+ "value": "xx11"
+ },
+ {
+ "key": "1",
+ "value": "是"
+ }
+ ],
+ "icon": "el-icon-circle-check",
+ "field": "field1630260695322",
+ "width": 50,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 2,
+ "name": "textarea",
+ "type": "textarea",
+ "value": "",
+ "icon": "el-icon-document-copy",
+ "field": "field1630260207393",
+ "width": 100,
+ "readonly": false,
+ "required": false
+ },
+ {
+ "id": 13,
+ "name": "编辑器",
+ "type": "editor",
+ "value": "",
+ "url": "",
+ "height": 200,
+ "icon": "el-icon-notebook-2",
+ "field": "field1630260646842",
+ "width": 100,
+ "readonly": false,
+ "required": false
+ }
+]
+export { options1, options2,options3 }
diff --git a/src/components/basic/MesFormDraggable/index.js b/src/components/basic/MesFormDraggable/index.js
new file mode 100644
index 0000000..cbc3aa4
--- /dev/null
+++ b/src/components/basic/MesFormDraggable/index.js
@@ -0,0 +1,3 @@
+import MesFormDraggable from './MesFormDraggable'
+
+ export default MesFormDraggable;
\ No newline at end of file
diff --git a/src/components/basic/MesFormDraggable/options.js b/src/components/basic/MesFormDraggable/options.js
new file mode 100644
index 0000000..c60047c
--- /dev/null
+++ b/src/components/basic/MesFormDraggable/options.js
@@ -0,0 +1,226 @@
+const components = [
+ {
+ id: 1,
+ name: "输入框",
+ type: "text",
+ value: "",
+ icon: "el-icon-document",
+ },
+ {
+ id: 2,
+ name: "textarea",
+ type: "textarea",
+ value: "",
+ icon: "el-icon-document-copy",
+ },
+ {
+ id: 3,
+ name: "日期",
+ type: "date",
+ icon: "el-icon-date",
+ value: null,
+ },
+ {
+ id: 4,
+ name: "switch",
+ type: "switch",
+ icon: "el-icon-turn-off",
+ value: 0,
+ },
+ { id: 5, name: "单选", type: "radio", icon: "el-icon-aim", value: 0, data: [{ label: "0", value: "请设置数据源1" }, { label: "1", value: "请设置数据源2" }], key: "" },
+ {
+ id: 6,
+ name: "多选",
+ values: [],
+ type: "checkbox",
+ key: "",
+ data: [{ label: "请设置数据源", value: "请设置数据源" }],
+ icon: "el-icon-circle-check",
+ },
+ {
+ id: 7,
+ name: "下拉框",
+ value: null,
+ key: "",
+ data: [{ label: "请设置数据源", value: "请设置数据源" }],
+ type: "select",
+ icon: "el-icon-arrow-down",
+ },
+ {
+ id: 8,
+ name: "下拉框多选",
+ type: "selectList",
+ key: "",
+ values: [],
+ data: [{ label: "请设置数据源", value: "请设置数据源" }],
+ icon: "el-icon-arrow-down",
+ },
+ {
+ id: 81,
+ name: "级联",
+ type: "cascader",
+ icon: "el-icon-share",
+ values: [],
+ key: "",
+ data: [
+ {
+ value: "请配置数据源",
+ label: "请配置数据源",
+ children: [
+ {
+ value: "具体",
+ label: "菜单:下拉框绑定设置",
+ },
+ {
+ value: "color",
+ label: "可参照字典编号[tree_roles]",
+ }
+ ],
+ },
+ ],
+ },
+ {
+ id: 9,
+ name: "图片上传",
+ type: "img",
+ url: "",
+ maxSize: 3,
+ fileInfo: [],
+ multiple: false,
+ autoUpload: false,
+ maxFile: 5,
+ icon: "el-icon-picture-outline",
+ },
+ {
+ id: 10,
+ name: "excel上传",
+ url: "",
+ maxSize: 3,
+ multiple: false,
+ autoUpload: false,
+ maxFile: 5, //最多可上传5个文件
+ fileInfo: [],
+ type: "excel",
+ icon: "el-icon-upload",
+ },
+ {
+ id: 11,
+ name: "文件上传",
+ type: "file",
+ url: "",
+ maxSize: 3,
+ multiple: false,
+ autoUpload: false,
+ maxFile: 5,
+ fileInfo: [],
+ icon: "el-icon-folder-opened",
+ },
+ {
+ id: 12,
+ name: "分段信息",
+ type: "line",
+ icon: "el-icon-guide",
+ },
+ {
+ id: 13,
+ name: "编辑器",
+ type: "editor",
+ value: "",
+ url: "",
+ height: 200,
+ icon: "el-icon-notebook-2",
+ },
+ {
+ id: 13,
+ name: "弹出框",
+ type: "box",
+ value: "",
+ url: "",
+ height: 250,
+ icon: "el-icon-notebook-2",
+ },
+ {
+ id: 13,
+ name: "表格",
+ type: "table",
+ tabs: false,
+ columns: [
+ { title: "字段1", field: "field1", show: true, required: false, edit: false, dataType: null, dataSource: null, width: 120, orderNo: null },
+ { title: "字段2", field: "field2", show: true, required: false, edit: false, dataType: null, dataSource: null, width: 120, orderNo: null },
+ { title: "字段3", field: "field3", show: true, required: false, edit: false, dataType: null, dataSource: null, width: 120, orderNo: null },
+ { title: "字段4", field: "field4", show: true, required: false, edit: false, dataType: null, dataSource: null, width: 120, orderNo: null },
+ // { title: "字段5", field: "Field5", width: 120 },
+ ],
+ tableData: [
+ {
+ field1: "field1",
+ field2: "field2",
+ field3: "field3",
+ field4: "field4",
+ },
+ {
+ field1: "field1",
+ field2: "field2",
+ field3: "field3",
+ field4: "field4",
+ },
+ {
+ field1: "field1",
+ field2: "field2",
+ field3: "field3",
+ field4: "field4",
+ },
+ ],
+ height: 150,
+ icon: "el-icon-c-scale-to-original",
+ url: null,
+ index: false, //item.index,
+ height: 200,
+ index: false,
+ columnIndex: false,
+ ck: true,
+ buttons: [
+ { name: '添加行', ck: false, icon: 'el-icon-plus',value:'add' },
+ { name: '删除行', ck: false, icon: 'el-icon-delete',value:'del' },
+ { name: '刷新', ck: false ,icon:'el-icon-refresh-right',value:'ref'}],
+ },
+]
+const tableOption = [
+ { field: 'field', title: '字段', edit: { type: "text", keep: true }, width: 160 },
+ { field: 'title', title: '字段中文名', edit: { type: "text", keep: true }, width: 120 },
+ { field: 'show', title: '是否显示', edit: { type: "switch", keep: true }, width: 90 },
+ {
+ field: 'dataType', title: '显示类型', edit: { type: "select", keep: true }, width: 120, bind: {
+ key: '', data: [
+ { "key": "switch", "value": "单选" },
+ { "key": "date", "value": "年月日" },
+ { "key": "img", "value": "图片" },
+ { "key": "excel", "value": "excel" },
+ { "key": "file", "value": "文件" }
+ ]
+ }
+ },
+
+ { field: 'required', title: '是否必填', edit: { type: "switch", keep: true }, width: 90 },
+ { field: 'edit', title: '是否可编辑', edit: { type: "switch", keep: true }, width: 90 },
+ {
+ field: 'editType', title: '编辑类型', edit: { type: "select", keep: true, }, width: 120, bind: {
+ key: '', data: [{ "key": "text", "value": "输入框" },
+ { "key": "switch", "value": "单选" },
+ { "key": "select", "value": "下拉框" },
+ { "key": "selectList", "value": "下拉框多选" },
+ { "key": "date", "value": "日期" },
+ { "key": "datetime", "value": "日期时分秒" },
+ { "key": "checkbox", "value": "复选框多选" },
+ { "key": "mail", "value": "邮箱地址" },
+ { "key": "number", "value": "数字" },
+ { "key": "decimal", "value": "小数" },
+ { "key": "phone", "value": "手机号" },
+ ]
+ }
+ },
+ { field: 'dataSource', title: '数据源', edit: { type: "select", keep: true, data: [] }, bind: { key: '', data: [] }, width: 120 },
+ { field: 'width', title: '列宽度', edit: { type: "text", keep: true }, width: 80 },
+ { field: 'orderNo', title: '列显示顺序', edit: { type: "text", keep: true }, width: 100 }
+];
+export { components, tableOption }
\ No newline at end of file
diff --git a/src/components/basic/MesFormDraggable/templateCode.js b/src/components/basic/MesFormDraggable/templateCode.js
new file mode 100644
index 0000000..2ff7868
--- /dev/null
+++ b/src/components/basic/MesFormDraggable/templateCode.js
@@ -0,0 +1,95 @@
+var code = `
+{{ text }}
+
+
+
+
+
+
+
+
+ {{ item.name }}
+
+
+
+ {{ btnItem.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.name }}
+
+
+
+ {{ btnItem.name }}
+
+
+
+ 提交
+ 重置
+ 下载代码
+
+
+
+
+ {#tables}
+ {#tabs}
+
+
+
+
+
+`
+
+export default code
\ No newline at end of file
diff --git a/src/components/basic/MesHeader.vue b/src/components/basic/MesHeader.vue
new file mode 100644
index 0000000..0b69882
--- /dev/null
+++ b/src/components/basic/MesHeader.vue
@@ -0,0 +1,67 @@
+
+ {{ text }}
+
+ 提交
+ 重置
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/basic/MesTable.vue b/src/components/basic/MesTable.vue
new file mode 100644
index 0000000..5cbb239
--- /dev/null
+++ b/src/components/basic/MesTable.vue
@@ -0,0 +1,1614 @@
+
+
+
+
+ {{ title || text }}
+
+
+
+
+
+
+
+
+
+
+
+ *{{ column.title }}
+
+
+
+
+
+
+
+
+
+
+ ![]()
+ {{ file.name }}
+ {{
+ formatterDate(scope.row, column)
+ }}
+
+
+ {{ formatter(scope.row, column, true) }}
+
+
+ {{ formatter(scope.row, column, true) }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/basic/MesTable/MesTableRender.js b/src/components/basic/MesTable/MesTableRender.js
new file mode 100644
index 0000000..988a672
--- /dev/null
+++ b/src/components/basic/MesTable/MesTableRender.js
@@ -0,0 +1,14 @@
+import { h } from 'vue';
+export default {
+ name: "TableExpand",
+ functional: true,
+ props: {
+ render: Function,
+ row: {},//当前行的数据
+ column: {},//当前行的配置信息
+ index: { type: Number, default: 0 }//当前所在行
+ },
+ render: ({ render,row ,column,index }) => {
+ return render(h, {row ,column,index}); //h();
+ }
+};
diff --git a/src/components/basic/MesUpload.vue b/src/components/basic/MesUpload.vue
new file mode 100644
index 0000000..dc10c60
--- /dev/null
+++ b/src/components/basic/MesUpload.vue
@@ -0,0 +1,738 @@
+
+
+ {{ formatter(scope1.row, columnChildren, true) }}
+
+ {{
+ formatterDate(scope1.row, columnChildren)
+ }}
+
+ {{ scope1.row[columnChildren.field] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.value }}
+
+
+
+
+
+
+
+
+ {{ formatter(scope.row, column, true) }}
+
+
+ {{ scope.row[column.field] }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/basic/QuickSearch.vue b/src/components/basic/QuickSearch.vue
new file mode 100644
index 0000000..185cbf2
--- /dev/null
+++ b/src/components/basic/QuickSearch.vue
@@ -0,0 +1,152 @@
+
+
+
+
+
+ 选择{{ img ? "图片" : "文件" }}
+
+ 上传文件
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ loadText }}
+
+
+
+
+
+
+ -
+
- + + + + {{ file.name }} + + + + + + +
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/basic/RouterLoading.vue b/src/components/basic/RouterLoading.vue
new file mode 100644
index 0000000..134a454
--- /dev/null
+++ b/src/components/basic/RouterLoading.vue
@@ -0,0 +1,105 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/basic/UploadExcel.vue b/src/components/basic/UploadExcel.vue
new file mode 100644
index 0000000..942dde4
--- /dev/null
+++ b/src/components/basic/UploadExcel.vue
@@ -0,0 +1,221 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/basic/ViewGrid/AuditHis.vue b/src/components/basic/ViewGrid/AuditHis.vue
new file mode 100644
index 0000000..08b30af
--- /dev/null
+++ b/src/components/basic/ViewGrid/AuditHis.vue
@@ -0,0 +1,46 @@
+
+
+ 只能上传excel文件,文件大小不超过{{ maxSize }}M
+
+
+
+
+
+ 文件列表
+
+ 文件名：{{ file.name }}
+ 大小{{ (file.size / 1024).toFixed(2) }}KB
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/basic/ViewGrid/ViewGridAudit.vue b/src/components/basic/ViewGrid/ViewGridAudit.vue
new file mode 100644
index 0000000..24358e7
--- /dev/null
+++ b/src/components/basic/ViewGrid/ViewGridAudit.vue
@@ -0,0 +1,366 @@
+
+
+ 取消
+ 重置
+ 确定
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查询
+
+
+
+ 重置
+
+
+ 关闭
+
+
+
+
+
+
+
+
+
+ {{ table.cnName }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ btn.name }}
+
+
+
+
+
+
+
+
+ {{ btn.name }}
+
+
+
+
+
+
+
+ 更多
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 关闭
+
+
+ 审批
+
+
+
+
+ {{ btn.name }}
+
+
+ 关闭
+
+
+
+
+
+
+
+
+
+
+
+
+ 审核
+ 审核记录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 流程开始
+ {{ item.createDate }}
+
+
+
+
+
+ {{ item.stepName }}
+
+ 发起人：{{ item.creator }}
+
+
+
+
+ 流程结束
+
+
+
+
+
+ {{ item.stepName }}
+
+
+
+
+
+ 审批时间
+ {{ item.auditDate || '待审批' }}
+
+
+
+
+
+ {{ item.stepName }}
+
+ 审批人：{{ item.auditor }}
+
+ 状 态： {{ getAuditStatus(item.auditStatus) }}
+
+ 备 注： {{ item.remark || '-' }}
+
+
+
+
+
+
+ 审批：
+
+
+ {{ item.text }}
+
+
+
+
+ 审批
+
+
+
+
+
+ #
+ 列名
+ 是否显示
+
+
+ {{ index + 1 }}
+ {{ column.title }}
+
+
+
+
+
+
+
+
diff --git a/src/components/redirect/404.vue b/src/components/redirect/404.vue
new file mode 100644
index 0000000..bd6db8f
--- /dev/null
+++ b/src/components/redirect/404.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
diff --git a/src/components/redirect/Message.vue b/src/components/redirect/Message.vue
new file mode 100644
index 0000000..8952162
--- /dev/null
+++ b/src/components/redirect/Message.vue
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
diff --git a/src/components/redirect/RedirectError.vue b/src/components/redirect/RedirectError.vue
new file mode 100644
index 0000000..5457065
--- /dev/null
+++ b/src/components/redirect/RedirectError.vue
@@ -0,0 +1,59 @@
+
+
+
+
+ {{ text }}
+
+
+
+
+
+
diff --git a/src/components/redirect/coding.vue b/src/components/redirect/coding.vue
new file mode 100644
index 0000000..5569483
--- /dev/null
+++ b/src/components/redirect/coding.vue
@@ -0,0 +1,25 @@
+
+
+
+ {{ errorNumber }}
+{{message}}
+{{ text }}
+
+ 返回首页
+
+
+
+
+
+
+
diff --git a/src/components/workflow/data_A.js b/src/components/workflow/data_A.js
new file mode 100644
index 0000000..f6dc85c
--- /dev/null
+++ b/src/components/workflow/data_A.js
@@ -0,0 +1,54 @@
+let dataA = {
+ "name": "流程A",
+ "nodeList": [
+ {
+ "id": "0",
+ "name": "流程开始",
+ "type": "start",
+ "left": "346px",
+ "top": "22px",
+ "ico": "el-icon-user-solid"
+ },
+ {
+ "id": "nodeA",
+ "name": "流程A-节点A",
+ "type": "node",
+ "left": "346px",
+ "top": "132px",
+ "ico": "el-icon-user-solid"
+ },
+ // {
+ // "id": "nodeB",
+ // "name": "流程A-节点B",
+ // "type": "node",
+ // "left": "347px",
+ // "top": "235px",
+ // "ico": "el-icon-goods"
+ // },
+ // {
+ // "id": "nodeC",
+ // "name": "流程A-节点C",
+ // "type": "node",
+ // "left": "323px",
+ // "top": "399px",
+ // "ico": "el-icon-present"
+ // }
+ ],
+ "lineList": [
+ {
+ "from": "0",
+ "to": "nodeA"
+ },
+ // {
+ // "from": "nodeA",
+ // "to": "nodeB"
+ // },
+ // {
+ // "from": "nodeB",
+ // "to": "nodeC"
+ // }
+ ]
+}
+export function getDataA () {
+ return dataA
+}
diff --git a/src/components/workflow/force-directed.js b/src/components/workflow/force-directed.js
new file mode 100644
index 0000000..f144365
--- /dev/null
+++ b/src/components/workflow/force-directed.js
@@ -0,0 +1,182 @@
+/**
+ * 感谢 https://github.com/chaangliu/ForceDirectedLayout/blob/master/javascript/force-directed.js
+ * A force directed graph layout implementation by liuchang on 2018/05/10.
+ */
+const CANVAS_WIDTH = 1000
+const CANVAS_HEIGHT = 1000
+let k
+let mNodeList = []
+let mEdgeList = []
+let mDxMap = {}
+let mDyMap = {}
+let mNodeMap = {}
+
+export function ForceDirected(data = {}) {
+ // generate nodes and edges
+ // for (let i = 0; i < 20; i++) {
+ // mNodeList.push(new Node(i))
+ // }
+ k = 0
+ mNodeList = []
+ mEdgeList = []
+ mDxMap = {}
+ mDyMap = {}
+ mNodeMap = {}
+
+ let nodeList = data.nodeList
+ for (let i = 0; i < nodeList.length; i++) {
+ let node = nodeList[i]
+ mNodeList.push(node)
+ }
+
+ // for (let i = 0; i < 20; i++) {
+ // let edgeCount = Math.random() * 8 + 1
+ // for (let j = 0; j < edgeCount; j++) {
+ // let targetId = Math.floor(Math.random() * 20)
+ // let edge = new Edge(i, targetId)
+ // mEdgeList.push(edge)
+ // }
+ // }
+ // line 转 edge
+ let lineList = data.lineList
+ for (let i = 0; i < lineList.length; i++) {
+ let line = lineList[i]
+ let edge = new Edge(line.from, line.to)
+ mEdgeList.push(edge)
+ }
+
+ if (mNodeList && mEdgeList) {
+ k = Math.sqrt(CANVAS_WIDTH * CANVAS_HEIGHT / mNodeList.length)
+ }
+ for (let i = 0; i < mNodeList.length; i++) {
+ let node = mNodeList[i]
+ if (node) {
+ mNodeMap[node.id] = node
+ }
+ }
+
+ // 随机生成坐标. Generate coordinates randomly.
+ let initialX, initialY, initialSize = 40.0
+ for (let i in mNodeList) {
+ initialX = CANVAS_WIDTH * 0.5
+ initialY = CANVAS_HEIGHT * 0.5
+ mNodeList[i].x = initialX + initialSize * (Math.random() - 0.5)
+ mNodeList[i].y = initialY + initialSize * (Math.random() - 0.5)
+ }
+
+ // 迭代200次. Iterate 200 times.
+ for (let i = 0; i < 200; i++) {
+ calculateRepulsive()
+ calculateTraction()
+ updateCoordinates()
+ }
+ // console.log(JSON.stringify(new Result(mNodeList, mEdgeList)))
+ // 坐标添加px
+ for (let i = 0; i < mNodeList.length; i++) {
+ let node = mNodeList[i]
+ node.left = node.x + 'px'
+ node.top = node.y + 'px'
+ node.x = undefined
+ node.y = undefined
+ }
+
+ data.nodeList = mNodeList
+
+ // console.log(data)
+ return data
+}
+
+function Node(id = null) {
+ this.id = id
+ this.x = 22
+ this.y = null
+}
+
+function Edge(source = null, target = null) {
+ this.source = source
+ this.target = target
+}
+
+/**
+ * 计算两个Node的斥力产生的单位位移。
+ * Calculate the displacement generated by the repulsive force between two nodes.*
+ */
+function calculateRepulsive() {
+ let ejectFactor = 6
+ let distX, distY, dist
+ for (let i = 0; i < mNodeList.length; i++) {
+ mDxMap[mNodeList[i].id] = 0.0
+ mDyMap[mNodeList[i].id] = 0.0
+ for (let j = 0; j < mNodeList.length; j++) {
+ if (i !== j) {
+ distX = mNodeList[i].x - mNodeList[j].x
+ distY = mNodeList[i].y - mNodeList[j].y
+ dist = Math.sqrt(distX * distX + distY * distY)
+ }
+ if (dist < 30) {
+ ejectFactor = 5
+ }
+ if (dist > 0 && dist < 250) {
+ let id = mNodeList[i].id
+ mDxMap[id] = mDxMap[id] + distX / dist * k * k / dist * ejectFactor
+ mDyMap[id] = mDyMap[id] + distY / dist * k * k / dist * ejectFactor
+ }
+ }
+ }
+}
+
+/**
+ * 计算Edge的引力对两端Node产生的引力。
+ * Calculate the traction force generated by the edge acted on the two nodes of its two ends.
+ */
+function calculateTraction() {
+ let condenseFactor = 3
+ let startNode, endNode
+ for (let e = 0; e < mEdgeList.length; e++) {
+ let eStartID = mEdgeList[e].source
+ let eEndID = mEdgeList[e].target
+ startNode = mNodeMap[eStartID]
+ endNode = mNodeMap[eEndID]
+ if (!startNode) {
+ console.log('Cannot find start node id: ' + eStartID + ', please check it out.')
+ return
+ }
+ if (!endNode) {
+ console.log('Cannot find end node id: ' + eEndID + ', please check it out.')
+ return
+ }
+ let distX, distY, dist
+ distX = startNode.x - endNode.x
+ distY = startNode.y - endNode.y
+ dist = Math.sqrt(distX * distX + distY * distY)
+ mDxMap[eStartID] = mDxMap[eStartID] - distX * dist / k * condenseFactor
+ mDyMap[eStartID] = mDyMap[eStartID] - distY * dist / k * condenseFactor
+ mDxMap[eEndID] = mDxMap[eEndID] + distX * dist / k * condenseFactor
+ mDyMap[eEndID] = mDyMap[eEndID] + distY * dist / k * condenseFactor
+ }
+}
+
+/**
+ * 更新坐标。
+ * update the coordinates.
+ */
+function updateCoordinates() {
+ let maxt = 4, maxty = 3 // Additional coefficients.
+ for (let v = 0; v < mNodeList.length; v++) {
+ let node = mNodeList[v]
+ let dx = Math.floor(mDxMap[node.id])
+ let dy = Math.floor(mDyMap[node.id])
+
+ if (dx < -maxt) dx = -maxt
+ if (dx > maxt) dx = maxt
+ if (dy < -maxty) dy = -maxty
+ if (dy > maxty) dy = maxty
+ node.x = node.x + dx >= CANVAS_WIDTH || node.x + dx <= 0 ? node.x - dx : node.x + dx
+ node.y = node.y + dy >= CANVAS_HEIGHT || node.y + dy <= 0 ? node.y - dy : node.y + dy
+ }
+}
+
+function Result(nodes = null, links = null) {
+ this.nodes = nodes
+ this.links = links
+}
diff --git a/src/components/workflow/index.css b/src/components/workflow/index.css
new file mode 100644
index 0000000..4b08c41
--- /dev/null
+++ b/src/components/workflow/index.css
@@ -0,0 +1,258 @@
+/*画布容器*/
+.efContainer {
+ position: relative;
+ overflow: scroll;
+ flex: 1;
+}
+.tools {
+ position: absolute;
+ left: 220px;
+ /* background: #fff; */
+ /* border: 1px solid #d8d7d7; */
+ /* border-radius: 5px; */
+ padding: 5px 5px;
+ display: flex;
+ z-index: 99;
+ background: #fcfcfc;
+}
+
+/*顶部工具栏*/
+.ef-tooltar {
+ padding-left: 10px;
+ box-sizing: border-box;
+ height: 42px;
+ line-height: 42px;
+ z-index: 3;
+ border-bottom: 1px solid #dadce0;
+}
+
+.jtk-overlay {
+ cursor: pointer;
+ color: #4a4a4a;
+}
+
+.ef-node-pmenu-item {
+ padding: 10px;
+ background: #f8f8f8;
+ font-size: 13px;
+ font-weight: bold;
+ letter-spacing: 1px;
+ border-top: 1px solid #eee;
+ border-bottom: 1px solid #eee;
+ border-right: 1px solid #eee;
+}
+/*节点菜单*/
+.ef-node-pmenu {
+ cursor: pointer;
+ height: 32px;
+ line-height: 32px;
+ width: 225px;
+ display: block;
+ font-weight: bold;
+ color: #4a4a4a;
+ padding-left: 5px;
+}
+
+.ef-node-pmenu:hover {
+ background-color: #e0e0e0;
+}
+.ef-node-menu-item {
+ padding: 10px;
+}
+.ef-node-menu-li {
+ cursor: move;
+ border: 1px solid #eee;
+ padding: 2px 13px;
+ text-align: left;
+ line-height: 28px;
+ margin: 4px;
+ border-radius: 3px;
+ background: #f0f9eb;
+ font-size: 12px;
+ float: left;
+ width: 98px;
+
+}
+
+.ef-node-menu-li > div:first-child{
+ display: inline-block;
+ padding: 4px;
+}
+
+.ef-node-menu-li:hover {
+ /* 设置移动样式*/
+ cursor: move;
+ border: 1px dashed #787be8;
+ color: #787be8;
+ /* background-color: #F0F7FF;
+ border: 1px dashed #1879FF;
+ border-left: 4px solid #1879FF;
+ padding-left: 5px; */
+}
+
+.ef-node-menu-ul {
+ list-style: none;
+ padding-left: 0;
+ margin: 0;
+}
+
+/*节点的最外层容器*/
+.ef-node-container {
+ position: absolute;
+ display: flex;
+ width: 170px;
+ height: 32px;
+ border: 1px solid #e0e3e7;
+ border-radius: 5px;
+ background-color: #fff;
+}
+
+.ef-node-container:hover {
+ /* 设置移动样式*/
+ cursor: move;
+ background-color: #f0f7ff;
+ /*box-shadow: #1879FF 0px 0px 12px 0px;*/
+ background-color: #f0f7ff;
+ border: 1px dashed #1879ff;
+}
+
+/*节点激活样式*/
+.ef-node-active {
+ background-color: #f0f7ff;
+ /*box-shadow: #1879FF 0px 0px 12px 0px;*/
+ background-color: #f0f7ff;
+ border: 1px solid #1879ff;
+}
+
+/*节点左侧的竖线*/
+.ef-node-left {
+ width: 4px;
+ background-color: #1879ff;
+ border-radius: 4px 0 0 4px;
+}
+
+/*节点左侧的图标*/
+.ef-node-left-ico {
+ line-height: 32px;
+ margin-left: 8px;
+}
+
+.ef-node-left-ico:hover {
+ /* 设置拖拽的样式 */
+ cursor: crosshair;
+}
+
+/*节点显示的文字*/
+.ef-node-text {
+ color: #565758;
+ font-size: 12px;
+ line-height: 32px;
+ margin-left: 8px;
+ width: 100px;
+ /* 设置超出宽度文本显示方式*/
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ text-align: center;
+}
+
+/*节点右侧的图标*/
+.ef-node-right-ico {
+ line-height: 32px;
+ position: absolute;
+ right: 5px;
+ color: #84cf65;
+ cursor: default;
+}
+
+/*节点的几种状态样式*/
+.el-node-state-success {
+ line-height: 32px;
+ position: absolute;
+ right: 5px;
+ color: #84cf65;
+ cursor: default;
+}
+
+.el-node-state-error {
+ line-height: 32px;
+ position: absolute;
+ right: 5px;
+ color: #f56c6c;
+ cursor: default;
+}
+
+.el-node-state-warning {
+ line-height: 32px;
+ position: absolute;
+ right: 5px;
+ color: #e6a23c;
+ cursor: default;
+}
+
+.el-node-state-running {
+ line-height: 32px;
+ position: absolute;
+ right: 5px;
+ color: #84cf65;
+ cursor: default;
+}
+
+/*node-form*/
+.ef-node-form-header {
+ height: 32px;
+ border-top: 1px solid #dce3e8;
+ border-bottom: 1px solid #dce3e8;
+ background: #f1f3f4;
+ color: #000;
+ line-height: 32px;
+ padding-left: 12px;
+ font-size: 14px;
+}
+
+.ef-node-form-body {
+ margin-top: 10px;
+ padding-right: 10px;
+ padding-bottom: 20px;
+}
+
+/* 连线中的label 样式*/
+.jtk-overlay.flowLabel:not(.aLabel) {
+ /* padding: 4px 10px; */
+ padding: 1px 8px 2px 8px;
+ background-color: white;
+ color: #a9aaaa !important;
+ border: 1px solid #e0e3e7;
+ border-radius: 3px;
+}
+
+/* label 为空的样式 */
+.emptyFlowLabel {
+}
+
+.ef-dot {
+ background-color: #1879ff;
+ border-radius: 10px;
+}
+
+.ef-dot-hover {
+ background-color: red;
+}
+
+.ef-rectangle {
+ background-color: #1879ff;
+}
+
+.ef-rectangle-hover {
+ background-color: red;
+}
+
+.ef-img {
+}
+
+.ef-img-hover {
+}
+
+.ef-drop-hover {
+ border: 1px dashed #1879ff;
+}
diff --git a/src/components/workflow/jsplumb.js b/src/components/workflow/jsplumb.js
new file mode 100644
index 0000000..9cd1055
--- /dev/null
+++ b/src/components/workflow/jsplumb.js
@@ -0,0 +1,15711 @@
+/**
+ * jsBezier
+ *
+ * Copyright (c) 2010 - 2017 jsPlumb (hello@jsplumbtoolkit.com)
+ *
+ * licensed under the MIT license.
+ *
+ * a set of Bezier curve functions that deal with Beziers, used by jsPlumb, and perhaps useful for other people. These functions work with Bezier
+ * curves of arbitrary degree.
+ *
+ * - functions are all in the 'jsBezier' namespace.
+ *
+ * - all input points should be in the format {x:.., y:..}. all output points are in this format too.
+ *
+ * - all input curves should be in the format [ {x:.., y:..}, {x:.., y:..}, {x:.., y:..}, {x:.., y:..} ]
+ *
+ * - 'location' as used as an input here refers to a decimal in the range 0-1 inclusive, which indicates a point some proportion along the length
+ * of the curve. location as output has the same format and meaning.
+ *
+ *
+ * Function List:
+ * --------------
+ *
+ * distanceFromCurve(point, curve)
+ *
+ * Calculates the distance that the given point lies from the given Bezier. Note that it is computed relative to the center of the Bezier,
+ * so if you have stroked the curve with a wide pen you may wish to take that into account! The distance returned is relative to the values
+ * of the curve and the point - it will most likely be pixels.
+ *
+ * gradientAtPoint(curve, location)
+ *
+ * Calculates the gradient to the curve at the given location, as a decimal between 0 and 1 inclusive.
+ *
+ * gradientAtPointAlongCurveFrom (curve, location)
+ *
+ * Calculates the gradient at the point on the given curve that is 'distance' units from location.
+ *
+ * nearestPointOnCurve(point, curve)
+ *
+ * Calculates the nearest point to the given point on the given curve. The return value of this is a JS object literal, containing both the
+ *point's coordinates and also the 'location' of the point (see above), for example: { point:{x:551,y:150}, location:0.263365 }.
+ *
+ * pointOnCurve(curve, location)
+ *
+ * Calculates the coordinates of the point on the given Bezier curve at the given location.
+ *
+ * pointAlongCurveFrom(curve, location, distance)
+ *
+ * Calculates the coordinates of the point on the given curve that is 'distance' units from location. 'distance' should be in the same coordinate
+ * space as that used to construct the Bezier curve. For an HTML Canvas usage, for example, distance would be a measure of pixels.
+ *
+ * locationAlongCurveFrom(curve, location, distance)
+ *
+ * Calculates the location on the given curve that is 'distance' units from location. 'distance' should be in the same coordinate
+ * space as that used to construct the Bezier curve. For an HTML Canvas usage, for example, distance would be a measure of pixels.
+ *
+ * perpendicularToCurveAt(curve, location, length, distance)
+ *
+ * Calculates the perpendicular to the given curve at the given location. length is the length of the line you wish for (it will be centered
+ * on the point at 'location'). distance is optional, and allows you to specify a point along the path from the given location as the center of
+ * the perpendicular returned. The return value of this is an array of two points: [ {x:...,y:...}, {x:...,y:...} ].
+ *
+ *
+ */
+
+(function() {
+
+ var root = this;
+
+ if(typeof Math.sgn == "undefined") {
+ Math.sgn = function(x) { return x == 0 ? 0 : x > 0 ? 1 :-1; };
+ }
+
+ var Vectors = {
+ subtract : function(v1, v2) { return {x:v1.x - v2.x, y:v1.y - v2.y }; },
+ dotProduct : function(v1, v2) { return (v1.x * v2.x) + (v1.y * v2.y); },
+ square : function(v) { return Math.sqrt((v.x * v.x) + (v.y * v.y)); },
+ scale : function(v, s) { return {x:v.x * s, y:v.y * s }; }
+ },
+
+ maxRecursion = 64,
+ flatnessTolerance = Math.pow(2.0,-maxRecursion-1);
+
+ /**
+ * Calculates the distance that the point lies from the curve.
+ *
+ * @param point a point in the form {x:567, y:3342}
+ * @param curve a Bezier curve in the form [{x:..., y:...}, {x:..., y:...}, {x:..., y:...}, {x:..., y:...}]. note that this is currently
+ * hardcoded to assume cubiz beziers, but would be better off supporting any degree.
+ * @return a JS object literal containing location and distance, for example: {location:0.35, distance:10}. Location is analogous to the location
+ * argument you pass to the pointOnPath function: it is a ratio of distance travelled along the curve. Distance is the distance in pixels from
+ * the point to the curve.
+ */
+ var _distanceFromCurve = function(point, curve) {
+ var candidates = [],
+ w = _convertToBezier(point, curve),
+ degree = curve.length - 1, higherDegree = (2 * degree) - 1,
+ numSolutions = _findRoots(w, higherDegree, candidates, 0),
+ v = Vectors.subtract(point, curve[0]), dist = Vectors.square(v), t = 0.0;
+
+ for (var i = 0; i < numSolutions; i++) {
+ v = Vectors.subtract(point, _bezier(curve, degree, candidates[i], null, null));
+ var newDist = Vectors.square(v);
+ if (newDist < dist) {
+ dist = newDist;
+ t = candidates[i];
+ }
+ }
+ v = Vectors.subtract(point, curve[degree]);
+ newDist = Vectors.square(v);
+ if (newDist < dist) {
+ dist = newDist;
+ t = 1.0;
+ }
+ return {location:t, distance:dist};
+ };
+ /**
+ * finds the nearest point on the curve to the given point.
+ */
+ var _nearestPointOnCurve = function(point, curve) {
+ var td = _distanceFromCurve(point, curve);
+ return {point:_bezier(curve, curve.length - 1, td.location, null, null), location:td.location};
+ };
+ var _convertToBezier = function(point, curve) {
+ var degree = curve.length - 1, higherDegree = (2 * degree) - 1,
+ c = [], d = [], cdTable = [], w = [],
+ z = [ [1.0, 0.6, 0.3, 0.1], [0.4, 0.6, 0.6, 0.4], [0.1, 0.3, 0.6, 1.0] ];
+
+ for (var i = 0; i <= degree; i++) c[i] = Vectors.subtract(curve[i], point);
+ for (var i = 0; i <= degree - 1; i++) {
+ d[i] = Vectors.subtract(curve[i+1], curve[i]);
+ d[i] = Vectors.scale(d[i], 3.0);
+ }
+ for (var row = 0; row <= degree - 1; row++) {
+ for (var column = 0; column <= degree; column++) {
+ if (!cdTable[row]) cdTable[row] = [];
+ cdTable[row][column] = Vectors.dotProduct(d[row], c[column]);
+ }
+ }
+ for (i = 0; i <= higherDegree; i++) {
+ if (!w[i]) w[i] = [];
+ w[i].y = 0.0;
+ w[i].x = parseFloat(i) / higherDegree;
+ }
+ var n = degree, m = degree-1;
+ for (var k = 0; k <= n + m; k++) {
+ var lb = Math.max(0, k - m),
+ ub = Math.min(k, n);
+ for (i = lb; i <= ub; i++) {
+ var j = k - i;
+ w[i+j].y += cdTable[j][i] * z[j][i];
+ }
+ }
+ return w;
+ };
+ /**
+ * counts how many roots there are.
+ */
+ var _findRoots = function(w, degree, t, depth) {
+ var left = [], right = [],
+ left_count, right_count,
+ left_t = [], right_t = [];
+
+ switch (_getCrossingCount(w, degree)) {
+ case 0 : {
+ return 0;
+ }
+ case 1 : {
+ if (depth >= maxRecursion) {
+ t[0] = (w[0].x + w[degree].x) / 2.0;
+ return 1;
+ }
+ if (_isFlatEnough(w, degree)) {
+ t[0] = _computeXIntercept(w, degree);
+ return 1;
+ }
+ break;
+ }
+ }
+ _bezier(w, degree, 0.5, left, right);
+ left_count = _findRoots(left, degree, left_t, depth+1);
+ right_count = _findRoots(right, degree, right_t, depth+1);
+ for (var i = 0; i < left_count; i++) t[i] = left_t[i];
+ for (var i = 0; i < right_count; i++) t[i+left_count] = right_t[i];
+ return (left_count+right_count);
+ };
+ var _getCrossingCount = function(curve, degree) {
+ var n_crossings = 0, sign, old_sign;
+ sign = old_sign = Math.sgn(curve[0].y);
+ for (var i = 1; i <= degree; i++) {
+ sign = Math.sgn(curve[i].y);
+ if (sign != old_sign) n_crossings++;
+ old_sign = sign;
+ }
+ return n_crossings;
+ };
+ var _isFlatEnough = function(curve, degree) {
+ var error,
+ intercept_1, intercept_2, left_intercept, right_intercept,
+ a, b, c, det, dInv, a1, b1, c1, a2, b2, c2;
+ a = curve[0].y - curve[degree].y;
+ b = curve[degree].x - curve[0].x;
+ c = curve[0].x * curve[degree].y - curve[degree].x * curve[0].y;
+
+ var max_distance_above, max_distance_below;
+ max_distance_above = max_distance_below = 0.0;
+
+ for (var i = 1; i < degree; i++) {
+ var value = a * curve[i].x + b * curve[i].y + c;
+ if (value > max_distance_above)
+ max_distance_above = value;
+ else if (value < max_distance_below)
+ max_distance_below = value;
+ }
+
+ a1 = 0.0; b1 = 1.0; c1 = 0.0; a2 = a; b2 = b;
+ c2 = c - max_distance_above;
+ det = a1 * b2 - a2 * b1;
+ dInv = 1.0/det;
+ intercept_1 = (b1 * c2 - b2 * c1) * dInv;
+ a2 = a; b2 = b; c2 = c - max_distance_below;
+ det = a1 * b2 - a2 * b1;
+ dInv = 1.0/det;
+ intercept_2 = (b1 * c2 - b2 * c1) * dInv;
+ left_intercept = Math.min(intercept_1, intercept_2);
+ right_intercept = Math.max(intercept_1, intercept_2);
+ error = right_intercept - left_intercept;
+ return (error < flatnessTolerance)? 1 : 0;
+ };
+ var _computeXIntercept = function(curve, degree) {
+ var XLK = 1.0, YLK = 0.0,
+ XNM = curve[degree].x - curve[0].x, YNM = curve[degree].y - curve[0].y,
+ XMK = curve[0].x - 0.0, YMK = curve[0].y - 0.0,
+ det = XNM*YLK - YNM*XLK, detInv = 1.0/det,
+ S = (XNM*YMK - YNM*XMK) * detInv;
+ return 0.0 + XLK * S;
+ };
+ var _bezier = function(curve, degree, t, left, right) {
+ var temp = [[]];
+ for (var j =0; j <= degree; j++) temp[0][j] = curve[j];
+ for (var i = 1; i <= degree; i++) {
+ for (var j =0 ; j <= degree - i; j++) {
+ if (!temp[i]) temp[i] = [];
+ if (!temp[i][j]) temp[i][j] = {};
+ temp[i][j].x = (1.0 - t) * temp[i-1][j].x + t * temp[i-1][j+1].x;
+ temp[i][j].y = (1.0 - t) * temp[i-1][j].y + t * temp[i-1][j+1].y;
+ }
+ }
+ if (left != null)
+ for (j = 0; j <= degree; j++) left[j] = temp[j][0];
+ if (right != null)
+ for (j = 0; j <= degree; j++) right[j] = temp[degree-j][j];
+
+ return (temp[degree][0]);
+ };
+
+ var _curveFunctionCache = {};
+ var _getCurveFunctions = function(order) {
+ var fns = _curveFunctionCache[order];
+ if (!fns) {
+ fns = [];
+ var f_term = function() { return function(t) { return Math.pow(t, order); }; },
+ l_term = function() { return function(t) { return Math.pow((1-t), order); }; },
+ c_term = function(c) { return function(t) { return c; }; },
+ t_term = function() { return function(t) { return t; }; },
+ one_minus_t_term = function() { return function(t) { return 1-t; }; },
+ _termFunc = function(terms) {
+ return function(t) {
+ var p = 1;
+ for (var i = 0; i < terms.length; i++) p = p * terms[i](t);
+ return p;
+ };
+ };
+
+ fns.push(new f_term()); // first is t to the power of the curve order
+ for (var i = 1; i < order; i++) {
+ var terms = [new c_term(order)];
+ for (var j = 0 ; j < (order - i); j++) terms.push(new t_term());
+ for (var j = 0 ; j < i; j++) terms.push(new one_minus_t_term());
+ fns.push(new _termFunc(terms));
+ }
+ fns.push(new l_term()); // last is (1-t) to the power of the curve order
+
+ _curveFunctionCache[order] = fns;
+ }
+
+ return fns;
+ };
+
+
+ /**
+ * calculates a point on the curve, for a Bezier of arbitrary order.
+ * @param curve an array of control points, eg [{x:10,y:20}, {x:50,y:50}, {x:100,y:100}, {x:120,y:100}]. For a cubic bezier this should have four points.
+ * @param location a decimal indicating the distance along the curve the point should be located at. this is the distance along the curve as it travels, taking the way it bends into account. should be a number from 0 to 1, inclusive.
+ */
+ var _pointOnPath = function(curve, location) {
+ var cc = _getCurveFunctions(curve.length - 1),
+ _x = 0, _y = 0;
+ for (var i = 0; i < curve.length ; i++) {
+ _x = _x + (curve[i].x * cc[i](location));
+ _y = _y + (curve[i].y * cc[i](location));
+ }
+
+ return {x:_x, y:_y};
+ };
+
+ var _dist = function(p1,p2) {
+ return Math.sqrt(Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2));
+ };
+
+ var _isPoint = function(curve) {
+ return curve[0].x === curve[1].x && curve[0].y === curve[1].y;
+ };
+
+ /**
+ * finds the point that is 'distance' along the path from 'location'. this method returns both the x,y location of the point and also
+ * its 'location' (proportion of travel along the path); the method below - _pointAlongPathFrom - calls this method and just returns the
+ * point.
+ */
+ var _pointAlongPath = function(curve, location, distance) {
+
+ if (_isPoint(curve)) {
+ return {
+ point:curve[0],
+ location:location
+ };
+ }
+
+ var prev = _pointOnPath(curve, location),
+ tally = 0,
+ curLoc = location,
+ direction = distance > 0 ? 1 : -1,
+ cur = null;
+
+ while (tally < Math.abs(distance)) {
+ curLoc += (0.005 * direction);
+ cur = _pointOnPath(curve, curLoc);
+ tally += _dist(cur, prev);
+ prev = cur;
+ }
+ return {point:cur, location:curLoc};
+ };
+
+ var _length = function(curve) {
+ if (_isPoint(curve)) return 0;
+
+ var prev = _pointOnPath(curve, 0),
+ tally = 0,
+ curLoc = 0,
+ direction = 1,
+ cur = null;
+
+ while (curLoc < 1) {
+ curLoc += (0.005 * direction);
+ cur = _pointOnPath(curve, curLoc);
+ tally += _dist(cur, prev);
+ prev = cur;
+ }
+ return tally;
+ };
+
+ /**
+ * finds the point that is 'distance' along the path from 'location'.
+ */
+ var _pointAlongPathFrom = function(curve, location, distance) {
+ return _pointAlongPath(curve, location, distance).point;
+ };
+
+ /**
+ * finds the location that is 'distance' along the path from 'location'.
+ */
+ var _locationAlongPathFrom = function(curve, location, distance) {
+ return _pointAlongPath(curve, location, distance).location;
+ };
+
+ /**
+ * returns the gradient of the curve at the given location, which is a decimal between 0 and 1 inclusive.
+ *
+ * thanks // http://bimixual.org/AnimationLibrary/beziertangents.html
+ */
+ var _gradientAtPoint = function(curve, location) {
+ var p1 = _pointOnPath(curve, location),
+ p2 = _pointOnPath(curve.slice(0, curve.length - 1), location),
+ dy = p2.y - p1.y, dx = p2.x - p1.x;
+ return dy === 0 ? Infinity : Math.atan(dy / dx);
+ };
+
+ /**
+ returns the gradient of the curve at the point which is 'distance' from the given location.
+ if this point is greater than location 1, the gradient at location 1 is returned.
+ if this point is less than location 0, the gradient at location 0 is returned.
+ */
+ var _gradientAtPointAlongPathFrom = function(curve, location, distance) {
+ var p = _pointAlongPath(curve, location, distance);
+ if (p.location > 1) p.location = 1;
+ if (p.location < 0) p.location = 0;
+ return _gradientAtPoint(curve, p.location);
+ };
+
+ /**
+ * calculates a line that is 'length' pixels long, perpendicular to, and centered on, the path at 'distance' pixels from the given location.
+ * if distance is not supplied, the perpendicular for the given location is computed (ie. we set distance to zero).
+ */
+ var _perpendicularToPathAt = function(curve, location, length, distance) {
+ distance = distance == null ? 0 : distance;
+ var p = _pointAlongPath(curve, location, distance),
+ m = _gradientAtPoint(curve, p.location),
+ _theta2 = Math.atan(-1 / m),
+ y = length / 2 * Math.sin(_theta2),
+ x = length / 2 * Math.cos(_theta2);
+ return [{x:p.point.x + x, y:p.point.y + y}, {x:p.point.x - x, y:p.point.y - y}];
+ };
+
+ /**
+ * Calculates all intersections of the given line with the given curve.
+ * @param x1
+ * @param y1
+ * @param x2
+ * @param y2
+ * @param curve
+ * @returns {Array}
+ */
+ var _lineIntersection = function(x1, y1, x2, y2, curve) {
+ var a = y2 - y1,
+ b = x1 - x2,
+ c = (x1 * (y1 - y2)) + (y1 * (x2-x1)),
+ coeffs = _computeCoefficients(curve),
+ p = [
+ (a*coeffs[0][0]) + (b * coeffs[1][0]),
+ (a*coeffs[0][1])+(b*coeffs[1][1]),
+ (a*coeffs[0][2])+(b*coeffs[1][2]),
+ (a*coeffs[0][3])+(b*coeffs[1][3]) + c
+ ],
+ r = _cubicRoots.apply(null, p),
+ intersections = [];
+
+ if (r != null) {
+
+ for (var i = 0; i < 3; i++) {
+ var t = r[i],
+ t2 = Math.pow(t, 2),
+ t3 = Math.pow(t, 3),
+ x = [
+ (coeffs[0][0] * t3) + (coeffs[0][1] * t2) + (coeffs[0][2] * t) + coeffs[0][3],
+ (coeffs[1][0] * t3) + (coeffs[1][1] * t2) + (coeffs[1][2] * t) + coeffs[1][3]
+ ];
+
+ // check bounds of the line
+ var s;
+ if ((x2 - x1) !== 0) {
+ s = (x[0] - x1) / (x2 - x1);
+ }
+ else {
+ s = (x[1] - y1) / (y2 - y1);
+ }
+
+ if (t >= 0 && t <= 1.0 && s >= 0 && s <= 1.0) {
+ intersections.push(x);
+ }
+ }
+ }
+
+ return intersections;
+ };
+
+ /**
+ * Calculates all intersections of the given box with the given curve.
+ * @param x X position of top left corner of box
+ * @param y Y position of top left corner of box
+ * @param w width of box
+ * @param h height of box
+ * @param curve
+ * @returns {Array}
+ */
+ var _boxIntersection = function(x, y, w, h, curve) {
+ var i = [];
+ i.push.apply(i, _lineIntersection(x, y, x + w, y, curve));
+ i.push.apply(i, _lineIntersection(x + w, y, x + w, y + h, curve));
+ i.push.apply(i, _lineIntersection(x + w, y + h, x, y + h, curve));
+ i.push.apply(i, _lineIntersection(x, y + h, x, y, curve));
+ return i;
+ };
+
+ /**
+ * Calculates all intersections of the given bounding box with the given curve.
+ * @param boundingBox Bounding box, in { x:.., y:..., w:..., h:... } format.
+ * @param curve
+ * @returns {Array}
+ */
+ var _boundingBoxIntersection = function(boundingBox, curve) {
+ var i = [];
+ i.push.apply(i, _lineIntersection(boundingBox.x, boundingBox.y, boundingBox.x + boundingBox.w, boundingBox.y, curve));
+ i.push.apply(i, _lineIntersection(boundingBox.x + boundingBox.w, boundingBox.y, boundingBox.x + boundingBox.w, boundingBox.y + boundingBox.h, curve));
+ i.push.apply(i, _lineIntersection(boundingBox.x + boundingBox.w, boundingBox.y + boundingBox.h, boundingBox.x, boundingBox.y + boundingBox.h, curve));
+ i.push.apply(i, _lineIntersection(boundingBox.x, boundingBox.y + boundingBox.h, boundingBox.x, boundingBox.y, curve));
+ return i;
+ };
+
+
+ function _computeCoefficientsForAxis(curve, axis) {
+ return [
+ -(curve[0][axis]) + (3*curve[1][axis]) + (-3 * curve[2][axis]) + curve[3][axis],
+ (3*(curve[0][axis])) - (6*(curve[1][axis])) + (3*(curve[2][axis])),
+ -3*curve[0][axis] + 3*curve[1][axis],
+ curve[0][axis]
+ ];
+ }
+
+ function _computeCoefficients(curve)
+ {
+ return [
+ _computeCoefficientsForAxis(curve, "x"),
+ _computeCoefficientsForAxis(curve, "y")
+ ];
+ }
+
+ function sgn(x) {
+ return x < 0 ? -1 : x > 0 ? 1 : 0;
+ }
+
+ function _cubicRoots(a, b, c, d) {
+ var A = b / a,
+ B = c / a,
+ C = d / a,
+ Q = (3*B - Math.pow(A, 2))/9,
+ R = (9*A*B - 27*C - 2*Math.pow(A, 3))/54,
+ D = Math.pow(Q, 3) + Math.pow(R, 2),
+ S,
+ T,
+ t = [];
+
+ if (D >= 0) // complex or duplicate roots
+ {
+ S = sgn(R + Math.sqrt(D))*Math.pow(Math.abs(R + Math.sqrt(D)),(1/3));
+ T = sgn(R - Math.sqrt(D))*Math.pow(Math.abs(R - Math.sqrt(D)),(1/3));
+
+ t[0] = -A/3 + (S + T);
+ t[1] = -A/3 - (S + T)/2;
+ t[2] = -A/3 - (S + T)/2;
+
+ /*discard complex roots*/
+ if (Math.abs(Math.sqrt(3)*(S - T)/2) !== 0) {
+ t[1] = -1;
+ t[2] = -1;
+ }
+ }
+ else // distinct real roots
+ {
+ var th = Math.acos(R/Math.sqrt(-Math.pow(Q, 3)));
+ t[0] = 2*Math.sqrt(-Q)*Math.cos(th/3) - A/3;
+ t[1] = 2*Math.sqrt(-Q)*Math.cos((th + 2*Math.PI)/3) - A/3;
+ t[2] = 2*Math.sqrt(-Q)*Math.cos((th + 4*Math.PI)/3) - A/3;
+ }
+
+ // discard out of spec roots
+ for (var i = 0; i < 3; i++) {
+ if (t[i] < 0 || t[i] > 1.0) {
+ t[i] = -1;
+ }
+ }
+
+ return t;
+ }
+
+ var jsBezier = this.jsBezier = {
+ distanceFromCurve : _distanceFromCurve,
+ gradientAtPoint : _gradientAtPoint,
+ gradientAtPointAlongCurveFrom : _gradientAtPointAlongPathFrom,
+ nearestPointOnCurve : _nearestPointOnCurve,
+ pointOnCurve : _pointOnPath,
+ pointAlongCurveFrom : _pointAlongPathFrom,
+ perpendicularToCurveAt : _perpendicularToPathAt,
+ locationAlongCurveFrom:_locationAlongPathFrom,
+ getLength:_length,
+ lineIntersection:_lineIntersection,
+ boxIntersection:_boxIntersection,
+ boundingBoxIntersection:_boundingBoxIntersection,
+ version:"0.9.0"
+ };
+
+ if (typeof exports !== "undefined") {
+ exports.jsBezier = jsBezier;
+ }
+
+}).call(typeof window !== 'undefined' ? window : this);
+
+/**
+ * Biltong v0.4.0
+ *
+ * Various geometry functions written as part of jsPlumb and perhaps useful for others.
+ *
+ * Copyright (c) 2017 jsPlumb
+ * https://jsplumbtoolkit.com
+ *
+ * Permission is hereby granted, free of charge, to any person
+ * obtaining a copy of this software and associated documentation
+ * files (the "Software"), to deal in the Software without
+ * restriction, including without limitation the rights to use,
+ * copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the
+ * Software is furnished to do so, subject to the following
+ * conditions:
+ *
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ * OTHER DEALINGS IN THE SOFTWARE.
+ */
+;(function() {
+
+ "use strict";
+ var root = this;
+
+ var Biltong = root.Biltong = {
+ version:"0.4.0"
+ };
+
+ if (typeof exports !== "undefined") {
+ exports.Biltong = Biltong;
+ }
+
+ var _isa = function(a) { return Object.prototype.toString.call(a) === "[object Array]"; },
+ _pointHelper = function(p1, p2, fn) {
+ p1 = _isa(p1) ? p1 : [p1.x, p1.y];
+ p2 = _isa(p2) ? p2 : [p2.x, p2.y];
+ return fn(p1, p2);
+ },
+ /**
+ * @name Biltong.gradient
+ * @function
+ * @desc Calculates the gradient of a line between the two points.
+ * @param {Point} p1 First point, either as a 2 entry array or object with `left` and `top` properties.
+ * @param {Point} p2 Second point, either as a 2 entry array or object with `left` and `top` properties.
+ * @return {Float} The gradient of a line between the two points.
+ */
+ _gradient = Biltong.gradient = function(p1, p2) {
+ return _pointHelper(p1, p2, function(_p1, _p2) {
+ if (_p2[0] == _p1[0])
+ return _p2[1] > _p1[1] ? Infinity : -Infinity;
+ else if (_p2[1] == _p1[1])
+ return _p2[0] > _p1[0] ? 0 : -0;
+ else
+ return (_p2[1] - _p1[1]) / (_p2[0] - _p1[0]);
+ });
+ },
+ /**
+ * @name Biltong.normal
+ * @function
+ * @desc Calculates the gradient of a normal to a line between the two points.
+ * @param {Point} p1 First point, either as a 2 entry array or object with `left` and `top` properties.
+ * @param {Point} p2 Second point, either as a 2 entry array or object with `left` and `top` properties.
+ * @return {Float} The gradient of a normal to a line between the two points.
+ */
+ _normal = Biltong.normal = function(p1, p2) {
+ return -1 / _gradient(p1, p2);
+ },
+ /**
+ * @name Biltong.lineLength
+ * @function
+ * @desc Calculates the length of a line between the two points.
+ * @param {Point} p1 First point, either as a 2 entry array or object with `left` and `top` properties.
+ * @param {Point} p2 Second point, either as a 2 entry array or object with `left` and `top` properties.
+ * @return {Float} The length of a line between the two points.
+ */
+ _lineLength = Biltong.lineLength = function(p1, p2) {
+ return _pointHelper(p1, p2, function(_p1, _p2) {
+ return Math.sqrt(Math.pow(_p2[1] - _p1[1], 2) + Math.pow(_p2[0] - _p1[0], 2));
+ });
+ },
+ /**
+ * @name Biltong.quadrant
+ * @function
+ * @desc Calculates the quadrant in which the angle between the two points lies.
+ * @param {Point} p1 First point, either as a 2 entry array or object with `left` and `top` properties.
+ * @param {Point} p2 Second point, either as a 2 entry array or object with `left` and `top` properties.
+ * @return {Integer} The quadrant - 1 for upper right, 2 for lower right, 3 for lower left, 4 for upper left.
+ */
+ _quadrant = Biltong.quadrant = function(p1, p2) {
+ return _pointHelper(p1, p2, function(_p1, _p2) {
+ if (_p2[0] > _p1[0]) {
+ return (_p2[1] > _p1[1]) ? 2 : 1;
+ }
+ else if (_p2[0] == _p1[0]) {
+ return _p2[1] > _p1[1] ? 2 : 1;
+ }
+ else {
+ return (_p2[1] > _p1[1]) ? 3 : 4;
+ }
+ });
+ },
+ /**
+ * @name Biltong.theta
+ * @function
+ * @desc Calculates the angle between the two points.
+ * @param {Point} p1 First point, either as a 2 entry array or object with `left` and `top` properties.
+ * @param {Point} p2 Second point, either as a 2 entry array or object with `left` and `top` properties.
+ * @return {Float} The angle between the two points.
+ */
+ _theta = Biltong.theta = function(p1, p2) {
+ return _pointHelper(p1, p2, function(_p1, _p2) {
+ var m = _gradient(_p1, _p2),
+ t = Math.atan(m),
+ s = _quadrant(_p1, _p2);
+ if ((s == 4 || s== 3)) t += Math.PI;
+ if (t < 0) t += (2 * Math.PI);
+
+ return t;
+ });
+ },
+ /**
+ * @name Biltong.intersects
+ * @function
+ * @desc Calculates whether or not the two rectangles intersect.
+ * @param {Rectangle} r1 First rectangle, as a js object in the form `{x:.., y:.., w:.., h:..}`
+ * @param {Rectangle} r2 Second rectangle, as a js object in the form `{x:.., y:.., w:.., h:..}`
+ * @return {Boolean} True if the rectangles intersect, false otherwise.
+ */
+ _intersects = Biltong.intersects = function(r1, r2) {
+ var x1 = r1.x, x2 = r1.x + r1.w, y1 = r1.y, y2 = r1.y + r1.h,
+ a1 = r2.x, a2 = r2.x + r2.w, b1 = r2.y, b2 = r2.y + r2.h;
+
+ return ( (x1 <= a1 && a1 <= x2) && (y1 <= b1 && b1 <= y2) ) ||
+ ( (x1 <= a2 && a2 <= x2) && (y1 <= b1 && b1 <= y2) ) ||
+ ( (x1 <= a1 && a1 <= x2) && (y1 <= b2 && b2 <= y2) ) ||
+ ( (x1 <= a2 && a1 <= x2) && (y1 <= b2 && b2 <= y2) ) ||
+ ( (a1 <= x1 && x1 <= a2) && (b1 <= y1 && y1 <= b2) ) ||
+ ( (a1 <= x2 && x2 <= a2) && (b1 <= y1 && y1 <= b2) ) ||
+ ( (a1 <= x1 && x1 <= a2) && (b1 <= y2 && y2 <= b2) ) ||
+ ( (a1 <= x2 && x1 <= a2) && (b1 <= y2 && y2 <= b2) );
+ },
+ /**
+ * @name Biltong.encloses
+ * @function
+ * @desc Calculates whether or not r2 is completely enclosed by r1.
+ * @param {Rectangle} r1 First rectangle, as a js object in the form `{x:.., y:.., w:.., h:..}`
+ * @param {Rectangle} r2 Second rectangle, as a js object in the form `{x:.., y:.., w:.., h:..}`
+ * @param {Boolean} [allowSharedEdges=false] If true, the concept of enclosure allows for one or more edges to be shared by the two rectangles.
+ * @return {Boolean} True if r1 encloses r2, false otherwise.
+ */
+ _encloses = Biltong.encloses = function(r1, r2, allowSharedEdges) {
+ var x1 = r1.x, x2 = r1.x + r1.w, y1 = r1.y, y2 = r1.y + r1.h,
+ a1 = r2.x, a2 = r2.x + r2.w, b1 = r2.y, b2 = r2.y + r2.h,
+ c = function(v1, v2, v3, v4) { return allowSharedEdges ? v1 <= v2 && v3>= v4 : v1 < v2 && v3 > v4; };
+
+ return c(x1,a1,x2,a2) && c(y1,b1,y2,b2);
+ },
+ _segmentMultipliers = [null, [1, -1], [1, 1], [-1, 1], [-1, -1] ],
+ _inverseSegmentMultipliers = [null, [-1, -1], [-1, 1], [1, 1], [1, -1] ],
+ /**
+ * @name Biltong.pointOnLine
+ * @function
+ * @desc Calculates a point on the line from `fromPoint` to `toPoint` that is `distance` units along the length of the line.
+ * @param {Point} p1 First point, either as a 2 entry array or object with `left` and `top` properties.
+ * @param {Point} p2 Second point, either as a 2 entry array or object with `left` and `top` properties.
+ * @return {Point} Point on the line, in the form `{ x:..., y:... }`.
+ */
+ _pointOnLine = Biltong.pointOnLine = function(fromPoint, toPoint, distance) {
+ var m = _gradient(fromPoint, toPoint),
+ s = _quadrant(fromPoint, toPoint),
+ segmentMultiplier = distance > 0 ? _segmentMultipliers[s] : _inverseSegmentMultipliers[s],
+ theta = Math.atan(m),
+ y = Math.abs(distance * Math.sin(theta)) * segmentMultiplier[1],
+ x = Math.abs(distance * Math.cos(theta)) * segmentMultiplier[0];
+ return { x:fromPoint.x + x, y:fromPoint.y + y };
+ },
+ /**
+ * @name Biltong.perpendicularLineTo
+ * @function
+ * @desc Calculates a line of length `length` that is perpendicular to the line from `fromPoint` to `toPoint` and passes through `toPoint`.
+ * @param {Point} p1 First point, either as a 2 entry array or object with `left` and `top` properties.
+ * @param {Point} p2 Second point, either as a 2 entry array or object with `left` and `top` properties.
+ * @return {Line} Perpendicular line, in the form `[ { x:..., y:... }, { x:..., y:... } ]`.
+ */
+ _perpendicularLineTo = Biltong.perpendicularLineTo = function(fromPoint, toPoint, length) {
+ var m = _gradient(fromPoint, toPoint),
+ theta2 = Math.atan(-1 / m),
+ y = length / 2 * Math.sin(theta2),
+ x = length / 2 * Math.cos(theta2);
+ return [{x:toPoint.x + x, y:toPoint.y + y}, {x:toPoint.x - x, y:toPoint.y - y}];
+ };
+}).call(typeof window !== 'undefined' ? window : this);
+;
+(function () {
+
+ "use strict";
+
+ /**
+ * Creates a Touch object.
+ * @param view
+ * @param target
+ * @param pageX
+ * @param pageY
+ * @param screenX
+ * @param screenY
+ * @param clientX
+ * @param clientY
+ * @returns {Touch}
+ * @private
+ */
+ function _touch(view, target, pageX, pageY, screenX, screenY, clientX, clientY) {
+
+ return new Touch({
+ target:target,
+ identifier:_uuid(),
+ pageX: pageX,
+ pageY: pageY,
+ screenX: screenX,
+ screenY: screenY,
+ clientX: clientX || screenX,
+ clientY: clientY || screenY
+ });
+ }
+
+ /**
+ * Create a synthetic touch list from the given list of Touch objects.
+ * @returns {Array}
+ * @private
+ */
+ function _touchList() {
+ var list = [];
+ Array.prototype.push.apply(list, arguments);
+ list.item = function(index) { return this[index]; };
+ return list;
+ }
+
+ /**
+ * Create a Touch object and then insert it into a synthetic touch list, returning the list.s
+ * @param view
+ * @param target
+ * @param pageX
+ * @param pageY
+ * @param screenX
+ * @param screenY
+ * @param clientX
+ * @param clientY
+ * @returns {Array}
+ * @private
+ */
+ function _touchAndList(view, target, pageX, pageY, screenX, screenY, clientX, clientY) {
+ return _touchList(_touch.apply(null, arguments));
+ }
+
+ var root = this,
+ matchesSelector = function (el, selector, ctx) {
+ ctx = ctx || el.parentNode;
+ var possibles = ctx.querySelectorAll(selector);
+ for (var i = 0; i < possibles.length; i++) {
+ if (possibles[i] === el) {
+ return true;
+ }
+ }
+ return false;
+ },
+ _gel = function (el) {
+ return (typeof el == "string" || el.constructor === String) ? document.getElementById(el) : el;
+ },
+ _t = function (e) {
+ return e.srcElement || e.target;
+ },
+ //
+ // gets path info for the given event - the path from target to obj, in the event's bubble chain. if doCompute
+ // is false we just return target for the path.
+ //
+ _pi = function(e, target, obj, doCompute) {
+ if (!doCompute) return { path:[target], end:1 };
+ else if (typeof e.path !== "undefined" && e.path.indexOf) {
+ return { path: e.path, end: e.path.indexOf(obj) };
+ } else {
+ var out = { path:[], end:-1 }, _one = function(el) {
+ out.path.push(el);
+ if (el === obj) {
+ out.end = out.path.length - 1;
+ }
+ else if (el.parentNode != null) {
+ _one(el.parentNode)
+ }
+ };
+ _one(target);
+ return out;
+ }
+ },
+ _d = function (l, fn) {
+ for (var i = 0, j = l.length; i < j; i++) {
+ if (l[i] == fn) break;
+ }
+ if (i < l.length) l.splice(i, 1);
+ },
+ guid = 1,
+ //
+ // this function generates a guid for every handler, sets it on the handler, then adds
+ // it to the associated object's map of handlers for the given event. this is what enables us
+ // to unbind all events of some type, or all events (the second of which can be requested by the user,
+ // but it also used by Mottle when an element is removed.)
+ _store = function (obj, event, fn) {
+ var g = guid++;
+ obj.__ta = obj.__ta || {};
+ obj.__ta[event] = obj.__ta[event] || {};
+ // store each handler with a unique guid.
+ obj.__ta[event][g] = fn;
+ // set the guid on the handler.
+ fn.__tauid = g;
+ return g;
+ },
+ _unstore = function (obj, event, fn) {
+ obj.__ta && obj.__ta[event] && delete obj.__ta[event][fn.__tauid];
+ // a handler might have attached extra functions, so we unbind those too.
+ if (fn.__taExtra) {
+ for (var i = 0; i < fn.__taExtra.length; i++) {
+ _unbind(obj, fn.__taExtra[i][0], fn.__taExtra[i][1]);
+ }
+ fn.__taExtra.length = 0;
+ }
+ // a handler might have attached an unstore callback
+ fn.__taUnstore && fn.__taUnstore();
+ },
+ _curryChildFilter = function (children, obj, fn, evt) {
+ if (children == null) return fn;
+ else {
+ var c = children.split(","),
+ _fn = function (e) {
+ _fn.__tauid = fn.__tauid;
+ var t = _t(e), target = t; // t is the target element on which the event occurred. it is the
+ // element we will wish to pass to any callbacks.
+ var pathInfo = _pi(e, t, obj, children != null)
+ if (pathInfo.end != -1) {
+ for (var p = 0; p < pathInfo.end; p++) {
+ target = pathInfo.path[p];
+ for (var i = 0; i < c.length; i++) {
+ if (matchesSelector(target, c[i], obj)) {
+ fn.apply(target, arguments);
+ }
+ }
+ }
+ }
+ };
+ registerExtraFunction(fn, evt, _fn);
+ return _fn;
+ }
+ },
+ //
+ // registers an 'extra' function on some event listener function we were given - a function that we
+ // created and bound to the element as part of our housekeeping, and which we want to unbind and remove
+ // whenever the given function is unbound.
+ registerExtraFunction = function (fn, evt, newFn) {
+ fn.__taExtra = fn.__taExtra || [];
+ fn.__taExtra.push([evt, newFn]);
+ },
+ DefaultHandler = function (obj, evt, fn, children) {
+ if (isTouchDevice && touchMap[evt]) {
+ var tfn = _curryChildFilter(children, obj, fn, touchMap[evt]);
+ _bind(obj, touchMap[evt], tfn , fn);
+ }
+ if (evt === "focus" && obj.getAttribute("tabindex") == null) {
+ obj.setAttribute("tabindex", "1");
+ }
+ _bind(obj, evt, _curryChildFilter(children, obj, fn, evt), fn);
+ },
+ SmartClickHandler = function (obj, evt, fn, children) {
+ if (obj.__taSmartClicks == null) {
+ var down = function (e) {
+ obj.__tad = _pageLocation(e);
+ },
+ up = function (e) {
+ obj.__tau = _pageLocation(e);
+ },
+ click = function (e) {
+ if (obj.__tad && obj.__tau && obj.__tad[0] === obj.__tau[0] && obj.__tad[1] === obj.__tau[1]) {
+ for (var i = 0; i < obj.__taSmartClicks.length; i++)
+ obj.__taSmartClicks[i].apply(_t(e), [ e ]);
+ }
+ };
+ DefaultHandler(obj, "mousedown", down, children);
+ DefaultHandler(obj, "mouseup", up, children);
+ DefaultHandler(obj, "click", click, children);
+ obj.__taSmartClicks = [];
+ }
+
+ // store in the list of callbacks
+ obj.__taSmartClicks.push(fn);
+ // the unstore function removes this function from the object's listener list for this type.
+ fn.__taUnstore = function () {
+ _d(obj.__taSmartClicks, fn);
+ };
+ },
+ _tapProfiles = {
+ "tap": {touches: 1, taps: 1},
+ "dbltap": {touches: 1, taps: 2},
+ "contextmenu": {touches: 2, taps: 1}
+ },
+ TapHandler = function (clickThreshold, dblClickThreshold) {
+ return function (obj, evt, fn, children) {
+ // if event is contextmenu, for devices which are mouse only, we want to
+ // use the default bind.
+ if (evt == "contextmenu" && isMouseDevice)
+ DefaultHandler(obj, evt, fn, children);
+ else {
+ // the issue here is that this down handler gets registered only for the
+ // child nodes in the first registration. in fact it should be registered with
+ // no child selector and then on down we should cycle through the registered
+ // functions to see if one of them matches. on mouseup we should execute ALL of
+ // the functions whose children are either null or match the element.
+ if (obj.__taTapHandler == null) {
+ var tt = obj.__taTapHandler = {
+ tap: [],
+ dbltap: [],
+ contextmenu: [],
+ down: false,
+ taps: 0,
+ downSelectors: []
+ };
+ var down = function (e) {
+ var target = _t(e), pathInfo = _pi(e, target, obj, children != null), finished = false;
+ for (var p = 0; p < pathInfo.end; p++) {
+ if (finished) return;
+ target = pathInfo.path[p];
+ for (var i = 0; i < tt.downSelectors.length; i++) {
+ if (tt.downSelectors[i] == null || matchesSelector(target, tt.downSelectors[i], obj)) {
+ tt.down = true;
+ setTimeout(clearSingle, clickThreshold);
+ setTimeout(clearDouble, dblClickThreshold);
+ finished = true;
+ break; // we only need one match on mousedown
+ }
+ }
+ }
+ },
+ up = function (e) {
+ if (tt.down) {
+ var target = _t(e), currentTarget, pathInfo;
+ tt.taps++;
+ var tc = _touchCount(e);
+ for (var eventId in _tapProfiles) {
+ if (_tapProfiles.hasOwnProperty(eventId)) {
+ var p = _tapProfiles[eventId];
+ if (p.touches === tc && (p.taps === 1 || p.taps === tt.taps)) {
+ for (var i = 0; i < tt[eventId].length; i++) {
+ pathInfo = _pi(e, target, obj, tt[eventId][i][1] != null);
+ for (var pLoop = 0; pLoop < pathInfo.end; pLoop++) {
+ currentTarget = pathInfo.path[pLoop];
+ // this is a single event registration handler.
+ if (tt[eventId][i][1] == null || matchesSelector(currentTarget, tt[eventId][i][1], obj)) {
+ tt[eventId][i][0].apply(currentTarget, [ e ]);
+ break;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ clearSingle = function () {
+ tt.down = false;
+ },
+ clearDouble = function () {
+ tt.taps = 0;
+ };
+
+ DefaultHandler(obj, "mousedown", down);
+ DefaultHandler(obj, "mouseup", up);
+ }
+ // add this child selector (it can be null, that's fine).
+ obj.__taTapHandler.downSelectors.push(children);
+
+ obj.__taTapHandler[evt].push([fn, children]);
+ // the unstore function removes this function from the object's listener list for this type.
+ fn.__taUnstore = function () {
+ _d(obj.__taTapHandler[evt], fn);
+ };
+ }
+ };
+ },
+ meeHelper = function (type, evt, obj, target) {
+ for (var i in obj.__tamee[type]) {
+ if (obj.__tamee[type].hasOwnProperty(i)) {
+ obj.__tamee[type][i].apply(target, [ evt ]);
+ }
+ }
+ },
+ MouseEnterExitHandler = function () {
+ var activeElements = [];
+ return function (obj, evt, fn, children) {
+ if (!obj.__tamee) {
+ // __tamee holds a flag saying whether the mouse is currently "in" the element, and a list of
+ // both mouseenter and mouseexit functions.
+ obj.__tamee = { over: false, mouseenter: [], mouseexit: [] };
+ // register over and out functions
+ var over = function (e) {
+ var t = _t(e);
+ if ((children == null && (t == obj && !obj.__tamee.over)) || (matchesSelector(t, children, obj) && (t.__tamee == null || !t.__tamee.over))) {
+ meeHelper("mouseenter", e, obj, t);
+ t.__tamee = t.__tamee || {};
+ t.__tamee.over = true;
+ activeElements.push(t);
+ }
+ },
+ out = function (e) {
+ var t = _t(e);
+ // is the current target one of the activeElements? and is the
+ // related target NOT a descendant of it?
+ for (var i = 0; i < activeElements.length; i++) {
+ if (t == activeElements[i] && !matchesSelector((e.relatedTarget || e.toElement), "*", t)) {
+ t.__tamee.over = false;
+ activeElements.splice(i, 1);
+ meeHelper("mouseexit", e, obj, t);
+ }
+ }
+ };
+
+ _bind(obj, "mouseover", _curryChildFilter(children, obj, over, "mouseover"), over);
+ _bind(obj, "mouseout", _curryChildFilter(children, obj, out, "mouseout"), out);
+ }
+
+ fn.__taUnstore = function () {
+ delete obj.__tamee[evt][fn.__tauid];
+ };
+
+ _store(obj, evt, fn);
+ obj.__tamee[evt][fn.__tauid] = fn;
+ };
+ },
+ isTouchDevice = "ontouchstart" in document.documentElement,
+ isMouseDevice = "onmousedown" in document.documentElement,
+ touchMap = { "mousedown": "touchstart", "mouseup": "touchend", "mousemove": "touchmove" },
+ touchstart = "touchstart", touchend = "touchend", touchmove = "touchmove",
+ iev = (function () {
+ var rv = -1;
+ if (navigator.appName == 'Microsoft Internet Explorer') {
+ var ua = navigator.userAgent,
+ re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
+ if (re.exec(ua) != null)
+ rv = parseFloat(RegExp.$1);
+ }
+ return rv;
+ })(),
+ isIELT9 = iev > -1 && iev < 9,
+ _genLoc = function (e, prefix) {
+ if (e == null) return [ 0, 0 ];
+ var ts = _touches(e), t = _getTouch(ts, 0);
+ return [t[prefix + "X"], t[prefix + "Y"]];
+ },
+ _pageLocation = function (e) {
+ if (e == null) return [ 0, 0 ];
+ if (isIELT9) {
+ return [ e.clientX + document.documentElement.scrollLeft, e.clientY + document.documentElement.scrollTop ];
+ }
+ else {
+ return _genLoc(e, "page");
+ }
+ },
+ _screenLocation = function (e) {
+ return _genLoc(e, "screen");
+ },
+ _clientLocation = function (e) {
+ return _genLoc(e, "client");
+ },
+ _getTouch = function (touches, idx) {
+ return touches.item ? touches.item(idx) : touches[idx];
+ },
+ _touches = function (e) {
+ return e.touches && e.touches.length > 0 ? e.touches :
+ e.changedTouches && e.changedTouches.length > 0 ? e.changedTouches :
+ e.targetTouches && e.targetTouches.length > 0 ? e.targetTouches :
+ [ e ];
+ },
+ _touchCount = function (e) {
+ return _touches(e).length;
+ },
+ //http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html
+ _bind = function (obj, type, fn, originalFn) {
+ _store(obj, type, fn);
+ originalFn.__tauid = fn.__tauid;
+ if (obj.addEventListener)
+ obj.addEventListener(type, fn, false);
+ else if (obj.attachEvent) {
+ var key = type + fn.__tauid;
+ obj["e" + key] = fn;
+ // TODO look at replacing with .call(..)
+ obj[key] = function () {
+ obj["e" + key] && obj["e" + key](window.event);
+ };
+ obj.attachEvent("on" + type, obj[key]);
+ }
+ },
+ _unbind = function (obj, type, fn) {
+ if (fn == null) return;
+ _each(obj, function () {
+ var _el = _gel(this);
+ _unstore(_el, type, fn);
+ // it has been bound if there is a tauid. otherwise it was not bound and we can ignore it.
+ if (fn.__tauid != null) {
+ if (_el.removeEventListener) {
+ _el.removeEventListener(type, fn, false);
+ if (isTouchDevice && touchMap[type]) _el.removeEventListener(touchMap[type], fn, false);
+ }
+ else if (this.detachEvent) {
+ var key = type + fn.__tauid;
+ _el[key] && _el.detachEvent("on" + type, _el[key]);
+ _el[key] = null;
+ _el["e" + key] = null;
+ }
+ }
+
+ // if a touch event was also registered, deregister now.
+ if (fn.__taTouchProxy) {
+ _unbind(obj, fn.__taTouchProxy[1], fn.__taTouchProxy[0]);
+ }
+ });
+ },
+ _each = function (obj, fn) {
+ if (obj == null) return;
+ // if a list (or list-like), use it. if a string, get a list
+ // by running the string through querySelectorAll. else, assume
+ // it's an Element.
+ // obj.top is "unknown" in IE8.
+ obj = (typeof Window !== "undefined" && (typeof obj.top !== "unknown" && obj == obj.top)) ? [ obj ] :
+ (typeof obj !== "string") && (obj.tagName == null && obj.length != null) ? obj :
+ typeof obj === "string" ? document.querySelectorAll(obj)
+ : [ obj ];
+
+ for (var i = 0; i < obj.length; i++)
+ fn.apply(obj[i]);
+ },
+ _uuid = function () {
+ return ('xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+ var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
+ return v.toString(16);
+ }));
+ };
+
+ /**
+ * Mottle offers support for abstracting out the differences
+ * between touch and mouse devices, plus "smart click" functionality
+ * (don't fire click if the mouse has moved between mousedown and mouseup),
+ * and synthesized click/tap events.
+ * @class Mottle
+ * @constructor
+ * @param {Object} params Constructor params
+ * @param {Number} [params.clickThreshold=250] Threshold, in milliseconds beyond which a touchstart followed by a touchend is not considered to be a click.
+ * @param {Number} [params.dblClickThreshold=450] Threshold, in milliseconds beyond which two successive tap events are not considered to be a click.
+ * @param {Boolean} [params.smartClicks=false] If true, won't fire click events if the mouse has moved between mousedown and mouseup. Note that this functionality
+ * requires that Mottle consume the mousedown event, and so may not be viable in all use cases.
+ */
+ root.Mottle = function (params) {
+ params = params || {};
+ var clickThreshold = params.clickThreshold || 250,
+ dblClickThreshold = params.dblClickThreshold || 450,
+ mouseEnterExitHandler = new MouseEnterExitHandler(),
+ tapHandler = new TapHandler(clickThreshold, dblClickThreshold),
+ _smartClicks = params.smartClicks,
+ _doBind = function (obj, evt, fn, children) {
+ if (fn == null) return;
+ _each(obj, function () {
+ var _el = _gel(this);
+ if (_smartClicks && evt === "click")
+ SmartClickHandler(_el, evt, fn, children);
+ else if (evt === "tap" || evt === "dbltap" || evt === "contextmenu") {
+ tapHandler(_el, evt, fn, children);
+ }
+ else if (evt === "mouseenter" || evt == "mouseexit")
+ mouseEnterExitHandler(_el, evt, fn, children);
+ else
+ DefaultHandler(_el, evt, fn, children);
+ });
+ };
+
+ /**
+ * Removes an element from the DOM, and deregisters all event handlers for it. You should use this
+ * to ensure you don't leak memory.
+ * @method remove
+ * @param {String|Element} el Element, or id of the element, to remove.
+ * @return {Mottle} The current Mottle instance; you can chain this method.
+ */
+ this.remove = function (el) {
+ _each(el, function () {
+ var _el = _gel(this);
+ if (_el.__ta) {
+ for (var evt in _el.__ta) {
+ if (_el.__ta.hasOwnProperty(evt)) {
+ for (var h in _el.__ta[evt]) {
+ if (_el.__ta[evt].hasOwnProperty(h))
+ _unbind(_el, evt, _el.__ta[evt][h]);
+ }
+ }
+ }
+ }
+ _el.parentNode && _el.parentNode.removeChild(_el);
+ });
+ return this;
+ };
+
+ /**
+ * Register an event handler, optionally as a delegate for some set of descendant elements. Note
+ * that this method takes either 3 or 4 arguments - if you supply 3 arguments it is assumed you have
+ * omitted the `children` parameter, and that the event handler should be bound directly to the given element.
+ * @method on
+ * @param {Element[]|Element|String} el Either an Element, or a CSS spec for a list of elements, or an array of Elements.
+ * @param {String} [children] Comma-delimited list of selectors identifying allowed children.
+ * @param {String} event Event ID.
+ * @param {Function} fn Event handler function.
+ * @return {Mottle} The current Mottle instance; you can chain this method.
+ */
+ this.on = function (el, event, children, fn) {
+ var _el = arguments[0],
+ _c = arguments.length == 4 ? arguments[2] : null,
+ _e = arguments[1],
+ _f = arguments[arguments.length - 1];
+
+ _doBind(_el, _e, _f, _c);
+ return this;
+ };
+
+ /**
+ * Cancel delegate event handling for the given function. Note that unlike with 'on' you do not supply
+ * a list of child selectors here: it removes event delegation from all of the child selectors for which the
+ * given function was registered (if any).
+ * @method off
+ * @param {Element[]|Element|String} el Element - or ID of element - from which to remove event listener.
+ * @param {String} event Event ID.
+ * @param {Function} fn Event handler function.
+ * @return {Mottle} The current Mottle instance; you can chain this method.
+ */
+ this.off = function (el, event, fn) {
+ _unbind(el, event, fn);
+ return this;
+ };
+
+ /**
+ * Triggers some event for a given element.
+ * @method trigger
+ * @param {Element} el Element for which to trigger the event.
+ * @param {String} event Event ID.
+ * @param {Event} originalEvent The original event. Should be optional of course, but currently is not, due
+ * to the jsPlumb use case that caused this method to be added.
+ * @param {Object} [payload] Optional object to set as `payload` on the generated event; useful for message passing.
+ * @return {Mottle} The current Mottle instance; you can chain this method.
+ */
+ this.trigger = function (el, event, originalEvent, payload) {
+ // MouseEvent undefined in old IE; that's how we know it's a mouse event. A fine Microsoft paradox.
+ var originalIsMouse = isMouseDevice && (typeof MouseEvent === "undefined" || originalEvent == null || originalEvent.constructor === MouseEvent);
+
+ var eventToBind = (isTouchDevice && !isMouseDevice && touchMap[event]) ? touchMap[event] : event,
+ bindingAMouseEvent = !(isTouchDevice && !isMouseDevice && touchMap[event]);
+
+ var pl = _pageLocation(originalEvent), sl = _screenLocation(originalEvent), cl = _clientLocation(originalEvent);
+ _each(el, function () {
+ var _el = _gel(this), evt;
+ originalEvent = originalEvent || {
+ screenX: sl[0],
+ screenY: sl[1],
+ clientX: cl[0],
+ clientY: cl[1]
+ };
+
+ var _decorate = function (_evt) {
+ if (payload) _evt.payload = payload;
+ };
+
+ var eventGenerators = {
+ "TouchEvent": function (evt) {
+
+ var touchList = _touchAndList(window, _el, 0, pl[0], pl[1], sl[0], sl[1], cl[0], cl[1]),
+ init = evt.initTouchEvent || evt.initEvent;
+
+ init(eventToBind, true, true, window, null, sl[0], sl[1],
+ cl[0], cl[1], false, false, false, false,
+ touchList, touchList, touchList, 1, 0);
+ },
+ "MouseEvents": function (evt) {
+ evt.initMouseEvent(eventToBind, true, true, window, 0,
+ sl[0], sl[1],
+ cl[0], cl[1],
+ false, false, false, false, 1, _el);
+ }
+ };
+
+ if (document.createEvent) {
+
+ var ite = !bindingAMouseEvent && !originalIsMouse && (isTouchDevice && touchMap[event]),
+ evtName = ite ? "TouchEvent" : "MouseEvents";
+
+ evt = document.createEvent(evtName);
+ eventGenerators[evtName](evt);
+ _decorate(evt);
+ _el.dispatchEvent(evt);
+ }
+ else if (document.createEventObject) {
+ evt = document.createEventObject();
+ evt.eventType = evt.eventName = eventToBind;
+ evt.screenX = sl[0];
+ evt.screenY = sl[1];
+ evt.clientX = cl[0];
+ evt.clientY = cl[1];
+ _decorate(evt);
+ _el.fireEvent('on' + eventToBind, evt);
+ }
+ });
+ return this;
+ }
+ };
+
+ /**
+ * Static method to assist in 'consuming' an element: uses `stopPropagation` where available, or sets
+ * `e.returnValue=false` where it is not.
+ * @method Mottle.consume
+ * @param {Event} e Event to consume
+ * @param {Boolean} [doNotPreventDefault=false] If true, does not call `preventDefault()` on the event.
+ */
+ root.Mottle.consume = function (e, doNotPreventDefault) {
+ if (e.stopPropagation)
+ e.stopPropagation();
+ else
+ e.returnValue = false;
+
+ if (!doNotPreventDefault && e.preventDefault)
+ e.preventDefault();
+ };
+
+ /**
+ * Gets the page location corresponding to the given event. For touch events this means get the page location of the first touch.
+ * @method Mottle.pageLocation
+ * @param {Event} e Event to get page location for.
+ * @return {Number[]} [left, top] for the given event.
+ */
+ root.Mottle.pageLocation = _pageLocation;
+
+ /**
+ * Forces touch events to be turned "on". Useful for testing: even if you don't have a touch device, you can still
+ * trigger a touch event when this is switched on and it will be captured and acted on.
+ * @method setForceTouchEvents
+ * @param {Boolean} value If true, force touch events to be on.
+ */
+ root.Mottle.setForceTouchEvents = function (value) {
+ isTouchDevice = value;
+ };
+
+ /**
+ * Forces mouse events to be turned "on". Useful for testing: even if you don't have a mouse, you can still
+ * trigger a mouse event when this is switched on and it will be captured and acted on.
+ * @method setForceMouseEvents
+ * @param {Boolean} value If true, force mouse events to be on.
+ */
+ root.Mottle.setForceMouseEvents = function (value) {
+ isMouseDevice = value;
+ };
+
+ root.Mottle.version = "0.8.0";
+
+ if (typeof exports !== "undefined") {
+ exports.Mottle = root.Mottle;
+ }
+
+}).call(typeof window === "undefined" ? this : window);
+
+/**
+ drag/drop functionality for use with jsPlumb but with
+ no knowledge of jsPlumb. supports multiple scopes (separated by whitespace), dragging
+ multiple elements, constrain to parent, drop filters, drag start filters, custom
+ css classes.
+
+ a lot of the functionality of this script is expected to be plugged in:
+
+ addClass
+ removeClass
+
+ addEvent
+ removeEvent
+
+ getPosition
+ setPosition
+ getSize
+
+ indexOf
+ intersects
+
+ the name came from here:
+
+ http://mrsharpoblunto.github.io/foswig.js/
+
+ copyright 2016 jsPlumb
+ */
+
+;(function() {
+
+ "use strict";
+ var root = this;
+
+ var _suggest = function(list, item, head) {
+ if (list.indexOf(item) === -1) {
+ head ? list.unshift(item) : list.push(item);
+ return true;
+ }
+ return false;
+ };
+
+ var _vanquish = function(list, item) {
+ var idx = list.indexOf(item);
+ if (idx !== -1) list.splice(idx, 1);
+ };
+
+ var _difference = function(l1, l2) {
+ var d = [];
+ for (var i = 0; i < l1.length; i++) {
+ if (l2.indexOf(l1[i]) === -1)
+ d.push(l1[i]);
+ }
+ return d;
+ };
+
+ var _isString = function(f) {
+ return f == null ? false : (typeof f === "string" || f.constructor === String);
+ };
+
+ var getOffsetRect = function (elem) {
+ // (1)
+ var box = elem.getBoundingClientRect(),
+ body = document.body,
+ docElem = document.documentElement,
+ // (2)
+ scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop,
+ scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft,
+ // (3)
+ clientTop = docElem.clientTop || body.clientTop || 0,
+ clientLeft = docElem.clientLeft || body.clientLeft || 0,
+ // (4)
+ top = box.top + scrollTop - clientTop,
+ left = box.left + scrollLeft - clientLeft;
+
+ return { top: Math.round(top), left: Math.round(left) };
+ };
+
+ var matchesSelector = function(el, selector, ctx) {
+ ctx = ctx || el.parentNode;
+ var possibles = ctx.querySelectorAll(selector);
+ for (var i = 0; i < possibles.length; i++) {
+ if (possibles[i] === el)
+ return true;
+ }
+ return false;
+ };
+
+ var findDelegateElement = function(parentElement, childElement, selector) {
+ if (matchesSelector(childElement, selector, parentElement)) {
+ return childElement;
+ } else {
+ var currentParent = childElement.parentNode;
+ while (currentParent != null && currentParent !== parentElement) {
+ if (matchesSelector(currentParent, selector, parentElement)) {
+ return currentParent;
+ } else {
+ currentParent = currentParent.parentNode;
+ }
+ }
+ }
+ };
+
+ /**
+ * Finds all elements matching the given selector, for the given parent. In order to support "scoped root" selectors,
+ * ie. things like "> .someClass", that is .someClass elements that are direct children of `parentElement`, we have to
+ * jump through a small hoop here: when a delegate draggable is registered, we write a `katavorio-draggable` attribute
+ * on the element on which the draggable is registered. Then when this method runs, we grab the value of that attribute and
+ * prepend it as part of the selector we're looking for. So "> .someClass" ends up being written as
+ * "[katavorio-draggable='...' > .someClass]", which works with querySelectorAll.
+ *
+ * @param availableSelectors
+ * @param parentElement
+ * @param childElement
+ * @returns {*}
+ */
+ var findMatchingSelector = function(availableSelectors, parentElement, childElement) {
+ var el = null;
+ var draggableId = parentElement.getAttribute("katavorio-draggable"),
+ prefix = draggableId != null ? "[katavorio-draggable='" + draggableId + "'] " : "";
+
+ for (var i = 0; i < availableSelectors.length; i++) {
+ el = findDelegateElement(parentElement, childElement, prefix + availableSelectors[i].selector);
+ if (el != null) {
+ if (availableSelectors[i].filter) {
+ var matches = matchesSelector(childElement, availableSelectors[i].filter, el),
+ exclude = availableSelectors[i].filterExclude === true;
+
+ if ( (exclude && !matches) || matches) {
+ return null;
+ }
+
+ }
+ return [ availableSelectors[i], el ];
+ }
+ }
+ return null;
+ };
+
+ var iev = (function() {
+ var rv = -1;
+ if (navigator.appName === 'Microsoft Internet Explorer') {
+ var ua = navigator.userAgent,
+ re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
+ if (re.exec(ua) != null)
+ rv = parseFloat(RegExp.$1);
+ }
+ return rv;
+ })(),
+ DEFAULT_GRID_X = 10,
+ DEFAULT_GRID_Y = 10,
+ isIELT9 = iev > -1 && iev < 9,
+ isIE9 = iev === 9,
+ _pl = function(e) {
+ if (isIELT9) {
+ return [ e.clientX + document.documentElement.scrollLeft, e.clientY + document.documentElement.scrollTop ];
+ }
+ else {
+ var ts = _touches(e), t = _getTouch(ts, 0);
+ // for IE9 pageX might be null if the event was synthesized. We try for pageX/pageY first,
+ // falling back to clientX/clientY if necessary. In every other browser we want to use pageX/pageY.
+ return isIE9 ? [t.pageX || t.clientX, t.pageY || t.clientY] : [t.pageX, t.pageY];
+ }
+ },
+ _getTouch = function(touches, idx) { return touches.item ? touches.item(idx) : touches[idx]; },
+ _touches = function(e) {
+ return e.touches && e.touches.length > 0 ? e.touches :
+ e.changedTouches && e.changedTouches.length > 0 ? e.changedTouches :
+ e.targetTouches && e.targetTouches.length > 0 ? e.targetTouches :
+ [ e ];
+ },
+ _classes = {
+ delegatedDraggable:"katavorio-delegated-draggable", // elements that are the delegated drag handler for a bunch of other elements
+ draggable:"katavorio-draggable", // draggable elements
+ droppable:"katavorio-droppable", // droppable elements
+ drag : "katavorio-drag", // elements currently being dragged
+ selected:"katavorio-drag-selected", // elements in current drag selection
+ active : "katavorio-drag-active", // droppables that are targets of a currently dragged element
+ hover : "katavorio-drag-hover", // droppables over which a matching drag element is hovering
+ noSelect : "katavorio-drag-no-select", // added to the body to provide a hook to suppress text selection
+ ghostProxy:"katavorio-ghost-proxy", // added to a ghost proxy element in use when a drag has exited the bounds of its parent.
+ clonedDrag:"katavorio-clone-drag" // added to a node that is a clone of an element created at the start of a drag
+ },
+ _defaultScope = "katavorio-drag-scope",
+ _events = [ "stop", "start", "drag", "drop", "over", "out", "beforeStart" ],
+ _devNull = function() {},
+ _true = function() { return true; },
+ _foreach = function(l, fn, from) {
+ for (var i = 0; i < l.length; i++) {
+ if (l[i] != from)
+ fn(l[i]);
+ }
+ },
+ _setDroppablesActive = function(dd, val, andHover, drag) {
+ _foreach(dd, function(e) {
+ e.setActive(val);
+ if (val) e.updatePosition();
+ if (andHover) e.setHover(drag, val);
+ });
+ },
+ _each = function(obj, fn) {
+ if (obj == null) return;
+ obj = !_isString(obj) && (obj.tagName == null && obj.length != null) ? obj : [ obj ];
+ for (var i = 0; i < obj.length; i++)
+ fn.apply(obj[i], [ obj[i] ]);
+ },
+ _consume = function(e) {
+ if (e.stopPropagation) {
+ e.stopPropagation();
+ e.preventDefault();
+ }
+ else {
+ e.returnValue = false;
+ }
+ },
+ _defaultInputFilterSelector = "input,textarea,select,button,option",
+ //
+ // filters out events on all input elements, like textarea, checkbox, input, select.
+ _inputFilter = function(e, el, _katavorio) {
+ var t = e.srcElement || e.target;
+ return !matchesSelector(t, _katavorio.getInputFilterSelector(), el);
+ };
+
+ var Super = function(el, params, css, scope) {
+ this.params = params || {};
+ this.el = el;
+ this.params.addClass(this.el, this._class);
+ this.uuid = _uuid();
+ var enabled = true;
+ this.setEnabled = function(e) { enabled = e; };
+ this.isEnabled = function() { return enabled; };
+ this.toggleEnabled = function() { enabled = !enabled; };
+ this.setScope = function(scopes) {
+ this.scopes = scopes ? scopes.split(/\s+/) : [ scope ];
+ };
+ this.addScope = function(scopes) {
+ var m = {};
+ _each(this.scopes, function(s) { m[s] = true;});
+ _each(scopes ? scopes.split(/\s+/) : [], function(s) { m[s] = true;});
+ this.scopes = [];
+ for (var i in m) this.scopes.push(i);
+ };
+ this.removeScope = function(scopes) {
+ var m = {};
+ _each(this.scopes, function(s) { m[s] = true;});
+ _each(scopes ? scopes.split(/\s+/) : [], function(s) { delete m[s];});
+ this.scopes = [];
+ for (var i in m) this.scopes.push(i);
+ };
+ this.toggleScope = function(scopes) {
+ var m = {};
+ _each(this.scopes, function(s) { m[s] = true;});
+ _each(scopes ? scopes.split(/\s+/) : [], function(s) {
+ if (m[s]) delete m[s];
+ else m[s] = true;
+ });
+ this.scopes = [];
+ for (var i in m) this.scopes.push(i);
+ };
+ this.setScope(params.scope);
+ this.k = params.katavorio;
+ return params.katavorio;
+ };
+
+ var TRUE = function() { return true; };
+ var FALSE = function() { return false; };
+
+ var Drag = function(el, params, css, scope) {
+ this._class = css.draggable;
+ var k = Super.apply(this, arguments);
+ this.rightButtonCanDrag = this.params.rightButtonCanDrag;
+ var downAt = [0,0], posAtDown = null, pagePosAtDown = null, pageDelta = [0,0], moving = false, initialScroll = [0,0],
+ consumeStartEvent = this.params.consumeStartEvent !== false,
+ dragEl = this.el,
+ clone = this.params.clone,
+ scroll = this.params.scroll,
+ _multipleDrop = params.multipleDrop !== false,
+ isConstrained = false,
+ useGhostProxy = params.ghostProxy === true ? TRUE : params.ghostProxy && typeof params.ghostProxy === "function" ? params.ghostProxy : FALSE,
+ ghostProxy = function(el) { return el.cloneNode(true); },
+ elementToDrag = null,
+ availableSelectors = [],
+ activeSelectorParams = null, // which, if any, selector config is currently active.
+ ghostProxyParent = params.ghostProxyParent,
+ currentParentPosition,
+ ghostParentPosition,
+ ghostDx,
+ ghostDy;
+
+ // if an initial selector was provided, push the entire set of params as a selector config.
+ if (params.selector) {
+ var draggableId = el.getAttribute("katavorio-draggable");
+ if (draggableId == null) {
+ draggableId = "" + new Date().getTime();
+ el.setAttribute("katavorio-draggable", draggableId);
+ }
+
+ availableSelectors.push(params);
+ }
+
+ var snapThreshold = params.snapThreshold,
+ _snap = function(pos, gridX, gridY, thresholdX, thresholdY) {
+ var _dx = Math.floor(pos[0] / gridX),
+ _dxl = gridX * _dx,
+ _dxt = _dxl + gridX,
+ _x = Math.abs(pos[0] - _dxl) <= thresholdX ? _dxl : Math.abs(_dxt - pos[0]) <= thresholdX ? _dxt : pos[0];
+
+ var _dy = Math.floor(pos[1] / gridY),
+ _dyl = gridY * _dy,
+ _dyt = _dyl + gridY,
+ _y = Math.abs(pos[1] - _dyl) <= thresholdY ? _dyl : Math.abs(_dyt - pos[1]) <= thresholdY ? _dyt : pos[1];
+
+ return [ _x, _y];
+ };
+
+ this.posses = [];
+ this.posseRoles = {};
+
+ this.toGrid = function(pos) {
+ if (this.params.grid == null) {
+ return pos;
+ }
+ else {
+ var tx = this.params.grid ? this.params.grid[0] / 2 : snapThreshold ? snapThreshold : DEFAULT_GRID_X / 2,
+ ty = this.params.grid ? this.params.grid[1] / 2 : snapThreshold ? snapThreshold : DEFAULT_GRID_Y / 2;
+
+ return _snap(pos, this.params.grid[0], this.params.grid[1], tx, ty);
+ }
+ };
+
+ this.snap = function(x, y) {
+ if (dragEl == null) return;
+ x = x || (this.params.grid ? this.params.grid[0] : DEFAULT_GRID_X);
+ y = y || (this.params.grid ? this.params.grid[1] : DEFAULT_GRID_Y);
+ var p = this.params.getPosition(dragEl),
+ tx = this.params.grid ? this.params.grid[0] / 2 : snapThreshold,
+ ty = this.params.grid ? this.params.grid[1] / 2 : snapThreshold,
+ snapped = _snap(p, x, y, tx, ty);
+
+ this.params.setPosition(dragEl, snapped);
+ return snapped;
+ };
+
+ this.setUseGhostProxy = function(val) {
+ useGhostProxy = val ? TRUE : FALSE;
+ };
+
+ var constrain;
+ var negativeFilter = function(pos) {
+ return (params.allowNegative === false) ? [ Math.max (0, pos[0]), Math.max(0, pos[1]) ] : pos;
+ };
+
+ var _setConstrain = function(value) {
+ constrain = typeof value === "function" ? value : value ? function(pos, dragEl, _constrainRect, _size) {
+ return negativeFilter([
+ Math.max(0, Math.min(_constrainRect.w - _size[0], pos[0])),
+ Math.max(0, Math.min(_constrainRect.h - _size[1], pos[1]))
+ ]);
+ }.bind(this) : function(pos) { return negativeFilter(pos); };
+ }.bind(this);
+
+ _setConstrain(typeof this.params.constrain === "function" ? this.params.constrain : (this.params.constrain || this.params.containment));
+
+
+ /**
+ * Sets whether or not the Drag is constrained. A value of 'true' means constrain to parent bounds; a function
+ * will be executed and returns true if the position is allowed.
+ * @param value
+ */
+ this.setConstrain = function(value) {
+ _setConstrain(value);
+ };
+
+ var revertFunction;
+ /**
+ * Sets a function to call on drag stop, which, if it returns true, indicates that the given element should
+ * revert to its position before the previous drag.
+ * @param fn
+ */
+ this.setRevert = function(fn) {
+ revertFunction = fn;
+ };
+
+ if (this.params.revert) {
+ revertFunction = this.params.revert;
+ }
+
+ var _assignId = function(obj) {
+ if (typeof obj === "function") {
+ obj._katavorioId = _uuid();
+ return obj._katavorioId;
+ } else {
+ return obj;
+ }
+ },
+ // a map of { spec -> [ fn, exclusion ] } entries.
+ _filters = {},
+ _testFilter = function(e) {
+ for (var key in _filters) {
+ var f = _filters[key];
+ var rv = f[0](e);
+ if (f[1]) rv = !rv;
+ if (!rv) return false;
+ }
+ return true;
+ },
+ _setFilter = this.setFilter = function(f, _exclude) {
+ if (f) {
+ var key = _assignId(f);
+ _filters[key] = [
+ function(e) {
+ var t = e.srcElement || e.target, m;
+ if (_isString(f)) {
+ m = matchesSelector(t, f, el);
+ }
+ else if (typeof f === "function") {
+ m = f(e, el);
+ }
+ return m;
+ },
+ _exclude !== false
+ ];
+
+ }
+ },
+ _addFilter = this.addFilter = _setFilter,
+ _removeFilter = this.removeFilter = function(f) {
+ var key = typeof f === "function" ? f._katavorioId : f;
+ delete _filters[key];
+ };
+
+ this.clearAllFilters = function() {
+ _filters = {};
+ };
+
+ this.canDrag = this.params.canDrag || _true;
+
+ var constrainRect,
+ matchingDroppables = [],
+ intersectingDroppables = [];
+
+ this.addSelector = function(params) {
+ if (params.selector) {
+ availableSelectors.push(params);
+ }
+ };
+
+ this.downListener = function(e) {
+ if (e.defaultPrevented) { return; }
+ var isNotRightClick = this.rightButtonCanDrag || (e.which !== 3 && e.button !== 2);
+ if (isNotRightClick && this.isEnabled() && this.canDrag()) {
+
+ var _f = _testFilter(e) && _inputFilter(e, this.el, this.k);
+ if (_f) {
+
+ activeSelectorParams = null;
+ elementToDrag = null;
+
+ // if (selector) {
+ // elementToDrag = findDelegateElement(this.el, e.target || e.srcElement, selector);
+ // if(elementToDrag == null) {
+ // return;
+ // }
+ // }
+ if (availableSelectors.length > 0) {
+ var match = findMatchingSelector(availableSelectors, this.el, e.target || e.srcElement);
+ if (match != null) {
+ activeSelectorParams = match[0];
+ elementToDrag = match[1];
+ }
+ // elementToDrag = findDelegateElement(this.el, e.target || e.srcElement, selector);
+ if(elementToDrag == null) {
+ return;
+ }
+ }
+ else {
+ elementToDrag = this.el;
+ }
+
+ if (clone) {
+ dragEl = elementToDrag.cloneNode(true);
+ this.params.addClass(dragEl, _classes.clonedDrag);
+
+ dragEl.setAttribute("id", null);
+ dragEl.style.position = "absolute";
+
+ if (this.params.parent != null) {
+ var p = this.params.getPosition(this.el);
+ dragEl.style.left = p[0] + "px";
+ dragEl.style.top = p[1] + "px";
+ this.params.parent.appendChild(dragEl);
+ } else {
+ // the clone node is added to the body; getOffsetRect gives us a value
+ // relative to the body.
+ var b = getOffsetRect(elementToDrag);
+ dragEl.style.left = b.left + "px";
+ dragEl.style.top = b.top + "px";
+
+ document.body.appendChild(dragEl);
+ }
+
+ } else {
+ dragEl = elementToDrag;
+ }
+
+ consumeStartEvent && _consume(e);
+ downAt = _pl(e);
+ if (dragEl && dragEl.parentNode)
+ {
+ initialScroll = [dragEl.parentNode.scrollLeft, dragEl.parentNode.scrollTop];
+ }
+ //
+ this.params.bind(document, "mousemove", this.moveListener);
+ this.params.bind(document, "mouseup", this.upListener);
+ k.markSelection(this);
+ k.markPosses(this);
+ this.params.addClass(document.body, css.noSelect);
+ _dispatch("beforeStart", {el:this.el, pos:posAtDown, e:e, drag:this});
+ }
+ else if (this.params.consumeFilteredEvents) {
+ _consume(e);
+ }
+ }
+ }.bind(this);
+
+ this.moveListener = function(e) {
+ if (downAt) {
+ if (!moving) {
+ var _continue = _dispatch("start", {el:this.el, pos:posAtDown, e:e, drag:this});
+ if (_continue !== false) {
+ if (!downAt) {
+ return;
+ }
+ this.mark(true);
+ moving = true;
+ } else {
+ this.abort();
+ }
+ }
+
+ // it is possible that the start event caused the drag to be aborted. So we check
+ // again that we are currently dragging.
+ if (downAt) {
+ intersectingDroppables.length = 0;
+ var pos = _pl(e), dx = pos[0] - downAt[0], dy = pos[1] - downAt[1],
+ z = this.params.ignoreZoom ? 1 : k.getZoom();
+ if (dragEl && dragEl.parentNode)
+ {
+ dx += dragEl.parentNode.scrollLeft - initialScroll[0];
+ dy += dragEl.parentNode.scrollTop - initialScroll[1];
+ }
+ dx /= z;
+ dy /= z;
+ this.moveBy(dx, dy, e);
+ k.updateSelection(dx, dy, this);
+ k.updatePosses(dx, dy, this);
+ }
+ }
+ }.bind(this);
+
+ this.upListener = function(e) {
+ if (downAt) {
+ downAt = null;
+ this.params.unbind(document, "mousemove", this.moveListener);
+ this.params.unbind(document, "mouseup", this.upListener);
+ this.params.removeClass(document.body, css.noSelect);
+ this.unmark(e);
+ k.unmarkSelection(this, e);
+ k.unmarkPosses(this, e);
+ this.stop(e);
+
+ k.notifyPosseDragStop(this, e);
+ moving = false;
+ intersectingDroppables.length = 0;
+
+ if (clone) {
+ dragEl && dragEl.parentNode && dragEl.parentNode.removeChild(dragEl);
+ dragEl = null;
+ } else {
+ if (revertFunction && revertFunction(dragEl, this.params.getPosition(dragEl)) === true) {
+ this.params.setPosition(dragEl, posAtDown);
+ _dispatch("revert", dragEl);
+ }
+ }
+
+ }
+ }.bind(this);
+
+ this.getFilters = function() { return _filters; };
+
+ this.abort = function() {
+ if (downAt != null) {
+ this.upListener();
+ }
+ };
+
+ /**
+ * Returns the element that was last dragged. This may be some original element from the DOM, or if `clone` is
+ * set, then its actually a copy of some original DOM element. In some client calls to this method, it is the
+ * actual element that was dragged that is desired. In others, it is the original DOM element that the user
+ * wishes to get - in which case, pass true for `retrieveOriginalElement`.
+ *
+ * @returns {*}
+ */
+ this.getDragElement = function(retrieveOriginalElement) {
+ return retrieveOriginalElement ? elementToDrag || this.el : dragEl || this.el;
+ };
+
+ var listeners = {"start":[], "drag":[], "stop":[], "over":[], "out":[], "beforeStart":[], "revert":[] };
+ if (params.events.start) listeners.start.push(params.events.start);
+ if (params.events.beforeStart) listeners.beforeStart.push(params.events.beforeStart);
+ if (params.events.stop) listeners.stop.push(params.events.stop);
+ if (params.events.drag) listeners.drag.push(params.events.drag);
+ if (params.events.revert) listeners.revert.push(params.events.revert);
+
+ this.on = function(evt, fn) {
+ if (listeners[evt]) listeners[evt].push(fn);
+ };
+
+ this.off = function(evt, fn) {
+ if (listeners[evt]) {
+ var l = [];
+ for (var i = 0; i < listeners[evt].length; i++) {
+ if (listeners[evt][i] !== fn) l.push(listeners[evt][i]);
+ }
+ listeners[evt] = l;
+ }
+ };
+
+ var _dispatch = function(evt, value) {
+ var result = null;
+ if (activeSelectorParams && activeSelectorParams[evt]) {
+ result = activeSelectorParams[evt](value);
+ } else if (listeners[evt]) {
+ for (var i = 0; i < listeners[evt].length; i++) {
+ try {
+ var v = listeners[evt][i](value);
+ if (v != null) {
+ result = v;
+ }
+ }
+ catch (e) { }
+ }
+ }
+ return result;
+ };
+
+ this.notifyStart = function(e) {
+ _dispatch("start", {el:this.el, pos:this.params.getPosition(dragEl), e:e, drag:this});
+ };
+
+ this.stop = function(e, force) {
+ if (force || moving) {
+ var positions = [],
+ sel = k.getSelection(),
+ dPos = this.params.getPosition(dragEl);
+
+ if (sel.length > 0) {
+ for (var i = 0; i < sel.length; i++) {
+ var p = this.params.getPosition(sel[i].el);
+ positions.push([ sel[i].el, { left: p[0], top: p[1] }, sel[i] ]);
+ }
+ }
+ else {
+ positions.push([ dragEl, {left:dPos[0], top:dPos[1]}, this ]);
+ }
+
+ _dispatch("stop", {
+ el: dragEl,
+ pos: ghostProxyOffsets || dPos,
+ finalPos:dPos,
+ e: e,
+ drag: this,
+ selection:positions
+ });
+ }
+ };
+
+ this.mark = function(andNotify) {
+ posAtDown = this.params.getPosition(dragEl);
+ pagePosAtDown = this.params.getPosition(dragEl, true);
+ pageDelta = [pagePosAtDown[0] - posAtDown[0], pagePosAtDown[1] - posAtDown[1]];
+ this.size = this.params.getSize(dragEl);
+ matchingDroppables = k.getMatchingDroppables(this);
+ _setDroppablesActive(matchingDroppables, true, false, this);
+ this.params.addClass(dragEl, this.params.dragClass || css.drag);
+
+ var cs;
+ if (this.params.getConstrainingRectangle) {
+ cs = this.params.getConstrainingRectangle(dragEl)
+ } else {
+ cs = this.params.getSize(dragEl.parentNode);
+ }
+ constrainRect = {w: cs[0], h: cs[1]};
+
+ ghostDx = 0;
+ ghostDy = 0;
+
+ if (andNotify) {
+ k.notifySelectionDragStart(this);
+ }
+ };
+ var ghostProxyOffsets;
+ this.unmark = function(e, doNotCheckDroppables) {
+ _setDroppablesActive(matchingDroppables, false, true, this);
+
+ if (isConstrained && useGhostProxy(elementToDrag, dragEl)) {
+ ghostProxyOffsets = [dragEl.offsetLeft - ghostDx, dragEl.offsetTop - ghostDy];
+ dragEl.parentNode.removeChild(dragEl);
+ dragEl = elementToDrag;
+ }
+ else {
+ ghostProxyOffsets = null;
+ }
+
+ this.params.removeClass(dragEl, this.params.dragClass || css.drag);
+ matchingDroppables.length = 0;
+ isConstrained = false;
+ if (!doNotCheckDroppables) {
+ if (intersectingDroppables.length > 0 && ghostProxyOffsets) {
+ params.setPosition(elementToDrag, ghostProxyOffsets);
+ }
+ intersectingDroppables.sort(_rankSort);
+ for (var i = 0; i < intersectingDroppables.length; i++) {
+ var retVal = intersectingDroppables[i].drop(this, e);
+ if (retVal === true) break;
+ }
+ }
+ };
+ this.moveBy = function(dx, dy, e) {
+ intersectingDroppables.length = 0;
+
+ var desiredLoc = this.toGrid([posAtDown[0] + dx, posAtDown[1] + dy]),
+ cPos = constrain(desiredLoc, dragEl, constrainRect, this.size);
+
+ // if we should use a ghost proxy...
+ if (useGhostProxy(this.el, dragEl)) {
+ // and the element has been dragged outside of its parent bounds
+ if (desiredLoc[0] !== cPos[0] || desiredLoc[1] !== cPos[1]) {
+
+ // ...if ghost proxy not yet created
+ if (!isConstrained) {
+ // create it
+ var gp = ghostProxy(elementToDrag);
+ params.addClass(gp, _classes.ghostProxy);
+
+ if (ghostProxyParent) {
+ ghostProxyParent.appendChild(gp);
+ // find offset between drag el's parent the ghost parent
+ currentParentPosition = params.getPosition(elementToDrag.parentNode, true);
+ ghostParentPosition = params.getPosition(params.ghostProxyParent, true);
+ ghostDx = currentParentPosition[0] - ghostParentPosition[0];
+ ghostDy = currentParentPosition[1] - ghostParentPosition[1];
+
+ } else {
+ elementToDrag.parentNode.appendChild(gp);
+ }
+
+ // the ghost proxy is the drag element
+ dragEl = gp;
+ // set this flag so we dont recreate the ghost proxy
+ isConstrained = true;
+ }
+ // now the drag position can be the desired position, as the ghost proxy can support it.
+ cPos = desiredLoc;
+ }
+ else {
+ // if the element is not outside of its parent bounds, and ghost proxy is in place,
+ if (isConstrained) {
+ // remove the ghost proxy from the dom
+ dragEl.parentNode.removeChild(dragEl);
+ // reset the drag element to the original element
+ dragEl = elementToDrag;
+ // clear this flag.
+ isConstrained = false;
+ currentParentPosition = null;
+ ghostParentPosition = null;
+ ghostDx = 0;
+ ghostDy = 0;
+ }
+ }
+ }
+
+ var rect = { x:cPos[0], y:cPos[1], w:this.size[0], h:this.size[1]},
+ pageRect = { x:rect.x + pageDelta[0], y:rect.y + pageDelta[1], w:rect.w, h:rect.h},
+ focusDropElement = null;
+
+ this.params.setPosition(dragEl, [cPos[0] + ghostDx, cPos[1] + ghostDy]);
+
+ for (var i = 0; i < matchingDroppables.length; i++) {
+ var r2 = { x:matchingDroppables[i].pagePosition[0], y:matchingDroppables[i].pagePosition[1], w:matchingDroppables[i].size[0], h:matchingDroppables[i].size[1]};
+ if (this.params.intersects(pageRect, r2) && (_multipleDrop || focusDropElement == null || focusDropElement === matchingDroppables[i].el) && matchingDroppables[i].canDrop(this)) {
+ if (!focusDropElement) focusDropElement = matchingDroppables[i].el;
+ intersectingDroppables.push(matchingDroppables[i]);
+ matchingDroppables[i].setHover(this, true, e);
+ }
+ else if (matchingDroppables[i].isHover()) {
+ matchingDroppables[i].setHover(this, false, e);
+ }
+ }
+
+ _dispatch("drag", {el:this.el, pos:cPos, e:e, drag:this});
+
+ /* test to see if the parent needs to be scrolled (future)
+ if (scroll) {
+ var pnsl = dragEl.parentNode.scrollLeft, pnst = dragEl.parentNode.scrollTop;
+ console.log("scroll!", pnsl, pnst);
+ }*/
+ };
+ this.destroy = function() {
+ this.params.unbind(this.el, "mousedown", this.downListener);
+ this.params.unbind(document, "mousemove", this.moveListener);
+ this.params.unbind(document, "mouseup", this.upListener);
+ this.downListener = null;
+ this.upListener = null;
+ this.moveListener = null;
+ };
+
+ // init:register mousedown, and perhaps set a filter
+ this.params.bind(this.el, "mousedown", this.downListener);
+
+ // if handle provided, use that. otherwise, try to set a filter.
+ // note that a `handle` selector always results in filterExclude being set to false, ie.
+ // the selector defines the handle element(s).
+ if (this.params.handle)
+ _setFilter(this.params.handle, false);
+ else
+ _setFilter(this.params.filter, this.params.filterExclude);
+ };
+
+ var Drop = function(el, params, css, scope) {
+ this._class = css.droppable;
+ this.params = params || {};
+ this.rank = params.rank || 0;
+ this._activeClass = this.params.activeClass || css.active;
+ this._hoverClass = this.params.hoverClass || css.hover;
+ Super.apply(this, arguments);
+ var hover = false;
+ this.allowLoopback = this.params.allowLoopback !== false;
+
+ this.setActive = function(val) {
+ this.params[val ? "addClass" : "removeClass"](this.el, this._activeClass);
+ };
+
+ this.updatePosition = function() {
+ this.position = this.params.getPosition(this.el);
+ this.pagePosition = this.params.getPosition(this.el, true);
+ this.size = this.params.getSize(this.el);
+ };
+
+ this.canDrop = this.params.canDrop || function(drag) {
+ return true;
+ };
+
+ this.isHover = function() { return hover; };
+
+ this.setHover = function(drag, val, e) {
+ // if turning off hover but this was not the drag that caused the hover, ignore.
+ if (val || this.el._katavorioDragHover == null || this.el._katavorioDragHover === drag.el._katavorio) {
+ this.params[val ? "addClass" : "removeClass"](this.el, this._hoverClass);
+ this.el._katavorioDragHover = val ? drag.el._katavorio : null;
+ if (hover !== val) {
+ this.params.events[val ? "over" : "out"]({el: this.el, e: e, drag: drag, drop: this});
+ }
+ hover = val;
+ }
+ };
+
+ /**
+ * A drop event. `drag` is the corresponding Drag object, which may be a Drag for some specific element, or it
+ * may be a Drag on some element acting as a delegate for elements contained within it.
+ * @param drag
+ * @param event
+ * @returns {*}
+ */
+ this.drop = function(drag, event) {
+ return this.params.events["drop"]({ drag:drag, e:event, drop:this });
+ };
+
+ this.destroy = function() {
+ this._class = null;
+ this._activeClass = null;
+ this._hoverClass = null;
+ hover = null;
+ };
+ };
+
+ var _uuid = function() {
+ return ('xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+ var r = Math.random()*16|0, v = c === 'x' ? r : (r&0x3|0x8);
+ return v.toString(16);
+ }));
+ };
+
+ var _rankSort = function(a,b) {
+ return a.rank < b.rank ? 1 : a.rank > b.rank ? -1 : 0;
+ };
+
+ var _gel = function(el) {
+ if (el == null) return null;
+ el = (typeof el === "string" || el.constructor === String) ? document.getElementById(el) : el;
+ if (el == null) return null;
+ el._katavorio = el._katavorio || _uuid();
+ return el;
+ };
+
+ root.Katavorio = function(katavorioParams) {
+
+ var _selection = [],
+ _selectionMap = {};
+
+ this._dragsByScope = {};
+ this._dropsByScope = {};
+ var _zoom = 1,
+ _reg = function(obj, map) {
+ _each(obj, function(_obj) {
+ for(var i = 0; i < _obj.scopes.length; i++) {
+ map[_obj.scopes[i]] = map[_obj.scopes[i]] || [];
+ map[_obj.scopes[i]].push(_obj);
+ }
+ });
+ },
+ _unreg = function(obj, map) {
+ var c = 0;
+ _each(obj, function(_obj) {
+ for(var i = 0; i < _obj.scopes.length; i++) {
+ if (map[_obj.scopes[i]]) {
+ var idx = katavorioParams.indexOf(map[_obj.scopes[i]], _obj);
+ if (idx !== -1) {
+ map[_obj.scopes[i]].splice(idx, 1);
+ c++;
+ }
+ }
+ }
+ });
+
+ return c > 0 ;
+ },
+ _getMatchingDroppables = this.getMatchingDroppables = function(drag) {
+ var dd = [], _m = {};
+ for (var i = 0; i < drag.scopes.length; i++) {
+ var _dd = this._dropsByScope[drag.scopes[i]];
+ if (_dd) {
+ for (var j = 0; j < _dd.length; j++) {
+ if (_dd[j].canDrop(drag) && !_m[_dd[j].uuid] && (_dd[j].allowLoopback || _dd[j].el !== drag.el)) {
+ _m[_dd[j].uuid] = true;
+ dd.push(_dd[j]);
+ }
+ }
+ }
+ }
+ dd.sort(_rankSort);
+ return dd;
+ },
+ _prepareParams = function(p) {
+ p = p || {};
+ var _p = {
+ events:{}
+ }, i;
+ for (i in katavorioParams) _p[i] = katavorioParams[i];
+ for (i in p) _p[i] = p[i];
+ // events
+
+ for (i = 0; i < _events.length; i++) {
+ _p.events[_events[i]] = p[_events[i]] || _devNull;
+ }
+ _p.katavorio = this;
+ return _p;
+ }.bind(this),
+ _mistletoe = function(existingDrag, params) {
+ for (var i = 0; i < _events.length; i++) {
+ if (params[_events[i]]) {
+ existingDrag.on(_events[i], params[_events[i]]);
+ }
+ }
+ }.bind(this),
+ _css = {},
+ overrideCss = katavorioParams.css || {},
+ _scope = katavorioParams.scope || _defaultScope;
+
+ // prepare map of css classes based on defaults frst, then optional overrides
+ for (var i in _classes) _css[i] = _classes[i];
+ for (var i in overrideCss) _css[i] = overrideCss[i];
+
+ var inputFilterSelector = katavorioParams.inputFilterSelector || _defaultInputFilterSelector;
+ /**
+ * Gets the selector identifying which input elements to filter from drag events.
+ * @method getInputFilterSelector
+ * @return {String} Current input filter selector.
+ */
+ this.getInputFilterSelector = function() { return inputFilterSelector; };
+
+ /**
+ * Sets the selector identifying which input elements to filter from drag events.
+ * @method setInputFilterSelector
+ * @param {String} selector Input filter selector to set.
+ * @return {Katavorio} Current instance; method may be chained.
+ */
+ this.setInputFilterSelector = function(selector) {
+ inputFilterSelector = selector;
+ return this;
+ };
+
+ /**
+ * Either makes the given element draggable, or identifies it as an element inside which some identified list
+ * of elements may be draggable.
+ * @param el
+ * @param params
+ * @returns {Array}
+ */
+ this.draggable = function(el, params) {
+ var o = [];
+ _each(el, function (_el) {
+ _el = _gel(_el);
+ if (_el != null) {
+ if (_el._katavorioDrag == null) {
+ var p = _prepareParams(params);
+ _el._katavorioDrag = new Drag(_el, p, _css, _scope);
+ _reg(_el._katavorioDrag, this._dragsByScope);
+ o.push(_el._katavorioDrag);
+ katavorioParams.addClass(_el, p.selector ? _css.delegatedDraggable : _css.draggable);
+ }
+ else {
+ _mistletoe(_el._katavorioDrag, params);
+ }
+ }
+ }.bind(this));
+ return o;
+ };
+
+ this.droppable = function(el, params) {
+ var o = [];
+ _each(el, function(_el) {
+ _el = _gel(_el);
+ if (_el != null) {
+ var drop = new Drop(_el, _prepareParams(params), _css, _scope);
+ _el._katavorioDrop = _el._katavorioDrop || [];
+ _el._katavorioDrop.push(drop);
+ _reg(drop, this._dropsByScope);
+ o.push(drop);
+ katavorioParams.addClass(_el, _css.droppable);
+ }
+ }.bind(this));
+ return o;
+ };
+
+ /**
+ * @name Katavorio#select
+ * @function
+ * @desc Adds an element to the current selection (for multiple node drag)
+ * @param {Element|String} DOM element - or id of the element - to add.
+ */
+ this.select = function(el) {
+ _each(el, function() {
+ var _el = _gel(this);
+ if (_el && _el._katavorioDrag) {
+ if (!_selectionMap[_el._katavorio]) {
+ _selection.push(_el._katavorioDrag);
+ _selectionMap[_el._katavorio] = [ _el, _selection.length - 1 ];
+ katavorioParams.addClass(_el, _css.selected);
+ }
+ }
+ });
+ return this;
+ };
+
+ /**
+ * @name Katavorio#deselect
+ * @function
+ * @desc Removes an element from the current selection (for multiple node drag)
+ * @param {Element|String} DOM element - or id of the element - to remove.
+ */
+ this.deselect = function(el) {
+ _each(el, function() {
+ var _el = _gel(this);
+ if (_el && _el._katavorio) {
+ var e = _selectionMap[_el._katavorio];
+ if (e) {
+ var _s = [];
+ for (var i = 0; i < _selection.length; i++)
+ if (_selection[i].el !== _el) _s.push(_selection[i]);
+ _selection = _s;
+ delete _selectionMap[_el._katavorio];
+ katavorioParams.removeClass(_el, _css.selected);
+ }
+ }
+ });
+ return this;
+ };
+
+ this.deselectAll = function() {
+ for (var i in _selectionMap) {
+ var d = _selectionMap[i];
+ katavorioParams.removeClass(d[0], _css.selected);
+ }
+
+ _selection.length = 0;
+ _selectionMap = {};
+ };
+
+ this.markSelection = function(drag) {
+ _foreach(_selection, function(e) { e.mark(); }, drag);
+ };
+
+ this.markPosses = function(drag) {
+ if (drag.posses) {
+ _each(drag.posses, function(p) {
+ if (drag.posseRoles[p] && _posses[p]) {
+ _foreach(_posses[p].members, function (d) {
+ d.mark();
+ }, drag);
+ }
+ })
+ }
+ };
+
+ this.unmarkSelection = function(drag, event) {
+ _foreach(_selection, function(e) { e.unmark(event); }, drag);
+ };
+
+ this.unmarkPosses = function(drag, event) {
+ if (drag.posses) {
+ _each(drag.posses, function(p) {
+ if (drag.posseRoles[p] && _posses[p]) {
+ _foreach(_posses[p].members, function (d) {
+ d.unmark(event, true);
+ }, drag);
+ }
+ });
+ }
+ };
+
+ this.getSelection = function() { return _selection.slice(0); };
+
+ this.updateSelection = function(dx, dy, drag) {
+ _foreach(_selection, function(e) { e.moveBy(dx, dy); }, drag);
+ };
+
+ var _posseAction = function(fn, drag) {
+ if (drag.posses) {
+ _each(drag.posses, function(p) {
+ if (drag.posseRoles[p] && _posses[p]) {
+ _foreach(_posses[p].members, function (e) {
+ fn(e);
+ }, drag);
+ }
+ });
+ }
+ };
+
+ this.updatePosses = function(dx, dy, drag) {
+ _posseAction(function(e) { e.moveBy(dx, dy); }, drag);
+ };
+
+ this.notifyPosseDragStop = function(drag, evt) {
+ _posseAction(function(e) { e.stop(evt, true); }, drag);
+ };
+
+ this.notifySelectionDragStop = function(drag, evt) {
+ _foreach(_selection, function(e) { e.stop(evt, true); }, drag);
+ };
+
+ this.notifySelectionDragStart = function(drag, evt) {
+ _foreach(_selection, function(e) { e.notifyStart(evt);}, drag);
+ };
+
+ this.setZoom = function(z) { _zoom = z; };
+ this.getZoom = function() { return _zoom; };
+
+ // does the work of changing scopes
+ var _scopeManip = function(kObj, scopes, map, fn) {
+ _each(kObj, function(_kObj) {
+ _unreg(_kObj, map); // deregister existing scopes
+ _kObj[fn](scopes); // set scopes
+ _reg(_kObj, map); // register new ones
+ });
+ };
+
+ _each([ "set", "add", "remove", "toggle"], function(v) {
+ this[v + "Scope"] = function(el, scopes) {
+ _scopeManip(el._katavorioDrag, scopes, this._dragsByScope, v + "Scope");
+ _scopeManip(el._katavorioDrop, scopes, this._dropsByScope, v + "Scope");
+ }.bind(this);
+ this[v + "DragScope"] = function(el, scopes) {
+ _scopeManip(el.constructor === Drag ? el : el._katavorioDrag, scopes, this._dragsByScope, v + "Scope");
+ }.bind(this);
+ this[v + "DropScope"] = function(el, scopes) {
+ _scopeManip(el.constructor === Drop ? el : el._katavorioDrop, scopes, this._dropsByScope, v + "Scope");
+ }.bind(this);
+ }.bind(this));
+
+ this.snapToGrid = function(x, y) {
+ for (var s in this._dragsByScope) {
+ _foreach(this._dragsByScope[s], function(d) { d.snap(x, y); });
+ }
+ };
+
+ this.getDragsForScope = function(s) { return this._dragsByScope[s]; };
+ this.getDropsForScope = function(s) { return this._dropsByScope[s]; };
+
+ var _destroy = function(el, type, map) {
+ el = _gel(el);
+ if (el[type]) {
+
+ // remove from selection, if present.
+ var selIdx = _selection.indexOf(el[type]);
+ if (selIdx >= 0) {
+ _selection.splice(selIdx, 1);
+ }
+
+ if (_unreg(el[type], map)) {
+ _each(el[type], function(kObj) { kObj.destroy() });
+ }
+
+ delete el[type];
+ }
+ };
+
+ var _removeListener = function(el, type, evt, fn) {
+ el = _gel(el);
+ if (el[type]) {
+ el[type].off(evt, fn);
+ }
+ };
+
+ this.elementRemoved = function(el) {
+ this.destroyDraggable(el);
+ this.destroyDroppable(el);
+ };
+
+ /**
+ * Either completely remove drag functionality from the given element, or remove a specific event handler. If you
+ * call this method with a single argument - the element - all drag functionality is removed from it. Otherwise, if
+ * you provide an event name and listener function, this function is de-registered (if found).
+ * @param el Element to update
+ * @param {string} [evt] Optional event name to unsubscribe
+ * @param {Function} [fn] Optional function to unsubscribe
+ */
+ this.destroyDraggable = function(el, evt, fn) {
+ if (arguments.length === 1) {
+ _destroy(el, "_katavorioDrag", this._dragsByScope);
+ } else {
+ _removeListener(el, "_katavorioDrag", evt, fn);
+ }
+ };
+
+ /**
+ * Either completely remove drop functionality from the given element, or remove a specific event handler. If you
+ * call this method with a single argument - the element - all drop functionality is removed from it. Otherwise, if
+ * you provide an event name and listener function, this function is de-registered (if found).
+ * @param el Element to update
+ * @param {string} [evt] Optional event name to unsubscribe
+ * @param {Function} [fn] Optional function to unsubscribe
+ */
+ this.destroyDroppable = function(el, evt, fn) {
+ if (arguments.length === 1) {
+ _destroy(el, "_katavorioDrop", this._dropsByScope);
+ } else {
+ _removeListener(el, "_katavorioDrop", evt, fn);
+ }
+ };
+
+ this.reset = function() {
+ this._dragsByScope = {};
+ this._dropsByScope = {};
+ _selection = [];
+ _selectionMap = {};
+ _posses = {};
+ };
+
+ // ----- groups
+ var _posses = {};
+
+ var _processOneSpec = function(el, _spec, dontAddExisting) {
+ var posseId = _isString(_spec) ? _spec : _spec.id;
+ var active = _isString(_spec) ? true : _spec.active !== false;
+ var posse = _posses[posseId] || (function() {
+ var g = {name:posseId, members:[]};
+ _posses[posseId] = g;
+ return g;
+ })();
+ _each(el, function(_el) {
+ if (_el._katavorioDrag) {
+
+ if (dontAddExisting && _el._katavorioDrag.posseRoles[posse.name] != null) return;
+
+ _suggest(posse.members, _el._katavorioDrag);
+ _suggest(_el._katavorioDrag.posses, posse.name);
+ _el._katavorioDrag.posseRoles[posse.name] = active;
+ }
+ });
+ return posse;
+ };
+
+ /**
+ * Add the given element to the posse with the given id, creating the group if it at first does not exist.
+ * @method addToPosse
+ * @param {Element} el Element to add.
+ * @param {String...|Object...} spec Variable args parameters. Each argument can be a either a String, indicating
+ * the ID of a Posse to which the element should be added as an active participant, or an Object containing
+ * `{ id:"posseId", active:false/true}`. In the latter case, if `active` is not provided it is assumed to be
+ * true.
+ * @returns {Posse|Posse[]} The Posse(s) to which the element(s) was/were added.
+ */
+ this.addToPosse = function(el, spec) {
+
+ var posses = [];
+
+ for (var i = 1; i < arguments.length; i++) {
+ posses.push(_processOneSpec(el, arguments[i]));
+ }
+
+ return posses.length === 1 ? posses[0] : posses;
+ };
+
+ /**
+ * Sets the posse(s) for the element with the given id, creating those that do not yet exist, and removing from
+ * the element any current Posses that are not specified by this method call. This method will not change the
+ * active/passive state if it is given a posse in which the element is already a member.
+ * @method setPosse
+ * @param {Element} el Element to set posse(s) on.
+ * @param {String...|Object...} spec Variable args parameters. Each argument can be a either a String, indicating
+ * the ID of a Posse to which the element should be added as an active participant, or an Object containing
+ * `{ id:"posseId", active:false/true}`. In the latter case, if `active` is not provided it is assumed to be
+ * true.
+ * @returns {Posse|Posse[]} The Posse(s) to which the element(s) now belongs.
+ */
+ this.setPosse = function(el, spec) {
+
+ var posses = [];
+
+ for (var i = 1; i < arguments.length; i++) {
+ posses.push(_processOneSpec(el, arguments[i], true).name);
+ }
+
+ _each(el, function(_el) {
+ if (_el._katavorioDrag) {
+ var diff = _difference(_el._katavorioDrag.posses, posses);
+ var p = [];
+ Array.prototype.push.apply(p, _el._katavorioDrag.posses);
+ for (var i = 0; i < diff.length; i++) {
+ this.removeFromPosse(_el, diff[i]);
+ }
+ }
+ }.bind(this));
+
+ return posses.length === 1 ? posses[0] : posses;
+ };
+
+ /**
+ * Remove the given element from the given posse(s).
+ * @method removeFromPosse
+ * @param {Element} el Element to remove.
+ * @param {String...} posseId Varargs parameter: one value for each posse to remove the element from.
+ */
+ this.removeFromPosse = function(el, posseId) {
+ if (arguments.length < 2) throw new TypeError("No posse id provided for remove operation");
+ for(var i = 1; i < arguments.length; i++) {
+ posseId = arguments[i];
+ _each(el, function (_el) {
+ if (_el._katavorioDrag && _el._katavorioDrag.posses) {
+ var d = _el._katavorioDrag;
+ _each(posseId, function (p) {
+ _vanquish(_posses[p].members, d);
+ _vanquish(d.posses, p);
+ delete d.posseRoles[p];
+ });
+ }
+ });
+ }
+ };
+
+ /**
+ * Remove the given element from all Posses to which it belongs.
+ * @method removeFromAllPosses
+ * @param {Element|Element[]} el Element to remove from Posses.
+ */
+ this.removeFromAllPosses = function(el) {
+ _each(el, function(_el) {
+ if (_el._katavorioDrag && _el._katavorioDrag.posses) {
+ var d = _el._katavorioDrag;
+ _each(d.posses, function(p) {
+ _vanquish(_posses[p].members, d);
+ });
+ d.posses.length = 0;
+ d.posseRoles = {};
+ }
+ });
+ };
+
+ /**
+ * Changes the participation state for the element in the Posse with the given ID.
+ * @param {Element|Element[]} el Element(s) to change state for.
+ * @param {String} posseId ID of the Posse to change element state for.
+ * @param {Boolean} state True to make active, false to make passive.
+ */
+ this.setPosseState = function(el, posseId, state) {
+ var posse = _posses[posseId];
+ if (posse) {
+ _each(el, function(_el) {
+ if (_el._katavorioDrag && _el._katavorioDrag.posses) {
+ _el._katavorioDrag.posseRoles[posse.name] = state;
+ }
+ });
+ }
+ };
+
+ };
+
+ root.Katavorio.version = "1.0.0";
+
+ if (typeof exports !== "undefined") {
+ exports.Katavorio = root.Katavorio;
+ }
+
+}).call(typeof window !== 'undefined' ? window : this);
+
+
+(function() {
+
+ var root = this;
+ root.jsPlumbUtil = root.jsPlumbUtil || {};
+ var jsPlumbUtil = root.jsPlumbUtil;
+
+ if (typeof exports !=='undefined') { exports.jsPlumbUtil = jsPlumbUtil;}
+
+
+ /**
+ * Tests if the given object is an Array.
+ * @param a
+ */
+ function isArray(a) {
+ return Object.prototype.toString.call(a) === "[object Array]";
+ }
+ jsPlumbUtil.isArray = isArray;
+ /**
+ * Tests if the given object is a Number.
+ * @param n
+ */
+ function isNumber(n) {
+ return Object.prototype.toString.call(n) === "[object Number]";
+ }
+ jsPlumbUtil.isNumber = isNumber;
+ function isString(s) {
+ return typeof s === "string";
+ }
+ jsPlumbUtil.isString = isString;
+ function isBoolean(s) {
+ return typeof s === "boolean";
+ }
+ jsPlumbUtil.isBoolean = isBoolean;
+ function isNull(s) {
+ return s == null;
+ }
+ jsPlumbUtil.isNull = isNull;
+ function isObject(o) {
+ return o == null ? false : Object.prototype.toString.call(o) === "[object Object]";
+ }
+ jsPlumbUtil.isObject = isObject;
+ function isDate(o) {
+ return Object.prototype.toString.call(o) === "[object Date]";
+ }
+ jsPlumbUtil.isDate = isDate;
+ function isFunction(o) {
+ return Object.prototype.toString.call(o) === "[object Function]";
+ }
+ jsPlumbUtil.isFunction = isFunction;
+ function isNamedFunction(o) {
+ return isFunction(o) && o.name != null && o.name.length > 0;
+ }
+ jsPlumbUtil.isNamedFunction = isNamedFunction;
+ function isEmpty(o) {
+ for (var i in o) {
+ if (o.hasOwnProperty(i)) {
+ return false;
+ }
+ }
+ return true;
+ }
+ jsPlumbUtil.isEmpty = isEmpty;
+ function clone(a) {
+ if (isString(a)) {
+ return "" + a;
+ }
+ else if (isBoolean(a)) {
+ return !!a;
+ }
+ else if (isDate(a)) {
+ return new Date(a.getTime());
+ }
+ else if (isFunction(a)) {
+ return a;
+ }
+ else if (isArray(a)) {
+ var b = [];
+ for (var i = 0; i < a.length; i++) {
+ b.push(clone(a[i]));
+ }
+ return b;
+ }
+ else if (isObject(a)) {
+ var c = {};
+ for (var j in a) {
+ c[j] = clone(a[j]);
+ }
+ return c;
+ }
+ else {
+ return a;
+ }
+ }
+ jsPlumbUtil.clone = clone;
+ function merge(a, b, collations, overwrites) {
+ // first change the collations array - if present - into a lookup table, because its faster.
+ var cMap = {}, ar, i, oMap = {};
+ collations = collations || [];
+ overwrites = overwrites || [];
+ for (i = 0; i < collations.length; i++) {
+ cMap[collations[i]] = true;
+ }
+ for (i = 0; i < overwrites.length; i++) {
+ oMap[overwrites[i]] = true;
+ }
+ var c = clone(a);
+ for (i in b) {
+ if (c[i] == null || oMap[i]) {
+ c[i] = b[i];
+ }
+ else if (isString(b[i]) || isBoolean(b[i])) {
+ if (!cMap[i]) {
+ c[i] = b[i]; // if we dont want to collate, just copy it in.
+ }
+ else {
+ ar = [];
+ // if c's object is also an array we can keep its values.
+ ar.push.apply(ar, isArray(c[i]) ? c[i] : [c[i]]);
+ ar.push.apply(ar, isBoolean(b[i]) ? b[i] : [b[i]]);
+ c[i] = ar;
+ }
+ }
+ else {
+ if (isArray(b[i])) {
+ ar = [];
+ // if c's object is also an array we can keep its values.
+ if (isArray(c[i])) {
+ ar.push.apply(ar, c[i]);
+ }
+ ar.push.apply(ar, b[i]);
+ c[i] = ar;
+ }
+ else if (isObject(b[i])) {
+ // overwrite c's value with an object if it is not already one.
+ if (!isObject(c[i])) {
+ c[i] = {};
+ }
+ for (var j in b[i]) {
+ c[i][j] = b[i][j];
+ }
+ }
+ }
+ }
+ return c;
+ }
+ jsPlumbUtil.merge = merge;
+ function replace(inObj, path, value) {
+ if (inObj == null) {
+ return;
+ }
+ var q = inObj, t = q;
+ path.replace(/([^\.])+/g, function (term, lc, pos, str) {
+ var array = term.match(/([^\[0-9]+){1}(\[)([0-9+])/), last = pos + term.length >= str.length, _getArray = function () {
+ return t[array[1]] || (function () {
+ t[array[1]] = [];
+ return t[array[1]];
+ })();
+ };
+ if (last) {
+ // set term = value on current t, creating term as array if necessary.
+ if (array) {
+ _getArray()[array[3]] = value;
+ }
+ else {
+ t[term] = value;
+ }
+ }
+ else {
+ // set to current t[term], creating t[term] if necessary.
+ if (array) {
+ var a_1 = _getArray();
+ t = a_1[array[3]] || (function () {
+ a_1[array[3]] = {};
+ return a_1[array[3]];
+ })();
+ }
+ else {
+ t = t[term] || (function () {
+ t[term] = {};
+ return t[term];
+ })();
+ }
+ }
+ return "";
+ });
+ return inObj;
+ }
+ jsPlumbUtil.replace = replace;
+ //
+ // chain a list of functions, supplied by [ object, method name, args ], and return on the first
+ // one that returns the failValue. if none return the failValue, return the successValue.
+ //
+ function functionChain(successValue, failValue, fns) {
+ for (var i = 0; i < fns.length; i++) {
+ var o = fns[i][0][fns[i][1]].apply(fns[i][0], fns[i][2]);
+ if (o === failValue) {
+ return o;
+ }
+ }
+ return successValue;
+ }
+ jsPlumbUtil.functionChain = functionChain;
+ /**
+ *
+ * Take the given model and expand out any parameters. 'functionPrefix' is optional, and if present, helps jsplumb figure out what to do if a value is a Function.
+ * if you do not provide it (and doNotExpandFunctions is null, or false), jsplumb will run the given values through any functions it finds, and use the function's
+ * output as the value in the result. if you do provide the prefix, only functions that are named and have this prefix
+ * will be executed; other functions will be passed as values to the output.
+ *
+ * @param model
+ * @param values
+ * @param functionPrefix
+ * @param doNotExpandFunctions
+ * @returns {any}
+ */
+ function populate(model, values, functionPrefix, doNotExpandFunctions) {
+ // for a string, see if it has parameter matches, and if so, try to make the substitutions.
+ var getValue = function (fromString) {
+ var matches = fromString.match(/(\${.*?})/g);
+ if (matches != null) {
+ for (var i = 0; i < matches.length; i++) {
+ var val = values[matches[i].substring(2, matches[i].length - 1)] || "";
+ if (val != null) {
+ fromString = fromString.replace(matches[i], val);
+ }
+ }
+ }
+ return fromString;
+ };
+ // process one entry.
+ var _one = function (d) {
+ if (d != null) {
+ if (isString(d)) {
+ return getValue(d);
+ }
+ else if (isFunction(d) && !doNotExpandFunctions && (functionPrefix == null || (d.name || "").indexOf(functionPrefix) === 0)) {
+ return d(values);
+ }
+ else if (isArray(d)) {
+ var r = [];
+ for (var i = 0; i < d.length; i++) {
+ r.push(_one(d[i]));
+ }
+ return r;
+ }
+ else if (isObject(d)) {
+ var s = {};
+ for (var j in d) {
+ s[j] = _one(d[j]);
+ }
+ return s;
+ }
+ else {
+ return d;
+ }
+ }
+ };
+ return _one(model);
+ }
+ jsPlumbUtil.populate = populate;
+ /**
+ * Find the index of a given object in an array.
+ * @param a The array to search
+ * @param f The function to run on each element. Return true if the element matches.
+ * @returns {number} -1 if not found, otherwise the index in the array.
+ */
+ function findWithFunction(a, f) {
+ if (a) {
+ for (var i = 0; i < a.length; i++) {
+ if (f(a[i])) {
+ return i;
+ }
+ }
+ }
+ return -1;
+ }
+ jsPlumbUtil.findWithFunction = findWithFunction;
+ /**
+ * Remove some element from an array by matching each element in the array against some predicate function. Note that this
+ * is an in-place removal; the array is altered.
+ * @param a The array to search
+ * @param f The function to run on each element. Return true if the element matches.
+ * @returns {boolean} true if removed, false otherwise.
+ */
+ function removeWithFunction(a, f) {
+ var idx = findWithFunction(a, f);
+ if (idx > -1) {
+ a.splice(idx, 1);
+ }
+ return idx !== -1;
+ }
+ jsPlumbUtil.removeWithFunction = removeWithFunction;
+ /**
+ * Remove some element from an array by simple lookup in the array for the given element. Note that this
+ * is an in-place removal; the array is altered.
+ * @param l The array to search
+ * @param v The value to remove.
+ * @returns {boolean} true if removed, false otherwise.
+ */
+ function remove(l, v) {
+ var idx = l.indexOf(v);
+ if (idx > -1) {
+ l.splice(idx, 1);
+ }
+ return idx !== -1;
+ }
+ jsPlumbUtil.remove = remove;
+ /**
+ * Add some element to the given array, unless it is determined that it is already in the array.
+ * @param list The array to add the element to.
+ * @param item The item to add.
+ * @param hashFunction A function to use to determine if the given item already exists in the array.
+ */
+ function addWithFunction(list, item, hashFunction) {
+ if (findWithFunction(list, hashFunction) === -1) {
+ list.push(item);
+ }
+ }
+ jsPlumbUtil.addWithFunction = addWithFunction;
+ /**
+ * Add some element to a list that is contained in a map of lists.
+ * @param map The map of [ key -> list ] entries
+ * @param key The name of the list to insert into
+ * @param value The value to insert
+ * @param insertAtStart Whether or not to insert at the start; defaults to false.
+ */
+ function addToList(map, key, value, insertAtStart) {
+ var l = map[key];
+ if (l == null) {
+ l = [];
+ map[key] = l;
+ }
+ l[insertAtStart ? "unshift" : "push"](value);
+ return l;
+ }
+ jsPlumbUtil.addToList = addToList;
+ /**
+ * Add an item to a list, unless it is already in the list. The test for pre-existence is a simple list lookup.
+ * If you want to do something more complex, perhaps #addWithFunction might help.
+ * @param list List to add the item to
+ * @param item Item to add
+ * @param insertAtHead Whether or not to insert at the start; defaults to false.
+ */
+ function suggest(list, item, insertAtHead) {
+ if (list.indexOf(item) === -1) {
+ if (insertAtHead) {
+ list.unshift(item);
+ }
+ else {
+ list.push(item);
+ }
+ return true;
+ }
+ return false;
+ }
+ jsPlumbUtil.suggest = suggest;
+ /**
+ * Extends the given obj (which can be an array) with the given constructor function, prototype functions, and class members, any of which may be null.
+ * @param child
+ * @param parent
+ * @param _protoFn
+ */
+ function extend(child, parent, _protoFn) {
+ var i;
+ parent = isArray(parent) ? parent : [parent];
+ var _copyProtoChain = function (focus) {
+ var proto = focus.__proto__;
+ while (proto != null) {
+ if (proto.prototype != null) {
+ for (var j in proto.prototype) {
+ if (proto.prototype.hasOwnProperty(j) && !child.prototype.hasOwnProperty(j)) {
+ child.prototype[j] = proto.prototype[j];
+ }
+ }
+ proto = proto.prototype.__proto__;
+ }
+ else {
+ proto = null;
+ }
+ }
+ };
+ for (i = 0; i < parent.length; i++) {
+ for (var j in parent[i].prototype) {
+ if (parent[i].prototype.hasOwnProperty(j) && !child.prototype.hasOwnProperty(j)) {
+ child.prototype[j] = parent[i].prototype[j];
+ }
+ }
+ _copyProtoChain(parent[i]);
+ }
+ var _makeFn = function (name, protoFn) {
+ return function () {
+ for (i = 0; i < parent.length; i++) {
+ if (parent[i].prototype[name]) {
+ parent[i].prototype[name].apply(this, arguments);
+ }
+ }
+ return protoFn.apply(this, arguments);
+ };
+ };
+ var _oneSet = function (fns) {
+ for (var k in fns) {
+ child.prototype[k] = _makeFn(k, fns[k]);
+ }
+ };
+ if (arguments.length > 2) {
+ for (i = 2; i < arguments.length; i++) {
+ _oneSet(arguments[i]);
+ }
+ }
+ return child;
+ }
+ jsPlumbUtil.extend = extend;
+ /**
+ * Generate a UUID.
+ */
+ function uuid() {
+ return ('xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+ var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
+ return v.toString(16);
+ }));
+ }
+ jsPlumbUtil.uuid = uuid;
+ /**
+ * Trim a string.
+ * @param s String to trim
+ * @returns the String with leading and trailing whitespace removed.
+ */
+ function fastTrim(s) {
+ if (s == null) {
+ return null;
+ }
+ var str = s.replace(/^\s\s*/, ''), ws = /\s/, i = str.length;
+ while (ws.test(str.charAt(--i))) {
+ }
+ return str.slice(0, i + 1);
+ }
+ jsPlumbUtil.fastTrim = fastTrim;
+ function each(obj, fn) {
+ obj = obj.length == null || typeof obj === "string" ? [obj] : obj;
+ for (var i = 0; i < obj.length; i++) {
+ fn(obj[i]);
+ }
+ }
+ jsPlumbUtil.each = each;
+ function map(obj, fn) {
+ var o = [];
+ for (var i = 0; i < obj.length; i++) {
+ o.push(fn(obj[i]));
+ }
+ return o;
+ }
+ jsPlumbUtil.map = map;
+ function mergeWithParents(type, map, parentAttribute) {
+ parentAttribute = parentAttribute || "parent";
+ var _def = function (id) {
+ return id ? map[id] : null;
+ };
+ var _parent = function (def) {
+ return def ? _def(def[parentAttribute]) : null;
+ };
+ var _one = function (parent, def) {
+ if (parent == null) {
+ return def;
+ }
+ else {
+ var overrides = ["anchor", "anchors", "cssClass", "connector", "paintStyle", "hoverPaintStyle", "endpoint", "endpoints"];
+ if (def.mergeStrategy === "override") {
+ Array.prototype.push.apply(overrides, ["events", "overlays"]);
+ }
+ var d_1 = merge(parent, def, [], overrides);
+ return _one(_parent(parent), d_1);
+ }
+ };
+ var _getDef = function (t) {
+ if (t == null) {
+ return {};
+ }
+ if (typeof t === "string") {
+ return _def(t);
+ }
+ else if (t.length) {
+ var done = false, i = 0, _dd = void 0;
+ while (!done && i < t.length) {
+ _dd = _getDef(t[i]);
+ if (_dd) {
+ done = true;
+ }
+ else {
+ i++;
+ }
+ }
+ return _dd;
+ }
+ };
+ var d = _getDef(type);
+ if (d) {
+ return _one(_parent(d), d);
+ }
+ else {
+ return {};
+ }
+ }
+ jsPlumbUtil.mergeWithParents = mergeWithParents;
+ jsPlumbUtil.logEnabled = true;
+ function log() {
+ var args = [];
+ for (var _i = 0; _i < arguments.length; _i++) {
+ args[_i] = arguments[_i];
+ }
+ if (jsPlumbUtil.logEnabled && typeof console !== "undefined") {
+ try {
+ var msg = arguments[arguments.length - 1];
+ console.log(msg);
+ }
+ catch (e) {
+ }
+ }
+ }
+ jsPlumbUtil.log = log;
+ /**
+ * Wraps one function with another, creating a placeholder for the
+ * wrapped function if it was null. this is used to wrap the various
+ * drag/drop event functions - to allow jsPlumb to be notified of
+ * important lifecycle events without imposing itself on the user's
+ * drag/drop functionality.
+ * @method jsPlumbUtil.wrap
+ * @param {Function} wrappedFunction original function to wrap; may be null.
+ * @param {Function} newFunction function to wrap the original with.
+ * @param {Object} [returnOnThisValue] Optional. Indicates that the wrappedFunction should
+ * not be executed if the newFunction returns a value matching 'returnOnThisValue'.
+ * note that this is a simple comparison and only works for primitives right now.
+ */
+ function wrap(wrappedFunction, newFunction, returnOnThisValue) {
+ return function () {
+ var r = null;
+ try {
+ if (newFunction != null) {
+ r = newFunction.apply(this, arguments);
+ }
+ }
+ catch (e) {
+ log("jsPlumb function failed : " + e);
+ }
+ if ((wrappedFunction != null) && (returnOnThisValue == null || (r !== returnOnThisValue))) {
+ try {
+ r = wrappedFunction.apply(this, arguments);
+ }
+ catch (e) {
+ log("wrapped function failed : " + e);
+ }
+ }
+ return r;
+ };
+ }
+ jsPlumbUtil.wrap = wrap;
+ var EventGenerator = /** @class */ (function () {
+ function EventGenerator() {
+ var _this = this;
+ this._listeners = {};
+ this.eventsSuspended = false;
+ this.tick = false;
+ // this is a list of events that should re-throw any errors that occur during their dispatch.
+ this.eventsToDieOn = { "ready": true };
+ this.queue = [];
+ this.bind = function (event, listener, insertAtStart) {
+ var _one = function (evt) {
+ addToList(_this._listeners, evt, listener, insertAtStart);
+ listener.__jsPlumb = listener.__jsPlumb || {};
+ listener.__jsPlumb[uuid()] = evt;
+ };
+ if (typeof event === "string") {
+ _one(event);
+ }
+ else if (event.length != null) {
+ for (var i = 0; i < event.length; i++) {
+ _one(event[i]);
+ }
+ }
+ return _this;
+ };
+ this.fire = function (event, value, originalEvent) {
+ if (!this.tick) {
+ this.tick = true;
+ if (!this.eventsSuspended && this._listeners[event]) {
+ var l = this._listeners[event].length, i = 0, _gone = false, ret = null;
+ if (!this.shouldFireEvent || this.shouldFireEvent(event, value, originalEvent)) {
+ while (!_gone && i < l && ret !== false) {
+ // doing it this way rather than catching and then possibly re-throwing means that an error propagated by this
+ // method will have the whole call stack available in the debugger.
+ if (this.eventsToDieOn[event]) {
+ this._listeners[event][i].apply(this, [value, originalEvent]);
+ }
+ else {
+ try {
+ ret = this._listeners[event][i].apply(this, [value, originalEvent]);
+ }
+ catch (e) {
+ log("jsPlumb: fire failed for event " + event + " : " + e);
+ }
+ }
+ i++;
+ if (this._listeners == null || this._listeners[event] == null) {
+ _gone = true;
+ }
+ }
+ }
+ }
+ this.tick = false;
+ this._drain();
+ }
+ else {
+ this.queue.unshift(arguments);
+ }
+ return this;
+ };
+ this._drain = function () {
+ var n = _this.queue.pop();
+ if (n) {
+ _this.fire.apply(_this, n);
+ }
+ };
+ this.unbind = function (eventOrListener, listener) {
+ if (arguments.length === 0) {
+ this._listeners = {};
+ }
+ else if (arguments.length === 1) {
+ if (typeof eventOrListener === "string") {
+ delete this._listeners[eventOrListener];
+ }
+ else if (eventOrListener.__jsPlumb) {
+ var evt = void 0;
+ for (var i in eventOrListener.__jsPlumb) {
+ evt = eventOrListener.__jsPlumb[i];
+ remove(this._listeners[evt] || [], eventOrListener);
+ }
+ }
+ }
+ else if (arguments.length === 2) {
+ remove(this._listeners[eventOrListener] || [], listener);
+ }
+ return this;
+ };
+ this.getListener = function (forEvent) {
+ return _this._listeners[forEvent];
+ };
+ this.setSuspendEvents = function (val) {
+ _this.eventsSuspended = val;
+ };
+ this.isSuspendEvents = function () {
+ return _this.eventsSuspended;
+ };
+ this.silently = function (fn) {
+ _this.setSuspendEvents(true);
+ try {
+ fn();
+ }
+ catch (e) {
+ log("Cannot execute silent function " + e);
+ }
+ _this.setSuspendEvents(false);
+ };
+ this.cleanupListeners = function () {
+ for (var i in _this._listeners) {
+ _this._listeners[i] = null;
+ }
+ };
+ }
+ return EventGenerator;
+ }());
+ jsPlumbUtil.EventGenerator = EventGenerator;
+
+}).call(typeof window !== 'undefined' ? window : this);
+/*
+ * This file contains utility functions that run in browsers only.
+ *
+ * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com)
+ *
+ * https://jsplumbtoolkit.com
+ * https://github.com/jsplumb/jsplumb
+ *
+ * Dual licensed under the MIT and GPL2 licenses.
+ */
+;(function() {
+
+ "use strict";
+
+ var root = this;
+
+ root.jsPlumbUtil.matchesSelector = function(el, selector, ctx) {
+ ctx = ctx || el.parentNode;
+ var possibles = ctx.querySelectorAll(selector);
+ for (var i = 0; i < possibles.length; i++) {
+ if (possibles[i] === el) {
+ return true;
+ }
+ }
+ return false;
+ };
+
+ root.jsPlumbUtil.consume = function(e, doNotPreventDefault) {
+ if (e.stopPropagation) {
+ e.stopPropagation();
+ }
+ else {
+ e.returnValue = false;
+ }
+
+ if (!doNotPreventDefault && e.preventDefault){
+ e.preventDefault();
+ }
+ };
+
+ /*
+ * Function: sizeElement
+ * Helper to size and position an element. You would typically use
+ * this when writing your own Connector or Endpoint implementation.
+ *
+ * Parameters:
+ * x - [int] x position for the element origin
+ * y - [int] y position for the element origin
+ * w - [int] width of the element
+ * h - [int] height of the element
+ *
+ */
+ root.jsPlumbUtil.sizeElement = function(el, x, y, w, h) {
+ if (el) {
+ el.style.height = h + "px";
+ el.height = h;
+ el.style.width = w + "px";
+ el.width = w;
+ el.style.left = x + "px";
+ el.style.top = y + "px";
+ }
+ };
+
+}).call(typeof window !== 'undefined' ? window : this);
+
+;(function() {
+
+ var DEFAULT_OPTIONS = {
+ deriveAnchor:function(edge, index, ep, conn) {
+ return {
+ top:["TopRight", "TopLeft"],
+ bottom:["BottomRight", "BottomLeft"]
+ }[edge][index];
+ }
+ };
+
+ var root = this;
+
+ var ListManager = function(jsPlumbInstance) {
+
+ this.count = 0;
+ this.instance = jsPlumbInstance;
+ this.lists = {};
+
+ this.instance.addList = function(el, options) {
+ return this.listManager.addList(el, options);
+ };
+
+ this.instance.removeList = function(el) {
+ this.listManager.removeList(el);
+ };
+
+ this.instance.bind("manageElement", function(p) {
+
+ //look for [jtk-scrollable-list] elements and attach scroll listeners if necessary
+ var scrollableLists = this.instance.getSelector(p.el, "[jtk-scrollable-list]");
+ for (var i = 0; i < scrollableLists.length; i++) {
+ this.addList(scrollableLists[i]);
+ }
+
+ }.bind(this));
+
+ this.instance.bind("unmanageElement", function(p) {
+ this.removeList(p.el);
+ });
+
+
+ this.instance.bind("connection", function(c, evt) {
+ if (evt == null) {
+ // not added by mouse. look for an ancestor of the source and/or target element that is a scrollable list, and run
+ // its scroll method.
+ this._maybeUpdateParentList(c.source);
+ this._maybeUpdateParentList(c.target);
+ }
+ }.bind(this));
+ };
+
+ root.jsPlumbListManager = ListManager;
+
+ ListManager.prototype = {
+
+ addList : function(el, options) {
+ var dp = this.instance.extend({}, DEFAULT_OPTIONS);
+ options = this.instance.extend(dp, options || {});
+ var id = [this.instance.getInstanceIndex(), this.count++].join("_");
+ this.lists[id] = new List(this.instance, el, options, id);
+ },
+
+ removeList:function(el) {
+ var list = this.lists[el._jsPlumbList];
+ if (list) {
+ list.destroy();
+ delete this.lists[el._jsPlumbList];
+ }
+ },
+
+ _maybeUpdateParentList:function (el) {
+ var parent = el.parentNode, container = this.instance.getContainer();
+ while(parent != null && parent !== container) {
+ if (parent._jsPlumbList != null && this.lists[parent._jsPlumbList] != null) {
+ parent._jsPlumbScrollHandler();
+ return
+ }
+ parent = parent.parentNode;
+ }
+ }
+
+
+ };
+
+ var List = function(instance, el, options, id) {
+
+ el["_jsPlumbList"] = id;
+
+ //
+ // Derive an anchor to use for the current situation. In contrast to the way we derive an endpoint, here we use `anchor` from the options, if present, as
+ // our first choice, and then `deriveAnchor` as our next choice. There is a default `deriveAnchor` implementation that uses TopRight/TopLeft for top and
+ // BottomRight/BottomLeft for bottom.
+ //
+ // edge - "top" or "bottom"
+ // index - 0 when endpoint is connection source, 1 when endpoint is connection target
+ // ep - the endpoint that is being proxied
+ // conn - the connection that is being proxied
+ //
+ function deriveAnchor(edge, index, ep, conn) {
+ return options.anchor ? options.anchor : options.deriveAnchor(edge, index, ep, conn);
+ }
+
+ //
+ // Derive an endpoint to use for the current situation. We'll use a `deriveEndpoint` function passed in to the options as our first choice,
+ // followed by `endpoint` (an endpoint spec) from the options, and failing either of those we just use the `type` of the endpoint that is being proxied.
+ //
+ // edge - "top" or "bottom"
+ // index - 0 when endpoint is connection source, 1 when endpoint is connection target
+ // endpoint - the endpoint that is being proxied
+ // connection - the connection that is being proxied
+ //
+ function deriveEndpoint(edge, index, ep, conn) {
+ return options.deriveEndpoint ? options.deriveEndpoint(edge, index, ep, conn) : options.endpoint ? options.endpoint : ep.type;
+ }
+
+ //
+ // look for a parent of the given scrollable list that is draggable, and then update the child offsets for it. this should not
+ // be necessary in the delegated drag stuff from the upcoming 3.0.0 release.
+ //
+ function _maybeUpdateDraggable(el) {
+ var parent = el.parentNode, container = instance.getContainer();
+ while(parent != null && parent !== container) {
+ if (instance.hasClass(parent, "jtk-managed")) {
+ instance.recalculateOffsets(parent);
+ return
+ }
+ parent = parent.parentNode;
+ }
+ }
+
+ var scrollHandler = function(e) {
+
+ var children = instance.getSelector(el, ".jtk-managed");
+ var elId = instance.getId(el);
+
+ for (var i = 0; i < children.length; i++) {
+
+ if (children[i].offsetTop < el.scrollTop) {
+ if (!children[i]._jsPlumbProxies) {
+ children[i]._jsPlumbProxies = children[i]._jsPlumbProxies || [];
+ instance.select({source: children[i]}).each(function (c) {
+
+
+ instance.proxyConnection(c, 0, el, elId, function () {
+ return deriveEndpoint("top", 0, c.endpoints[0], c);
+ }, function () {
+ return deriveAnchor("top", 0, c.endpoints[0], c);
+ });
+ children[i]._jsPlumbProxies.push([c, 0]);
+ });
+
+ instance.select({target: children[i]}).each(function (c) {
+ instance.proxyConnection(c, 1, el, elId, function () {
+ return deriveEndpoint("top", 1, c.endpoints[1], c);
+ }, function () {
+ return deriveAnchor("top", 1, c.endpoints[1], c);
+ });
+ children[i]._jsPlumbProxies.push([c, 1]);
+ });
+ }
+ }
+ //
+ else if (children[i].offsetTop > el.scrollTop + el.offsetHeight) {
+ if (!children[i]._jsPlumbProxies) {
+ children[i]._jsPlumbProxies = children[i]._jsPlumbProxies || [];
+
+ instance.select({source: children[i]}).each(function (c) {
+ instance.proxyConnection(c, 0, el, elId, function () {
+ return deriveEndpoint("bottom", 0, c.endpoints[0], c);
+ }, function () {
+ return deriveAnchor("bottom", 0, c.endpoints[0], c);
+ });
+ children[i]._jsPlumbProxies.push([c, 0]);
+ });
+
+ instance.select({target: children[i]}).each(function (c) {
+ instance.proxyConnection(c, 1, el, elId, function () {
+ return deriveEndpoint("bottom", 1, c.endpoints[1], c);
+ }, function () {
+ return deriveAnchor("bottom", 1, c.endpoints[1], c);
+ });
+ children[i]._jsPlumbProxies.push([c, 1]);
+ });
+ }
+ } else if (children[i]._jsPlumbProxies) {
+ for (var j = 0; j < children[i]._jsPlumbProxies.length; j++) {
+ instance.unproxyConnection(children[i]._jsPlumbProxies[j][0], children[i]._jsPlumbProxies[j][1], elId);
+ }
+
+ delete children[i]._jsPlumbProxies;
+ }
+
+ instance.revalidate(children[i]);
+ }
+
+ _maybeUpdateDraggable(el);
+ };
+
+ instance.setAttribute(el, "jtk-scrollable-list", "true");
+ el._jsPlumbScrollHandler = scrollHandler;
+ instance.on(el, "scroll", scrollHandler);
+ scrollHandler(); // run it once; there may be connections already.
+
+ this.destroy = function() {
+ instance.off(el, "scroll", scrollHandler);
+ delete el._jsPlumbScrollHandler;
+
+ var children = instance.getSelector(el, ".jtk-managed");
+ var elId = instance.getId(el);
+
+ for (var i = 0; i < children.length; i++) {
+ if (children[i]._jsPlumbProxies) {
+ for (var j = 0; j < children[i]._jsPlumbProxies.length; j++) {
+ instance.unproxyConnection(children[i]._jsPlumbProxies[j][0], children[i]._jsPlumbProxies[j][1], elId);
+ }
+
+ delete children[i]._jsPlumbProxies;
+ }
+ }
+ };
+ };
+
+
+}).call(typeof window !== 'undefined' ? window : this);
+/*
+ * This file contains the core code.
+ *
+ * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com)
+ *
+ * https://jsplumbtoolkit.com
+ * https://github.com/jsplumb/jsplumb
+ *
+ * Dual licensed under the MIT and GPL2 licenses.
+ */
+;(function () {
+
+ "use strict";
+
+ var root = this;
+
+ var _ju = root.jsPlumbUtil,
+
+ /**
+ * creates a timestamp, using milliseconds since 1970, but as a string.
+ */
+ _timestamp = function () {
+ return "" + (new Date()).getTime();
+ },
+
+ // helper method to update the hover style whenever it, or paintStyle, changes.
+ // we use paintStyle as the foundation and merge hoverPaintStyle over the
+ // top.
+ _updateHoverStyle = function (component) {
+ if (component._jsPlumb.paintStyle && component._jsPlumb.hoverPaintStyle) {
+ var mergedHoverStyle = {};
+ jsPlumb.extend(mergedHoverStyle, component._jsPlumb.paintStyle);
+ jsPlumb.extend(mergedHoverStyle, component._jsPlumb.hoverPaintStyle);
+ delete component._jsPlumb.hoverPaintStyle;
+ // we want the fill of paintStyle to override a gradient, if possible.
+ if (mergedHoverStyle.gradient && component._jsPlumb.paintStyle.fill) {
+ delete mergedHoverStyle.gradient;
+ }
+ component._jsPlumb.hoverPaintStyle = mergedHoverStyle;
+ }
+ },
+ events = ["tap", "dbltap", "click", "dblclick", "mouseover", "mouseout", "mousemove", "mousedown", "mouseup", "contextmenu" ],
+ eventFilters = { "mouseout": "mouseleave", "mouseexit": "mouseleave" },
+ _updateAttachedElements = function (component, state, timestamp, sourceElement) {
+ var affectedElements = component.getAttachedElements();
+ if (affectedElements) {
+ for (var i = 0, j = affectedElements.length; i < j; i++) {
+ if (!sourceElement || sourceElement !== affectedElements[i]) {
+ affectedElements[i].setHover(state, true, timestamp); // tell the attached elements not to inform their own attached elements.
+ }
+ }
+ }
+ },
+ _splitType = function (t) {
+ return t == null ? null : t.split(" ");
+ },
+ _mapType = function(map, obj, typeId) {
+ for (var i in obj) {
+ map[i] = typeId;
+ }
+ },
+ _each = function(fn, obj) {
+ obj = _ju.isArray(obj) || (obj.length != null && !_ju.isString(obj)) ? obj : [ obj ];
+ for (var i = 0; i < obj.length; i++) {
+ try {
+ fn.apply(obj[i], [ obj[i] ]);
+ }
+ catch (e) {
+ _ju.log(".each iteration failed : " + e);
+ }
+ }
+ },
+ _applyTypes = function (component, params, doNotRepaint) {
+ if (component.getDefaultType) {
+ var td = component.getTypeDescriptor(), map = {};
+ var defType = component.getDefaultType();
+ var o = _ju.merge({}, defType);
+ _mapType(map, defType, "__default");
+ for (var i = 0, j = component._jsPlumb.types.length; i < j; i++) {
+ var tid = component._jsPlumb.types[i];
+ if (tid !== "__default") {
+ var _t = component._jsPlumb.instance.getType(tid, td);
+ if (_t != null) {
+
+ var overrides = ["anchor", "anchors", "connector", "paintStyle", "hoverPaintStyle", "endpoint", "endpoints", "connectorOverlays", "connectorStyle", "connectorHoverStyle", "endpointStyle", "endpointHoverStyle"];
+ var collations = [ ];
+
+ if (_t.mergeStrategy === "override") {
+ Array.prototype.push.apply(overrides, ["events", "overlays", "cssClass"]);
+ } else {
+ collations.push("cssClass");
+ }
+
+ o = _ju.merge(o, _t, collations, overrides);
+ _mapType(map, _t, tid);
+ }
+ }
+ }
+
+ if (params) {
+ o = _ju.populate(o, params, "_");
+ }
+
+ component.applyType(o, doNotRepaint, map);
+ if (!doNotRepaint) {
+ component.repaint();
+ }
+ }
+ },
+
+// ------------------------------ BEGIN jsPlumbUIComponent --------------------------------------------
+
+ jsPlumbUIComponent = root.jsPlumbUIComponent = function (params) {
+
+ _ju.EventGenerator.apply(this, arguments);
+
+ var self = this,
+ a = arguments,
+ idPrefix = self.idPrefix,
+ id = idPrefix + (new Date()).getTime();
+
+ this._jsPlumb = {
+ instance: params._jsPlumb,
+ parameters: params.parameters || {},
+ paintStyle: null,
+ hoverPaintStyle: null,
+ paintStyleInUse: null,
+ hover: false,
+ beforeDetach: params.beforeDetach,
+ beforeDrop: params.beforeDrop,
+ overlayPlacements: [],
+ hoverClass: params.hoverClass || params._jsPlumb.Defaults.HoverClass,
+ types: [],
+ typeCache:{}
+ };
+
+ this.cacheTypeItem = function(key, item, typeId) {
+ this._jsPlumb.typeCache[typeId] = this._jsPlumb.typeCache[typeId] || {};
+ this._jsPlumb.typeCache[typeId][key] = item;
+ };
+ this.getCachedTypeItem = function(key, typeId) {
+ return this._jsPlumb.typeCache[typeId] ? this._jsPlumb.typeCache[typeId][key] : null;
+ };
+
+ this.getId = function () {
+ return id;
+ };
+
+// ----------------------------- default type --------------------------------------------
+
+
+ var o = params.overlays || [], oo = {};
+ if (this.defaultOverlayKeys) {
+ for (var i = 0; i < this.defaultOverlayKeys.length; i++) {
+ Array.prototype.push.apply(o, this._jsPlumb.instance.Defaults[this.defaultOverlayKeys[i]] || []);
+ }
+
+ for (i = 0; i < o.length; i++) {
+ // if a string, convert to object representation so that we can store the typeid on it.
+ // also assign an id.
+ var fo = jsPlumb.convertToFullOverlaySpec(o[i]);
+ oo[fo[1].id] = fo;
+ }
+ }
+
+ var _defaultType = {
+ overlays:oo,
+ parameters: params.parameters || {},
+ scope: params.scope || this._jsPlumb.instance.getDefaultScope()
+ };
+ this.getDefaultType = function() {
+ return _defaultType;
+ };
+ this.appendToDefaultType = function(obj) {
+ for (var i in obj) {
+ _defaultType[i] = obj[i];
+ }
+ };
+
+// ----------------------------- end default type --------------------------------------------
+
+ // all components can generate events
+
+ if (params.events) {
+ for (var evtName in params.events) {
+ self.bind(evtName, params.events[evtName]);
+ }
+ }
+
+ // all components get this clone function.
+ // TODO issue 116 showed a problem with this - it seems 'a' that is in
+ // the clone function's scope is shared by all invocations of it, the classic
+ // JS closure problem. for now, jsPlumb does a version of this inline where
+ // it used to call clone. but it would be nice to find some time to look
+ // further at this.
+ this.clone = function () {
+ var o = Object.create(this.constructor.prototype);
+ this.constructor.apply(o, a);
+ return o;
+ }.bind(this);
+
+ // user can supply a beforeDetach callback, which will be executed before a detach
+ // is performed; returning false prevents the detach.
+ this.isDetachAllowed = function (connection) {
+ var r = true;
+ if (this._jsPlumb.beforeDetach) {
+ try {
+ r = this._jsPlumb.beforeDetach(connection);
+ }
+ catch (e) {
+ _ju.log("jsPlumb: beforeDetach callback failed", e);
+ }
+ }
+ return r;
+ };
+
+ // user can supply a beforeDrop callback, which will be executed before a dropped
+ // connection is confirmed. user can return false to reject connection.
+ this.isDropAllowed = function (sourceId, targetId, scope, connection, dropEndpoint, source, target) {
+ var r = this._jsPlumb.instance.checkCondition("beforeDrop", {
+ sourceId: sourceId,
+ targetId: targetId,
+ scope: scope,
+ connection: connection,
+ dropEndpoint: dropEndpoint,
+ source: source, target: target
+ });
+ if (this._jsPlumb.beforeDrop) {
+ try {
+ r = this._jsPlumb.beforeDrop({
+ sourceId: sourceId,
+ targetId: targetId,
+ scope: scope,
+ connection: connection,
+ dropEndpoint: dropEndpoint,
+ source: source, target: target
+ });
+ }
+ catch (e) {
+ _ju.log("jsPlumb: beforeDrop callback failed", e);
+ }
+ }
+ return r;
+ };
+
+ var domListeners = [];
+
+ // sets the component associated with listener events. for instance, an overlay delegates
+ // its events back to a connector. but if the connector is swapped on the underlying connection,
+ // then this component must be changed. This is called by setConnector in the Connection class.
+ this.setListenerComponent = function (c) {
+ for (var i = 0; i < domListeners.length; i++) {
+ domListeners[i][3] = c;
+ }
+ };
+
+
+ };
+
+ var _removeTypeCssHelper = function (component, typeIndex) {
+ var typeId = component._jsPlumb.types[typeIndex],
+ type = component._jsPlumb.instance.getType(typeId, component.getTypeDescriptor());
+
+ if (type != null && type.cssClass && component.canvas) {
+ component._jsPlumb.instance.removeClass(component.canvas, type.cssClass);
+ }
+ };
+
+ _ju.extend(root.jsPlumbUIComponent, _ju.EventGenerator, {
+
+ getParameter: function (name) {
+ return this._jsPlumb.parameters[name];
+ },
+
+ setParameter: function (name, value) {
+ this._jsPlumb.parameters[name] = value;
+ },
+
+ getParameters: function () {
+ return this._jsPlumb.parameters;
+ },
+
+ setParameters: function (p) {
+ this._jsPlumb.parameters = p;
+ },
+
+ getClass:function() {
+ return jsPlumb.getClass(this.canvas);
+ },
+
+ hasClass:function(clazz) {
+ return jsPlumb.hasClass(this.canvas, clazz);
+ },
+
+ addClass: function (clazz) {
+ jsPlumb.addClass(this.canvas, clazz);
+ },
+
+ removeClass: function (clazz) {
+ jsPlumb.removeClass(this.canvas, clazz);
+ },
+
+ updateClasses: function (classesToAdd, classesToRemove) {
+ jsPlumb.updateClasses(this.canvas, classesToAdd, classesToRemove);
+ },
+
+ setType: function (typeId, params, doNotRepaint) {
+ this.clearTypes();
+ this._jsPlumb.types = _splitType(typeId) || [];
+ _applyTypes(this, params, doNotRepaint);
+ },
+
+ getType: function () {
+ return this._jsPlumb.types;
+ },
+
+ reapplyTypes: function (params, doNotRepaint) {
+ _applyTypes(this, params, doNotRepaint);
+ },
+
+ hasType: function (typeId) {
+ return this._jsPlumb.types.indexOf(typeId) !== -1;
+ },
+
+ addType: function (typeId, params, doNotRepaint) {
+ var t = _splitType(typeId), _cont = false;
+ if (t != null) {
+ for (var i = 0, j = t.length; i < j; i++) {
+ if (!this.hasType(t[i])) {
+ this._jsPlumb.types.push(t[i]);
+ _cont = true;
+ }
+ }
+ if (_cont) {
+ _applyTypes(this, params, doNotRepaint);
+ }
+ }
+ },
+
+ removeType: function (typeId, params, doNotRepaint) {
+ var t = _splitType(typeId), _cont = false, _one = function (tt) {
+ var idx = this._jsPlumb.types.indexOf(tt);
+ if (idx !== -1) {
+ // remove css class if necessary
+ _removeTypeCssHelper(this, idx);
+ this._jsPlumb.types.splice(idx, 1);
+ return true;
+ }
+ return false;
+ }.bind(this);
+
+ if (t != null) {
+ for (var i = 0, j = t.length; i < j; i++) {
+ _cont = _one(t[i]) || _cont;
+ }
+ if (_cont) {
+ _applyTypes(this, params, doNotRepaint);
+ }
+ }
+ },
+ clearTypes: function (params, doNotRepaint) {
+ var i = this._jsPlumb.types.length;
+ for (var j = 0; j < i; j++) {
+ _removeTypeCssHelper(this, 0);
+ this._jsPlumb.types.splice(0, 1);
+ }
+ _applyTypes(this, params, doNotRepaint);
+ },
+
+ toggleType: function (typeId, params, doNotRepaint) {
+ var t = _splitType(typeId);
+ if (t != null) {
+ for (var i = 0, j = t.length; i < j; i++) {
+ var idx = this._jsPlumb.types.indexOf(t[i]);
+ if (idx !== -1) {
+ _removeTypeCssHelper(this, idx);
+ this._jsPlumb.types.splice(idx, 1);
+ }
+ else {
+ this._jsPlumb.types.push(t[i]);
+ }
+ }
+
+ _applyTypes(this, params, doNotRepaint);
+ }
+ },
+ applyType: function (t, doNotRepaint) {
+ this.setPaintStyle(t.paintStyle, doNotRepaint);
+ this.setHoverPaintStyle(t.hoverPaintStyle, doNotRepaint);
+ if (t.parameters) {
+ for (var i in t.parameters) {
+ this.setParameter(i, t.parameters[i]);
+ }
+ }
+ this._jsPlumb.paintStyleInUse = this.getPaintStyle();
+ },
+ setPaintStyle: function (style, doNotRepaint) {
+ // this._jsPlumb.paintStyle = jsPlumb.extend({}, style);
+ // TODO figure out if we want components to clone paintStyle so as not to share it.
+ this._jsPlumb.paintStyle = style;
+ this._jsPlumb.paintStyleInUse = this._jsPlumb.paintStyle;
+ _updateHoverStyle(this);
+ if (!doNotRepaint) {
+ this.repaint();
+ }
+ },
+ getPaintStyle: function () {
+ return this._jsPlumb.paintStyle;
+ },
+ setHoverPaintStyle: function (style, doNotRepaint) {
+ //this._jsPlumb.hoverPaintStyle = jsPlumb.extend({}, style);
+ // TODO figure out if we want components to clone paintStyle so as not to share it.
+ this._jsPlumb.hoverPaintStyle = style;
+ _updateHoverStyle(this);
+ if (!doNotRepaint) {
+ this.repaint();
+ }
+ },
+ getHoverPaintStyle: function () {
+ return this._jsPlumb.hoverPaintStyle;
+ },
+ destroy: function (force) {
+ if (force || this.typeId == null) {
+ this.cleanupListeners(); // this is on EventGenerator
+ this.clone = null;
+ this._jsPlumb = null;
+ }
+ },
+
+ isHover: function () {
+ return this._jsPlumb.hover;
+ },
+
+ setHover: function (hover, ignoreAttachedElements, timestamp) {
+ // while dragging, we ignore these events. this keeps the UI from flashing and
+ // swishing and whatevering.
+ if (this._jsPlumb && !this._jsPlumb.instance.currentlyDragging && !this._jsPlumb.instance.isHoverSuspended()) {
+
+ this._jsPlumb.hover = hover;
+ var method = hover ? "addClass" : "removeClass";
+
+ if (this.canvas != null) {
+ if (this._jsPlumb.instance.hoverClass != null) {
+ this._jsPlumb.instance[method](this.canvas, this._jsPlumb.instance.hoverClass);
+ }
+ if (this._jsPlumb.hoverClass != null) {
+ this._jsPlumb.instance[method](this.canvas, this._jsPlumb.hoverClass);
+ }
+ }
+ if (this._jsPlumb.hoverPaintStyle != null) {
+ this._jsPlumb.paintStyleInUse = hover ? this._jsPlumb.hoverPaintStyle : this._jsPlumb.paintStyle;
+ if (!this._jsPlumb.instance.isSuspendDrawing()) {
+ timestamp = timestamp || _timestamp();
+ this.repaint({timestamp: timestamp, recalc: false});
+ }
+ }
+ // get the list of other affected elements, if supported by this component.
+ // for a connection, its the endpoints. for an endpoint, its the connections! surprise.
+ if (this.getAttachedElements && !ignoreAttachedElements) {
+ _updateAttachedElements(this, hover, _timestamp(), this);
+ }
+ }
+ }
+ });
+
+// ------------------------------ END jsPlumbUIComponent --------------------------------------------
+
+ var _jsPlumbInstanceIndex = 0,
+ getInstanceIndex = function () {
+ var i = _jsPlumbInstanceIndex + 1;
+ _jsPlumbInstanceIndex++;
+ return i;
+ };
+
+ var jsPlumbInstance = root.jsPlumbInstance = function (_defaults) {
+
+ this.version = "2.12.6";
+
+ this.Defaults = {
+ Anchor: "Bottom",
+ Anchors: [ null, null ],
+ ConnectionsDetachable: true,
+ ConnectionOverlays: [ ],
+ Connector: "Bezier",
+ Container: null,
+ DoNotThrowErrors: false,
+ DragOptions: { },
+ DropOptions: { },
+ Endpoint: "Dot",
+ EndpointOverlays: [ ],
+ Endpoints: [ null, null ],
+ EndpointStyle: { fill: "#456" },
+ EndpointStyles: [ null, null ],
+ EndpointHoverStyle: null,
+ EndpointHoverStyles: [ null, null ],
+ HoverPaintStyle: null,
+ LabelStyle: { color: "black" },
+ LogEnabled: false,
+ Overlays: [ ],
+ MaxConnections: 1,
+ PaintStyle: { "stroke-width": 4, stroke: "#456" },
+ ReattachConnections: false,
+ RenderMode: "svg",
+ Scope: "jsPlumb_DefaultScope"
+ };
+
+ if (_defaults) {
+ jsPlumb.extend(this.Defaults, _defaults);
+ }
+
+ this.logEnabled = this.Defaults.LogEnabled;
+ this._connectionTypes = {};
+ this._endpointTypes = {};
+
+ _ju.EventGenerator.apply(this);
+
+ var _currentInstance = this,
+ _instanceIndex = getInstanceIndex(),
+ _bb = _currentInstance.bind,
+ _initialDefaults = {},
+ _zoom = 1,
+ _info = function (el) {
+ if (el == null) {
+ return null;
+ }
+ else if (el.nodeType === 3 || el.nodeType === 8) {
+ return { el:el, text:true };
+ }
+ else {
+ var _el = _currentInstance.getElement(el);
+ return { el: _el, id: (_ju.isString(el) && _el == null) ? el : _getId(_el) };
+ }
+ };
+
+ this.getInstanceIndex = function () {
+ return _instanceIndex;
+ };
+
+ // CONVERTED
+ this.setZoom = function (z, repaintEverything) {
+ _zoom = z;
+ _currentInstance.fire("zoom", _zoom);
+ if (repaintEverything) {
+ _currentInstance.repaintEverything();
+ }
+ return true;
+ };
+ // CONVERTED
+ this.getZoom = function () {
+ return _zoom;
+ };
+
+ for (var i in this.Defaults) {
+ _initialDefaults[i] = this.Defaults[i];
+ }
+
+ var _container, _containerDelegations = [];
+ this.unbindContainer = function() {
+ if (_container != null && _containerDelegations.length > 0) {
+ for (var i = 0; i < _containerDelegations.length; i++) {
+ _currentInstance.off(_container, _containerDelegations[i][0], _containerDelegations[i][1]);
+ }
+ }
+ };
+ this.setContainer = function (c) {
+
+ this.unbindContainer();
+
+ // get container as dom element.
+ c = this.getElement(c);
+ // move existing connections and endpoints, if any.
+ this.select().each(function (conn) {
+ conn.moveParent(c);
+ });
+ this.selectEndpoints().each(function (ep) {
+ ep.moveParent(c);
+ });
+
+ // set container.
+ var previousContainer = _container;
+ _container = c;
+ _containerDelegations.length = 0;
+ var eventAliases = {
+ "endpointclick":"endpointClick",
+ "endpointdblclick":"endpointDblClick"
+ };
+
+ var _oneDelegateHandler = function (id, e, componentType) {
+ var t = e.srcElement || e.target,
+ jp = (t && t.parentNode ? t.parentNode._jsPlumb : null) || (t ? t._jsPlumb : null) || (t && t.parentNode && t.parentNode.parentNode ? t.parentNode.parentNode._jsPlumb : null);
+ if (jp) {
+ jp.fire(id, jp, e);
+ var alias = componentType ? eventAliases[componentType + id] || id : id;
+ // jsplumb also fires every event coming from components/overlays. That's what the test for `jp.component` is for.
+ _currentInstance.fire(alias, jp.component || jp, e);
+ }
+ };
+
+ var _addOneDelegate = function(eventId, selector, fn) {
+ _containerDelegations.push([eventId, fn]);
+ _currentInstance.on(_container, eventId, selector, fn);
+ };
+
+ // delegate one event on the container to jsplumb elements. it might be possible to
+ // abstract this out: each of endpoint, connection and overlay could register themselves with
+ // jsplumb as "component types" or whatever, and provide a suitable selector. this would be
+ // done by the renderer (although admittedly from 2.0 onwards we're not supporting vml anymore)
+ var _oneDelegate = function (id) {
+ // connections.
+ _addOneDelegate(id, ".jtk-connector", function (e) {
+ _oneDelegateHandler(id, e);
+ });
+ // endpoints. note they can have an enclosing div, or not.
+ _addOneDelegate(id, ".jtk-endpoint", function (e) {
+ _oneDelegateHandler(id, e, "endpoint");
+ });
+ // overlays
+ _addOneDelegate(id, ".jtk-overlay", function (e) {
+ _oneDelegateHandler(id, e);
+ });
+ };
+
+ for (var i = 0; i < events.length; i++) {
+ _oneDelegate(events[i]);
+ }
+
+ // managed elements
+ for (var elId in managedElements) {
+ var el = managedElements[elId].el;
+ if (el.parentNode === previousContainer) {
+ previousContainer.removeChild(el);
+ _container.appendChild(el);
+ }
+ }
+
+ };
+ this.getContainer = function () {
+ return _container;
+ };
+
+ this.bind = function (event, fn) {
+ if ("ready" === event && initialized) {
+ fn();
+ }
+ else {
+ _bb.apply(_currentInstance, [event, fn]);
+ }
+ };
+
+ _currentInstance.importDefaults = function (d) {
+ for (var i in d) {
+ _currentInstance.Defaults[i] = d[i];
+ }
+ if (d.Container) {
+ _currentInstance.setContainer(d.Container);
+ }
+
+ return _currentInstance;
+ };
+
+ _currentInstance.restoreDefaults = function () {
+ _currentInstance.Defaults = jsPlumb.extend({}, _initialDefaults);
+ return _currentInstance;
+ };
+
+ var log = null,
+ initialized = false,
+ // TODO remove from window scope
+ connections = [],
+ // map of element id -> endpoint lists. an element can have an arbitrary
+ // number of endpoints on it, and not all of them have to be connected
+ // to anything.
+ endpointsByElement = {},
+ endpointsByUUID = {},
+ managedElements = {},
+ offsets = {},
+ offsetTimestamps = {},
+ draggableStates = {},
+ connectionBeingDragged = false,
+ sizes = [],
+ _suspendDrawing = false,
+ _suspendedAt = null,
+ DEFAULT_SCOPE = this.Defaults.Scope,
+ _curIdStamp = 1,
+ _idstamp = function () {
+ return "" + _curIdStamp++;
+ },
+
+ //
+ // appends an element to some other element, which is calculated as follows:
+ //
+ // 1. if Container exists, use that element.
+ // 2. if the 'parent' parameter exists, use that.
+ // 3. otherwise just use the root element.
+ //
+ //
+ _appendElement = function (el, parent) {
+ if (_container) {
+ _container.appendChild(el);
+ }
+ else if (!parent) {
+ this.appendToRoot(el);
+ }
+ else {
+ this.getElement(parent).appendChild(el);
+ }
+ }.bind(this),
+
+ //
+ // Draws an endpoint and its connections. this is the main entry point into drawing connections as well
+ // as endpoints, since jsPlumb is endpoint-centric under the hood.
+ //
+ // @param element element to draw (of type library specific element object)
+ // @param ui UI object from current library's event system. optional.
+ // @param timestamp timestamp for this paint cycle. used to speed things up a little by cutting down the amount of offset calculations we do.
+ // @param clearEdits defaults to false; indicates that mouse edits for connectors should be cleared
+ ///
+ _draw = function (element, ui, timestamp, clearEdits) {
+
+ if (!_suspendDrawing) {
+ var id = _getId(element),
+ repaintEls,
+ dm = _currentInstance.getDragManager();
+
+ if (dm) {
+ repaintEls = dm.getElementsForDraggable(id);
+ }
+
+ if (timestamp == null) {
+ timestamp = _timestamp();
+ }
+
+ // update the offset of everything _before_ we try to draw anything.
+ var o = _updateOffset({ elId: id, offset: ui, recalc: false, timestamp: timestamp });
+
+ if (repaintEls && o && o.o) {
+ for (var i in repaintEls) {
+ _updateOffset({
+ elId: repaintEls[i].id,
+ offset: {
+ left: o.o.left + repaintEls[i].offset.left,
+ top: o.o.top + repaintEls[i].offset.top
+ },
+ recalc: false,
+ timestamp: timestamp
+ });
+ }
+ }
+
+ _currentInstance.anchorManager.redraw(id, ui, timestamp, null, clearEdits);
+
+ if (repaintEls) {
+ for (var j in repaintEls) {
+ _currentInstance.anchorManager.redraw(repaintEls[j].id, ui, timestamp, repaintEls[j].offset, clearEdits, true);
+ }
+ }
+ }
+ },
+
+ //
+ // gets an Endpoint by uuid.
+ //
+ _getEndpoint = function (uuid) {
+ return endpointsByUUID[uuid];
+ },
+
+ /**
+ * inits a draggable if it's not already initialised.
+ * TODO: somehow abstract this to the adapter, because the concept of "draggable" has no
+ * place on the server.
+ */
+
+
+ _scopeMatch = function (e1, e2) {
+ var s1 = e1.scope.split(/\s/), s2 = e2.scope.split(/\s/);
+ for (var i = 0; i < s1.length; i++) {
+ for (var j = 0; j < s2.length; j++) {
+ if (s2[j] === s1[i]) {
+ return true;
+ }
+ }
+ }
+
+ return false;
+ },
+
+ _mergeOverrides = function (def, values) {
+ var m = jsPlumb.extend({}, def);
+ for (var i in values) {
+ if (values[i]) {
+ m[i] = values[i];
+ }
+ }
+ return m;
+ },
+
+ /*
+ * prepares a final params object that can be passed to _newConnection, taking into account defaults, events, etc.
+ */
+ _prepareConnectionParams = function (params, referenceParams) {
+ var _p = jsPlumb.extend({ }, params);
+ if (referenceParams) {
+ jsPlumb.extend(_p, referenceParams);
+ }
+
+ // hotwire endpoints passed as source or target to sourceEndpoint/targetEndpoint, respectively.
+ if (_p.source) {
+ if (_p.source.endpoint) {
+ _p.sourceEndpoint = _p.source;
+ }
+ else {
+ _p.source = _currentInstance.getElement(_p.source);
+ }
+ }
+ if (_p.target) {
+ if (_p.target.endpoint) {
+ _p.targetEndpoint = _p.target;
+ }
+ else {
+ _p.target = _currentInstance.getElement(_p.target);
+ }
+ }
+
+ // test for endpoint uuids to connect
+ if (params.uuids) {
+ _p.sourceEndpoint = _getEndpoint(params.uuids[0]);
+ _p.targetEndpoint = _getEndpoint(params.uuids[1]);
+ }
+
+ // now ensure that if we do have Endpoints already, they're not full.
+ // source:
+ if (_p.sourceEndpoint && _p.sourceEndpoint.isFull()) {
+ _ju.log(_currentInstance, "could not add connection; source endpoint is full");
+ return;
+ }
+
+ // target:
+ if (_p.targetEndpoint && _p.targetEndpoint.isFull()) {
+ _ju.log(_currentInstance, "could not add connection; target endpoint is full");
+ return;
+ }
+
+ // if source endpoint mandates connection type and nothing specified in our params, use it.
+ if (!_p.type && _p.sourceEndpoint) {
+ _p.type = _p.sourceEndpoint.connectionType;
+ }
+
+ // copy in any connectorOverlays that were specified on the source endpoint.
+ // it doesnt copy target endpoint overlays. i'm not sure if we want it to or not.
+ if (_p.sourceEndpoint && _p.sourceEndpoint.connectorOverlays) {
+ _p.overlays = _p.overlays || [];
+ for (var i = 0, j = _p.sourceEndpoint.connectorOverlays.length; i < j; i++) {
+ _p.overlays.push(_p.sourceEndpoint.connectorOverlays[i]);
+ }
+ }
+
+ // scope
+ if (_p.sourceEndpoint && _p.sourceEndpoint.scope) {
+ _p.scope = _p.sourceEndpoint.scope;
+ }
+
+ // pointer events
+ if (!_p["pointer-events"] && _p.sourceEndpoint && _p.sourceEndpoint.connectorPointerEvents) {
+ _p["pointer-events"] = _p.sourceEndpoint.connectorPointerEvents;
+ }
+
+
+ var _addEndpoint = function (el, def, idx) {
+ var params = _mergeOverrides(def, {
+ anchor: _p.anchors ? _p.anchors[idx] : _p.anchor,
+ endpoint: _p.endpoints ? _p.endpoints[idx] : _p.endpoint,
+ paintStyle: _p.endpointStyles ? _p.endpointStyles[idx] : _p.endpointStyle,
+ hoverPaintStyle: _p.endpointHoverStyles ? _p.endpointHoverStyles[idx] : _p.endpointHoverStyle
+ });
+ return _currentInstance.addEndpoint(el, params);
+ };
+
+ // check for makeSource/makeTarget specs.
+
+ var _oneElementDef = function (type, idx, defs, matchType) {
+ if (_p[type] && !_p[type].endpoint && !_p[type + "Endpoint"] && !_p.newConnection) {
+ var tid = _getId(_p[type]), tep = defs[tid];
+
+ tep = tep ? tep[matchType] : null;
+
+ if (tep) {
+ // if not enabled, return.
+ if (!tep.enabled) {
+ return false;
+ }
+
+ var epDef = jsPlumb.extend({}, tep.def);
+ delete epDef.label;
+
+ var newEndpoint = tep.endpoint != null && tep.endpoint._jsPlumb ? tep.endpoint : _addEndpoint(_p[type], epDef, idx);
+ if (newEndpoint.isFull()) {
+ return false;
+ }
+ _p[type + "Endpoint"] = newEndpoint;
+ if (!_p.scope && epDef.scope) {
+ _p.scope = epDef.scope;
+ } // provide scope if not already provided and endpoint def has one.
+ if (tep.uniqueEndpoint) {
+ if (!tep.endpoint) {
+ tep.endpoint = newEndpoint;
+ newEndpoint.setDeleteOnEmpty(false);
+ }
+ else {
+ newEndpoint.finalEndpoint = tep.endpoint;
+ }
+ } else {
+ newEndpoint.setDeleteOnEmpty(true);
+ }
+
+ //
+ // copy in connector overlays if present on the source definition.
+ //
+ if (idx === 0 && tep.def.connectorOverlays) {
+ _p.overlays = _p.overlays || [];
+ Array.prototype.push.apply(_p.overlays, tep.def.connectorOverlays);
+ }
+ }
+ }
+ };
+
+ if (_oneElementDef("source", 0, this.sourceEndpointDefinitions, _p.type || "default") === false) {
+ return;
+ }
+ if (_oneElementDef("target", 1, this.targetEndpointDefinitions, _p.type || "default") === false) {
+ return;
+ }
+
+ // last, ensure scopes match
+ if (_p.sourceEndpoint && _p.targetEndpoint) {
+ if (!_scopeMatch(_p.sourceEndpoint, _p.targetEndpoint)) {
+ _p = null;
+ }
+ }
+
+ return _p;
+ }.bind(_currentInstance),
+
+ _newConnection = function (params) {
+ var connectionFunc = _currentInstance.Defaults.ConnectionType || _currentInstance.getDefaultConnectionType();
+
+ params._jsPlumb = _currentInstance;
+ params.newConnection = _newConnection;
+ params.newEndpoint = _newEndpoint;
+ params.endpointsByUUID = endpointsByUUID;
+ params.endpointsByElement = endpointsByElement;
+ params.finaliseConnection = _finaliseConnection;
+ params.id = "con_" + _idstamp();
+ var con = new connectionFunc(params);
+
+ // if the connection is draggable, then maybe we need to tell the target endpoint to init the
+ // dragging code. it won't run again if it already configured to be draggable.
+ if (con.isDetachable()) {
+ con.endpoints[0].initDraggable("_jsPlumbSource");
+ con.endpoints[1].initDraggable("_jsPlumbTarget");
+ }
+
+ return con;
+ },
+
+ //
+ // adds the connection to the backing model, fires an event if necessary and then redraws
+ //
+ _finaliseConnection = _currentInstance.finaliseConnection = function (jpc, params, originalEvent, doInformAnchorManager) {
+ params = params || {};
+ // add to list of connections (by scope).
+ if (!jpc.suspendedEndpoint) {
+ connections.push(jpc);
+ }
+
+ jpc.pending = null;
+
+ // turn off isTemporarySource on the source endpoint (only viable on first draw)
+ jpc.endpoints[0].isTemporarySource = false;
+
+ // always inform the anchor manager
+ // except that if jpc has a suspended endpoint it's not true to say the
+ // connection is new; it has just (possibly) moved. the question is whether
+ // to make that call here or in the anchor manager. i think perhaps here.
+ if (doInformAnchorManager !== false) {
+ _currentInstance.anchorManager.newConnection(jpc);
+ }
+
+ // force a paint
+ _draw(jpc.source);
+
+ // fire an event
+ if (!params.doNotFireConnectionEvent && params.fireEvent !== false) {
+
+ var eventArgs = {
+ connection: jpc,
+ source: jpc.source, target: jpc.target,
+ sourceId: jpc.sourceId, targetId: jpc.targetId,
+ sourceEndpoint: jpc.endpoints[0], targetEndpoint: jpc.endpoints[1]
+ };
+
+ _currentInstance.fire("connection", eventArgs, originalEvent);
+ }
+ },
+
+ /*
+ factory method to prepare a new endpoint. this should always be used instead of creating Endpoints
+ manually, since this method attaches event listeners and an id.
+ */
+ _newEndpoint = function (params, id) {
+ var endpointFunc = _currentInstance.Defaults.EndpointType || jsPlumb.Endpoint;
+ var _p = jsPlumb.extend({}, params);
+ //delete _p.label; // not supported by endpoint.
+ _p._jsPlumb = _currentInstance;
+ _p.newConnection = _newConnection;
+ _p.newEndpoint = _newEndpoint;
+ _p.endpointsByUUID = endpointsByUUID;
+ _p.endpointsByElement = endpointsByElement;
+ _p.fireDetachEvent = fireDetachEvent;
+ _p.elementId = id || _getId(_p.source);
+ var ep = new endpointFunc(_p);
+ ep.id = "ep_" + _idstamp();
+ _manage(_p.elementId, _p.source);
+
+ if (!jsPlumb.headless) {
+ _currentInstance.getDragManager().endpointAdded(_p.source, id);
+ }
+
+ return ep;
+ },
+
+ /*
+ * performs the given function operation on all the connections found
+ * for the given element id; this means we find all the endpoints for
+ * the given element, and then for each endpoint find the connectors
+ * connected to it. then we pass each connection in to the given
+ * function.
+ */
+ _operation = function (elId, func, endpointFunc) {
+ var endpoints = endpointsByElement[elId];
+ if (endpoints && endpoints.length) {
+ for (var i = 0, ii = endpoints.length; i < ii; i++) {
+ for (var j = 0, jj = endpoints[i].connections.length; j < jj; j++) {
+ var retVal = func(endpoints[i].connections[j]);
+ // if the function passed in returns true, we exit.
+ // most functions return false.
+ if (retVal) {
+ return;
+ }
+ }
+ if (endpointFunc) {
+ endpointFunc(endpoints[i]);
+ }
+ }
+ }
+ },
+
+ _setDraggable = function (element, draggable) {
+ return jsPlumb.each(element, function (el) {
+ if (_currentInstance.isDragSupported(el)) {
+ draggableStates[_currentInstance.getAttribute(el, "id")] = draggable;
+ _currentInstance.setElementDraggable(el, draggable);
+ }
+ });
+ },
+ /*
+ * private method to do the business of hiding/showing.
+ *
+ * @param el
+ * either Id of the element in question or a library specific
+ * object for the element.
+ * @param state
+ * String specifying a value for the css 'display' property
+ * ('block' or 'none').
+ */
+ _setVisible = function (el, state, alsoChangeEndpoints) {
+ state = state === "block";
+ var endpointFunc = null;
+ if (alsoChangeEndpoints) {
+ endpointFunc = function (ep) {
+ ep.setVisible(state, true, true);
+ };
+ }
+ var info = _info(el);
+ _operation(info.id, function (jpc) {
+ if (state && alsoChangeEndpoints) {
+ // this test is necessary because this functionality is new, and i wanted to maintain backwards compatibility.
+ // this block will only set a connection to be visible if the other endpoint in the connection is also visible.
+ var oidx = jpc.sourceId === info.id ? 1 : 0;
+ if (jpc.endpoints[oidx].isVisible()) {
+ jpc.setVisible(true);
+ }
+ }
+ else { // the default behaviour for show, and what always happens for hide, is to just set the visibility without getting clever.
+ jpc.setVisible(state);
+ }
+ }, endpointFunc);
+ },
+ /**
+ * private method to do the business of toggling hiding/showing.
+ */
+ _toggleVisible = function (elId, changeEndpoints) {
+ var endpointFunc = null;
+ if (changeEndpoints) {
+ endpointFunc = function (ep) {
+ var state = ep.isVisible();
+ ep.setVisible(!state);
+ };
+ }
+ _operation(elId, function (jpc) {
+ var state = jpc.isVisible();
+ jpc.setVisible(!state);
+ }, endpointFunc);
+ },
+
+ // TODO comparison performance
+ _getCachedData = function (elId) {
+ var o = offsets[elId];
+ if (!o) {
+ return _updateOffset({elId: elId});
+ }
+ else {
+ return {o: o, s: sizes[elId]};
+ }
+ },
+
+ /**
+ * gets an id for the given element, creating and setting one if
+ * necessary. the id is of the form
+ *
+ * jsPlumb_
+
+
+
+
+ "); + } + else { + if (this.labelText == null) { + this.labelText = this.label; + this.getElement().innerHTML = this.labelText.replace(/\r\n/g, "
"); + } + } + }, + updateFrom:function(d) { + if(d.label != null){ + this.setLabel(d.label); + } + } + }); + + // ********************************* END OF OVERLAY DEFINITIONS *********************************************************************** + +}).call(typeof window !== 'undefined' ? window : this); + +/* + * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) + * + * https://jsplumbtoolkit.com + * https://github.com/jsplumb/jsplumb + * + * Dual licensed under the MIT and GPL2 licenses. + */ +;(function() { + "use strict"; + + var root = this, + _ju = root.jsPlumbUtil, + _jpi = root.jsPlumbInstance; + + var GROUP_COLLAPSED_CLASS = "jtk-group-collapsed"; + var GROUP_EXPANDED_CLASS = "jtk-group-expanded"; + var GROUP_CONTAINER_SELECTOR = "[jtk-group-content]"; + var ELEMENT_DRAGGABLE_EVENT = "elementDraggable"; + var STOP = "stop"; + var REVERT = "revert"; + var GROUP_MANAGER = "_groupManager"; + var GROUP = "_jsPlumbGroup"; + var GROUP_DRAG_SCOPE = "_jsPlumbGroupDrag"; + var EVT_CHILD_ADDED = "group:addMember"; + var EVT_CHILD_REMOVED = "group:removeMember"; + var EVT_GROUP_ADDED = "group:add"; + var EVT_GROUP_REMOVED = "group:remove"; + var EVT_EXPAND = "group:expand"; + var EVT_COLLAPSE = "group:collapse"; + var EVT_GROUP_DRAG_STOP = "groupDragStop"; + var EVT_CONNECTION_MOVED = "connectionMoved"; + var EVT_INTERNAL_CONNECTION_DETACHED = "internal.connectionDetached"; + + var CMD_REMOVE_ALL = "removeAll"; + var CMD_ORPHAN_ALL = "orphanAll"; + var CMD_SHOW = "show"; + var CMD_HIDE = "hide"; + + var GroupManager = function(_jsPlumb) { + var _managedGroups = {}, _connectionSourceMap = {}, _connectionTargetMap = {}, self = this; + + _jsPlumb.bind("connection", function(p) { + if (p.source[GROUP] != null && p.target[GROUP] != null && p.source[GROUP] === p.target[GROUP]) { + _connectionSourceMap[p.connection.id] = p.source[GROUP]; + _connectionTargetMap[p.connection.id] = p.source[GROUP]; + } + else { + if (p.source[GROUP] != null) { + _ju.suggest(p.source[GROUP].connections.source, p.connection); + _connectionSourceMap[p.connection.id] = p.source[GROUP]; + } + if (p.target[GROUP] != null) { + _ju.suggest(p.target[GROUP].connections.target, p.connection); + _connectionTargetMap[p.connection.id] = p.target[GROUP]; + } + } + }); + + function _cleanupDetachedConnection(conn) { + delete conn.proxies; + var group = _connectionSourceMap[conn.id], f; + if (group != null) { + f = function(c) { return c.id === conn.id; }; + _ju.removeWithFunction(group.connections.source, f); + _ju.removeWithFunction(group.connections.target, f); + delete _connectionSourceMap[conn.id]; + } + + group = _connectionTargetMap[conn.id]; + if (group != null) { + f = function(c) { return c.id === conn.id; }; + _ju.removeWithFunction(group.connections.source, f); + _ju.removeWithFunction(group.connections.target, f); + delete _connectionTargetMap[conn.id]; + } + } + + _jsPlumb.bind(EVT_INTERNAL_CONNECTION_DETACHED, function(p) { + _cleanupDetachedConnection(p.connection); + }); + + _jsPlumb.bind(EVT_CONNECTION_MOVED, function(p) { + var connMap = p.index === 0 ? _connectionSourceMap : _connectionTargetMap; + var group = connMap[p.connection.id]; + if (group) { + var list = group.connections[p.index === 0 ? "source" : "target"]; + var idx = list.indexOf(p.connection); + if (idx !== -1) { + list.splice(idx, 1); + } + } + }); + + this.addGroup = function(group) { + _jsPlumb.addClass(group.getEl(), GROUP_EXPANDED_CLASS); + _managedGroups[group.id] = group; + group.manager = this; + _updateConnectionsForGroup(group); + _jsPlumb.fire(EVT_GROUP_ADDED, { group:group }); + }; + + this.addToGroup = function(group, el, doNotFireEvent) { + group = this.getGroup(group); + if (group) { + var groupEl = group.getEl(); + + if (el._isJsPlumbGroup) { + return; + } + var currentGroup = el._jsPlumbGroup; + // if already a member of this group, do nothing + if (currentGroup !== group) { + var elpos = _jsPlumb.getOffset(el, true); + var cpos = group.collapsed ? _jsPlumb.getOffset(groupEl, true) : _jsPlumb.getOffset(group.getDragArea(), true); + + // otherwise, transfer to this group. + if (currentGroup != null) { + currentGroup.remove(el, false, doNotFireEvent, false, group); + self.updateConnectionsForGroup(currentGroup); + } + group.add(el, doNotFireEvent/*, currentGroup*/); + + var handleDroppedConnections = function (list, index) { + var oidx = index === 0 ? 1 : 0; + list.each(function (c) { + c.setVisible(false); + if (c.endpoints[oidx].element._jsPlumbGroup === group) { + c.endpoints[oidx].setVisible(false); + _expandConnection(c, oidx, group); + } + else { + c.endpoints[index].setVisible(false); + _collapseConnection(c, index, group); + } + }); + }; + + if (group.collapsed) { + handleDroppedConnections(_jsPlumb.select({source: el}), 0); + handleDroppedConnections(_jsPlumb.select({target: el}), 1); + } + + var elId = _jsPlumb.getId(el); + _jsPlumb.dragManager.setParent(el, elId, groupEl, _jsPlumb.getId(groupEl), elpos); + + var newPosition = { left: elpos.left - cpos.left, top: elpos.top - cpos.top }; + + _jsPlumb.setPosition(el, newPosition); + + _jsPlumb.dragManager.revalidateParent(el, elId, elpos); + + self.updateConnectionsForGroup(group); + + _jsPlumb.revalidate(elId); + + if (!doNotFireEvent) { + var p = {group: group, el: el, pos:newPosition}; + if (currentGroup) { + p.sourceGroup = currentGroup; + } + _jsPlumb.fire(EVT_CHILD_ADDED, p); + } + } + } + }; + + this.removeFromGroup = function(group, el, doNotFireEvent) { + group = this.getGroup(group); + if (group) { + group.remove(el, null, doNotFireEvent); + } + }; + + this.getGroup = function(groupId) { + var group = groupId; + if (_ju.isString(groupId)) { + group = _managedGroups[groupId]; + if (group == null) { + throw new TypeError("No such group [" + groupId + "]"); + } + } + return group; + }; + + this.getGroups = function() { + var o = []; + for (var g in _managedGroups) { + o.push(_managedGroups[g]); + } + return o; + }; + + this.removeGroup = function(group, deleteMembers, manipulateDOM, doNotFireEvent) { + group = this.getGroup(group); + this.expandGroup(group, true); // this reinstates any original connections and removes all proxies, but does not fire an event. + var newPositions = group[deleteMembers ? CMD_REMOVE_ALL : CMD_ORPHAN_ALL](manipulateDOM, doNotFireEvent); + _jsPlumb.remove(group.getEl()); + delete _managedGroups[group.id]; + delete _jsPlumb._groups[group.id]; + _jsPlumb.fire(EVT_GROUP_REMOVED, { group:group }); + return newPositions; // this will be null in the case or remove, but be a map of {id->[x,y]} in the case of orphan + }; + + this.removeAllGroups = function(deleteMembers, manipulateDOM, doNotFireEvent) { + for (var g in _managedGroups) { + this.removeGroup(_managedGroups[g], deleteMembers, manipulateDOM, doNotFireEvent); + } + }; + + function _setVisible(group, state) { + var m = group.getMembers(); + for (var i = 0; i < m.length; i++) { + _jsPlumb[state ? CMD_SHOW : CMD_HIDE](m[i], true); + } + } + + var _collapseConnection = function(c, index, group) { + + var otherEl = c.endpoints[index === 0 ? 1 : 0].element; + if (otherEl[GROUP] && (!otherEl[GROUP].shouldProxy() && otherEl[GROUP].collapsed)) { + return; + } + + var groupEl = group.getEl(), groupElId = _jsPlumb.getId(groupEl); + + _jsPlumb.proxyConnection(c, index, groupEl, groupElId, function(c, index) { return group.getEndpoint(c, index); }, function(c, index) { return group.getAnchor(c, index); }); + }; + + this.collapseGroup = function(group) { + group = this.getGroup(group); + if (group == null || group.collapsed) { + return; + } + var groupEl = group.getEl(); + + // todo remove old proxy endpoints first, just in case? + //group.proxies.length = 0; + + // hide all connections + _setVisible(group, false); + + if (group.shouldProxy()) { + // collapses all connections in a group. + var _collapseSet = function (conns, index) { + for (var i = 0; i < conns.length; i++) { + var c = conns[i]; + _collapseConnection(c, index, group); + } + }; + + // setup proxies for sources and targets + _collapseSet(group.connections.source, 0); + _collapseSet(group.connections.target, 1); + } + + group.collapsed = true; + _jsPlumb.removeClass(groupEl, GROUP_EXPANDED_CLASS); + _jsPlumb.addClass(groupEl, GROUP_COLLAPSED_CLASS); + _jsPlumb.revalidate(groupEl); + _jsPlumb.fire(EVT_COLLAPSE, { group:group }); + }; + + var _expandConnection = function(c, index, group) { + _jsPlumb.unproxyConnection(c, index, _jsPlumb.getId(group.getEl())); + }; + + this.expandGroup = function(group, doNotFireEvent) { + + group = this.getGroup(group); + + if (group == null || !group.collapsed) { + return; + } + var groupEl = group.getEl(); + + _setVisible(group, true); + + if (group.shouldProxy()) { + // collapses all connections in a group. + var _expandSet = function (conns, index) { + for (var i = 0; i < conns.length; i++) { + var c = conns[i]; + _expandConnection(c, index, group); + } + }; + + // setup proxies for sources and targets + _expandSet(group.connections.source, 0); + _expandSet(group.connections.target, 1); + } + + group.collapsed = false; + _jsPlumb.addClass(groupEl, GROUP_EXPANDED_CLASS); + _jsPlumb.removeClass(groupEl, GROUP_COLLAPSED_CLASS); + _jsPlumb.revalidate(groupEl); + this.repaintGroup(group); + if (!doNotFireEvent) { + _jsPlumb.fire(EVT_EXPAND, { group: group}); + } + }; + + this.repaintGroup = function(group) { + group = this.getGroup(group); + var m = group.getMembers(); + for (var i = 0; i < m.length; i++) { + _jsPlumb.revalidate(m[i]); + } + }; + + // TODO refactor this with the code that responds to `connection` events. + function _updateConnectionsForGroup(group) { + var members = group.getMembers(); + var c1 = _jsPlumb.getConnections({source:members, scope:"*"}, true); + var c2 = _jsPlumb.getConnections({target:members, scope:"*"}, true); + var processed = {}; + group.connections.source.length = 0; + group.connections.target.length = 0; + var oneSet = function(c) { + for (var i = 0; i < c.length; i++) { + if (processed[c[i].id]) { + continue; + } + processed[c[i].id] = true; + if (c[i].source._jsPlumbGroup === group) { + if (c[i].target._jsPlumbGroup !== group) { + group.connections.source.push(c[i]); + } + _connectionSourceMap[c[i].id] = group; + } + else if (c[i].target._jsPlumbGroup === group) { + group.connections.target.push(c[i]); + _connectionTargetMap[c[i].id] = group; + } + } + }; + oneSet(c1); oneSet(c2); + } + + this.updateConnectionsForGroup = _updateConnectionsForGroup; + this.refreshAllGroups = function() { + for (var g in _managedGroups) { + _updateConnectionsForGroup(_managedGroups[g]); + _jsPlumb.dragManager.updateOffsets(_jsPlumb.getId(_managedGroups[g].getEl())); + } + }; + }; + + /** + * + * @param {jsPlumbInstance} _jsPlumb Associated jsPlumb instance. + * @param {Object} params + * @param {Element} params.el The DOM element representing the Group. + * @param {String} [params.id] Optional ID for the Group. A UUID will be assigned as the Group's ID if you do not provide one. + * @param {Boolean} [params.constrain=false] If true, child elements will not be able to be dragged outside of the Group container. + * @param {Boolean} [params.revert=true] By default, child elements revert to the container if dragged outside. You can change this by setting `revert:false`. This behaviour is also overridden if you set `orphan` or `prune`. + * @param {Boolean} [params.orphan=false] If true, child elements dropped outside of the Group container will be removed from the Group (but not from the DOM). + * @param {Boolean} [params.prune=false] If true, child elements dropped outside of the Group container will be removed from the Group and also from the DOM. + * @param {Boolean} [params.dropOverride=false] If true, a child element that has been dropped onto some other Group will not be subject to the controls imposed by `prune`, `revert` or `orphan`. + * @constructor + */ + var Group = function(_jsPlumb, params) { + var self = this; + var el = params.el; + this.getEl = function() { return el; }; + this.id = params.id || _ju.uuid(); + el._isJsPlumbGroup = true; + + var getDragArea = this.getDragArea = function() { + var da = _jsPlumb.getSelector(el, GROUP_CONTAINER_SELECTOR); + return da && da.length > 0 ? da[0] : el; + }; + + var ghost = params.ghost === true; + var constrain = ghost || (params.constrain === true); + var revert = params.revert !== false; + var orphan = params.orphan === true; + var prune = params.prune === true; + var dropOverride = params.dropOverride === true; + var proxied = params.proxied !== false; + var elements = []; + this.connections = { source:[], target:[], internal:[] }; + + // this function, and getEndpoint below, are stubs for a future setup in which we can choose endpoint + // and anchor based upon the connection and the index (source/target) of the endpoint to be proxied. + this.getAnchor = function(conn, endpointIndex) { + return params.anchor || "Continuous"; + }; + + this.getEndpoint = function(conn, endpointIndex) { + return params.endpoint || [ "Dot", { radius:10 }]; + }; + + this.collapsed = false; + if (params.draggable !== false) { + var opts = { + stop:function(params) { + _jsPlumb.fire(EVT_GROUP_DRAG_STOP, jsPlumb.extend(params, {group:self})); + }, + scope:GROUP_DRAG_SCOPE + }; + if (params.dragOptions) { + root.jsPlumb.extend(opts, params.dragOptions); + } + _jsPlumb.draggable(params.el, opts); + } + if (params.droppable !== false) { + _jsPlumb.droppable(params.el, { + drop:function(p) { + var el = p.drag.el; + if (el._isJsPlumbGroup) { + return; + } + var currentGroup = el._jsPlumbGroup; + if (currentGroup !== self) { + if (currentGroup != null) { + if (currentGroup.overrideDrop(el, self)) { + return; + } + } + _jsPlumb.getGroupManager().addToGroup(self, el, false); + } + + } + }); + } + var _each = function(_el, fn) { + var els = _el.nodeType == null ? _el : [ _el ]; + for (var i = 0; i < els.length; i++) { + fn(els[i]); + } + }; + + this.overrideDrop = function(_el, targetGroup) { + return dropOverride && (revert || prune || orphan); + }; + + this.add = function(_el, doNotFireEvent/*, sourceGroup*/) { + var dragArea = getDragArea(); + _each(_el, function(__el) { + + if (__el._jsPlumbGroup != null) { + if (__el._jsPlumbGroup === self) { + return; + } else { + __el._jsPlumbGroup.remove(__el, true, doNotFireEvent, false); + } + } + + __el._jsPlumbGroup = self; + elements.push(__el); + // test if draggable and add handlers if so. + if (_jsPlumb.isAlreadyDraggable(__el)) { + _bindDragHandlers(__el); + } + + if (__el.parentNode !== dragArea) { + dragArea.appendChild(__el); + } + + // if (!doNotFireEvent) { + // var p = {group: self, el: __el}; + // if (sourceGroup) { + // p.sourceGroup = sourceGroup; + // } + // //_jsPlumb.fire(EVT_CHILD_ADDED, p); + // } + }); + + _jsPlumb.getGroupManager().updateConnectionsForGroup(self); + }; + + this.remove = function(el, manipulateDOM, doNotFireEvent, doNotUpdateConnections, targetGroup) { + + _each(el, function(__el) { + if (__el._jsPlumbGroup === self) { + delete __el._jsPlumbGroup; + _ju.removeWithFunction(elements, function (e) { + return e === __el; + }); + + if (manipulateDOM) { + try { + self.getDragArea().removeChild(__el); + } catch (e) { + jsPlumbUtil.log("Could not remove element from Group " + e); + } + } + _unbindDragHandlers(__el); + if (!doNotFireEvent) { + var p = {group: self, el: __el}; + if (targetGroup) { + p.targetGroup = targetGroup; + } + _jsPlumb.fire(EVT_CHILD_REMOVED, p); + } + } + }); + if (!doNotUpdateConnections) { + _jsPlumb.getGroupManager().updateConnectionsForGroup(self); + } + }; + this.removeAll = function(manipulateDOM, doNotFireEvent) { + for (var i = 0, l = elements.length; i < l; i++) { + var el = elements[0]; + self.remove(el, manipulateDOM, doNotFireEvent, true); + _jsPlumb.remove(el, true); + } + elements.length = 0; + _jsPlumb.getGroupManager().updateConnectionsForGroup(self); + }; + this.orphanAll = function() { + var orphanedPositions = {}; + for (var i = 0; i < elements.length; i++) { + var newPosition = _orphan(elements[i]); + orphanedPositions[newPosition[0]] = newPosition[1]; + } + elements.length = 0; + + return orphanedPositions; + }; + this.getMembers = function() { return elements; }; + + el[GROUP] = this; + + _jsPlumb.bind(ELEMENT_DRAGGABLE_EVENT, function(dragParams) { + // if its for the current group, + if (dragParams.el._jsPlumbGroup === this) { + _bindDragHandlers(dragParams.el); + } + }.bind(this)); + + function _findParent(_el) { + return _el.offsetParent; + } + + function _isInsideParent(_el, pos) { + var p = _findParent(_el), + s = _jsPlumb.getSize(p), + ss = _jsPlumb.getSize(_el), + leftEdge = pos[0], + rightEdge = leftEdge + ss[0], + topEdge = pos[1], + bottomEdge = topEdge + ss[1]; + + return rightEdge > 0 && leftEdge < s[0] && bottomEdge > 0 && topEdge < s[1]; + } + + // + // orphaning an element means taking it out of the group and adding it to the main jsplumb container. + // we return the new calculated position from this method and the element's id. + // + function _orphan(_el) { + var id = _jsPlumb.getId(_el); + var pos = _jsPlumb.getOffset(_el); + _el.parentNode.removeChild(_el); + _jsPlumb.getContainer().appendChild(_el); + _jsPlumb.setPosition(_el, pos); + _unbindDragHandlers(_el); + _jsPlumb.dragManager.clearParent(_el, id); + return [id, pos]; + } + + // + // remove an element from the group, then either prune it from the jsplumb instance, or just orphan it. + // + function _pruneOrOrphan(p) { + + var out = []; + + function _one(el, left, top) { + var orphanedPosition = null; + if (!_isInsideParent(el, [left, top])) { + var group = el._jsPlumbGroup; + if (prune) { + _jsPlumb.remove(el); + } else { + orphanedPosition = _orphan(el); + } + + group.remove(el); + } + + return orphanedPosition; + } + + for (var i = 0; i < p.selection.length; i++) { + out.push(_one(p.selection[i][0], p.selection[i][1].left, p.selection[i][1].top)); + } + + return out.length === 1 ? out[0] : out; + + } + + // + // redraws the element + // + function _revalidate(_el) { + var id = _jsPlumb.getId(_el); + _jsPlumb.revalidate(_el); + _jsPlumb.dragManager.revalidateParent(_el, id); + } + + // + // unbind the group specific drag/revert handlers. + // + function _unbindDragHandlers(_el) { + if (!_el._katavorioDrag) { + return; + } + if (prune || orphan) { + _el._katavorioDrag.off(STOP, _pruneOrOrphan); + } + if (!prune && !orphan && revert) { + _el._katavorioDrag.off(REVERT, _revalidate); + _el._katavorioDrag.setRevert(null); + } + } + + function _bindDragHandlers(_el) { + if (!_el._katavorioDrag) { + return; + } + if (prune || orphan) { + _el._katavorioDrag.on(STOP, _pruneOrOrphan); + } + + if (constrain) { + _el._katavorioDrag.setConstrain(true); + } + + if (ghost) { + _el._katavorioDrag.setUseGhostProxy(true); + } + + if (!prune && !orphan && revert) { + _el._katavorioDrag.on(REVERT, _revalidate); + _el._katavorioDrag.setRevert(function(__el, pos) { + return !_isInsideParent(__el, pos); + }); + } + } + + this.shouldProxy = function() { + return proxied; + }; + + _jsPlumb.getGroupManager().addGroup(this); + }; + + /** + * Adds a group to the jsPlumb instance. + * @method addGroup + * @param {Object} params + * @return {Group} The newly created Group. + */ + _jpi.prototype.addGroup = function(params) { + var j = this; + j._groups = j._groups || {}; + if (j._groups[params.id] != null) { + throw new TypeError("cannot create Group [" + params.id + "]; a Group with that ID exists"); + } + if (params.el[GROUP] != null) { + throw new TypeError("cannot create Group [" + params.id + "]; the given element is already a Group"); + } + var group = new Group(j, params); + j._groups[group.id] = group; + if (params.collapsed) { + this.collapseGroup(group); + } + return group; + }; + + /** + * Add an element to a group. + * @method addToGroup + * @param {String} group Group, or ID of the group, to add the element to. + * @param {Element} el Element to add to the group. + */ + _jpi.prototype.addToGroup = function(group, el, doNotFireEvent) { + + var _one = function(_el) { + var id = this.getId(_el); + this.manage(id, _el); + this.getGroupManager().addToGroup(group, _el, doNotFireEvent); + }.bind(this); + + if (Array.isArray(el)) { + for (var i = 0; i < el.length; i++) { + _one(el[i]); + } + } else { + _one(el); + } + }; + + /** + * Remove an element from a group. + * @method removeFromGroup + * @param {String} group Group, or ID of the group, to remove the element from. + * @param {Element} el Element to add to the group. + */ + _jpi.prototype.removeFromGroup = function(group, el, doNotFireEvent) { + this.getGroupManager().removeFromGroup(group, el, doNotFireEvent); + }; + + /** + * Remove a group, and optionally remove its members from the jsPlumb instance. + * @method removeGroup + * @param {String|Group} group Group to delete, or ID of Group to delete. + * @param {Boolean} [deleteMembers=false] If true, group members will be removed along with the group. Otherwise they will + * just be 'orphaned' (returned to the main container). + * @returns {Map[String, Position}} When deleteMembers is false, this method returns a map of {id->position} + */ + _jpi.prototype.removeGroup = function(group, deleteMembers, manipulateDOM, doNotFireEvent) { + return this.getGroupManager().removeGroup(group, deleteMembers, manipulateDOM, doNotFireEvent); + }; + + /** + * Remove all groups, and optionally remove their members from the jsPlumb instance. + * @method removeAllGroup + * @param {Boolean} [deleteMembers=false] If true, group members will be removed along with the groups. Otherwise they will + * just be 'orphaned' (returned to the main container). + */ + _jpi.prototype.removeAllGroups = function(deleteMembers, manipulateDOM, doNotFireEvent) { + this.getGroupManager().removeAllGroups(deleteMembers, manipulateDOM, doNotFireEvent); + }; + + /** + * Get a Group + * @method getGroup + * @param {String} groupId ID of the group to get + * @return {Group} Group with the given ID, null if not found. + */ + _jpi.prototype.getGroup = function(groupId) { + return this.getGroupManager().getGroup(groupId); + }; + + /** + * Gets all the Groups managed by the jsPlumb instance. + * @returns {Group[]} List of Groups. Empty if none. + */ + _jpi.prototype.getGroups = function() { + return this.getGroupManager().getGroups(); + }; + + /** + * Expands a group element. jsPlumb doesn't do "everything" for you here, because what it means to expand a Group + * will vary from application to application. jsPlumb does these things: + * + * - Hides any connections that are internal to the group (connections between members, and connections from member of + * the group to the group itself) + * - Proxies all connections for which the source or target is a member of the group. + * - Hides the proxied connections. + * - Adds the jtk-group-expanded class to the group's element + * - Removes the jtk-group-collapsed class from the group's element. + * + * @method expandGroup + * @param {String|Group} group Group to expand, or ID of Group to expand. + */ + _jpi.prototype.expandGroup = function(group) { + this.getGroupManager().expandGroup(group); + }; + + /** + * Collapses a group element. jsPlumb doesn't do "everything" for you here, because what it means to collapse a Group + * will vary from application to application. jsPlumb does these things: + * + * - Shows any connections that are internal to the group (connections between members, and connections from member of + * the group to the group itself) + * - Removes proxies for all connections for which the source or target is a member of the group. + * - Shows the previously proxied connections. + * - Adds the jtk-group-collapsed class to the group's element + * - Removes the jtk-group-expanded class from the group's element. + * + * @method expandGroup + * @param {String|Group} group Group to expand, or ID of Group to expand. + */ + _jpi.prototype.collapseGroup = function(groupId) { + this.getGroupManager().collapseGroup(groupId); + }; + + + _jpi.prototype.repaintGroup = function(group) { + this.getGroupManager().repaintGroup(group); + }; + + /** + * Collapses or expands a group element depending on its current state. See notes in the collapseGroup and expandGroup method. + * + * @method toggleGroup + * @param {String|Group} group Group to expand/collapse, or ID of Group to expand/collapse. + */ + _jpi.prototype.toggleGroup = function(group) { + group = this.getGroupManager().getGroup(group); + if (group != null) { + this.getGroupManager()[group.collapsed ? "expandGroup" : "collapseGroup"](group); + } + }; + + // + // lazy init a group manager for the given jsplumb instance. + // + _jpi.prototype.getGroupManager = function() { + var mgr = this[GROUP_MANAGER]; + if (mgr == null) { + mgr = this[GROUP_MANAGER] = new GroupManager(this); + } + return mgr; + }; + + _jpi.prototype.removeGroupManager = function() { + delete this[GROUP_MANAGER]; + }; + + /** + * Gets the Group that the given element belongs to, null if none. + * @method getGroupFor + * @param {String|Element} el Element, or element ID. + * @returns {Group} A Group, if found, or null. + */ + _jpi.prototype.getGroupFor = function(el) { + el = this.getElement(el); + if (el) { + return el[GROUP]; + } + }; + +}).call(typeof window !== 'undefined' ? window : this); + + +/* + * This file contains the 'flowchart' connectors, consisting of vertical and horizontal line segments. + * + * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) + * + * https://jsplumbtoolkit.com + * https://github.com/jsplumb/jsplumb + * + * Dual licensed under the MIT and GPL2 licenses. + */ +; +(function () { + + "use strict"; + var root = this, _jp = root.jsPlumb, _ju = root.jsPlumbUtil; + var STRAIGHT = "Straight"; + var ARC = "Arc"; + + var Flowchart = function (params) { + this.type = "Flowchart"; + params = params || {}; + params.stub = params.stub == null ? 30 : params.stub; + var segments, + _super = _jp.Connectors.AbstractConnector.apply(this, arguments), + midpoint = params.midpoint == null ? 0.5 : params.midpoint, + alwaysRespectStubs = params.alwaysRespectStubs === true, + lastx = null, lasty = null, lastOrientation, + cornerRadius = params.cornerRadius != null ? params.cornerRadius : 0, + + // TODO now common between this and AbstractBezierEditor; refactor into superclass? + loopbackRadius = params.loopbackRadius || 25, + isLoopbackCurrently = false, + + sgn = function (n) { + return n < 0 ? -1 : n === 0 ? 0 : 1; + }, + segmentDirections = function(segment) { + return [ + sgn( segment[2] - segment[0] ), + sgn( segment[3] - segment[1] ) + ]; + }, + /** + * helper method to add a segment. + */ + addSegment = function (segments, x, y, paintInfo) { + if (lastx === x && lasty === y) { + return; + } + var lx = lastx == null ? paintInfo.sx : lastx, + ly = lasty == null ? paintInfo.sy : lasty, + o = lx === x ? "v" : "h"; + + lastx = x; + lasty = y; + segments.push([ lx, ly, x, y, o ]); + }, + segLength = function (s) { + return Math.sqrt(Math.pow(s[0] - s[2], 2) + Math.pow(s[1] - s[3], 2)); + }, + _cloneArray = function (a) { + var _a = []; + _a.push.apply(_a, a); + return _a; + }, + writeSegments = function (conn, segments, paintInfo) { + var current = null, next, currentDirection, nextDirection; + for (var i = 0; i < segments.length - 1; i++) { + + current = current || _cloneArray(segments[i]); + next = _cloneArray(segments[i + 1]); + + currentDirection = segmentDirections(current); + nextDirection = segmentDirections(next); + + if (cornerRadius > 0 && current[4] !== next[4]) { + + var minSegLength = Math.min(segLength(current), segLength(next)); + var radiusToUse = Math.min(cornerRadius, minSegLength / 2); + + current[2] -= currentDirection[0] * radiusToUse; + current[3] -= currentDirection[1] * radiusToUse; + next[0] += nextDirection[0] * radiusToUse; + next[1] += nextDirection[1] * radiusToUse; + + var ac = (currentDirection[1] === nextDirection[0] && nextDirection[0] === 1) || + ((currentDirection[1] === nextDirection[0] && nextDirection[0] === 0) && currentDirection[0] !== nextDirection[1]) || + (currentDirection[1] === nextDirection[0] && nextDirection[0] === -1), + sgny = next[1] > current[3] ? 1 : -1, + sgnx = next[0] > current[2] ? 1 : -1, + sgnEqual = sgny === sgnx, + cx = (sgnEqual && ac || (!sgnEqual && !ac)) ? next[0] : current[2], + cy = (sgnEqual && ac || (!sgnEqual && !ac)) ? current[3] : next[1]; + + _super.addSegment(conn, STRAIGHT, { + x1: current[0], y1: current[1], x2: current[2], y2: current[3] + }); + + _super.addSegment(conn, ARC, { + r: radiusToUse, + x1: current[2], + y1: current[3], + x2: next[0], + y2: next[1], + cx: cx, + cy: cy, + ac: ac + }); + } + else { + // dx + dy are used to adjust for line width. + var dx = (current[2] === current[0]) ? 0 : (current[2] > current[0]) ? (paintInfo.lw / 2) : -(paintInfo.lw / 2), + dy = (current[3] === current[1]) ? 0 : (current[3] > current[1]) ? (paintInfo.lw / 2) : -(paintInfo.lw / 2); + + _super.addSegment(conn, STRAIGHT, { + x1: current[0] - dx, y1: current[1] - dy, x2: current[2] + dx, y2: current[3] + dy + }); + } + current = next; + } + if (next != null) { + // last segment + _super.addSegment(conn, STRAIGHT, { + x1: next[0], y1: next[1], x2: next[2], y2: next[3] + }); + } + }; + + this._compute = function (paintInfo, params) { + + segments = []; + lastx = null; + lasty = null; + lastOrientation = null; + + var commonStubCalculator = function () { + return [paintInfo.startStubX, paintInfo.startStubY, paintInfo.endStubX, paintInfo.endStubY]; + }, + stubCalculators = { + perpendicular: commonStubCalculator, + orthogonal: commonStubCalculator, + opposite: function (axis) { + var pi = paintInfo, + idx = axis === "x" ? 0 : 1, + areInProximity = { + "x": function () { + return ( (pi.so[idx] === 1 && ( + ( (pi.startStubX > pi.endStubX) && (pi.tx > pi.startStubX) ) || + ( (pi.sx > pi.endStubX) && (pi.tx > pi.sx))))) || + + ( (pi.so[idx] === -1 && ( + ( (pi.startStubX < pi.endStubX) && (pi.tx < pi.startStubX) ) || + ( (pi.sx < pi.endStubX) && (pi.tx < pi.sx))))); + }, + "y": function () { + return ( (pi.so[idx] === 1 && ( + ( (pi.startStubY > pi.endStubY) && (pi.ty > pi.startStubY) ) || + ( (pi.sy > pi.endStubY) && (pi.ty > pi.sy))))) || + + ( (pi.so[idx] === -1 && ( + ( (pi.startStubY < pi.endStubY) && (pi.ty < pi.startStubY) ) || + ( (pi.sy < pi.endStubY) && (pi.ty < pi.sy))))); + } + }; + + if (!alwaysRespectStubs && areInProximity[axis]()) { + return { + "x": [(paintInfo.sx + paintInfo.tx) / 2, paintInfo.startStubY, (paintInfo.sx + paintInfo.tx) / 2, paintInfo.endStubY], + "y": [paintInfo.startStubX, (paintInfo.sy + paintInfo.ty) / 2, paintInfo.endStubX, (paintInfo.sy + paintInfo.ty) / 2] + }[axis]; + } + else { + return [paintInfo.startStubX, paintInfo.startStubY, paintInfo.endStubX, paintInfo.endStubY]; + } + } + }; + + // calculate Stubs. + var stubs = stubCalculators[paintInfo.anchorOrientation](paintInfo.sourceAxis), + idx = paintInfo.sourceAxis === "x" ? 0 : 1, + oidx = paintInfo.sourceAxis === "x" ? 1 : 0, + ss = stubs[idx], + oss = stubs[oidx], + es = stubs[idx + 2], + oes = stubs[oidx + 2]; + + // add the start stub segment. use stubs for loopback as it will look better, with the loop spaced + // away from the element. + addSegment(segments, stubs[0], stubs[1], paintInfo); + + // if its a loopback and we should treat it differently. + // if (false && params.sourcePos[0] === params.targetPos[0] && params.sourcePos[1] === params.targetPos[1]) { + // + // // we use loopbackRadius here, as statemachine connectors do. + // // so we go radius to the left from stubs[0], then upwards by 2*radius, to the right by 2*radius, + // // down by 2*radius, left by radius. + // addSegment(segments, stubs[0] - loopbackRadius, stubs[1], paintInfo); + // addSegment(segments, stubs[0] - loopbackRadius, stubs[1] - (2 * loopbackRadius), paintInfo); + // addSegment(segments, stubs[0] + loopbackRadius, stubs[1] - (2 * loopbackRadius), paintInfo); + // addSegment(segments, stubs[0] + loopbackRadius, stubs[1], paintInfo); + // addSegment(segments, stubs[0], stubs[1], paintInfo); + // + // } + // else { + + + var midx = paintInfo.startStubX + ((paintInfo.endStubX - paintInfo.startStubX) * midpoint), + midy = paintInfo.startStubY + ((paintInfo.endStubY - paintInfo.startStubY) * midpoint); + + var orientations = {x: [0, 1], y: [1, 0]}, + lineCalculators = { + perpendicular: function (axis) { + var pi = paintInfo, + sis = { + x: [ + [[1, 2, 3, 4], null, [2, 1, 4, 3]], + null, + [[4, 3, 2, 1], null, [3, 4, 1, 2]] + ], + y: [ + [[3, 2, 1, 4], null, [2, 3, 4, 1]], + null, + [[4, 1, 2, 3], null, [1, 4, 3, 2]] + ] + }, + stubs = { + x: [[pi.startStubX, pi.endStubX], null, [pi.endStubX, pi.startStubX]], + y: [[pi.startStubY, pi.endStubY], null, [pi.endStubY, pi.startStubY]] + }, + midLines = { + x: [[midx, pi.startStubY], [midx, pi.endStubY]], + y: [[pi.startStubX, midy], [pi.endStubX, midy]] + }, + linesToEnd = { + x: [[pi.endStubX, pi.startStubY]], + y: [[pi.startStubX, pi.endStubY]] + }, + startToEnd = { + x: [[pi.startStubX, pi.endStubY], [pi.endStubX, pi.endStubY]], + y: [[pi.endStubX, pi.startStubY], [pi.endStubX, pi.endStubY]] + }, + startToMidToEnd = { + x: [[pi.startStubX, midy], [pi.endStubX, midy], [pi.endStubX, pi.endStubY]], + y: [[midx, pi.startStubY], [midx, pi.endStubY], [pi.endStubX, pi.endStubY]] + }, + otherStubs = { + x: [pi.startStubY, pi.endStubY], + y: [pi.startStubX, pi.endStubX] + }, + soIdx = orientations[axis][0], toIdx = orientations[axis][1], + _so = pi.so[soIdx] + 1, + _to = pi.to[toIdx] + 1, + otherFlipped = (pi.to[toIdx] === -1 && (otherStubs[axis][1] < otherStubs[axis][0])) || (pi.to[toIdx] === 1 && (otherStubs[axis][1] > otherStubs[axis][0])), + stub1 = stubs[axis][_so][0], + stub2 = stubs[axis][_so][1], + segmentIndexes = sis[axis][_so][_to]; + + if (pi.segment === segmentIndexes[3] || (pi.segment === segmentIndexes[2] && otherFlipped)) { + return midLines[axis]; + } + else if (pi.segment === segmentIndexes[2] && stub2 < stub1) { + return linesToEnd[axis]; + } + else if ((pi.segment === segmentIndexes[2] && stub2 >= stub1) || (pi.segment === segmentIndexes[1] && !otherFlipped)) { + return startToMidToEnd[axis]; + } + else if (pi.segment === segmentIndexes[0] || (pi.segment === segmentIndexes[1] && otherFlipped)) { + return startToEnd[axis]; + } + }, + orthogonal: function (axis, startStub, otherStartStub, endStub, otherEndStub) { + var pi = paintInfo, + extent = { + "x": pi.so[0] === -1 ? Math.min(startStub, endStub) : Math.max(startStub, endStub), + "y": pi.so[1] === -1 ? Math.min(startStub, endStub) : Math.max(startStub, endStub) + }[axis]; + + return { + "x": [ + [extent, otherStartStub], + [extent, otherEndStub], + [endStub, otherEndStub] + ], + "y": [ + [otherStartStub, extent], + [otherEndStub, extent], + [otherEndStub, endStub] + ] + }[axis]; + }, + opposite: function (axis, ss, oss, es) { + var pi = paintInfo, + otherAxis = {"x": "y", "y": "x"}[axis], + dim = {"x": "height", "y": "width"}[axis], + comparator = pi["is" + axis.toUpperCase() + "GreaterThanStubTimes2"]; + + if (params.sourceEndpoint.elementId === params.targetEndpoint.elementId) { + var _val = oss + ((1 - params.sourceEndpoint.anchor[otherAxis]) * params.sourceInfo[dim]) + _super.maxStub; + return { + "x": [ + [ss, _val], + [es, _val] + ], + "y": [ + [_val, ss], + [_val, es] + ] + }[axis]; + + } + else if (!comparator || (pi.so[idx] === 1 && ss > es) || (pi.so[idx] === -1 && ss < es)) { + return { + "x": [ + [ss, midy], + [es, midy] + ], + "y": [ + [midx, ss], + [midx, es] + ] + }[axis]; + } + else if ((pi.so[idx] === 1 && ss < es) || (pi.so[idx] === -1 && ss > es)) { + return { + "x": [ + [midx, pi.sy], + [midx, pi.ty] + ], + "y": [ + [pi.sx, midy], + [pi.tx, midy] + ] + }[axis]; + } + } + }; + + // compute the rest of the line + var p = lineCalculators[paintInfo.anchorOrientation](paintInfo.sourceAxis, ss, oss, es, oes); + if (p) { + for (var i = 0; i < p.length; i++) { + addSegment(segments, p[i][0], p[i][1], paintInfo); + } + } + + // line to end stub + addSegment(segments, stubs[2], stubs[3], paintInfo); + + //} + + // end stub to end (common) + addSegment(segments, paintInfo.tx, paintInfo.ty, paintInfo); + + + + // write out the segments. + writeSegments(this, segments, paintInfo); + + }; + }; + + _jp.Connectors.Flowchart = Flowchart; + _ju.extend(_jp.Connectors.Flowchart, _jp.Connectors.AbstractConnector); + +}).call(typeof window !== 'undefined' ? window : this); +/* + * This file contains the code for the Bezier connector type. + * + * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) + * + * https://jsplumbtoolkit.com + * https://github.com/jsplumb/jsplumb + * + * Dual licensed under the MIT and GPL2 licenses. + */ +; +(function () { + + "use strict"; + var root = this, _jp = root.jsPlumb, _ju = root.jsPlumbUtil; + + _jp.Connectors.AbstractBezierConnector = function(params) { + params = params || {}; + var showLoopback = params.showLoopback !== false, + curviness = params.curviness || 10, + margin = params.margin || 5, + proximityLimit = params.proximityLimit || 80, + clockwise = params.orientation && params.orientation === "clockwise", + loopbackRadius = params.loopbackRadius || 25, + isLoopbackCurrently = false, + _super; + + this._compute = function (paintInfo, p) { + + var sp = p.sourcePos, + tp = p.targetPos, + _w = Math.abs(sp[0] - tp[0]), + _h = Math.abs(sp[1] - tp[1]); + + if (!showLoopback || (p.sourceEndpoint.elementId !== p.targetEndpoint.elementId)) { + isLoopbackCurrently = false; + this._computeBezier(paintInfo, p, sp, tp, _w, _h); + } else { + isLoopbackCurrently = true; + // a loopback connector. draw an arc from one anchor to the other. + var x1 = p.sourcePos[0], y1 = p.sourcePos[1] - margin, + cx = x1, cy = y1 - loopbackRadius, + // canvas sizing stuff, to ensure the whole painted area is visible. + _x = cx - loopbackRadius, + _y = cy - loopbackRadius; + + _w = 2 * loopbackRadius; + _h = 2 * loopbackRadius; + + paintInfo.points[0] = _x; + paintInfo.points[1] = _y; + paintInfo.points[2] = _w; + paintInfo.points[3] = _h; + + // ADD AN ARC SEGMENT. + _super.addSegment(this, "Arc", { + loopback: true, + x1: (x1 - _x) + 4, + y1: y1 - _y, + startAngle: 0, + endAngle: 2 * Math.PI, + r: loopbackRadius, + ac: !clockwise, + x2: (x1 - _x) - 4, + y2: y1 - _y, + cx: cx - _x, + cy: cy - _y + }); + } + }; + + _super = _jp.Connectors.AbstractConnector.apply(this, arguments); + return _super; + }; + _ju.extend(_jp.Connectors.AbstractBezierConnector, _jp.Connectors.AbstractConnector); + + var Bezier = function (params) { + params = params || {}; + this.type = "Bezier"; + + var _super = _jp.Connectors.AbstractBezierConnector.apply(this, arguments), + majorAnchor = params.curviness || 150, + minorAnchor = 10; + + this.getCurviness = function () { + return majorAnchor; + }; + + this._findControlPoint = function (point, sourceAnchorPosition, targetAnchorPosition, sourceEndpoint, targetEndpoint, soo, too) { + // determine if the two anchors are perpendicular to each other in their orientation. we swap the control + // points around if so (code could be tightened up) + var perpendicular = soo[0] !== too[0] || soo[1] === too[1], + p = []; + + if (!perpendicular) { + if (soo[0] === 0) { + p.push(sourceAnchorPosition[0] < targetAnchorPosition[0] ? point[0] + minorAnchor : point[0] - minorAnchor); + } + else { + p.push(point[0] - (majorAnchor * soo[0])); + } + + if (soo[1] === 0) { + p.push(sourceAnchorPosition[1] < targetAnchorPosition[1] ? point[1] + minorAnchor : point[1] - minorAnchor); + } + else { + p.push(point[1] + (majorAnchor * too[1])); + } + } + else { + if (too[0] === 0) { + p.push(targetAnchorPosition[0] < sourceAnchorPosition[0] ? point[0] + minorAnchor : point[0] - minorAnchor); + } + else { + p.push(point[0] + (majorAnchor * too[0])); + } + + if (too[1] === 0) { + p.push(targetAnchorPosition[1] < sourceAnchorPosition[1] ? point[1] + minorAnchor : point[1] - minorAnchor); + } + else { + p.push(point[1] + (majorAnchor * soo[1])); + } + } + + return p; + }; + + this._computeBezier = function (paintInfo, p, sp, tp, _w, _h) { + + var _CP, _CP2, + _sx = sp[0] < tp[0] ? _w : 0, + _sy = sp[1] < tp[1] ? _h : 0, + _tx = sp[0] < tp[0] ? 0 : _w, + _ty = sp[1] < tp[1] ? 0 : _h; + + _CP = this._findControlPoint([_sx, _sy], sp, tp, p.sourceEndpoint, p.targetEndpoint, paintInfo.so, paintInfo.to); + _CP2 = this._findControlPoint([_tx, _ty], tp, sp, p.targetEndpoint, p.sourceEndpoint, paintInfo.to, paintInfo.so); + + + _super.addSegment(this, "Bezier", { + x1: _sx, y1: _sy, x2: _tx, y2: _ty, + cp1x: _CP[0], cp1y: _CP[1], cp2x: _CP2[0], cp2y: _CP2[1] + }); + }; + + + }; + + _jp.Connectors.Bezier = Bezier; + _ju.extend(Bezier, _jp.Connectors.AbstractBezierConnector); + +}).call(typeof window !== 'undefined' ? window : this); +/* + * This file contains the state machine connectors, which extend AbstractBezierConnector. + * + * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) + * + * https://jsplumbtoolkit.com + * https://github.com/jsplumb/jsplumb + * + * Dual licensed under the MIT and GPL2 licenses. + */ +; +(function () { + + "use strict"; + var root = this, _jp = root.jsPlumb, _ju = root.jsPlumbUtil; + + var _segment = function (x1, y1, x2, y2) { + if (x1 <= x2 && y2 <= y1) { + return 1; + } + else if (x1 <= x2 && y1 <= y2) { + return 2; + } + else if (x2 <= x1 && y2 >= y1) { + return 3; + } + return 4; + }, + + // the control point we will use depends on the faces to which each end of the connection is assigned, specifically whether or not the + // two faces are parallel or perpendicular. if they are parallel then the control point lies on the midpoint of the axis in which they + // are parellel and varies only in the other axis; this variation is proportional to the distance that the anchor points lie from the + // center of that face. if the two faces are perpendicular then the control point is at some distance from both the midpoints; the amount and + // direction are dependent on the orientation of the two elements. 'seg', passed in to this method, tells you which segment the target element + // lies in with respect to the source: 1 is top right, 2 is bottom right, 3 is bottom left, 4 is top left. + // + // sourcePos and targetPos are arrays of info about where on the source and target each anchor is located. their contents are: + // + // 0 - absolute x + // 1 - absolute y + // 2 - proportional x in element (0 is left edge, 1 is right edge) + // 3 - proportional y in element (0 is top edge, 1 is bottom edge) + // + _findControlPoint = function (midx, midy, segment, sourceEdge, targetEdge, dx, dy, distance, proximityLimit) { + // TODO (maybe) + // - if anchor pos is 0.5, make the control point take into account the relative position of the elements. + if (distance <= proximityLimit) { + return [midx, midy]; + } + + if (segment === 1) { + if (sourceEdge[3] <= 0 && targetEdge[3] >= 1) { + return [ midx + (sourceEdge[2] < 0.5 ? -1 * dx : dx), midy ]; + } + else if (sourceEdge[2] >= 1 && targetEdge[2] <= 0) { + return [ midx, midy + (sourceEdge[3] < 0.5 ? -1 * dy : dy) ]; + } + else { + return [ midx + (-1 * dx) , midy + (-1 * dy) ]; + } + } + else if (segment === 2) { + if (sourceEdge[3] >= 1 && targetEdge[3] <= 0) { + return [ midx + (sourceEdge[2] < 0.5 ? -1 * dx : dx), midy ]; + } + else if (sourceEdge[2] >= 1 && targetEdge[2] <= 0) { + return [ midx, midy + (sourceEdge[3] < 0.5 ? -1 * dy : dy) ]; + } + else { + return [ midx + dx, midy + (-1 * dy) ]; + } + } + else if (segment === 3) { + if (sourceEdge[3] >= 1 && targetEdge[3] <= 0) { + return [ midx + (sourceEdge[2] < 0.5 ? -1 * dx : dx), midy ]; + } + else if (sourceEdge[2] <= 0 && targetEdge[2] >= 1) { + return [ midx, midy + (sourceEdge[3] < 0.5 ? -1 * dy : dy) ]; + } + else { + return [ midx + (-1 * dx) , midy + (-1 * dy) ]; + } + } + else if (segment === 4) { + if (sourceEdge[3] <= 0 && targetEdge[3] >= 1) { + return [ midx + (sourceEdge[2] < 0.5 ? -1 * dx : dx), midy ]; + } + else if (sourceEdge[2] <= 0 && targetEdge[2] >= 1) { + return [ midx, midy + (sourceEdge[3] < 0.5 ? -1 * dy : dy) ]; + } + else { + return [ midx + dx , midy + (-1 * dy) ]; + } + } + + }; + + var StateMachine = function (params) { + params = params || {}; + this.type = "StateMachine"; + + var _super = _jp.Connectors.AbstractBezierConnector.apply(this, arguments), + curviness = params.curviness || 10, + margin = params.margin || 5, + proximityLimit = params.proximityLimit || 80, + clockwise = params.orientation && params.orientation === "clockwise", + _controlPoint; + + this._computeBezier = function(paintInfo, params, sp, tp, w, h) { + var _sx = params.sourcePos[0] < params.targetPos[0] ? 0 : w, + _sy = params.sourcePos[1] < params.targetPos[1] ? 0 : h, + _tx = params.sourcePos[0] < params.targetPos[0] ? w : 0, + _ty = params.sourcePos[1] < params.targetPos[1] ? h : 0; + + // now adjust for the margin + if (params.sourcePos[2] === 0) { + _sx -= margin; + } + if (params.sourcePos[2] === 1) { + _sx += margin; + } + if (params.sourcePos[3] === 0) { + _sy -= margin; + } + if (params.sourcePos[3] === 1) { + _sy += margin; + } + if (params.targetPos[2] === 0) { + _tx -= margin; + } + if (params.targetPos[2] === 1) { + _tx += margin; + } + if (params.targetPos[3] === 0) { + _ty -= margin; + } + if (params.targetPos[3] === 1) { + _ty += margin; + } + + // + // these connectors are quadratic bezier curves, having a single control point. if both anchors + // are located at 0.5 on their respective faces, the control point is set to the midpoint and you + // get a straight line. this is also the case if the two anchors are within 'proximityLimit', since + // it seems to make good aesthetic sense to do that. outside of that, the control point is positioned + // at 'curviness' pixels away along the normal to the straight line connecting the two anchors. + // + // there may be two improvements to this. firstly, we might actually support the notion of avoiding nodes + // in the UI, or at least making a good effort at doing so. if a connection would pass underneath some node, + // for example, we might increase the distance the control point is away from the midpoint in a bid to + // steer it around that node. this will work within limits, but i think those limits would also be the likely + // limits for, once again, aesthetic good sense in the layout of a chart using these connectors. + // + // the second possible change is actually two possible changes: firstly, it is possible we should gradually + // decrease the 'curviness' as the distance between the anchors decreases; start tailing it off to 0 at some + // point (which should be configurable). secondly, we might slightly increase the 'curviness' for connectors + // with respect to how far their anchor is from the center of its respective face. this could either look cool, + // or stupid, and may indeed work only in a way that is so subtle as to have been a waste of time. + // + + var _midx = (_sx + _tx) / 2, + _midy = (_sy + _ty) / 2, + segment = _segment(_sx, _sy, _tx, _ty), + distance = Math.sqrt(Math.pow(_tx - _sx, 2) + Math.pow(_ty - _sy, 2)), + cp1x, cp2x, cp1y, cp2y; + + + // calculate the control point. this code will be where we'll put in a rudimentary element avoidance scheme; it + // will work by extending the control point to force the curve to be, um, curvier. + _controlPoint = _findControlPoint(_midx, + _midy, + segment, + params.sourcePos, + params.targetPos, + curviness, curviness, + distance, + proximityLimit); + + cp1x = _controlPoint[0]; + cp2x = _controlPoint[0]; + cp1y = _controlPoint[1]; + cp2y = _controlPoint[1]; + + _super.addSegment(this, "Bezier", { + x1: _tx, y1: _ty, x2: _sx, y2: _sy, + cp1x: cp1x, cp1y: cp1y, + cp2x: cp2x, cp2y: cp2y + }); + }; + }; + + _jp.Connectors.StateMachine = StateMachine; + _ju.extend(StateMachine, _jp.Connectors.AbstractBezierConnector); + +}).call(typeof window !== 'undefined' ? window : this); +/* + * This file contains the 'flowchart' connectors, consisting of vertical and horizontal line segments. + * + * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) + * + * https://jsplumbtoolkit.com + * https://github.com/jsplumb/jsplumb + * + * Dual licensed under the MIT and GPL2 licenses. + */ +; +(function () { + + "use strict"; + var root = this, _jp = root.jsPlumb, _ju = root.jsPlumbUtil; + var STRAIGHT = "Straight"; + + var Straight = function (params) { + this.type = STRAIGHT; + var _super = _jp.Connectors.AbstractConnector.apply(this, arguments); + + this._compute = function (paintInfo, _) { + _super.addSegment(this, STRAIGHT, {x1: paintInfo.sx, y1: paintInfo.sy, x2: paintInfo.startStubX, y2: paintInfo.startStubY}); + _super.addSegment(this, STRAIGHT, {x1: paintInfo.startStubX, y1: paintInfo.startStubY, x2: paintInfo.endStubX, y2: paintInfo.endStubY}); + _super.addSegment(this, STRAIGHT, {x1: paintInfo.endStubX, y1: paintInfo.endStubY, x2: paintInfo.tx, y2: paintInfo.ty}); + }; + }; + + _jp.Connectors.Straight = Straight; + _ju.extend(Straight, _jp.Connectors.AbstractConnector); + +}).call(typeof window !== 'undefined' ? window : this); +/* + * This file contains the SVG renderers. + * + * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) + * + * https://jsplumbtoolkit.com + * https://github.com/jsplumb/jsplumb + * + * Dual licensed under the MIT and GPL2 licenses. + */ +; +(function () { + +// ************************** SVG utility methods ******************************************** + + "use strict"; + var root = this, _jp = root.jsPlumb, _ju = root.jsPlumbUtil; + + var svgAttributeMap = { + "stroke-linejoin": "stroke-linejoin", + "stroke-dashoffset": "stroke-dashoffset", + "stroke-linecap": "stroke-linecap" + }, + STROKE_DASHARRAY = "stroke-dasharray", + DASHSTYLE = "dashstyle", + LINEAR_GRADIENT = "linearGradient", + RADIAL_GRADIENT = "radialGradient", + DEFS = "defs", + FILL = "fill", + STOP = "stop", + STROKE = "stroke", + STROKE_WIDTH = "stroke-width", + STYLE = "style", + NONE = "none", + JSPLUMB_GRADIENT = "jsplumb_gradient_", + LINE_WIDTH = "strokeWidth", + ns = { + svg: "http://www.w3.org/2000/svg" + }, + _attr = function (node, attributes) { + for (var i in attributes) { + node.setAttribute(i, "" + attributes[i]); + } + }, + _node = function (name, attributes) { + attributes = attributes || {}; + attributes.version = "1.1"; + attributes.xmlns = ns.svg; + return _jp.createElementNS(ns.svg, name, null, null, attributes); + }, + _pos = function (d) { + return "position:absolute;left:" + d[0] + "px;top:" + d[1] + "px"; + }, + _clearGradient = function (parent) { + var els = parent.querySelectorAll(" defs,linearGradient,radialGradient"); + for (var i = 0; i < els.length; i++) { + els[i].parentNode.removeChild(els[i]); + } + }, + _updateGradient = function (parent, node, style, dimensions, uiComponent) { + var id = JSPLUMB_GRADIENT + uiComponent._jsPlumb.instance.idstamp(); + // first clear out any existing gradient + _clearGradient(parent); + // this checks for an 'offset' property in the gradient, and in the absence of it, assumes + // we want a linear gradient. if it's there, we create a radial gradient. + // it is possible that a more explicit means of defining the gradient type would be + // better. relying on 'offset' means that we can never have a radial gradient that uses + // some default offset, for instance. + // issue 244 suggested the 'gradientUnits' attribute; without this, straight/flowchart connectors with gradients would + // not show gradients when the line was perfectly horizontal or vertical. + var g; + if (!style.gradient.offset) { + g = _node(LINEAR_GRADIENT, {id: id, gradientUnits: "userSpaceOnUse"}); + } + else { + g = _node(RADIAL_GRADIENT, { id: id }); + } + + var defs = _node(DEFS); + parent.appendChild(defs); + defs.appendChild(g); + + // the svg radial gradient seems to treat stops in the reverse + // order to how canvas does it. so we want to keep all the maths the same, but + // iterate the actual style declarations in reverse order, if the x indexes are not in order. + for (var i = 0; i < style.gradient.stops.length; i++) { + var styleToUse = uiComponent.segment === 1 || uiComponent.segment === 2 ? i : style.gradient.stops.length - 1 - i, + stopColor = style.gradient.stops[styleToUse][1], + s = _node(STOP, {"offset": Math.floor(style.gradient.stops[i][0] * 100) + "%", "stop-color": stopColor}); + + g.appendChild(s); + } + var applyGradientTo = style.stroke ? STROKE : FILL; + node.setAttribute(applyGradientTo, "url(#" + id + ")"); + }, + _applyStyles = function (parent, node, style, dimensions, uiComponent) { + + node.setAttribute(FILL, style.fill ? style.fill : NONE); + node.setAttribute(STROKE, style.stroke ? style.stroke : NONE); + + if (style.gradient) { + _updateGradient(parent, node, style, dimensions, uiComponent); + } + else { + // make sure we clear any existing gradient + _clearGradient(parent); + node.setAttribute(STYLE, ""); + } + + if (style.strokeWidth) { + node.setAttribute(STROKE_WIDTH, style.strokeWidth); + } + + // in SVG there is a stroke-dasharray attribute we can set, and its syntax looks like + // the syntax in VML but is actually kind of nasty: values are given in the pixel + // coordinate space, whereas in VML they are multiples of the width of the stroked + // line, which makes a lot more sense. for that reason, jsPlumb is supporting both + // the native svg 'stroke-dasharray' attribute, and also the 'dashstyle' concept from + // VML, which will be the preferred method. the code below this converts a dashstyle + // attribute given in terms of stroke width into a pixel representation, by using the + // stroke's lineWidth. + if (style[DASHSTYLE] && style[LINE_WIDTH] && !style[STROKE_DASHARRAY]) { + var sep = style[DASHSTYLE].indexOf(",") === -1 ? " " : ",", + parts = style[DASHSTYLE].split(sep), + styleToUse = ""; + parts.forEach(function (p) { + styleToUse += (Math.floor(p * style.strokeWidth) + sep); + }); + node.setAttribute(STROKE_DASHARRAY, styleToUse); + } + else if (style[STROKE_DASHARRAY]) { + node.setAttribute(STROKE_DASHARRAY, style[STROKE_DASHARRAY]); + } + + // extra attributes such as join type, dash offset. + for (var i in svgAttributeMap) { + if (style[i]) { + node.setAttribute(svgAttributeMap[i], style[i]); + } + } + }, + _appendAtIndex = function (svg, path, idx) { + if (svg.childNodes.length > idx) { + svg.insertBefore(path, svg.childNodes[idx]); + } + else { + svg.appendChild(path); + } + }; + + /** + utility methods for other objects to use. + */ + _ju.svg = { + node: _node, + attr: _attr, + pos: _pos + }; + + // ************************** / SVG utility methods ******************************************** + + /* + * Base class for SVG components. + */ + var SvgComponent = function (params) { + var pointerEventsSpec = params.pointerEventsSpec || "all", renderer = {}; + + _jp.jsPlumbUIComponent.apply(this, params.originalArgs); + this.canvas = null; + this.path = null; + this.svg = null; + this.bgCanvas = null; + + var clazz = params.cssClass + " " + (params.originalArgs[0].cssClass || ""), + svgParams = { + "style": "", + "width": 0, + "height": 0, + "pointer-events": pointerEventsSpec, + "position": "absolute" + }; + + this.svg = _node("svg", svgParams); + + if (params.useDivWrapper) { + this.canvas = _jp.createElement("div", { position : "absolute" }); + _ju.sizeElement(this.canvas, 0, 0, 1, 1); + this.canvas.className = clazz; + } + else { + _attr(this.svg, { "class": clazz }); + this.canvas = this.svg; + } + + params._jsPlumb.appendElement(this.canvas, params.originalArgs[0].parent); + if (params.useDivWrapper) { + this.canvas.appendChild(this.svg); + } + + var displayElements = [ this.canvas ]; + this.getDisplayElements = function () { + return displayElements; + }; + + this.appendDisplayElement = function (el) { + displayElements.push(el); + }; + + this.paint = function (style, anchor, extents) { + if (style != null) { + + var xy = [ this.x, this.y ], wh = [ this.w, this.h ], p; + if (extents != null) { + if (extents.xmin < 0) { + xy[0] += extents.xmin; + } + if (extents.ymin < 0) { + xy[1] += extents.ymin; + } + wh[0] = extents.xmax + ((extents.xmin < 0) ? -extents.xmin : 0); + wh[1] = extents.ymax + ((extents.ymin < 0) ? -extents.ymin : 0); + } + + if (params.useDivWrapper) { + _ju.sizeElement(this.canvas, xy[0], xy[1], wh[0], wh[1]); + xy[0] = 0; + xy[1] = 0; + p = _pos([ 0, 0 ]); + } + else { + p = _pos([ xy[0], xy[1] ]); + } + + renderer.paint.apply(this, arguments); + + _attr(this.svg, { + "style": p, + "width": wh[0] || 0, + "height": wh[1] || 0 + }); + } + }; + + return { + renderer: renderer + }; + }; + + _ju.extend(SvgComponent, _jp.jsPlumbUIComponent, { + cleanup: function (force) { + if (force || this.typeId == null) { + if (this.canvas) { + this.canvas._jsPlumb = null; + } + if (this.svg) { + this.svg._jsPlumb = null; + } + if (this.bgCanvas) { + this.bgCanvas._jsPlumb = null; + } + + if (this.canvas && this.canvas.parentNode) { + this.canvas.parentNode.removeChild(this.canvas); + } + if (this.bgCanvas && this.bgCanvas.parentNode) { + this.canvas.parentNode.removeChild(this.canvas); + } + + this.svg = null; + this.canvas = null; + this.path = null; + this.group = null; + } + else { + // if not a forced cleanup, just detach from DOM for now. + if (this.canvas && this.canvas.parentNode) { + this.canvas.parentNode.removeChild(this.canvas); + } + if (this.bgCanvas && this.bgCanvas.parentNode) { + this.bgCanvas.parentNode.removeChild(this.bgCanvas); + } + } + }, + reattach:function(instance) { + var c = instance.getContainer(); + if (this.canvas && this.canvas.parentNode == null) { + c.appendChild(this.canvas); + } + if (this.bgCanvas && this.bgCanvas.parentNode == null) { + c.appendChild(this.bgCanvas); + } + }, + setVisible: function (v) { + if (this.canvas) { + this.canvas.style.display = v ? "block" : "none"; + } + } + }); + + /* + * Base class for SVG connectors. + */ + _jp.ConnectorRenderers.svg = function (params) { + var self = this, + _super = SvgComponent.apply(this, [ + { + cssClass: params._jsPlumb.connectorClass, + originalArgs: arguments, + pointerEventsSpec: "none", + _jsPlumb: params._jsPlumb + } + ]); + + _super.renderer.paint = function (style, anchor, extents) { + + var segments = self.getSegments(), p = "", offset = [0, 0]; + if (extents.xmin < 0) { + offset[0] = -extents.xmin; + } + if (extents.ymin < 0) { + offset[1] = -extents.ymin; + } + + if (segments.length > 0) { + + p = self.getPathData(); + + var a = { + d: p, + transform: "translate(" + offset[0] + "," + offset[1] + ")", + "pointer-events": params["pointer-events"] || "visibleStroke" + }, + outlineStyle = null, + d = [self.x, self.y, self.w, self.h]; + + // outline style. actually means drawing an svg object underneath the main one. + if (style.outlineStroke) { + var outlineWidth = style.outlineWidth || 1, + outlineStrokeWidth = style.strokeWidth + (2 * outlineWidth); + outlineStyle = _jp.extend({}, style); + delete outlineStyle.gradient; + outlineStyle.stroke = style.outlineStroke; + outlineStyle.strokeWidth = outlineStrokeWidth; + + if (self.bgPath == null) { + self.bgPath = _node("path", a); + _jp.addClass(self.bgPath, _jp.connectorOutlineClass); + _appendAtIndex(self.svg, self.bgPath, 0); + } + else { + _attr(self.bgPath, a); + } + + _applyStyles(self.svg, self.bgPath, outlineStyle, d, self); + } + + if (self.path == null) { + self.path = _node("path", a); + _appendAtIndex(self.svg, self.path, style.outlineStroke ? 1 : 0); + } + else { + _attr(self.path, a); + } + + _applyStyles(self.svg, self.path, style, d, self); + } + }; + }; + _ju.extend(_jp.ConnectorRenderers.svg, SvgComponent); + +// ******************************* svg segment renderer ***************************************************** + + +// ******************************* /svg segments ***************************************************** + + /* + * Base class for SVG endpoints. + */ + var SvgEndpoint = _jp.SvgEndpoint = function (params) { + var _super = SvgComponent.apply(this, [ + { + cssClass: params._jsPlumb.endpointClass, + originalArgs: arguments, + pointerEventsSpec: "all", + useDivWrapper: true, + _jsPlumb: params._jsPlumb + } + ]); + + _super.renderer.paint = function (style) { + var s = _jp.extend({}, style); + if (s.outlineStroke) { + s.stroke = s.outlineStroke; + } + + if (this.node == null) { + this.node = this.makeNode(s); + this.svg.appendChild(this.node); + } + else if (this.updateNode != null) { + this.updateNode(this.node); + } + _applyStyles(this.svg, this.node, s, [ this.x, this.y, this.w, this.h ], this); + _pos(this.node, [ this.x, this.y ]); + }.bind(this); + + }; + _ju.extend(SvgEndpoint, SvgComponent); + + /* + * SVG Dot Endpoint + */ + _jp.Endpoints.svg.Dot = function () { + _jp.Endpoints.Dot.apply(this, arguments); + SvgEndpoint.apply(this, arguments); + this.makeNode = function (style) { + return _node("circle", { + "cx": this.w / 2, + "cy": this.h / 2, + "r": this.radius + }); + }; + this.updateNode = function (node) { + _attr(node, { + "cx": this.w / 2, + "cy": this.h / 2, + "r": this.radius + }); + }; + }; + _ju.extend(_jp.Endpoints.svg.Dot, [_jp.Endpoints.Dot, SvgEndpoint]); + + /* + * SVG Rectangle Endpoint + */ + _jp.Endpoints.svg.Rectangle = function () { + _jp.Endpoints.Rectangle.apply(this, arguments); + SvgEndpoint.apply(this, arguments); + this.makeNode = function (style) { + return _node("rect", { + "width": this.w, + "height": this.h + }); + }; + this.updateNode = function (node) { + _attr(node, { + "width": this.w, + "height": this.h + }); + }; + }; + _ju.extend(_jp.Endpoints.svg.Rectangle, [_jp.Endpoints.Rectangle, SvgEndpoint]); + + /* + * SVG Image Endpoint is the default image endpoint. + */ + _jp.Endpoints.svg.Image = _jp.Endpoints.Image; + /* + * Blank endpoint in svg renderer is the default Blank endpoint. + */ + _jp.Endpoints.svg.Blank = _jp.Endpoints.Blank; + /* + * Label overlay in svg renderer is the default Label overlay. + */ + _jp.Overlays.svg.Label = _jp.Overlays.Label; + /* + * Custom overlay in svg renderer is the default Custom overlay. + */ + _jp.Overlays.svg.Custom = _jp.Overlays.Custom; + + var AbstractSvgArrowOverlay = function (superclass, originalArgs) { + superclass.apply(this, originalArgs); + _jp.jsPlumbUIComponent.apply(this, originalArgs); + this.isAppendedAtTopLevel = false; + var self = this; + this.path = null; + this.paint = function (params, containerExtents) { + // only draws on connections, not endpoints. + if (params.component.svg && containerExtents) { + if (this.path == null) { + this.path = _node("path", { + "pointer-events": "all" + }); + params.component.svg.appendChild(this.path); + if (this.elementCreated) { + this.elementCreated(this.path, params.component); + } + + this.canvas = params.component.svg; // for the sake of completeness; this behaves the same as other overlays + } + var clazz = originalArgs && (originalArgs.length === 1) ? (originalArgs[0].cssClass || "") : "", + offset = [0, 0]; + + if (containerExtents.xmin < 0) { + offset[0] = -containerExtents.xmin; + } + if (containerExtents.ymin < 0) { + offset[1] = -containerExtents.ymin; + } + + _attr(this.path, { + "d": makePath(params.d), + "class": clazz, + stroke: params.stroke ? params.stroke : null, + fill: params.fill ? params.fill : null, + transform: "translate(" + offset[0] + "," + offset[1] + ")" + }); + } + }; + var makePath = function (d) { + return (isNaN(d.cxy.x) || isNaN(d.cxy.y)) ? "" : "M" + d.hxy.x + "," + d.hxy.y + + " L" + d.tail[0].x + "," + d.tail[0].y + + " L" + d.cxy.x + "," + d.cxy.y + + " L" + d.tail[1].x + "," + d.tail[1].y + + " L" + d.hxy.x + "," + d.hxy.y; + }; + this.transfer = function(target) { + if (target.canvas && this.path && this.path.parentNode) { + this.path.parentNode.removeChild(this.path); + target.canvas.appendChild(this.path); + } + }; + }; + _ju.extend(AbstractSvgArrowOverlay, [_jp.jsPlumbUIComponent, _jp.Overlays.AbstractOverlay], { + cleanup: function (force) { + if (this.path != null) { + if (force) { + this._jsPlumb.instance.removeElement(this.path); + } + else { + if (this.path.parentNode) { + this.path.parentNode.removeChild(this.path); + } + } + } + }, + reattach:function(instance, component) { + if (this.path && component.canvas) { + component.canvas.appendChild(this.path); + } + }, + setVisible: function (v) { + if (this.path != null) { + (this.path.style.display = (v ? "block" : "none")); + } + } + }); + + _jp.Overlays.svg.Arrow = function () { + AbstractSvgArrowOverlay.apply(this, [_jp.Overlays.Arrow, arguments]); + }; + _ju.extend(_jp.Overlays.svg.Arrow, [ _jp.Overlays.Arrow, AbstractSvgArrowOverlay ]); + + _jp.Overlays.svg.PlainArrow = function () { + AbstractSvgArrowOverlay.apply(this, [_jp.Overlays.PlainArrow, arguments]); + }; + _ju.extend(_jp.Overlays.svg.PlainArrow, [ _jp.Overlays.PlainArrow, AbstractSvgArrowOverlay ]); + + _jp.Overlays.svg.Diamond = function () { + AbstractSvgArrowOverlay.apply(this, [_jp.Overlays.Diamond, arguments]); + }; + _ju.extend(_jp.Overlays.svg.Diamond, [ _jp.Overlays.Diamond, AbstractSvgArrowOverlay ]); + + // a test + _jp.Overlays.svg.GuideLines = function () { + var path = null, self = this, p1_1, p1_2; + _jp.Overlays.GuideLines.apply(this, arguments); + this.paint = function (params, containerExtents) { + if (path == null) { + path = _node("path"); + params.connector.svg.appendChild(path); + self.attachListeners(path, params.connector); + self.attachListeners(path, self); + + p1_1 = _node("path"); + params.connector.svg.appendChild(p1_1); + self.attachListeners(p1_1, params.connector); + self.attachListeners(p1_1, self); + + p1_2 = _node("path"); + params.connector.svg.appendChild(p1_2); + self.attachListeners(p1_2, params.connector); + self.attachListeners(p1_2, self); + } + + var offset = [0, 0]; + if (containerExtents.xmin < 0) { + offset[0] = -containerExtents.xmin; + } + if (containerExtents.ymin < 0) { + offset[1] = -containerExtents.ymin; + } + + _attr(path, { + "d": makePath(params.head, params.tail), + stroke: "red", + fill: null, + transform: "translate(" + offset[0] + "," + offset[1] + ")" + }); + + _attr(p1_1, { + "d": makePath(params.tailLine[0], params.tailLine[1]), + stroke: "blue", + fill: null, + transform: "translate(" + offset[0] + "," + offset[1] + ")" + }); + + _attr(p1_2, { + "d": makePath(params.headLine[0], params.headLine[1]), + stroke: "green", + fill: null, + transform: "translate(" + offset[0] + "," + offset[1] + ")" + }); + }; + + var makePath = function (d1, d2) { + return "M " + d1.x + "," + d1.y + + " L" + d2.x + "," + d2.y; + }; + }; + _ju.extend(_jp.Overlays.svg.GuideLines, _jp.Overlays.GuideLines); +}).call(typeof window !== 'undefined' ? window : this); + +/* + * This file contains code used when jsPlumb is being rendered in a DOM. + * + * Copyright (c) 2010 - 2019 jsPlumb (hello@jsplumbtoolkit.com) + * + * https://jsplumbtoolkit.com + * https://github.com/jsplumb/jsplumb + * + * Dual licensed under the MIT and GPL2 licenses. + */ +; +(function () { + + "use strict"; + + var root = this, _jp = root.jsPlumb, _ju = root.jsPlumbUtil, + _jk = root.Katavorio, _jg = root.Biltong; + + var _getEventManager = function(instance) { + var e = instance._mottle; + if (!e) { + e = instance._mottle = new root.Mottle(); + } + return e; + }; + + var _getDragManager = function (instance, category) { + + category = category || "main"; + var key = "_katavorio_" + category; + var k = instance[key], + e = instance.getEventManager(); + + if (!k) { + k = new _jk({ + bind: e.on, + unbind: e.off, + getSize: _jp.getSize, + getConstrainingRectangle:function(el) { + return [ el.parentNode.scrollWidth, el.parentNode.scrollHeight ]; + }, + getPosition: function (el, relativeToRoot) { + // if this is a nested draggable then compute the offset against its own offsetParent, otherwise + // compute against the Container's origin. see also the getUIPosition method below. + var o = instance.getOffset(el, relativeToRoot, el._katavorioDrag ? el.offsetParent : null); + return [o.left, o.top]; + }, + setPosition: function (el, xy) { + el.style.left = xy[0] + "px"; + el.style.top = xy[1] + "px"; + }, + addClass: _jp.addClass, + removeClass: _jp.removeClass, + intersects: _jg.intersects, + indexOf: function(l, i) { return l.indexOf(i); }, + scope:instance.getDefaultScope(), + css: { + noSelect: instance.dragSelectClass, + droppable: "jtk-droppable", + draggable: "jtk-draggable", + drag: "jtk-drag", + selected: "jtk-drag-selected", + active: "jtk-drag-active", + hover: "jtk-drag-hover", + ghostProxy:"jtk-ghost-proxy" + } + }); + k.setZoom(instance.getZoom()); + instance[key] = k; + instance.bind("zoom", k.setZoom); + } + return k; + }; + + var _dragStart=function(params) { + var options = params.el._jsPlumbDragOptions; + var cont = true; + if (options.canDrag) { + cont = options.canDrag(); + } + if (cont) { + this.setHoverSuspended(true); + this.select({source: params.el}).addClass(this.elementDraggingClass + " " + this.sourceElementDraggingClass, true); + this.select({target: params.el}).addClass(this.elementDraggingClass + " " + this.targetElementDraggingClass, true); + this.setConnectionBeingDragged(true); + } + return cont; + }; + var _dragMove=function(params) { + var ui = this.getUIPosition(arguments, this.getZoom()); + if (ui != null) { + var o = params.el._jsPlumbDragOptions; + this.draw(params.el, ui, null, true); + if (o._dragging) { + this.addClass(params.el, "jtk-dragged"); + } + o._dragging = true; + } + }; + var _dragStop=function(params) { + var elements = params.selection, uip; + + var _one = function (_e) { + if (_e[1] != null) { + // run the reported offset through the code that takes parent containers + // into account, to adjust if necessary (issue 554) + uip = this.getUIPosition([{ + el:_e[2].el, + pos:[_e[1].left, _e[1].top] + }]); + this.draw(_e[2].el, uip); + } + + if (_e[0]._jsPlumbDragOptions != null) { + delete _e[0]._jsPlumbDragOptions._dragging; + } + + this.removeClass(_e[0], "jtk-dragged"); + this.select({source: _e[2].el}).removeClass(this.elementDraggingClass + " " + this.sourceElementDraggingClass, true); + this.select({target: _e[2].el}).removeClass(this.elementDraggingClass + " " + this.targetElementDraggingClass, true); + this.getDragManager().dragEnded(_e[2].el); + }.bind(this); + + for (var i = 0; i < elements.length; i++) { + _one(elements[i]); + } + + this.setHoverSuspended(false); + this.setConnectionBeingDragged(false); + }; + + var _animProps = function (o, p) { + var _one = function (pName) { + if (p[pName] != null) { + if (_ju.isString(p[pName])) { + var m = p[pName].match(/-=/) ? -1 : 1, + v = p[pName].substring(2); + return o[pName] + (m * v); + } + else { + return p[pName]; + } + } + else { + return o[pName]; + } + }; + return [ _one("left"), _one("top") ]; + }; + + var _genLoc = function (prefix, e) { + if (e == null) { + return [ 0, 0 ]; + } + var ts = _touches(e), t = _getTouch(ts, 0); + return [t[prefix + "X"], t[prefix + "Y"]]; + }, + _pageLocation = _genLoc.bind(this, "page"), + _screenLocation = _genLoc.bind(this, "screen"), + _clientLocation = _genLoc.bind(this, "client"), + _getTouch = function (touches, idx) { + return touches.item ? touches.item(idx) : touches[idx]; + }, + _touches = function (e) { + return e.touches && e.touches.length > 0 ? e.touches : + e.changedTouches && e.changedTouches.length > 0 ? e.changedTouches : + e.targetTouches && e.targetTouches.length > 0 ? e.targetTouches : + [ e ]; + }; + + /** + Manages dragging for some instance of jsPlumb. + + TODO instead of this being accessed directly, it should subscribe to events on the jsPlumb instance: every method + in here is called directly by jsPlumb. But what should happen is that we have unpublished events that this listens + to. The only trick is getting one of these instantiated with every jsPlumb instance: it needs to have a hook somehow. + Basically the general idea is to pull ALL the drag code out (prototype method registrations plus this) into a + dedicated drag script), that does not necessarily need to be included. + + + */ + var DragManager = function (_currentInstance) { + var _draggables = {}, _dlist = [], _delements = {}, _elementsWithEndpoints = {}, + // elementids mapped to the draggable to which they belong. + _draggablesForElements = {}; + + /** + register some element as draggable. right now the drag init stuff is done elsewhere, and it is + possible that will continue to be the case. + */ + this.register = function (el) { + var id = _currentInstance.getId(el), + parentOffset; + + if (!_draggables[id]) { + _draggables[id] = el; + _dlist.push(el); + _delements[id] = {}; + } + + // look for child elements that have endpoints and register them against this draggable. + var _oneLevel = function (p) { + if (p) { + for (var i = 0; i < p.childNodes.length; i++) { + if (p.childNodes[i].nodeType !== 3 && p.childNodes[i].nodeType !== 8) { + var cEl = jsPlumb.getElement(p.childNodes[i]), + cid = _currentInstance.getId(p.childNodes[i], null, true); + if (cid && _elementsWithEndpoints[cid] && _elementsWithEndpoints[cid] > 0) { + if (!parentOffset) { + parentOffset = _currentInstance.getOffset(el); + } + var cOff = _currentInstance.getOffset(cEl); + _delements[id][cid] = { + id: cid, + offset: { + left: cOff.left - parentOffset.left, + top: cOff.top - parentOffset.top + } + }; + _draggablesForElements[cid] = id; + } + _oneLevel(p.childNodes[i]); + } + } + } + }; + + _oneLevel(el); + }; + + // refresh the offsets for child elements of this element. + this.updateOffsets = function (elId, childOffsetOverrides) { + if (elId != null) { + childOffsetOverrides = childOffsetOverrides || {}; + var domEl = jsPlumb.getElement(elId), + id = _currentInstance.getId(domEl), + children = _delements[id], + parentOffset; + + if (children) { + for (var i in children) { + if (children.hasOwnProperty(i)) { + var cel = jsPlumb.getElement(i), + cOff = childOffsetOverrides[i] || _currentInstance.getOffset(cel); + + // do not update if we have a value already and we'd just be writing 0,0 + if (cel.offsetParent == null && _delements[id][i] != null) { + continue; + } + + if (!parentOffset) { + parentOffset = _currentInstance.getOffset(domEl); + } + + _delements[id][i] = { + id: i, + offset: { + left: cOff.left - parentOffset.left, + top: cOff.top - parentOffset.top + } + }; + _draggablesForElements[i] = id; + } + } + } + } + }; + + /** + notification that an endpoint was added to the given el. we go up from that el's parent + node, looking for a parent that has been registered as a draggable. if we find one, we add this + el to that parent's list of elements to update on drag (if it is not there already) + */ + this.endpointAdded = function (el, id) { + + id = id || _currentInstance.getId(el); + + var b = document.body, + p = el.parentNode; + + _elementsWithEndpoints[id] = _elementsWithEndpoints[id] ? _elementsWithEndpoints[id] + 1 : 1; + + while (p != null && p !== b) { + var pid = _currentInstance.getId(p, null, true); + if (pid && _draggables[pid]) { + var pLoc = _currentInstance.getOffset(p); + + if (_delements[pid][id] == null) { + var cLoc = _currentInstance.getOffset(el); + _delements[pid][id] = { + id: id, + offset: { + left: cLoc.left - pLoc.left, + top: cLoc.top - pLoc.top + } + }; + _draggablesForElements[id] = pid; + } + break; + } + p = p.parentNode; + } + }; + + this.endpointDeleted = function (endpoint) { + if (_elementsWithEndpoints[endpoint.elementId]) { + _elementsWithEndpoints[endpoint.elementId]--; + if (_elementsWithEndpoints[endpoint.elementId] <= 0) { + for (var i in _delements) { + if (_delements.hasOwnProperty(i) && _delements[i]) { + delete _delements[i][endpoint.elementId]; + delete _draggablesForElements[endpoint.elementId]; + } + } + } + } + }; + + this.changeId = function (oldId, newId) { + _delements[newId] = _delements[oldId]; + _delements[oldId] = {}; + _draggablesForElements[newId] = _draggablesForElements[oldId]; + _draggablesForElements[oldId] = null; + }; + + this.getElementsForDraggable = function (id) { + return _delements[id]; + }; + + this.elementRemoved = function (elementId) { + var elId = _draggablesForElements[elementId]; + if (elId) { + delete _delements[elId][elementId]; + delete _draggablesForElements[elementId]; + } + }; + + this.reset = function () { + _draggables = {}; + _dlist = []; + _delements = {}; + _elementsWithEndpoints = {}; + }; + + // + // notification drag ended. We check automatically if need to update some + // ancestor's offsets. + // + this.dragEnded = function (el) { + if (el.offsetParent != null) { + var id = _currentInstance.getId(el), + ancestor = _draggablesForElements[id]; + + if (ancestor) { + this.updateOffsets(ancestor); + } + } + }; + + this.setParent = function (el, elId, p, pId, currentChildLocation) { + var current = _draggablesForElements[elId]; + if (!_delements[pId]) { + _delements[pId] = {}; + } + var pLoc = _currentInstance.getOffset(p), + cLoc = currentChildLocation || _currentInstance.getOffset(el); + + if (current && _delements[current]) { + delete _delements[current][elId]; + } + + _delements[pId][elId] = { + id:elId, + offset : { + left: cLoc.left - pLoc.left, + top: cLoc.top - pLoc.top + } + }; + _draggablesForElements[elId] = pId; + }; + + this.clearParent = function(el, elId) { + var current = _draggablesForElements[elId]; + if (current) { + delete _delements[current][elId]; + delete _draggablesForElements[elId]; + } + }; + + this.revalidateParent = function(el, elId, childOffset) { + var current = _draggablesForElements[elId]; + if (current) { + var co = {}; + co[elId] = childOffset; + this.updateOffsets(current, co); + _currentInstance.revalidate(current); + } + }; + + this.getDragAncestor = function (el) { + var de = jsPlumb.getElement(el), + id = _currentInstance.getId(de), + aid = _draggablesForElements[id]; + + if (aid) { + return jsPlumb.getElement(aid); + } + else { + return null; + } + }; + + }; + + var _setClassName = function (el, cn, classList) { + cn = _ju.fastTrim(cn); + if (typeof el.className.baseVal !== "undefined") { + el.className.baseVal = cn; + } + else { + el.className = cn; + } + + // recent (i currently have 61.0.3163.100) version of chrome do not update classList when you set the base val + // of an svg element's className. in the long run we'd like to move to just using classList anyway + try { + var cl = el.classList; + if (cl != null) { + while (cl.length > 0) { + cl.remove(cl.item(0)); + } + for (var i = 0; i < classList.length; i++) { + if (classList[i]) { + cl.add(classList[i]); + } + } + } + } + catch(e) { + // not fatal + _ju.log("JSPLUMB: cannot set class list", e); + } + }, + _getClassName = function (el) { + return (typeof el.className.baseVal === "undefined") ? el.className : el.className.baseVal; + }, + _classManip = function (el, classesToAdd, classesToRemove) { + classesToAdd = classesToAdd == null ? [] : _ju.isArray(classesToAdd) ? classesToAdd : classesToAdd.split(/\s+/); + classesToRemove = classesToRemove == null ? [] : _ju.isArray(classesToRemove) ? classesToRemove : classesToRemove.split(/\s+/); + + var className = _getClassName(el), + curClasses = className.split(/\s+/); + + var _oneSet = function (add, classes) { + for (var i = 0; i < classes.length; i++) { + if (add) { + if (curClasses.indexOf(classes[i]) === -1) { + curClasses.push(classes[i]); + } + } + else { + var idx = curClasses.indexOf(classes[i]); + if (idx !== -1) { + curClasses.splice(idx, 1); + } + } + } + }; + + _oneSet(true, classesToAdd); + _oneSet(false, classesToRemove); + + _setClassName(el, curClasses.join(" "), curClasses); + }; + + root.jsPlumb.extend(root.jsPlumbInstance.prototype, { + + headless: false, + + pageLocation: _pageLocation, + screenLocation: _screenLocation, + clientLocation: _clientLocation, + + getDragManager:function() { + if (this.dragManager == null) { + this.dragManager = new DragManager(this); + } + + return this.dragManager; + }, + + recalculateOffsets:function(elId) { + this.getDragManager().updateOffsets(elId); + }, + + createElement:function(tag, style, clazz, atts) { + return this.createElementNS(null, tag, style, clazz, atts); + }, + + createElementNS:function(ns, tag, style, clazz, atts) { + var e = ns == null ? document.createElement(tag) : document.createElementNS(ns, tag); + var i; + style = style || {}; + for (i in style) { + e.style[i] = style[i]; + } + + if (clazz) { + e.className = clazz; + } + + atts = atts || {}; + for (i in atts) { + e.setAttribute(i, "" + atts[i]); + } + + return e; + }, + + getAttribute: function (el, attName) { + return el.getAttribute != null ? el.getAttribute(attName) : null; + }, + + setAttribute: function (el, a, v) { + if (el.setAttribute != null) { + el.setAttribute(a, v); + } + }, + + setAttributes: function (el, atts) { + for (var i in atts) { + if (atts.hasOwnProperty(i)) { + el.setAttribute(i, atts[i]); + } + } + }, + appendToRoot: function (node) { + document.body.appendChild(node); + }, + getRenderModes: function () { + return [ "svg" ]; + }, + getClass:_getClassName, + addClass: function (el, clazz) { + jsPlumb.each(el, function (e) { + _classManip(e, clazz); + }); + }, + hasClass: function (el, clazz) { + el = jsPlumb.getElement(el); + if (el.classList) { + return el.classList.contains(clazz); + } + else { + return _getClassName(el).indexOf(clazz) !== -1; + } + }, + removeClass: function (el, clazz) { + jsPlumb.each(el, function (e) { + _classManip(e, null, clazz); + }); + }, + toggleClass:function(el, clazz) { + if (jsPlumb.hasClass(el, clazz)) { + jsPlumb.removeClass(el, clazz); + } else { + jsPlumb.addClass(el, clazz); + } + }, + updateClasses: function (el, toAdd, toRemove) { + jsPlumb.each(el, function (e) { + _classManip(e, toAdd, toRemove); + }); + }, + setClass: function (el, clazz) { + if (clazz != null) { + jsPlumb.each(el, function (e) { + _setClassName(e, clazz, clazz.split(/\s+/)); + }); + } + }, + setPosition: function (el, p) { + el.style.left = p.left + "px"; + el.style.top = p.top + "px"; + }, + getPosition: function (el) { + var _one = function (prop) { + var v = el.style[prop]; + return v ? v.substring(0, v.length - 2) : 0; + }; + return { + left: _one("left"), + top: _one("top") + }; + }, + getStyle:function(el, prop) { + if (typeof window.getComputedStyle !== 'undefined') { + return getComputedStyle(el, null).getPropertyValue(prop); + } else { + return el.currentStyle[prop]; + } + }, + getSelector: function (ctx, spec) { + var sel = null; + if (arguments.length === 1) { + sel = ctx.nodeType != null ? ctx : document.querySelectorAll(ctx); + } + else { + sel = ctx.querySelectorAll(spec); + } + + return sel; + }, + getOffset:function(el, relativeToRoot, container) { + el = jsPlumb.getElement(el); + container = container || this.getContainer(); + var out = { + left: el.offsetLeft, + top: el.offsetTop + }, + op = (relativeToRoot || (container != null && (el !== container && el.offsetParent !== container))) ? el.offsetParent : null, + _maybeAdjustScroll = function(offsetParent) { + if (offsetParent != null && offsetParent !== document.body && (offsetParent.scrollTop > 0 || offsetParent.scrollLeft > 0)) { + out.left -= offsetParent.scrollLeft; + out.top -= offsetParent.scrollTop; + } + }.bind(this); + + while (op != null) { + out.left += op.offsetLeft; + out.top += op.offsetTop; + _maybeAdjustScroll(op); + op = relativeToRoot ? op.offsetParent : + op.offsetParent === container ? null : op.offsetParent; + } + + // if container is scrolled and the element (or its offset parent) is not absolute or fixed, adjust accordingly. + if (container != null && !relativeToRoot && (container.scrollTop > 0 || container.scrollLeft > 0)) { + var pp = el.offsetParent != null ? this.getStyle(el.offsetParent, "position") : "static", + p = this.getStyle(el, "position"); + if (p !== "absolute" && p !== "fixed" && pp !== "absolute" && pp !== "fixed") { + out.left -= container.scrollLeft; + out.top -= container.scrollTop; + } + } + return out; + }, + // + // return x+y proportion of the given element's size corresponding to the location of the given event. + // + getPositionOnElement: function (evt, el, zoom) { + var box = typeof el.getBoundingClientRect !== "undefined" ? el.getBoundingClientRect() : { left: 0, top: 0, width: 0, height: 0 }, + body = document.body, + docElem = document.documentElement, + scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop, + scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft, + clientTop = docElem.clientTop || body.clientTop || 0, + clientLeft = docElem.clientLeft || body.clientLeft || 0, + pst = 0, + psl = 0, + top = box.top + scrollTop - clientTop + (pst * zoom), + left = box.left + scrollLeft - clientLeft + (psl * zoom), + cl = jsPlumb.pageLocation(evt), + w = box.width || (el.offsetWidth * zoom), + h = box.height || (el.offsetHeight * zoom), + x = (cl[0] - left) / w, + y = (cl[1] - top) / h; + + return [ x, y ]; + }, + + /** + * Gets the absolute position of some element as read from the left/top properties in its style. + * @method getAbsolutePosition + * @param {Element} el The element to retrieve the absolute coordinates from. **Note** this is a DOM element, not a selector from the underlying library. + * @return {Number[]} [left, top] pixel values. + */ + getAbsolutePosition: function (el) { + var _one = function (s) { + var ss = el.style[s]; + if (ss) { + return parseFloat(ss.substring(0, ss.length - 2)); + } + }; + return [ _one("left"), _one("top") ]; + }, + + /** + * Sets the absolute position of some element by setting the left/top properties in its style. + * @method setAbsolutePosition + * @param {Element} el The element to set the absolute coordinates on. **Note** this is a DOM element, not a selector from the underlying library. + * @param {Number[]} xy x and y coordinates + * @param {Number[]} [animateFrom] Optional previous xy to animate from. + * @param {Object} [animateOptions] Options for the animation. + */ + setAbsolutePosition: function (el, xy, animateFrom, animateOptions) { + if (animateFrom) { + this.animate(el, { + left: "+=" + (xy[0] - animateFrom[0]), + top: "+=" + (xy[1] - animateFrom[1]) + }, animateOptions); + } + else { + el.style.left = xy[0] + "px"; + el.style.top = xy[1] + "px"; + } + }, + /** + * gets the size for the element, in an array : [ width, height ]. + */ + getSize: function (el) { + return [ el.offsetWidth, el.offsetHeight ]; + }, + getWidth: function (el) { + return el.offsetWidth; + }, + getHeight: function (el) { + return el.offsetHeight; + }, + getRenderMode : function() { return "svg"; }, + draggable : function (el, options) { + var info; + el = _ju.isArray(el) || (el.length != null && !_ju.isString(el)) ? el: [ el ]; + Array.prototype.slice.call(el).forEach(function(_el) { + info = this.info(_el); + if (info.el) { + this._initDraggableIfNecessary(info.el, true, options, info.id, true); + } + }.bind(this)); + return this; + }, + snapToGrid : function(el, x, y) { + var out = []; + var _oneEl = function(_el) { + var info = this.info(_el); + if (info.el != null && info.el._katavorioDrag) { + var snapped = info.el._katavorioDrag.snap(x, y); + this.revalidate(info.el); + out.push([info.el, snapped]); + } + }.bind(this); + + // if you call this method with 0 arguments or 2 arguments it is assumed you want to snap all managed elements to + // a grid. if you supply one argument or 3, then you are assumed to be specifying one element. + if(arguments.length === 1 || arguments.length === 3) { + _oneEl(el, x, y); + } else { + var _me = this.getManagedElements(); + for (var mel in _me) { + _oneEl(mel, arguments[0], arguments[1]); + } + } + + return out; + }, + initDraggable: function (el, options, category) { + _getDragManager(this, category).draggable(el, options); + el._jsPlumbDragOptions = options; + }, + destroyDraggable: function (el, category) { + _getDragManager(this, category).destroyDraggable(el); + delete el._jsPlumbDragOptions; + }, + unbindDraggable: function (el, evt, fn, category) { + _getDragManager(this, category).destroyDraggable(el, evt, fn); + }, + setDraggable : function (element, draggable) { + return jsPlumb.each(element, function (el) { + if (this.isDragSupported(el)) { + this._draggableStates[this.getAttribute(el, "id")] = draggable; + this.setElementDraggable(el, draggable); + } + }.bind(this)); + }, + _draggableStates : {}, + /* + * toggles the draggable state of the given element(s). + * el is either an id, or an element object, or a list of ids/element objects. + */ + toggleDraggable : function (el) { + var state; + jsPlumb.each(el, function (el) { + var elId = this.getAttribute(el, "id"); + state = this._draggableStates[elId] == null ? false : this._draggableStates[elId]; + state = !state; + this._draggableStates[elId] = state; + this.setDraggable(el, state); + return state; + }.bind(this)); + return state; + }, + _initDraggableIfNecessary : function (element, isDraggable, dragOptions, id, fireEvent) { + // TODO FIRST: move to DragManager. including as much of the decision to init dragging as possible. + if (!jsPlumb.headless) { + var _draggable = isDraggable == null ? false : isDraggable; + if (_draggable) { + if (jsPlumb.isDragSupported(element, this)) { + var options = dragOptions || this.Defaults.DragOptions; + options = jsPlumb.extend({}, options); // make a copy. + if (!jsPlumb.isAlreadyDraggable(element, this)) { + var dragEvent = jsPlumb.dragEvents.drag, + stopEvent = jsPlumb.dragEvents.stop, + startEvent = jsPlumb.dragEvents.start; + + this.manage(id, element); + + options[startEvent] = _ju.wrap(options[startEvent], _dragStart.bind(this)); + + options[dragEvent] = _ju.wrap(options[dragEvent], _dragMove.bind(this)); + + options[stopEvent] = _ju.wrap(options[stopEvent], _dragStop.bind(this)); + + var elId = this.getId(element); // need ID + + this._draggableStates[elId] = true; + var draggable = this._draggableStates[elId]; + + options.disabled = draggable == null ? false : !draggable; + this.initDraggable(element, options); + this.getDragManager().register(element); + if (fireEvent) { + this.fire("elementDraggable", {el:element, options:options}); + } + } + else { + // already draggable. attach any start, drag or stop listeners to the current Drag. + if (dragOptions.force) { + this.initDraggable(element, options); + } + } + } + } + } + }, + animationSupported:true, + getElement: function (el) { + if (el == null) { + return null; + } + // here we pluck the first entry if el was a list of entries. + // this is not my favourite thing to do, but previous versions of + // jsplumb supported jquery selectors, and it is possible a selector + // will be passed in here. + el = typeof el === "string" ? el : el.length != null && el.enctype == null ? el[0] : el; + return typeof el === "string" ? document.getElementById(el) : el; + }, + removeElement: function (element) { + _getDragManager(this).elementRemoved(element); + this.getEventManager().remove(element); + }, + // + // this adapter supports a rudimentary animation function. no easing is supported. only + // left/top properties are supported. property delta args are expected to be in the form + // + // +=x.xxxx + // + // or + // + // -=x.xxxx + // + doAnimate: function (el, properties, options) { + options = options || {}; + var o = this.getOffset(el), + ap = _animProps(o, properties), + ldist = ap[0] - o.left, + tdist = ap[1] - o.top, + d = options.duration || 250, + step = 15, steps = d / step, + linc = (step / d) * ldist, + tinc = (step / d) * tdist, + idx = 0, + _int = setInterval(function () { + _jp.setPosition(el, { + left: o.left + (linc * (idx + 1)), + top: o.top + (tinc * (idx + 1)) + }); + if (options.step != null) { + options.step(idx, Math.ceil(steps)); + } + idx++; + if (idx >= steps) { + window.clearInterval(_int); + if (options.complete != null) { + options.complete(); + } + } + }, step); + }, + // DRAG/DROP + + + destroyDroppable: function (el, category) { + _getDragManager(this, category).destroyDroppable(el); + }, + unbindDroppable: function (el, evt, fn, category) { + _getDragManager(this, category).destroyDroppable(el, evt, fn); + }, + + droppable :function(el, options) { + el = _ju.isArray(el) || (el.length != null && !_ju.isString(el)) ? el: [ el ]; + var info; + options = options || {}; + options.allowLoopback = false; + Array.prototype.slice.call(el).forEach(function(_el) { + info = this.info(_el); + if (info.el) { + this.initDroppable(info.el, options); + } + }.bind(this)); + return this; + }, + + initDroppable: function (el, options, category) { + _getDragManager(this, category).droppable(el, options); + }, + isAlreadyDraggable: function (el) { + return el._katavorioDrag != null; + }, + isDragSupported: function (el, options) { + return true; + }, + isDropSupported: function (el, options) { + return true; + }, + isElementDraggable: function (el) { + el = _jp.getElement(el); + return el._katavorioDrag && el._katavorioDrag.isEnabled(); + }, + getDragObject: function (eventArgs) { + return eventArgs[0].drag.getDragElement(); + }, + getDragScope: function (el) { + return el._katavorioDrag && el._katavorioDrag.scopes.join(" ") || ""; + }, + getDropEvent: function (args) { + return args[0].e; + }, + getUIPosition: function (eventArgs, zoom) { + // here the position reported to us by Katavorio is relative to the element's offsetParent. For top + // level nodes that is fine, but if we have a nested draggable then its offsetParent is actually + // not going to be the jsplumb container; it's going to be some child of that element. In that case + // we want to adjust the UI position to account for the offsetParent's position relative to the Container + // origin. + var el = eventArgs[0].el; + if (el.offsetParent == null) { + return null; + } + var finalPos = eventArgs[0].finalPos || eventArgs[0].pos; + var p = { left:finalPos[0], top:finalPos[1] }; + if (el._katavorioDrag && el.offsetParent !== this.getContainer()) { + var oc = this.getOffset(el.offsetParent); + p.left += oc.left; + p.top += oc.top; + } + return p; + }, + setDragFilter: function (el, filter, _exclude) { + if (el._katavorioDrag) { + el._katavorioDrag.setFilter(filter, _exclude); + } + }, + setElementDraggable: function (el, draggable) { + el = _jp.getElement(el); + if (el._katavorioDrag) { + el._katavorioDrag.setEnabled(draggable); + } + }, + setDragScope: function (el, scope) { + if (el._katavorioDrag) { + el._katavorioDrag.k.setDragScope(el, scope); + } + }, + setDropScope:function(el, scope) { + if (el._katavorioDrop && el._katavorioDrop.length > 0) { + el._katavorioDrop[0].k.setDropScope(el, scope); + } + }, + addToPosse:function(el, spec) { + var specs = Array.prototype.slice.call(arguments, 1); + var dm = _getDragManager(this); + _jp.each(el, function(_el) { + _el = [ _jp.getElement(_el) ]; + _el.push.apply(_el, specs ); + dm.addToPosse.apply(dm, _el); + }); + }, + setPosse:function(el, spec) { + var specs = Array.prototype.slice.call(arguments, 1); + var dm = _getDragManager(this); + _jp.each(el, function(_el) { + _el = [ _jp.getElement(_el) ]; + _el.push.apply(_el, specs ); + dm.setPosse.apply(dm, _el); + }); + }, + removeFromPosse:function(el, posseId) { + var specs = Array.prototype.slice.call(arguments, 1); + var dm = _getDragManager(this); + _jp.each(el, function(_el) { + _el = [ _jp.getElement(_el) ]; + _el.push.apply(_el, specs ); + dm.removeFromPosse.apply(dm, _el); + }); + }, + removeFromAllPosses:function(el) { + var dm = _getDragManager(this); + _jp.each(el, function(_el) { dm.removeFromAllPosses(_jp.getElement(_el)); }); + }, + setPosseState:function(el, posseId, state) { + var dm = _getDragManager(this); + _jp.each(el, function(_el) { dm.setPosseState(_jp.getElement(_el), posseId, state); }); + }, + dragEvents: { + 'start': 'start', 'stop': 'stop', 'drag': 'drag', 'step': 'step', + 'over': 'over', 'out': 'out', 'drop': 'drop', 'complete': 'complete', + 'beforeStart':'beforeStart' + }, + animEvents: { + 'step': "step", 'complete': 'complete' + }, + stopDrag: function (el) { + if (el._katavorioDrag) { + el._katavorioDrag.abort(); + } + }, + addToDragSelection: function (spec) { + _getDragManager(this).select(spec); + }, + removeFromDragSelection: function (spec) { + _getDragManager(this).deselect(spec); + }, + clearDragSelection: function () { + _getDragManager(this).deselectAll(); + }, + trigger: function (el, event, originalEvent, payload) { + this.getEventManager().trigger(el, event, originalEvent, payload); + }, + doReset:function() { + // look for katavorio instances and reset each one if found. + for (var key in this) { + if (key.indexOf("_katavorio_") === 0) { + this[key].reset(); + } + } + }, + getEventManager:function() { + return _getEventManager(this); + }, + on : function(el, event, callback) { + // TODO: here we would like to map the tap event if we know its + // an internal bind to a click. we have to know its internal because only + // then can we be sure that the UP event wont be consumed (tap is a synthesized + // event from a mousedown followed by a mouseup). + //event = { "click":"tap", "dblclick":"dbltap"}[event] || event; + this.getEventManager().on.apply(this, arguments); + return this; + }, + off : function(el, event, callback) { + this.getEventManager().off.apply(this, arguments); + return this; + } + + }); + + var ready = function (f) { + var _do = function () { + if (/complete|loaded|interactive/.test(document.readyState) && typeof(document.body) !== "undefined" && document.body != null) { + f(); + } + else { + setTimeout(_do, 9); + } + }; + + _do(); + }; + ready(_jp.init); + +}).call(typeof window !== 'undefined' ? window : this); diff --git a/src/components/workflow/mixins.js b/src/components/workflow/mixins.js new file mode 100644 index 0000000..37b0d58 --- /dev/null +++ b/src/components/workflow/mixins.js @@ -0,0 +1,157 @@ +export const easyFlowMixin = { + data() { + return { + jsplumbSetting: { + // 动态锚点、位置自适应 + Anchors: ['Top', 'TopCenter', 'TopRight', 'TopLeft', 'Right', 'RightMiddle', 'Bottom', 'BottomCenter', 'BottomRight', 'BottomLeft', 'Left', 'LeftMiddle'], + // 容器ID + Container: 'efContainer', + // 连线的样式，直线或者曲线等，可选值: StateMachine、Flowchart，Bezier、Straight + Connector: ['Bezier', {curviness: 100}], + // Connector: ['Straight', {stub: 20, gap: 1}], + // Connector: ['Flowchart', {stub: 30, gap: 1, alwaysRespectStubs: false, midpoint: 0.5, cornerRadius: 10}], + // Connector: ['StateMachine', {margin: 5, curviness: 10, proximityLimit: 80}], + // 鼠标不能拖动删除线 + ConnectionsDetachable: false, + // 删除线的时候节点不删除 + DeleteEndpointsOnDetach: false, + /** + * 连线的两端端点类型：圆形 + * radius: 圆的半径，越大圆越大 + */ + // Endpoint: ['Dot', {radius: 5, cssClass: 'ef-dot', hoverClass: 'ef-dot-hover'}], + /** + * 连线的两端端点类型：矩形 + * height: 矩形的高 + * width: 矩形的宽 + */ + // Endpoint: ['Rectangle', {height: 20, width: 20, cssClass: 'ef-rectangle', hoverClass: 'ef-rectangle-hover'}], + /** + * 图像端点 + */ + // Endpoint: ['Image', {src: 'https://www.easyicon.net/api/resizeApi.php?id=1181776&size=32', cssClass: 'ef-img', hoverClass: 'ef-img-hover'}], + /** + * 空白端点 + */ + Endpoint: ['Blank', {Overlays: ''}], + // Endpoints: [['Dot', {radius: 5, cssClass: 'ef-dot', hoverClass: 'ef-dot-hover'}], ['Rectangle', {height: 20, width: 20, cssClass: 'ef-rectangle', hoverClass: 'ef-rectangle-hover'}]], + /** + * 连线的两端端点样式 + * fill: 颜色值，如：#12aabb，为空不显示 + * outlineWidth: 外边线宽度 + */ + EndpointStyle: {fill: '#1879ffa1', outlineWidth: 1}, + // 是否打开jsPlumb的内部日志记录 + LogEnabled: true, + /** + * 连线的样式 + */ + PaintStyle: { + // 线的颜色 + stroke: '#E0E3E7', + // 线的粗细，值越大线越粗 + strokeWidth: 1, + // 设置外边线的颜色，默认设置透明，这样别人就看不见了，点击线的时候可以不用精确点击，参考 https://blog.csdn.net/roymno2/article/details/72717101 + outlineStroke: 'transparent', + // 线外边的宽，值越大，线的点击范围越大 + outlineWidth: 10 + }, + DragOptions: {cursor: 'pointer', zIndex: 2000}, + /** + * 叠加 参考： https://www.jianshu.com/p/d9e9918fd928 + */ + Overlays: [ + // 箭头叠加 + ['Arrow', { + width: 10, // 箭头尾部的宽度 + length: 8, // 从箭头的尾部到头部的距离 + location: 1, // 位置，建议使用0～1之间 + direction: 1, // 方向，默认值为1（表示向前），可选-1（表示向后） + foldback: 0.623 // 折回，也就是尾翼的角度，默认0.623，当为1时，为正三角 + }], + // ['Diamond', { + // events: { + // dblclick: function (diamondOverlay, originalEvent) { + // console.log('double click on diamond overlay for : ' + diamondOverlay.component) + // } + // } + // }], + ['Label', { + label: '', + location: 0.1, + cssClass: 'aLabel' + }] + ], + // 绘制图的模式 svg、canvas + RenderMode: 'svg', + // 鼠标滑过线的样式 + HoverPaintStyle: {stroke: '#b0b2b5', strokeWidth: 1}, + // 滑过锚点效果 + // EndpointHoverStyle: {fill: 'red'} + Scope: 'jsPlumb_DefaultScope' // 范围，具有相同scope的点才可连接 + }, + /** + * 连线参数 + */ + jsplumbConnectOptions: { + isSource: true, + isTarget: true, + // 动态锚点、提供了4个方向 Continuous、AutoDefault + anchor: 'Continuous', + // 设置连线上面的label样式 + labelStyle: { + cssClass: 'flowLabel' + }, + // 修改了jsplumb 源码，支持label 为空传入自定义style + emptyLabelStyle: { + cssClass: 'emptyFlowLabel' + } + }, + /** + * 源点配置参数 + */ + jsplumbSourceOptions: { + // 设置可以拖拽的类名，只要鼠标移动到该类名上的DOM，就可以拖拽连线 + filter: '.flow-node-drag', + filterExclude: false, + anchor: 'Continuous', + // 是否允许自己连接自己 + allowLoopback: true, + maxConnections: -1, + onMaxConnections: function (info, e) { + console.log(`超过了最大值连线: ${info.maxConnections}`) + } + }, + // 参考 https://www.cnblogs.com/mq0036/p/7942139.html + jsplumbSourceOptions2: { + // 设置可以拖拽的类名，只要鼠标移动到该类名上的DOM，就可以拖拽连线 + filter: '.flow-node-drag', + filterExclude: false, + // anchor: 'Continuous', + // 是否允许自己连接自己 + allowLoopback: true, + connector: ['Flowchart', {curviness: 50}], + connectorStyle: { + // 线的颜色 + stroke: 'red', + // 线的粗细，值越大线越粗 + strokeWidth: 1, + // 设置外边线的颜色，默认设置透明，这样别人就看不见了，点击线的时候可以不用精确点击，参考 https://blog.csdn.net/roymno2/article/details/72717101 + outlineStroke: 'transparent', + // 线外边的宽，值越大，线的点击范围越大 + outlineWidth: 10 + }, + connectorHoverStyle: {stroke: 'red', strokeWidth: 2} + }, + jsplumbTargetOptions: { + // 设置可以拖拽的类名，只要鼠标移动到该类名上的DOM，就可以拖拽连线 + filter: '.flow-node-drag', + filterExclude: false, + // 是否允许自己连接自己 + anchor: 'Continuous', + allowLoopback: true, + dropOptions: {hoverClass: 'ef-drop-hover'} + } + } + } +} diff --git a/src/components/workflow/node.vue b/src/components/workflow/node.vue new file mode 100644 index 0000000..d5a417a --- /dev/null +++ b/src/components/workflow/node.vue @@ -0,0 +1,94 @@ + +
+
+
+
+
+
+
+
+
diff --git a/src/components/workflow/node_filter.vue b/src/components/workflow/node_filter.vue
new file mode 100644
index 0000000..9f4f965
--- /dev/null
+++ b/src/components/workflow/node_filter.vue
@@ -0,0 +1,198 @@
+
+
+
+
+
+
+ {{ node.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/workflow/node_form.vue b/src/components/workflow/node_form.vue
new file mode 100644
index 0000000..7544418
--- /dev/null
+++ b/src/components/workflow/node_form.vue
@@ -0,0 +1,340 @@
+
+
+
+
+
+
+ | 字段 | +条件 | +值 | +操作 | +
|
+
+ |
+ + |
+
+
+
+
+
+
diff --git a/src/components/workflow/node_menu.vue b/src/components/workflow/node_menu.vue
new file mode 100644
index 0000000..b76fa81
--- /dev/null
+++ b/src/components/workflow/node_menu.vue
@@ -0,0 +1,126 @@
+
+
+
+
diff --git a/src/components/workflow/panel.vue b/src/components/workflow/panel.vue
new file mode 100644
index 0000000..415b144
--- /dev/null
+++ b/src/components/workflow/panel.vue
@@ -0,0 +1,594 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/workflow/utils.js b/src/components/workflow/utils.js
new file mode 100644
index 0000000..2874a41
--- /dev/null
+++ b/src/components/workflow/utils.js
@@ -0,0 +1,29 @@
+// 是否具有该线
+export function hasLine(data, from, to) {
+ for (let i = 0; i < data.lineList.length; i++) {
+ let line = data.lineList[i]
+ if (line.from === from && line.to === to) {
+ return true
+ }
+ }
+ return false
+}
+
+// 是否含有相反的线
+export function hashOppositeLine(data, from, to) {
+ return hasLine(data, to, from)
+}
+
+// 获取连线
+export function getConnector(jsp, from, to) {
+ let connection = jsp.getConnections({
+ source: from,
+ target: to
+ })[0]
+ return connection
+}
+
+// 获取唯一标识
+export function uuid() {
+ return Math.random().toString(36).substr(3, 10)
+}
diff --git a/src/extension/bi/bimanage/Bi_db_dim.js b/src/extension/bi/bimanage/Bi_db_dim.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/bi/bimanage/Bi_db_dim.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/bi/bimanage/Bi_db_set.js b/src/extension/bi/bimanage/Bi_db_set.js
new file mode 100644
index 0000000..27217a2
--- /dev/null
+++ b/src/extension/bi/bimanage/Bi_db_set.js
@@ -0,0 +1,88 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.buttons.splice(3,0,{ //也可以用push或者splice方法来修改buttons数组
+ name: '设计', //按钮名称
+ icon: 'el-icon-s-data', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ type: 'warning', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ onClick: function () {
+ let selectRow = this.$refs.table.getSelected();
+ if (selectRow.length == 0) {
+ return this.$error('请选择要设计的行!');
+ }
+ if (selectRow.length != 1) {
+ return this.$error('只能选择一行数据进行设计!');
+ }
+ window.open(this.http.ipAddress + 'BiManage/AppPage/DATABI/DSETEDIT.html?ID=' + selectRow[0].ID + "&token=" + this.$store.getters.getToken(),'_blank')
+ }
+ });
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/bi/bimanage/Bi_db_source.js b/src/extension/bi/bimanage/Bi_db_source.js
new file mode 100644
index 0000000..3db1f98
--- /dev/null
+++ b/src/extension/bi/bimanage/Bi_db_source.js
@@ -0,0 +1,123 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: {
+ view: [], box:
+ [
+ {
+ name: "连接测试",
+ icon: 'el-icon-question',
+ value: 'Edit',
+ class: '',
+ type: 'success',
+ index: 1,//显示的位置
+ onClick: function () {
+ //this.editFormFields.ID = 0;
+ var param = {
+ P1: JSON.stringify(this.editFormFields),
+ Action: "DATABI_TESTBIDBSOURCE"
+ };
+ this.http.post("/api/Bll/ExeAction", param, "正在执行....").then((resultData) => {
+ if (resultData.ErrorMsg == "" && resultData.Result == '1') {
+ this.$Message.success('连接成功');
+ }
+ else {
+ this.$Message.error(resultData.ErrorMsg);
+ }
+ });
+ }
+ }], detail: []
+ }, //扩展的按钮
+ methods: {
+ getFormOption(field) {
+ let option;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == field) {
+ option = item;
+ }
+ })
+ })
+ return option;
+ },
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ var dbType = this.getFormOption('DBType');
+ this.boxOptions.labelWidth = 120;
+ dbType.onChange = (val, item) => {
+ if (val == "MYSQL") {
+ this.editFormFields["Port"] = 3306;
+ }
+ else {
+ this.editFormFields["Port"] = 1433;
+ }
+ };
+
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ this.boxOptions.height = 500;
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/bi/bimanage/Bi_db_ybp.js b/src/extension/bi/bimanage/Bi_db_ybp.js
new file mode 100644
index 0000000..c7d9c72
--- /dev/null
+++ b/src/extension/bi/bimanage/Bi_db_ybp.js
@@ -0,0 +1,103 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.buttons.splice(3,0,{ //也可以用push或者splice方法来修改buttons数组
+ name: '设计', //按钮名称
+ icon: 'el-icon-s-data', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ type: 'success', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ onClick: function () {
+ let selectRow = this.$refs.table.getSelected();
+ if (selectRow.length == 0) {
+ return this.$error('请选择要设计的行!');
+ }
+ if (selectRow.length != 1) {
+ return this.$error('只能选择一行数据进行设计!');
+ }
+ window.open(this.http.ipAddress + 'BiManage/AppPage/DATABI/YBPBuild.html?id=' + selectRow[0].ID + "&token=" + this.$store.getters.getToken(),'_blank')
+ }
+ });
+ this.buttons.splice(4,0,{ //也可以用push或者splice方法来修改buttons数组
+ name: '预览', //按钮名称
+ icon: 'el-icon-s-data', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ type: 'warning', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ onClick: function () {
+ let selectRow = this.$refs.table.getSelected();
+ if (selectRow.length == 0) {
+ return this.$error('请选择要预览的行!');
+ }
+ if (selectRow.length != 1) {
+ return this.$error('只能选择一行数据进行预览!');
+ }
+ window.open(this.http.ipAddress + 'BiManage/AppPage/DATABI/YBPVIEW.html?ID=' + selectRow[0].ID + "&token=" + this.$store.getters.getToken(),'_blank')
+ }
+ });
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/bi/bimanage/Bi_desktop.js b/src/extension/bi/bimanage/Bi_desktop.js
new file mode 100644
index 0000000..e3e24b5
--- /dev/null
+++ b/src/extension/bi/bimanage/Bi_desktop.js
@@ -0,0 +1,88 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ let column = this.columns.find((x) => {
+ return x.field == 'IsDefault';
+ });
+ column.edit = {
+ type: 'switch',
+ keep: true
+ };
+ //是否可用字段设置切换事件并保存到数据库
+ column.onChange = (value, row, tableData) => {
+ let url = `api/Bi_desktop/updateStatus?desktopId=${row.DesktopId}&statusFlag=${row.IsDefault}`;
+ this.http.get(url, {}, true).then((result) => {
+ this.search();
+ this.$Message.success(result);
+ });
+ };
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/calendar/calendar/Cal_Plan.js b/src/extension/calendar/calendar/Cal_Plan.js
new file mode 100644
index 0000000..5c78ef3
--- /dev/null
+++ b/src/extension/calendar/calendar/Cal_Plan.js
@@ -0,0 +1,174 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import { h, resolveComponent, defineAsyncComponent } from 'vue';
+import modelBody from "./calendar/Cal_PlanModelBody.vue"
+import modelHeader from "./calendar/Cal_PlanModelHeader.vue"
+import modelFooter from "./calendar/Cal_PlanModelFooter.vue"
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: modelHeader,
+ modelBody: modelBody,
+ modelFooter: modelFooter
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ getFormOption(field) {
+ let option;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == field) {
+ option = item;
+ }
+ })
+ })
+ return option;
+ },
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.height = 450;
+ this.height = this.height - 100;
+ //自定义弹出框的高与宽
+ this.boxOptions.height = document.body.clientHeight * 0.9;
+ this.boxOptions.width = document.body.clientWidth * 0.8;
+ var shiftType = this.getFormOption('ShiftType');
+ shiftType.onChange = (value, option) => {
+ if(value=="BB")
+ {
+ this.$refs.modelBody.$refs.table1.rowData = [
+ {PlanShiftName: "白班",StartTime: "08:00", EndTime: "18:00"}
+ ]
+ }
+ else if(value=="LBD")
+ {
+ this.$refs.modelBody.$refs.table1.rowData = [
+ {PlanShiftName: "白班",StartTime: "08:00", EndTime: "20:00"},
+ {PlanShiftName: "夜班",StartTime: "20:00", EndTime: "08:00"}
+ ]
+ }
+ else
+ {
+ this.$refs.modelBody.$refs.table1.rowData = [
+ {PlanShiftName: "白班",StartTime: "08:00", EndTime: "16:00"},
+ {PlanShiftName: "中班",StartTime: "16:00", EndTime: "24:00"},
+ {PlanShiftName: "夜班",StartTime: "00:00", EndTime: "08:00"}
+ ]
+ }
+
+ };
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ this.setFormData(formData);
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ this.setFormData(formData);
+ return true;
+ },
+ setFormData(formData) { //新建或编辑时，将从表1、2的数据提交到后台,见后台Equip_SpotMaintPlanService的新建方法
+ //后台从对象里直接取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;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ if (this.currentAction == 'Add') {
+ this.editFormFields.Status = "1"
+ }
+ this.editFormFields.ChangeShiftType = "DAY"
+ var _button = this.boxButtons.find((x) => {
+ return x.value == 'save';
+ });
+ if(this.currentAction =="update" && row.Status == "2")
+ {
+ _button.disabled= true;
+ }
+ else
+ {
+ _button.disabled= false;
+ };
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "PlanCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ if (this.currentAction =="update" && row.Status == "2" && (x.field == 'PlanName' || x.field == 'PlanCode' ||x.field == 'TeamType' ||x.field == 'Status' ||x.field == 'StartDate' ||x.field == 'EndDate' ||x.field == 'ShiftType' ||x.field == 'ChangeShiftType' ||x.field == 'Remark') ) {
+ x.readonly = true;
+ }
+ else
+ {
+ x.readonly = false;
+ }
+ if (x.field == "ChangeShiftType") {
+ x.readonly = true;
+ }
+ })
+ })
+ this.$nextTick(() => {
+ //这里没有给弹出框中的表格传参，如果需要参数可以通过 this.$emit("parentCall", 获取页面的参数
+ //具体见自定义页面Equip_SpotMaintPlanModelBody.vue中的modelOpen方法的使用 this.$emit("parentCall", ($this) => {
+ this.$refs.modelBody.modelOpen();
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/calendar/calendar/Cal_PlanShift.js b/src/extension/calendar/calendar/Cal_PlanShift.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/calendar/calendar/Cal_PlanShift.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/calendar/calendar/Cal_PlanTeam.js b/src/extension/calendar/calendar/Cal_PlanTeam.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/calendar/calendar/Cal_PlanTeam.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/calendar/calendar/Cal_Team.js b/src/extension/calendar/calendar/Cal_Team.js
new file mode 100644
index 0000000..eeef4e8
--- /dev/null
+++ b/src/extension/calendar/calendar/Cal_Team.js
@@ -0,0 +1,102 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import modelHeader from "./calendar/UserModelBody.vue"
+import gridFooter from './calendar/UserGridFooter.vue';
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: gridFooter,
+ //新建、编辑弹出框扩展组件
+ modelHeader: modelHeader,
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.single = true;
+ this.columnIndex = true;
+ //点击单元格编辑与结束编辑(默认是点击单元格编辑，鼠标离开结束编辑)
+ this.detailOptions.clickEdit = true;
+ this.tableMaxHeight = (document.body.clientHeight - 260) / 2;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ //明细表选择数据源操作
+ //获取明细表备注列，给备注列添加选择数据操作
+ this.detailOptions.buttons.unshift({
+ name: '选择用户', //按钮名称
+ icon: 'el-icon-plus', //按钮图标，参照iview图标
+ hidden: false, //是否隐藏按钮(如果想要隐藏按钮，在onInited方法中遍历buttons，设置hidden=true)
+ onClick: function () {
+ //触发事件
+ this.$refs.modelHeader.open();
+ }
+ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ this.$nextTick(() => {
+ this.$refs.gridFooter.rowClick(result[0], "wareHouse");
+ });
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ //调用Doc_Order1GridFooter.vue文件中(订单明细)的查询
+ this.$refs.gridFooter.rowClick(row);
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "TeamCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/calendar/calendar/Cal_TeamMember.js b/src/extension/calendar/calendar/Cal_TeamMember.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/calendar/calendar/Cal_TeamMember.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/calendar/calendar/Cal_TeamShift.js b/src/extension/calendar/calendar/Cal_TeamShift.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/calendar/calendar/Cal_TeamShift.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/calendar/calendar/calendar/Cal_PlanModelBody.vue b/src/extension/calendar/calendar/calendar/Cal_PlanModelBody.vue
new file mode 100644
index 0000000..bc06b43
--- /dev/null
+++ b/src/extension/calendar/calendar/calendar/Cal_PlanModelBody.vue
@@ -0,0 +1,278 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 班次
+
+
+
+
+
+
+
+
+
+
+ 班组
+
+
+
+
+
+
+
+ 删除行
+
+
+
+ 添加行
+ 删除行
+
+
+
+
+ 班组编码：
+ 搜索
+
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+ 设备编码：
+ 搜索
+
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/extension/calendar/calendar/calendar/UserModelBody.vue b/src/extension/calendar/calendar/calendar/UserModelBody.vue
new file mode 100644
index 0000000..96c02f2
--- /dev/null
+++ b/src/extension/calendar/calendar/calendar/UserModelBody.vue
@@ -0,0 +1,113 @@
+
+
+
+ 班组-成员
+
+
+ 帐号：
+ 搜索
+
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+
;
+ return (elem)
+
+ }
+ }])
+ //增加扩展字段 start
+ this.http.get("/api/Sys_Table_Extend/getTableExtendField?tableName=" + "Base_DefectItem", {}, true).then((result) => {
+ let editFormObj = [];
+ result.map(((item, index) => {
+ let fieldName = item.fieldName;
+ let fieldCode = item.fieldCode;
+ let tableEx_Id = item.tableEx_Id;
+ let fieldType = item.fieldType;
+ let dataDic = item.dataDic;
+ let data = [];
+ let isRequired = item.fieldAttr == null ? false : item.fieldAttr.includes("required");
+ let isReadyonly = item.fieldAttr == null ? false : item.fieldAttr.includes("readonly");
+ this.editFormFields[fieldCode] = "";
+ if (fieldType == "select" || fieldType == "switch" || fieldType == "checkbox" || fieldType == "selectList") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ dataKey: dataDic,
+ data: [],
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ })
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: 'string',
+ bind: { key: dataDic, data: [] },
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else if (fieldType == "img") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: fieldType,
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else if (fieldType == "textarea" || fieldType == "text" || fieldType == "number" || fieldType == "decimal" || fieldType == "phone") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: "string",
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else if (fieldType == "date" || fieldType == "datetime") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: fieldType,
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: "text"
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: "string",
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ if ((index + 1) % 2 == 0 || (index + 1) == result.length) {
+ this.editFormOptions.push(editFormObj);
+ editFormObj = [];
+ }
+ }))
+ //刷新字典数据源
+ this.initDicKeys();
+ });
+ //增加扩展字段 end
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ var that = this;
+
+ that.http.ajax({
+ url: "api/Base_DefectItem_ExtendData/getExtendDataByDefectItemID",
+ json: true,
+ success: function (data) {
+ if (data.length > 0) {
+ result.forEach(function (ele, index) {
+ var dataDefect = data.filter(item => item.DefectItem_Id == ele.DefectItem_Id);
+ dataDefect.forEach(function (dataEle, dataIndex) {
+ result[index][dataEle.FieldCode] = dataEle.FieldValue
+ })
+ })
+ }
+ },
+ type: "get",
+ async: false,
+ });
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ this.setFormData(formData);
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ this.setFormData(formData);
+ return true;
+ },
+ setFormData(formData) { //新建或编辑时，将从表1、2的数据提交到后台,见后台App_ReportPriceService的新建方法
+ //后台从对象里直接取extra的值
+ formData.extra = JSON.stringify(formData.mainData);
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "DefectItemCode") {
+ //disabled是editFormOptions的动态属性，这里只能通过this.$set修改值
+ //vue3版本改为设置：x.disabled=isEDIT
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ this.http.get("/api/Sys_Table_Extend/getTableExtendField?tableName=" + "Base_DefectItem", {}, true).then((result) => {
+ let editFormObj = [];
+ result.map(((item, index) => {
+ let fieldName = item.fieldName;
+ let fieldCode = item.fieldCode;
+ let tableEx_Id = item.tableEx_Id;
+ let fieldType = item.fieldType;
+ let dataDic = item.dataDic;
+ let fieldAttr = item.fieldAttr;
+ let guideWords = item.guideWords;
+ let defaultValue = item.defaultValue;
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == fieldCode && guideWords != "") {
+ x.placeholder = guideWords;
+ }
+ if (this.currentAction == 'Add' && x.field == fieldCode && defaultValue != "") {
+ this.editFormFields[fieldCode] = defaultValue;
+ }
+ })
+ })
+ }))
+ // //刷新字典数据源
+ // this.initDicKeys();
+ });
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_DefectItem_ExtendData.js b/src/extension/custom/custom/Base_DefectItem_ExtendData.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/custom/custom/Base_DefectItem_ExtendData.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_DesktopMenu.js b/src/extension/custom/custom/Base_DesktopMenu.js
new file mode 100644
index 0000000..59ced34
--- /dev/null
+++ b/src/extension/custom/custom/Base_DesktopMenu.js
@@ -0,0 +1,112 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import Base_DesktopMenuModelBody from './custom_extend/Base_DesktopMenuModelBody'
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: Base_DesktopMenuModelBody,
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ getFormOption(field) {
+ let option;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == field) {
+ option = item;
+ }
+ })
+ })
+ return option;
+ },
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.height = 450;
+ var menuId = this.getFormOption('MenuId');
+ menuId.onChange = (val, item) => {
+ this.http.get('api/menu/getTreeItemById?menuId=' + val, {}, true).then((result) => {
+ console.log("8888", result);
+ this.editFormFields["MenuName"] = result.MenuName;
+ this.editFormFields["MenuUrl"] = result.Url;
+ });
+ };
+ //选择背景颜色
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'Color') {
+ //给编辑表单设置[选择数据]操作,extra具体配置见mesform组件api
+ item.extra = {
+ icon: "el-icon-zoom-out",
+ text: "选择",
+ style: "color:blue;font-size: 14px;cursor: pointer;",
+ click: item => {
+ this.$refs.modelBody.open();
+ }
+ }
+ }
+ })
+ })
+ },
+ getRow(color) {
+ this.editFormFields["Color"] = color;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_ExcelTemplate.js b/src/extension/custom/custom/Base_ExcelTemplate.js
new file mode 100644
index 0000000..f756af0
--- /dev/null
+++ b/src/extension/custom/custom/Base_ExcelTemplate.js
@@ -0,0 +1,142 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import { h, resolveComponent } from 'vue';
+import gridHeader from './custom_extend/Base_ExcelTemplateGridHeader.vue'
+
+//声明vue对象
+let $this;
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: gridHeader,
+ gridBody: {
+ render() {
+ return [
+ h(resolveComponent('el-alert'), {
+ style: { 'margin-bottom': '5px' },
+ 'show-icon': true, type: 'warning',
+ closable: false, title: '先编辑导出Excel模版，之后切换默认的模版，然后在具体业务表单进行模版导出'
+ }, ''),
+ ]
+ }
+ },
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.height = 450;
+ $this = this;
+ let column = this.columns.find((x) => {
+ return x.field == 'StatusFlag';
+ });
+ column.edit = {
+ type: 'switch',
+ keep: true
+ };
+ //是否可用字段设置切换事件并保存到数据库
+ column.onChange = (value, row, tableData) => {
+ let url = `api/Base_ExcelTemplate/updateStatus?templateId=${row.ExcelTemplateId}&statusFlag=${row.StatusFlag}`;
+ this.http.get(url, {}, true).then((result) => {
+ this.search();
+ this.$Message.success(result);
+ });
+ };
+ this.buttons.splice(2, 0, ...[{
+ name: "模版编辑说明",
+ icon: 'el-icon-printer',
+ type: 'warning',
+ onClick: function () {
+ this.$refs.gridHeader.open()
+ }
+ }])
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ if (this.catalogIds) {
+ param.wheres.push({
+ name: 'CatalogId',
+ value: this.catalogIds,
+ displayType: 'selectList'
+ });
+ }
+ return true;
+ },
+ nodeClick(catalogIds, nodes, nodesList) { //左边树节点点击事件
+ //左边树节点的甩有子节点，用于查询数据
+ this.nodesList = nodesList;
+ this.catalogIds = catalogIds.join(',');
+ //左侧树选中节点的所有父节点,用于新建时设置级联的默认值
+ this.nodes = nodes;
+ if (this.nodes.length == 1) {
+ this.$Message.error("请选择最下级节点");
+ return false;
+ }
+ this.search();
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ if (this.currentAction == 'Add') {
+ //新建时设置左边树选中的节点
+ this.editFormFields.CatalogId = this.nodes;
+ }
+ if (row.isDefault == "1") {
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == "Remark") {
+ item.readonly = true;
+ }
+ })
+ })
+ }
+ else
+ {
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == "Remark") {
+ item.readonly = false;
+ }
+ })
+ })
+ }
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_Language.js b/src/extension/custom/custom/Base_Language.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/custom/custom/Base_Language.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_MaterialDetailTree.js b/src/extension/custom/custom/Base_MaterialDetailTree.js
new file mode 100644
index 0000000..86a7b15
--- /dev/null
+++ b/src/extension/custom/custom/Base_MaterialDetailTree.js
@@ -0,0 +1,135 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import Base_MaterialDetailTreeModelBody from './custom_extend/ProductModelBody'
+import extendHeader from "./custom_extend/doc_viewGirdHeader.vue"
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: extendHeader,//自定义扩展查询界面header部份
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: Base_MaterialDetailTreeModelBody,
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { //扩展的按钮
+ //查询界面的按钮
+ view: [{
+ name: "BOM批量出库",
+ icon: 'el-icon-upload2',
+ value: 'Edit',
+ class: '',
+ type: 'warning',
+ index: 1,//显示的位置
+ onClick: function () {
+ this.$refs.gridHeader.model = true;
+ // this.$message.error("扩展的明细Box按钮,可设置index值指定显示位置,可使用this.$refs拿到包括自定义扩展的所有组件");
+ }
+ }],
+ //弹出框的按钮，配置同上
+ box: [],
+ //弹出框的明细table按钮，配置同上
+ detail: []
+ },
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.single = true;
+ this.columnIndex = true;
+ //设置主键字段
+ this.rowKey = 'MaterialDetailTree_Id';
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'ProductName') {
+ //给编辑表单设置[选择数据]操作,extra具体配置见mesform组件api
+ item.extra = {
+ icon: "el-icon-zoom-out",
+ text: "高级选择",
+ style: "color:blue;font-size: 14px;cursor: pointer;",
+ click: item => {
+ this.$refs.modelBody.open();
+ }
+ }
+ }
+ })
+ })
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ loadTreeChildren(tree, treeNode, resolve) {
+ //加载子节点
+ let url = `api/Base_MaterialDetailTree/getChildrenData?materialDetailTreeId=${tree.MaterialDetailTree_Id}`;
+ this.http.post(url, {}).then((result) => {
+ resolve(result.rows);
+ });
+ },
+ searchBefore(params) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ if (params.wheres.length == 0) {
+ params.value = 1;
+ }
+ return true;
+ },
+ getRow(rows) {
+ //将选择的数据合并到表单中(注意框架生成的代码都是大写，后台自己写的接口是小写的)
+ this.editFormFields.ProductName = rows[0].ProductName;
+ this.editFormFields.ProductCode = rows[0].ProductCode;
+ this.editFormFields.ProductStandard = rows[0].ProductStandard;
+ this.editFormFields.Unit_Id = rows[0].Unit_Id;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == 'ProductName' || x.field == 'ProductCode'|| x.field == 'ProductStandard'||x.field == 'Unit_Id') {
+ x.readonly = true;
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_MaterialDetail_ExtendData.js b/src/extension/custom/custom/Base_MaterialDetail_ExtendData.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/custom/custom/Base_MaterialDetail_ExtendData.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_MeritPay.js b/src/extension/custom/custom/Base_MeritPay.js
new file mode 100644
index 0000000..e05b783
--- /dev/null
+++ b/src/extension/custom/custom/Base_MeritPay.js
@@ -0,0 +1,295 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ getFormOption(field) {
+ let option;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == field) {
+ option = item;
+ }
+ })
+ })
+ return option;
+ },
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ this.boxOptions.labelWidth = 120;
+ this.boxOptions.height = 470;
+ var standardNumber = this.getFormOption('StandardNumber');
+ var standardHour = this.getFormOption('StandardHour');
+ var standardMin = this.getFormOption('StandardMin');
+ var standardSec = this.getFormOption('StandardSec');
+ standardNumber.extra = {
+ text: "/",//显示文本
+ style: "margin-right:10px;",//指定样式
+ }
+ standardHour.extra = {
+ text: "小时",//显示文本
+ style: "margin-right:10px;",//指定样式
+ }
+ standardMin.extra = {
+ text: "分钟",//显示文本
+ style: "margin-right:10px;",//指定样式
+ }
+ standardSec.extra = {
+ text: "秒",//显示文本
+ style: "margin-right:10px;",//指定样式
+ }
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.columns.forEach(x => {
+ if (x.field == 'StandardHour') {
+ x.title = "标准工时(小时)"
+ }
+ if (x.field == 'StandardMin') {
+ x.title = "标准工时(分钟)"
+ }
+ if (x.field == 'StandardSec') {
+ x.title = "标准工时(秒)"
+ }
+ if (x.field == "StandardNumber") {
+ x.title = "标准产出"
+ }
+ });
+ this.editFormOptions.splice(this.editFormOptions.length, 0, [{
+ colSize: 12,
+ render: (h) => {
+ let elem = 扩展字段
+
+
;
+ return (elem)
+
+ }
+ }])
+ //增加扩展字段 start
+ this.http.get("/api/Sys_Table_Extend/getTableExtendField?tableName=" + "Base_MeritPay", {}, true).then((result) => {
+ let editFormObj = [];
+ result.map(((item, index) => {
+ let fieldName = item.fieldName;
+ let fieldCode = item.fieldCode;
+ let tableEx_Id = item.tableEx_Id;
+ let fieldType = item.fieldType;
+ let dataDic = item.dataDic;
+ let data = [];
+ let isRequired = item.fieldAttr == null ? false : item.fieldAttr.includes("required");
+ let isReadyonly = item.fieldAttr == null ? false : item.fieldAttr.includes("readonly");
+ this.editFormFields[fieldCode] = "";
+ if (fieldType == "select" || fieldType == "switch" || fieldType == "checkbox" || fieldType == "selectList") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ dataKey: dataDic,
+ data: [],
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ })
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: 'string',
+ bind: { key: dataDic, data: [] },
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else if (fieldType == "img") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: fieldType,
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else if (fieldType == "textarea" || fieldType == "text" || fieldType == "number" || fieldType == "decimal" || fieldType == "phone") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: "string",
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else if (fieldType == "date" || fieldType == "datetime") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: fieldType,
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: "text"
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: "string",
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ if ((index + 1) % 2 == 0 || (index + 1) == result.length) {
+ this.editFormOptions.push(editFormObj);
+ editFormObj = [];
+ }
+ }))
+ //刷新字典数据源
+ this.initDicKeys();
+ });
+ //增加扩展字段 end
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ var that = this;
+ that.http.ajax({
+ url: "api/Base_MeritPay_ExtendData/getExtendDataByMeritPayID",
+ json: true,
+ success: function (data) {
+ if (data.length > 0) {
+ result.forEach(function (ele, index) {
+ var dataDefect = data.filter(item => item.MeritPay_Id == ele.MeritPay_Id);
+ dataDefect.forEach(function (dataEle, dataIndex) {
+ result[index][dataEle.FieldCode] = dataEle.FieldValue
+ })
+ })
+ }
+ },
+ type: "get",
+ async: false,
+ });
+ return true;
+ },
+ addBefore(formData) {
+ this.setFormData(formData);
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ this.setFormData(formData);
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ setFormData(formData) { //新建或编辑时，将从表1、2的数据提交到后台,见后台App_ReportPriceService的新建方法
+ //后台从对象里直接取extra的值
+ formData.extra = JSON.stringify(formData.mainData);
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.http.get("/api/Sys_Table_Extend/getTableExtendField?tableName=" + "Base_MeritPay", {}, true).then((result) => {
+ let editFormObj = [];
+ result.map(((item, index) => {
+ let fieldName = item.fieldName;
+ let fieldCode = item.fieldCode;
+ let tableEx_Id = item.tableEx_Id;
+ let fieldType = item.fieldType;
+ let dataDic = item.dataDic;
+ let fieldAttr = item.fieldAttr;
+ let guideWords = item.guideWords;
+ let defaultValue = item.defaultValue;
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == fieldCode && guideWords != "") {
+ x.placeholder = guideWords;
+ }
+ if (this.currentAction == 'Add' && x.field == fieldCode && defaultValue != "") {
+ this.editFormFields[fieldCode] = defaultValue;
+ }
+ })
+ })
+ }))
+ // //刷新字典数据源
+ // this.initDicKeys();
+ });
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_MeritPay_ExtendData.js b/src/extension/custom/custom/Base_MeritPay_ExtendData.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/custom/custom/Base_MeritPay_ExtendData.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_Notice.js b/src/extension/custom/custom/Base_Notice.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/custom/custom/Base_Notice.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_NumberRule.js b/src/extension/custom/custom/Base_NumberRule.js
new file mode 100644
index 0000000..b1de0f8
--- /dev/null
+++ b/src/extension/custom/custom/Base_NumberRule.js
@@ -0,0 +1,243 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import * as dateUtil from "../../../uitils/dateFormatUtil.js";
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ data() {
+ return {
+ prefixVal: "",
+ submitTimeVal: "",
+ submitTimeText: "",
+ serialNumberVal: "",
+ serialNumberNine: "",
+ };
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ getFormOption(field) {
+ let option;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == field) {
+ option = item;
+ }
+ })
+ })
+ return option;
+ },
+ //下面这些方法可以保留也可以删除
+ onInit() {
+ this.columnIndex = true;
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ this.boxOptions.labelWidth = 120;
+ this.editFormOptions[this.editFormOptions.length - 1].push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: "编号预览",
+ required: false,
+ field: "NumberPreview",
+ disabled: true,
+ type: "label",
+ inputStyle: { 'color': 'blue', 'font-size': '26px' }
+ });
+ //当订单类型select改变值时，如果选中的是发货(对应字典编号为2)，emark,SellNo隐藏，否则显示出来
+ var numReg = /^[0-9]*$/
+ var numRe = new RegExp(numReg);
+ var prefix = this.getFormOption('Prefix');
+ var submitTime = this.getFormOption('SubmitTime');
+ var serialNumber = this.getFormOption('SerialNumber');
+ this.prefixVal = "";
+ this.submitTimeVal = "";
+ this.submitTimeText = "";
+ this.serialNumberVal = "";
+ this.serialNumberNine = "";
+ prefix.onKeyPress = (val) => {
+ if (val.toString() != '[object KeyboardEvent]') {
+ this.prefixVal = val;
+ if (this.currentAction == "update") {
+ this.submitTimeVal = dateUtil.formatTimeStamp(Date.now(), this.editFormFields.SubmitTime);
+ submitTime.data.forEach((kv) => {
+ //根据字典的值判断
+ if (kv.key == this.editFormFields.SubmitTime) {
+ this.submitTimeText = kv.value
+ }
+ });
+ this.serialNumberVal = "";
+ this.serialNumberNine = ""
+ for (var i = 0; i < this.editFormFields.SerialNumber; i++) {
+ if ((i + 1) == this.editFormFields.SerialNumber) {
+ this.serialNumberVal += "1"
+ }
+ else {
+ this.serialNumberVal += "0"
+ }
+ this.serialNumberNine += "9"
+ }
+ serialNumber.extra = {
+ text: "例：" + this.serialNumberNine,//显示文本
+ style: "color:blue;",//指定样式
+ }
+ }
+ this.editFormFields.NumberPreview = this.prefixVal + this.submitTimeVal + this.serialNumberVal;
+ this.editFormFields.GenerativeRule = this.prefixVal + this.submitTimeText + this.serialNumberVal + "~" + this.serialNumberNine;
+ }
+ };
+ submitTime.onChange = (val, item) => {
+ this.submitTimeVal = dateUtil.formatTimeStamp(Date.now(), val);
+ submitTime.data.forEach((kv) => {
+ //根据字典的值判断
+ if (kv.key == val) {
+ this.submitTimeText = kv.value
+ }
+ });
+ if (this.currentAction == "update") {
+ this.prefixVal = this.editFormFields.Prefix;
+ this.serialNumberVal = "";
+ this.serialNumberNine = ""
+ for (var i = 0; i < this.editFormFields.SerialNumber; i++) {
+ if ((i + 1) == this.editFormFields.SerialNumber) {
+ this.serialNumberVal += "1"
+ }
+ else {
+ this.serialNumberVal += "0"
+ }
+ this.serialNumberNine += "9"
+ }
+ serialNumber.extra = {
+ text: "例：" + this.serialNumberNine,//显示文本
+ style: "color:blue;",//指定样式
+ }
+ };
+ this.editFormFields.NumberPreview = this.prefixVal + this.submitTimeVal + this.serialNumberVal;
+ this.editFormFields.GenerativeRule = this.prefixVal + this.submitTimeText + this.serialNumberVal + "~" + this.serialNumberNine;
+ };
+
+ serialNumber.onKeyPress = (val) => {
+ this.serialNumberVal = "";
+ this.serialNumberNine = "";
+ if (val.toString() != '[object KeyboardEvent]') {
+ if (numRe.test(val)) {
+ if (val > 10) {
+ this.$Message.info('流水号不能大于10');
+ return;
+ }
+ for (var i = 0; i < val; i++) {
+ if ((i + 1) == val) {
+ this.serialNumberVal += "1"
+ }
+ else {
+ this.serialNumberVal += "0"
+ }
+ this.serialNumberNine += "9"
+ }
+ }
+ else {
+ this.$Message.error('请输入数字');
+ }
+ }
+ serialNumber.extra = {
+ text: "例：" + this.serialNumberNine,//显示文本
+ style: "color:blue;",//指定样式
+ }
+ if (this.currentAction == "update") {
+ this.prefixVal = this.editFormFields.Prefix;
+ this.submitTimeVal = dateUtil.formatTimeStamp(Date.now(), this.editFormFields.SubmitTime);
+ submitTime.data.forEach((kv) => {
+ //根据字典的值判断
+ if (kv.key == this.editFormFields.SubmitTime) {
+ this.submitTimeText = kv.value
+ }
+ });
+ }
+ this.editFormFields.NumberPreview = this.prefixVal + this.submitTimeVal + this.serialNumberVal;
+ this.editFormFields.GenerativeRule = this.prefixVal + this.submitTimeText + this.serialNumberVal + "~" + this.serialNumberNine;
+ };
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenBefore(row) {
+ this.prefixVal = "";
+ this.submitTimeVal = "";
+ this.submitTimeText = "";
+ this.serialNumberVal = "";
+ this.serialNumberNine = "";
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ // formData.prefix.onChange();
+ if (this.currentAction == 'update') {
+ var prefixVal = "";
+ var submitTimeVal = "";
+ var submitTimeText = "";
+ var serialNumberVal = "";
+ var serialNumberNine = "";
+ var submitTime = this.getFormOption('SubmitTime');
+ var serialNumber = this.getFormOption('SerialNumber');
+ prefixVal = row.Prefix;
+ submitTimeVal = dateUtil.formatTimeStamp(Date.now(), row.SubmitTime);
+ submitTime.data.forEach((kv) => {
+ //根据字典的值判断
+ if (kv.key == row.submitTime) {
+ submitTimeText = kv.value
+ }
+ });
+ for (var i = 0; i < row.SerialNumber; i++) {
+ if ((i + 1) == row.SerialNumber) {
+ serialNumberVal += "1"
+ }
+ else {
+ serialNumberVal += "0"
+ }
+ serialNumberNine += "9"
+ }
+ serialNumber.extra = {
+ text: "例：" + serialNumberNine,//显示文本
+ style: "color:blue;",//指定样式
+ }
+ prefixVal = prefixVal == null ? "" : prefixVal;
+ this.editFormFields.NumberPreview = prefixVal + submitTimeVal + serialNumberVal;
+ }
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_PrintCatalog.js b/src/extension/custom/custom/Base_PrintCatalog.js
new file mode 100644
index 0000000..a9c8af6
--- /dev/null
+++ b/src/extension/custom/custom/Base_PrintCatalog.js
@@ -0,0 +1,85 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ //设置主键字段
+ this.rowKey = 'CatalogId';
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ loadTreeChildren(tree, treeNode, resolve) {
+ //加载子节点
+ let url = `api/Base_PrintCatalog/getChildrenData?catalogId=${tree.CatalogId}`;
+ this.http.post(url, {}).then((result) => {
+ resolve(result.rows);
+ });
+ },
+ searchBefore(params) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ if (params.wheres.length == 0) {
+ params.value = 1;
+ }
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_PrintTemplate.js b/src/extension/custom/custom/Base_PrintTemplate.js
new file mode 100644
index 0000000..3868130
--- /dev/null
+++ b/src/extension/custom/custom/Base_PrintTemplate.js
@@ -0,0 +1,150 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import { h, resolveComponent } from 'vue';
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: {
+ render() {
+ return [
+ h(resolveComponent('el-alert'), {
+ style: { 'margin-bottom': '5px' },
+ 'show-icon': true, type: 'warning',
+ closable: false, title: '先编辑打印模版，之后切换默认的模版，然后在具体业务表单进行打印'
+ }, ''),
+ ]
+ }
+ },
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ this.buttons.splice(3, 0, { //也可以用push或者splice方法来修改buttons数组
+ name: '编辑打印模版', //按钮名称
+ icon: 'el-icon-printer', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ type: 'warning', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ onClick: function () {
+ let selectRow = this.$refs.table.getSelected();
+ if (selectRow.length == 0) {
+ return this.$error('请选择要编辑的行!');
+ }
+ if (selectRow.length != 1) {
+ return this.$error('只能选择一行数据进行编辑!');
+ }
+ this.result = this.nodesList.find(item => item.parentId != null)
+ window.open(this.http.ipAddress + 'Print-Designer/index.html?id=' + selectRow[0].PrintTemplateId + '&cat=' + this.result.catalogCode + "&token=" + this.$store.getters.getToken(), '_blank')
+ }
+ });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ let column = this.columns.find((x) => {
+ return x.field == 'StatusFlag';
+ });
+ column.edit = {
+ type: 'switch',
+ keep: true
+ };
+ //是否可用字段设置切换事件并保存到数据库
+ column.onChange = (value, row, tableData) => {
+ let url = `api/Base_PrintTemplate/updateStatus?templateId=${row.PrintTemplateId}&statusFlag=${row.StatusFlag}`;
+ this.http.get(url, {}, true).then((result) => {
+ this.search();
+ this.$Message.success(result);
+ });
+ };
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ nodeClick(catalogIds, nodes, nodesList) { //左边树节点点击事件
+ //左边树节点的甩有子节点，用于查询数据
+ this.nodesList = nodesList;
+ this.catalogIds = catalogIds.join(',');
+ //左侧树选中节点的所有父节点,用于新建时设置级联的默认值
+ this.nodes = nodes;
+ if (this.nodes.length == 1) {
+ this.$Message.error("请选择最下级节点");
+ return false;
+ }
+ this.search();
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ //查询前方法，如果是左边树选择了分类，直接查询分类
+ if (this.catalogIds) {
+ param.wheres.push({
+ name: 'CatalogId',
+ value: this.catalogIds,
+ displayType: 'selectList'
+ });
+ }
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ //点击编辑/新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ if (this.currentAction == 'Add') {
+ //新建时设置左边树选中的节点
+ this.editFormFields.CatalogId = this.nodes;
+ }
+ if (row.isDefault == "1") {
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == "Remark") {
+ item.readonly = true;
+ }
+ })
+ })
+ }
+ else
+ {
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == "Remark") {
+ item.readonly = false;
+ }
+ })
+ })
+ }
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_Process.js b/src/extension/custom/custom/Base_Process.js
new file mode 100644
index 0000000..ecd7adb
--- /dev/null
+++ b/src/extension/custom/custom/Base_Process.js
@@ -0,0 +1,261 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import gridFooter from './custom_extend/Base_ProcessGridFooter';
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: gridFooter,
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //设置查询表单的标签文字宽度
+ //设置界面上为单选
+ this.single = true;
+ this.labelWidth = 120;
+ //this.tableHeight = (document.body.clientHeight-260)/2;
+ this.tableMaxHeight = (document.body.clientHeight - 260) / 2;
+ this.editFormOptions.splice(this.editFormOptions.length, 0, [{
+ colSize: 12,
+ render: (h) => {
+ let elem = 扩展字段
+
+
;
+ return (elem)
+
+ }
+ }])
+ //增加扩展字段 start
+ this.http.get("/api/Sys_Table_Extend/getTableExtendField?tableName=" + "Base_Process", {}, true).then((result) => {
+ let editFormObj = [];
+ result.map(((item, index) => {
+ let fieldName = item.fieldName;
+ let fieldCode = item.fieldCode;
+ let tableEx_Id = item.tableEx_Id;
+ let fieldType = item.fieldType;
+ let dataDic = item.dataDic;
+ let data = [];
+ let isRequired = item.fieldAttr == null ? false : item.fieldAttr.includes("required");
+ let isReadyonly = item.fieldAttr == null ? false : item.fieldAttr.includes("readonly");
+ this.editFormFields[fieldCode] = "";
+ if (fieldType == "select" || fieldType == "switch" || fieldType == "checkbox" || fieldType == "selectList") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ dataKey: dataDic,
+ data: [],
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ })
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: 'string',
+ bind: { key: dataDic, data: [] },
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else if (fieldType == "img") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: fieldType,
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else if (fieldType == "textarea" || fieldType == "text" || fieldType == "number" || fieldType == "decimal" || fieldType == "phone") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: "string",
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else if (fieldType == "date" || fieldType == "datetime") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: fieldType,
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: "text"
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: "string",
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ if ((index + 1) % 2 == 0 || (index + 1) == result.length) {
+ this.editFormOptions.push(editFormObj);
+ editFormObj = [];
+ }
+ }))
+ //刷新字典数据源
+ this.initDicKeys();
+ });
+ //增加扩展字段 end
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ this.boxOptions.labelWidth = 120;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(rows) {
+ //页面查询返回数据时，加载第一条数据的明细
+ this.$nextTick(() => {
+ this.$refs.gridFooter.rowClick(rows[0]);
+ });
+ var that = this;
+ that.http.ajax({
+ url: "api/Base_Process_ExtendData/getExtendDataByProcessID",
+ json: true,
+ success: function (data) {
+ if (data.length > 0) {
+ rows.forEach(function (ele, index) {
+ var dataDefect = data.filter(item => item.Process_Id == ele.Process_Id);
+ dataDefect.forEach(function (dataEle, dataIndex) {
+ rows[index][dataEle.FieldCode] = dataEle.FieldValue
+ })
+ })
+ }
+ },
+ type: "get",
+ async: false,
+ });
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ this.setFormData(formData);
+ return true;
+ },
+ updateBefore(formData) {
+ this.setFormData(formData);
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ setFormData(formData) { //新建或编辑时，将从表1、2的数据提交到后台,见后台App_ReportPriceService的新建方法
+ //后台从对象里直接取extra的值
+ formData.extra = JSON.stringify(formData.mainData);
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ //调用Doc_Order1GridFooter.vue文件中(订单明细)的查询
+ this.$refs.gridFooter.rowClick(row);
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "ProcessCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ };
+ if (x.field == "SubmitWorkLimit" && this.currentAction == "Add") {
+ this.editFormFields.SubmitWorkLimit = [x.data[0].key];
+ }
+ })
+ });
+ this.http.get("/api/Sys_Table_Extend/getTableExtendField?tableName=" + "Base_Process", {}, true).then((result) => {
+ let editFormObj = [];
+ result.map(((item, index) => {
+ let fieldName = item.fieldName;
+ let fieldCode = item.fieldCode;
+ let tableEx_Id = item.tableEx_Id;
+ let fieldType = item.fieldType;
+ let dataDic = item.dataDic;
+ let fieldAttr = item.fieldAttr;
+ let guideWords = item.guideWords;
+ let defaultValue = item.defaultValue;
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == fieldCode && guideWords != "") {
+ x.placeholder = guideWords;
+ }
+ if (this.currentAction == 'Add' && x.field == fieldCode && defaultValue != "") {
+ this.editFormFields[fieldCode] = defaultValue;
+ }
+ })
+ })
+ }))
+ // //刷新字典数据源
+ // this.initDicKeys();
+ });
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_ProcessLine.js b/src/extension/custom/custom/Base_ProcessLine.js
new file mode 100644
index 0000000..51beb79
--- /dev/null
+++ b/src/extension/custom/custom/Base_ProcessLine.js
@@ -0,0 +1,140 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import { h, resolveComponent } from 'vue';
+import gridFooter from './custom_extend/Base_ProcessLineGridFooter';
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: gridFooter,
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: {
+ render() {
+ return [
+ h(resolveComponent('el-alert'), {
+ style: { 'margin-bottom': '5px' },
+ 'show-icon': true, type: 'success',
+ closable: false, title: '上下拖动行顺序可以调整工序顺序。【工艺路线-工序列表】类型选择【工序】，则必输后面【工序】列，选择【工艺路线】，则必输后面【工艺路线】列'
+ }, ''),
+ ]
+ }
+ },
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.single = true;
+ this.labelWidth = 120;
+ //this.tableHeight = (document.body.clientHeight-260)/2;
+ this.tableMaxHeight = (document.body.clientHeight - 260)/2;
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ this.boxOptions.labelWidth = 120;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.draggable=true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ //注意：明细表操作需要写在onInited方法中
+ //给明细表ProductName下拉框添加onChange事件
+ this.detailOptions.columns.forEach(x => {
+ if (x.field == 'Process_Id') {
+ x.onChange = (column, row, tableData) => {
+ var param = {
+ order: "desc",
+ page: 1,
+ rows: 30,
+ sort: "CreateDate",
+ wheres: "[{\"name\":\"Process_Id\",\"value\":\"" + column.Process_Id + "\",\"displayType\":\"number\"}]"
+ };
+ if (column.ProcessLineType == "process") {
+ this.http.post('/api/Base_Process/getPageData', param, true).then((result) => {
+ column.SubmitWorkMatch = result.rows[0].SubmitWorkMatch
+ });
+ }
+ }
+ }
+ if (x.field == 'ProcessLineType') {
+ x.onChange = (column, row, tableData) => {
+ if (column.ProcessLineType == "processLine") {
+ column.SubmitWorkMatch = "";
+ }
+ }
+ }
+ })
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ this.$nextTick(() => {
+ this.$refs.gridFooter.rowClick(result[0]);
+ });
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ formData.detailData.map((item, index) => {
+ Object.assign(item, { "Sequence": index + 1 })
+ });
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ formData.detailData.map((item, index) => {
+ Object.assign(item, { "Sequence": index + 1 })
+ });
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ //调用Doc_Order1GridFooter.vue文件中(订单明细)的查询
+ this.$refs.gridFooter.rowClick(row);
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "ProcessLineCode") {
+ //disabled是editFormOptions的动态属性，这里只能通过this.$set修改值
+ //vue3版本改为设置：x.disabled=isEDIT
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_ProcessLineList.js b/src/extension/custom/custom/Base_ProcessLineList.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/custom/custom/Base_ProcessLineList.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_ProcessList.js b/src/extension/custom/custom/Base_ProcessList.js
new file mode 100644
index 0000000..b527990
--- /dev/null
+++ b/src/extension/custom/custom/Base_ProcessList.js
@@ -0,0 +1,71 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_Process_ExtendData.js b/src/extension/custom/custom/Base_Process_ExtendData.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/custom/custom/Base_Process_ExtendData.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_Product.js b/src/extension/custom/custom/Base_Product.js
new file mode 100644
index 0000000..32b3738
--- /dev/null
+++ b/src/extension/custom/custom/Base_Product.js
@@ -0,0 +1,268 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ //在表单配置的第二行后，将MyComponent组件添加到表单中
+ this.editFormOptions.splice(this.editFormOptions.length, 0, [{
+ colSize: 12,
+ render: (h) => {
+ let elem = 扩展字段
+
+
;
+ return (elem)
+
+ }
+ }])
+ //增加扩展字段 start
+ this.http.get("/api/Sys_Table_Extend/getTableExtendField?tableName=" + "Base_Product", {}, true).then((result) => {
+ let editFormObj = [];
+ result.map(((item, index) => {
+ let fieldName = item.fieldName;
+ let fieldCode = item.fieldCode;
+ let tableEx_Id = item.tableEx_Id;
+ let fieldType = item.fieldType;
+ let dataDic = item.dataDic;
+ let data = [];
+ let isRequired = item.fieldAttr == null ? false : item.fieldAttr.includes("required");
+ let isReadyonly = item.fieldAttr == null ? false : item.fieldAttr.includes("readonly");
+ this.editFormFields[fieldCode] = "";
+ if (fieldType == "select" || fieldType == "switch" || fieldType == "checkbox" || fieldType == "selectList") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ dataKey: dataDic,
+ data: [],
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ })
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: 'string',
+ bind: { key: dataDic, data: [] },
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else if (fieldType == "img") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ field: fieldCode,
+ readonly: isReadyonly,
+ type: fieldType
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: fieldType,
+ readonly: isReadyonly,
+ width: 150,
+ require: isRequired,
+ align: 'left'
+ })
+ }
+ else if (fieldType == "textarea" || fieldType == "text" || fieldType == "number" || fieldType == "decimal" || fieldType == "phone") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ field: fieldCode,
+ readonly: isReadyonly,
+ type: fieldType
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: "string",
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else if (fieldType == "date" || fieldType == "datetime") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: fieldType,
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: "text"
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: "string",
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ if ((index + 1) % 2 == 0 || (index + 1) == result.length) {
+ this.editFormOptions.push(editFormObj);
+ editFormObj = [];
+ }
+ }))
+ //刷新字典数据源
+ this.initDicKeys();
+ });
+ //增加扩展字段 end
+ this.boxOptions.height = 490;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'InventoryQty') {
+ item.readonly = true;
+ }
+ })
+ })
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ var that = this;
+ that.http.ajax({
+ url: "api/Base_Product_ExtendData/getExtendDataByProductID",
+ json: true,
+ success: function (data) {
+ if (data.length > 0) {
+ result.forEach(function (ele, index) {
+ var dataDefect = data.filter(item => item.Product_Id == ele.Product_Id);
+ dataDefect.forEach(function (dataEle, dataIndex) {
+ result[index][dataEle.FieldCode] = dataEle.FieldValue
+ })
+ })
+ }
+ },
+ type: "get",
+ async: false,
+ });
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ formData.mainData.InventoryQty = 0;
+ this.setFormData(formData);
+ return true;
+ },
+ updateBefore(formData) {
+ this.setFormData(formData);
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ setFormData(formData) { //新建或编辑时，将从表1、2的数据提交到后台,见后台App_ReportPriceService的新建方法
+ //后台从对象里直接取extra的值
+ formData.extra = JSON.stringify(formData.mainData);
+ },
+ addAfter(result) {
+ this.refresh();
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "ProductCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ this.http.get("/api/Sys_Table_Extend/getTableExtendField?tableName=" + "Base_Product", {}, true).then((result) => {
+ let editFormObj = [];
+ result.map(((item, index) => {
+ let fieldName = item.fieldName;
+ let fieldCode = item.fieldCode;
+ let tableEx_Id = item.tableEx_Id;
+ let fieldType = item.fieldType;
+ let dataDic = item.dataDic;
+ let fieldAttr = item.fieldAttr;
+ let guideWords = item.guideWords;
+ let defaultValue = item.defaultValue;
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == fieldCode && guideWords != "") {
+ x.placeholder = guideWords;
+ }
+ if (this.currentAction == 'Add' && x.field == fieldCode && defaultValue != "") {
+ this.editFormFields[fieldCode] = defaultValue;
+ }
+ })
+ })
+ }))
+ // //刷新字典数据源
+ // this.initDicKeys();
+ });
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_Product_ExtendData.js b/src/extension/custom/custom/Base_Product_ExtendData.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/custom/custom/Base_Product_ExtendData.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Base_WorkShop.js b/src/extension/custom/custom/Base_WorkShop.js
new file mode 100644
index 0000000..200b160
--- /dev/null
+++ b/src/extension/custom/custom/Base_WorkShop.js
@@ -0,0 +1,82 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.height = 450;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "WorkShopCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Sys_Table_Extend.js b/src/extension/custom/custom/Sys_Table_Extend.js
new file mode 100644
index 0000000..f6024a2
--- /dev/null
+++ b/src/extension/custom/custom/Sys_Table_Extend.js
@@ -0,0 +1,163 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ if(this.$route.path == '/Sys_User_Extend')
+ {
+ this.table.cnName = "用户字段扩展"
+ this.table.url = "/Sys_User_Extend/";
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'TableName') {
+ this.editFormFields.TableName = "Sys_User"
+ item.readonly = true;
+ }
+ })
+ })
+ };
+ if(this.$route.path == '/Base_Product_Extend')
+ {
+ this.table.cnName = "产品定义字段扩展"
+ this.table.url = "/Base_Product_Extend/";
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'TableName') {
+ this.editFormFields.TableName = "Base_Product"
+ item.readonly = true;
+ }
+ })
+ })
+ };
+ if(this.$route.path == '/Base_Process_Extend')
+ {
+ this.table.cnName = "工序字段扩展"
+ this.table.url = "/Base_Process_Extend/";
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'TableName') {
+ this.editFormFields.TableName = "Base_Process"
+ item.readonly = true;
+ }
+ })
+ })
+ };
+ if(this.$route.path == '/Base_MeritPay_Extend')
+ {
+ this.table.cnName = "绩效工资配比字段扩展"
+ this.table.url = "/Base_MeritPay_Extend/";
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'TableName') {
+ this.editFormFields.TableName = "Base_MeritPay"
+ item.readonly = true;
+ }
+ })
+ })
+ };
+ if(this.$route.path == '/Base_DefectItem_Extend')
+ {
+ this.table.cnName = "不良品项字段扩展"
+ this.table.url = "/Base_DefectItem_Extend/";
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'TableName') {
+ this.editFormFields.TableName = "Base_DefectItem"
+ item.readonly = true;
+ }
+ })
+ })
+ };
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.height = 500;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+
+ //获取当前弹出框是新建还是编辑状态
+ let isEDIT = this.currentAction == this.const.EDIT;
+ //点击弹出框后，如果是编辑状态，禁止编辑帐号，如果新建状态，将帐号字段设置为可编辑
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "TableName" || x.field == "FieldName" || x.field == "FieldType") {
+ //disabled是editFormOptions的动态属性，这里只能通过this.$set修改值
+ //vue3版本改为设置：x.disabled=isEDIT
+ x.disabled = isEDIT;
+ }
+ })
+ });
+ if(this.$route.path == '/Sys_User_Extend')
+ {
+ this.editFormFields.TableName = "Sys_User"
+ }
+ if(this.$route.path == '/Base_Product_Extend')
+ {
+ this.editFormFields.TableName = "Base_Product"
+ }
+ if(this.$route.path == '/Base_Process_Extend')
+ {
+ this.editFormFields.TableName = "Base_Process"
+ }
+ if(this.$route.path == '/Base_MeritPay_Extend')
+ {
+ this.editFormFields.TableName = "Base_MeritPay"
+ }
+ if(this.$route.path == '/Base_DefectItem_Extend')
+ {
+ this.editFormFields.TableName = "Base_DefectItem"
+ }
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Sys_Unit.js b/src/extension/custom/custom/Sys_Unit.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/custom/custom/Sys_Unit.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/Sys_User_ExtendData.js b/src/extension/custom/custom/Sys_User_ExtendData.js
new file mode 100644
index 0000000..2b12e78
--- /dev/null
+++ b/src/extension/custom/custom/Sys_User_ExtendData.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/View_Base_MaterialDetail.js b/src/extension/custom/custom/View_Base_MaterialDetail.js
new file mode 100644
index 0000000..7e531dd
--- /dev/null
+++ b/src/extension/custom/custom/View_Base_MaterialDetail.js
@@ -0,0 +1,230 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+//自定义选择数据源页面
+import Base_MaterialDetailModelBody from './custom_extend/Base_MaterialDetailModelBody'
+let extension = {
+ data() {
+ return {
+ dicData: []
+ };
+ },
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: Base_MaterialDetailModelBody,
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ getDicDate() {
+ var keys = ["productAttr", "unitList", "processLineList"];
+ this.http.post('/api/Sys_Dictionary/GetVueDictionary', keys)
+ .then((dic) => {
+ this.dicData = dic
+ });
+ },
+ getFormOption(field) {
+ let option;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == field) {
+ option = item;
+ }
+ })
+ })
+ return option;
+ },
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ this.boxOptions.labelWidth = 120;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.labelWidth = 120;
+ var parentProduct = this.getFormOption('ParentProduct_Id');
+ var childProduct = this.getFormOption('ChildProduct_Id');
+ var that = this;
+ this.getDicDate();
+ parentProduct.onChange = (val, item) => {
+ that.http.ajax({
+ url: "api/Base_Product/getProductInfoByProductID?productId=" + val,
+ json: true,
+ success: function (data) {
+ that.setProductAreaValue(data, "Parent");
+ },
+ type: "get",
+ async: false,
+ });
+ };
+ childProduct.onChange = (val, item) => {
+ that.http.ajax({
+ url: "api/Base_Product/getProductInfoByProductID?productId=" + val,
+ json: true,
+ success: function (data) {
+ that.setProductAreaValue(data, "Childen");
+ },
+ type: "get",
+ async: false,
+ });
+ };
+
+ //选择数据源功能
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'ParentProduct_Id') {
+ //给编辑表单设置[选择数据]操作,extra具体配置见mesform组件api
+ item.extra = {
+ icon: "el-icon-zoom-out",
+ text: "高级选择",
+ style: "color:blue;font-size: 14px;cursor: pointer;",
+ click: item => {
+ this.$refs.modelBody.openDemo("ParentProduct_Id");
+ }
+ }
+ }
+ if (item.field == 'ChildProduct_Id') {
+ //给编辑表单设置[选择数据]操作,extra具体配置见mesform组件api
+ item.extra = {
+ icon: "el-icon-zoom-out",
+ text: "高级选择",
+ style: "color:blue;font-size: 14px;cursor: pointer;",
+ click: item => {
+ this.$refs.modelBody.openDemo("ChildProduct_Id");
+ }
+ }
+ }
+ })
+ })
+ this.editFormOptions.splice(1, 0, [{ //往新数组对象中添加新的属性 属性名对应属性值
+ title: "父项产品属性",
+ field: "Parent",
+ readonly: true,
+ type: "textarea",
+ minRows: 5
+ }])
+ this.editFormOptions.splice(3, 0, [{ //往新数组对象中添加新的属性 属性名对应属性值
+ title: "子项产品属性",
+ field: "Childen",
+ readonly: true,
+ type: "textarea",
+ minRows: 5
+ }])
+ },
+ getRow(rows, modelType) {
+ if (modelType == "ParentProduct_Id") {
+ //将选择的数据合并到表单中(注意框架生成的代码都是大写，后台自己写的接口是小写的)
+ this.editFormFields.ParentProduct_Id = rows[0].Product_Id;
+ this.setProductAreaValue(rows, "Parent")
+ }
+ if (modelType == "ChildProduct_Id") {
+ //将选择的数据合并到表单中(注意框架生成的代码都是大写，后台自己写的接口是小写的)
+ this.editFormFields.ChildProduct_Id = rows[0].Product_Id;
+ this.setProductAreaValue(rows, "Childen")
+ }
+ },
+ setProductAreaValue(rows, type) {
+ var productAttributeDic = this.dicData.find(val => val.dicNo == "productAttr")
+ var productAttributeResult = "";
+ var unitResult = "";
+ var unitDic = this.dicData.find(val => val.dicNo == "unitList")
+ var processResult = "";
+ var processDic = this.dicData.find(val => val.dicNo == "processLineList")
+ this.$refs.modelBody.columns.forEach(item => {
+ if (item.field == "ProductAttribute") {
+ if (rows[0].ProductAttribute) {
+ var result = productAttributeDic.data.find(val => val.key == rows[0].ProductAttribute)
+ productAttributeResult = result.value;
+ }
+ }
+ if (item.field == "Unit_Id") {
+ if (rows[0].Unit_Id) {
+ var result = unitDic.data.find(val => val.key == rows[0].Unit_Id)
+ unitResult = result.value;
+ }
+ }
+ if (item.field == "Process_Id") {
+ if (rows[0].Process_Id) {
+ var result = processDic.data.find(val => val.key == rows[0].Process_Id)
+ processResult = result.value;
+ }
+ }
+ })
+ this.editFormFields[type] = "产品编码：" + rows[0].ProductCode + "\r产品名称：" + rows[0].ProductName + "\r产品规格：" + (rows[0].ProductStandard == null ? "" : rows[0].ProductStandard) + "\r产品属性：" + productAttributeResult + "\r库存单位：" + unitResult + "\r工艺路线：" + processResult;
+ },
+
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ var that = this;
+ if(this.currentAction == "update")
+ {
+ that.http.ajax({
+ url: "api/Base_Product/getProductInfoByProductID?productId=" + row.ParentProduct_Id,
+ json: true,
+ success: function (data) {
+ that.setProductAreaValue(data, "Parent");
+ },
+ type: "get",
+ async: false,
+ });
+ that.http.ajax({
+ url: "api/Base_Product/getProductInfoByProductID?productId=" + row.ChildProduct_Id,
+ json: true,
+ success: function (data) {
+ that.setProductAreaValue(data, "Childen");
+ },
+ type: "get",
+ async: false,
+ });
+ }
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/custom/custom/custom_extend/Base_DesktopMenuModelBody.vue b/src/extension/custom/custom/custom_extend/Base_DesktopMenuModelBody.vue
new file mode 100644
index 0000000..570f2b1
--- /dev/null
+++ b/src/extension/custom/custom/custom_extend/Base_DesktopMenuModelBody.vue
@@ -0,0 +1,43 @@
+
+ 扩展字段
+
+ 有默认值
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/extension/custom/custom/custom_extend/Base_MaterialDetailModelBody.vue b/src/extension/custom/custom/custom_extend/Base_MaterialDetailModelBody.vue
new file mode 100644
index 0000000..7c45c90
--- /dev/null
+++ b/src/extension/custom/custom/custom_extend/Base_MaterialDetailModelBody.vue
@@ -0,0 +1,138 @@
+
+
+
+
+ 销售订单
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
单据头：
+ 单据编号：{{SalesOrderCode}}
+ 创建时间：{{CreateDate}}
+ 明细合计：{{Total}}
+
+ 备 注：{{Remark}}
+ +
单据体：
+ 产品名称：{{detail.ProductName}}
+ 产品编号：{{detail.ProductCode}}
+ 产品规格：{{detail.ProductStandard}}
+
+ 数 量：{{detail.Qty}}
+ 工单编号：{{detail.WorkOrderCode}}
+ 完成数量：{{detail.FinishQty}}
+ +
单据头：
+ 单据编号：{{ProductPlanCode}}
+ 创建时间：{{CreateDate}}
+ 明细合计：{{Total}}
+
+ 备 注：{{Remark}}
+ +
单据体：
+ 产品名称：{{detail.ProductName}}
+ 产品编号：{{detail.ProductCode}}
+ 产品规格：{{detail.ProductStandard}}
+
+ 数 量：{{detail.Qty}}
+ 工单编号：{{detail.WorkOrderCode}}
+ 完成数量：{{detail.FinishQty}}
+
+ +
单据头：
+ 单据编号：{{AssembleWorkOrderCode}}
+ 工单数量：{{WorkOrderQty}}
+ 创建时间：{{CreateDate}}
+ 明细合计：{{Total}}
+
+ 备 注：{{Remark}}
+ +
单据体：
+ 产品名称：{{detail.ProductName}}
+ 产品编号：{{detail.ProductCode}}
+ 产品规格：{{detail.ProductStandard}}
+
+ 数 量：{{detail.Qty}}
+ 工单编号：{{detail.WorkOrderCode}}
+ 完成数量：{{detail.FinishQty}}
+ 单位数量：{{detail.UnitQty}}
+ 缺陷数量：{{detail.BadQty}}
+
+ 产品编码
+ 搜索
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/extension/custom/custom/custom_extend/Base_ProcessLineGridFooter.vue b/src/extension/custom/custom/custom_extend/Base_ProcessLineGridFooter.vue
new file mode 100644
index 0000000..d7e6253
--- /dev/null
+++ b/src/extension/custom/custom/custom_extend/Base_ProcessLineGridFooter.vue
@@ -0,0 +1,71 @@
+
+
+
+ 工序采集数据
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/extension/custom/custom/custom_extend/ProductModelBody.vue b/src/extension/custom/custom/custom_extend/ProductModelBody.vue
new file mode 100644
index 0000000..0ed1bc4
--- /dev/null
+++ b/src/extension/custom/custom/custom_extend/ProductModelBody.vue
@@ -0,0 +1,148 @@
+
+
+
+ 工艺路线-工序列表
+
+
+ 产品编码：
+ 搜索
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/extension/equip/equip/Equip_DevCatalog.js b/src/extension/equip/equip/Equip_DevCatalog.js
new file mode 100644
index 0000000..c5d910a
--- /dev/null
+++ b/src/extension/equip/equip/Equip_DevCatalog.js
@@ -0,0 +1,94 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.labelWidth = 120;
+ this.boxOptions.height = 400;
+ this.rowKey = 'DevCatalogId';
+ },
+ loadTreeChildren(tree, treeNode, resolve) {
+ //加载子节点
+ let url = `api/Equip_DevCatalog/getChildrenData?devCatalogId=${tree.DevCatalogId}`;
+ this.http.post(url, {}).then((result) => {
+ resolve(result.rows);
+ });
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(params) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ if (params.wheres.length == 0) {
+ params.value = 1;
+ }
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "DevCatalogCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/equip/equip/Equip_Device.js b/src/extension/equip/equip/Equip_Device.js
new file mode 100644
index 0000000..2e0ed5d
--- /dev/null
+++ b/src/extension/equip/equip/Equip_Device.js
@@ -0,0 +1,140 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import FileSaver from 'file-saver';
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ getNowTime() {
+ let dt = new Date()
+ var y = dt.getFullYear()
+ var mt = (dt.getMonth() + 1).toString().padStart(2,'0')
+ var day = dt.getDate().toString().padStart(2,'0')
+ var h = dt.getHours().toString().padStart(2,'0')
+ var m = dt.getMinutes().toString().padStart(2,'0')
+ return y + mt + day + h + m
+ },
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.height = 450;
+ this.buttons.splice(3,0,{ //也可以用push或者splice方法来修改buttons数组
+ name: '打印', //按钮名称
+ icon: 'el-icon-printer', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ type: 'warning', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ onClick: function () {
+ let selectRow = this.$refs.table.getSelected();
+ if (selectRow.length == 0) {
+ return this.$error('请选择要打印的行!');
+ }
+ // if (selectRow.length != 1) {
+ // return this.$error('只能选择一行数据进行打印!');
+ // }
+ var ids = "";
+ for (var i = 0; i < selectRow.length; i++) {
+ ids += ("'" + selectRow[i].DeviceId + "',");
+ }
+ ids = ids.slice(0,ids.length-1);
+ let html = document.getElementById("collect");
+ window.open(this.http.ipAddress + 'Print-Designer/print.html?cat=Equip_Device&id=' + ids + "&token=" + this.$store.getters.getToken(),'_blank')
+ }
+ });
+ this.buttons.splice(4,0,{ //也可以用push或者splice方法来修改buttons数组
+ name: '导出PDF', //按钮名称
+ icon: 'el-icon-printer', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ type: 'warning', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ onClick: function () {
+ let url="/api/Equip_Device/ExportPDF";
+ this.http.get(url,{}, '正在导出数据....').then(content=>{
+ var URL = this.http.webAddress + "/PDF/Device/" + content // URL 为URL地址
+ FileSaver.saveAs(URL, content);
+ })
+ }
+ });
+ },
+ nodeClick(catalogIds, nodes, nodesList) { //左边树节点点击事件
+ //左边树节点的甩有子节点，用于查询数据
+ this.nodesList = nodesList;
+ this.catalogIds = catalogIds.join(',');
+ //左侧树选中节点的所有父节点,用于新建时设置级联的默认值
+ this.nodes = nodes;
+ this.search();
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ //查询前方法，如果是左边树选择了分类，直接查询分类
+ if (this.catalogIds) {
+ param.wheres.push({
+ name: 'ParentId',
+ value: this.catalogIds,
+ displayType: 'selectList'
+ });
+ }
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "DeviceCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/equip/equip/Equip_MaintainPaper.js b/src/extension/equip/equip/Equip_MaintainPaper.js
new file mode 100644
index 0000000..2d7d010
--- /dev/null
+++ b/src/extension/equip/equip/Equip_MaintainPaper.js
@@ -0,0 +1,105 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import DeviceModelBody from './equip_extend/Equip_SpotMaintPlanModelHeader'
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: DeviceModelBody,
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.height = 500;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'DeviceName') {
+ //给编辑表单设置[选择数据]操作,extra具体配置见mesform组件api
+ item.extra = {
+ icon: "el-icon-zoom-out",
+ text: "高级选择",
+ style: "color:blue;font-size: 14px;cursor: pointer;",
+ click: item => {
+ this.$refs.modelBody.openPaper("MaintainPaperId");
+ }
+ }
+ }
+ })
+ });
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ setTable1Rows(modelType,_rows){
+ if (modelType == "MaintainPaperId") {
+ //将选择的数据合并到表单中(注意框架生成的代码都是大写，后台自己写的接口是小写的)
+ this.editFormFields.DeviceName = _rows[0].DeviceName
+ this.editFormFields.DeviceCode = _rows[0].DeviceCode
+ this.editFormFields.DeviceBrand = _rows[0].DeviceBrand
+ }
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "MaintainPaperCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/equip/equip/Equip_SpotMaintPlan.js b/src/extension/equip/equip/Equip_SpotMaintPlan.js
new file mode 100644
index 0000000..9b932d8
--- /dev/null
+++ b/src/extension/equip/equip/Equip_SpotMaintPlan.js
@@ -0,0 +1,117 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import { h, resolveComponent, defineAsyncComponent } from 'vue';
+import modelBody from "./equip_extend/Equip_SpotMaintPlanModelBody.vue"
+import modelHeader from "./equip_extend/Equip_SpotMaintPlanModelHeader.vue"
+import modelFooter from "./equip_extend/Equip_SpotMaintPlanModelFooter.vue"
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: modelHeader,
+ modelBody: modelBody,
+ modelFooter: modelFooter
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.height = this.height - 100;
+ //自定义弹出框的高与宽
+ this.boxOptions.height = document.body.clientHeight * 0.9;
+ this.boxOptions.width = document.body.clientWidth * 0.8;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ this.setFormData(formData);
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ this.setFormData(formData);
+ return true;
+ },
+ setFormData(formData) { //新建或编辑时，将从表1、2的数据提交到后台,见后台Equip_SpotMaintPlanService的新建方法
+ //后台从对象里直接取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;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ if (this.currentAction == 'Add') {
+ this.editFormFields.Status = "1"
+ }
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "SpotMaintPlanCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ //是否子组件渲染完成
+ //新建功时，清空 清空,从表1，从表2的数据
+ this.$nextTick(() => {
+ //这里没有给弹出框中的表格传参，如果需要参数可以通过 this.$emit("parentCall", 获取页面的参数
+ //具体见自定义页面Equip_SpotMaintPlanModelBody.vue中的modelOpen方法的使用 this.$emit("parentCall", ($this) => {
+ this.$refs.modelBody.modelOpen();
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/equip/equip/Equip_SpotMaintPlanDevice.js b/src/extension/equip/equip/Equip_SpotMaintPlanDevice.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/equip/equip/Equip_SpotMaintPlanDevice.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/equip/equip/Equip_SpotMaintPlanProject.js b/src/extension/equip/equip/Equip_SpotMaintPlanProject.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/equip/equip/Equip_SpotMaintPlanProject.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/equip/equip/Equip_SpotMaintWorkOrder.js b/src/extension/equip/equip/Equip_SpotMaintWorkOrder.js
new file mode 100644
index 0000000..cfc81e1
--- /dev/null
+++ b/src/extension/equip/equip/Equip_SpotMaintWorkOrder.js
@@ -0,0 +1,127 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import PlanModelBody from './equip_extend/Equip_SpotMaintWorkOrderModelBody'
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: PlanModelBody,
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ getFormOption(field) {
+ let option;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == field) {
+ option = item;
+ }
+ })
+ })
+ return option;
+ },
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.height = 550;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'SpotMaintPlanName') {
+ //给编辑表单设置[选择数据]操作,extra具体配置见mesform组件api
+ item.extra = {
+ icon: "el-icon-zoom-out",
+ text: "高级选择",
+ style: "color:blue;font-size: 14px;cursor: pointer;",
+ click: item => {
+ this.$refs.modelBody.openPaper();
+ }
+ }
+ }
+ })
+ });
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ setSelectRows(_rows){
+ this.editFormFields.SpotMaintPlanId = _rows[0].SpotMaintPlanId;
+ this.editFormFields.SpotMaintPlanName = _rows[0].SpotMaintPlanName;
+ this.editFormFields.SpotMaintPlanCode = _rows[0].SpotMaintPlanCode;
+ this.editFormFields.PlanItemType = _rows[0].PlanItemType.toString();
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ var spotMaintPlanId = this.getFormOption('SpotMaintPlanId');
+ spotMaintPlanId.hidden = true;
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "SpotMaintWorkOrderCode") {
+ //disabled是editFormOptions的动态属性，这里只能通过this.$set修改值
+ //vue3版本改为设置：x.disabled=isEDIT
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ let status = this.getFormOption("Status");
+ if (this.currentAction == 'Add') {
+ this.editFormFields.Status = "1"
+ status.readonly = true;
+ }
+ else
+ {
+ status.readonly = false;
+ }
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/equip/equip/Equip_SpotMaintenance.js b/src/extension/equip/equip/Equip_SpotMaintenance.js
new file mode 100644
index 0000000..631a3c7
--- /dev/null
+++ b/src/extension/equip/equip/Equip_SpotMaintenance.js
@@ -0,0 +1,82 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.height = 450;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "SpotMaintenanceCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/equip/equip/equip_extend/Equip_SpotMaintPlanModelBody.vue b/src/extension/equip/equip/equip_extend/Equip_SpotMaintPlanModelBody.vue
new file mode 100644
index 0000000..1d0f13a
--- /dev/null
+++ b/src/extension/equip/equip/equip_extend/Equip_SpotMaintPlanModelBody.vue
@@ -0,0 +1,326 @@
+
+
+ 数量：
+
+
+ 出库
+ 关闭
+
+
+
+
+
+
+ 设备清单
+
+
+
+
+
+
+
+
+
+
+ 点检项目
+
+
+
+
+
+
+
+
+ 添加行
+ 删除行
+
+
+
+ 添加行
+ 删除行
+
+
+
+ 项目编码：
+ 搜索
+
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+ 设备编码：
+ 搜索
+
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+ 计划编码：
+ 搜索
+
+
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+
;
+ return (elem)
+
+ }
+ }]);
+ var that = this;
+ var workOrder_Id = this.getFormOption('WorkOrder_Id');
+ var process_Id = this.getFormOption('Process_Id');
+ var reoportDurationHour = this.getFormOption('ReoportDurationHour');
+ var reoportDurationMinute = this.getFormOption('ReoportDurationMinute');
+ var startDate = this.getFormOption('StartDate');
+ var endDate = this.getFormOption('EndDate');
+ var goodQty = this.getFormOption('GoodQty');
+ var noGoodQty = this.getFormOption('NoGoodQty');
+
+ startDate.onChange = (value, option) => {
+ this.differenceDateTime(value,this.editFormFields["EndDate"]);
+
+ };
+ var numReg = /^[0-9]*$/
+ var numRe = new RegExp(numReg);
+ goodQty.onKeyPress = (val) => {
+ if (val.toString() != '[object KeyboardEvent]') {
+ if (numRe.test(val)) {
+ this.differenceDateTime(this.editFormFields["StartDate"],this.editFormFields["EndDate"]);
+ this.editFormFields["GuessPrice"] = this.editFormFields["UnitPrice"] * this.editFormFields["GoodQty"];
+ }
+ else {
+ this.$Message.error('请输入数字');
+ }
+ }
+ };
+ reoportDurationHour.extra = {
+ text: "小时",//显示文本
+ style: "margin-right:10px;",//指定样式
+ }
+ reoportDurationMinute.extra = {
+ text: "分钟",//显示文本
+ style: "margin-right:10px;",//指定样式
+ }
+ startDate.onChange = (value, option) => {
+ this.differenceDateTime(value,this.editFormFields["EndDate"]);
+
+ };
+ endDate.onChange = (value, option) => {
+ this.differenceDateTime(this.editFormFields["StartDate"],value);
+ };
+ process_Id.onChange = (value, option) => {
+ var json = this.resultList.find(x => x.key === value);
+ let urlProgress = 'api/Production_ReportWorkOrder/getProgress?workOrder_Id=' + json.workOrderId + '&processId=' + json.key + '&productId=' + json.productId + '&planQty=' + json.planQty;
+ this.http.get(urlProgress, {}, true).then((res) => {
+ this.editFormFields["ProcessProgress"] = res.processProgress;
+ this.editFormFields["StandardProgress"] = res.standardProgress;
+ this.editFormFields["UnitPrice"] = res.unitPrice;
+ this.editFormFields["GuessPrice"] = res.unitPrice * this.editFormFields["GoodQty"];
+ });
+ };
+
+ workOrder_Id.onChange = (value, option) => {
+ let url = 'api/Production_WorkOrderList/getList?workOrderId=' + value;
+ //给工序名称重新绑定数据源
+ this.http.get(url, {}, true).then((result) => {
+ process_Id.data = result;
+ this.resultList = result;
+ this.editFormFields["Process_Id"] = result[0].key;
+ let urlProgress = 'api/Production_ReportWorkOrder/getProgress?workOrder_Id=' + result[0].workOrderId + '&processId=' + result[0].key + '&productId=' + result[0].productId + '&planQty=' + result[0].planQty;
+ this.http.get(urlProgress, {}, true).then((res) => {
+ this.editFormFields["ProcessProgress"] = res.processProgress;
+ this.editFormFields["StandardProgress"] = res.standardProgress;
+ this.editFormFields["UnitPrice"] = res.unitPrice;
+ this.editFormFields["GuessPrice"] = res.unitPrice * this.editFormFields["GoodQty"];
+ });
+ });
+ let urlWo = 'api/Production_WorkOrder/getList?workOrderId=' + value;
+ //给工序名称重新绑定数据源
+ this.http.get(urlWo, {}, true).then((result) => {
+ this.editFormFields["Product_Id"] = result[0].product_Id;
+ this.editFormFields["ProductCode"] = result[0].productCode;
+ this.editFormFields["ProductName"] = result[0].productName;
+ this.editFormFields["ProductStandard"] = result[0].productStandard;
+ });
+ };
+ noGoodQty.onKeyPress = (val) => {
+ if (val.toString() != '[object KeyboardEvent]') {
+ if (numRe.test(val)) {
+ this.editFormFields["RateStandard"] = ((this.editFormFields["GoodQty"] / (val+this.editFormFields["GoodQty"])) * 10000).toFixed(2).toString() + "%";
+ }
+ else {
+ this.$Message.error('请输入数字');
+ }
+ }
+ };
+ this.columns.forEach(x => {
+ if (x.field == 'ReoportDurationHour') {
+ x.title = "报工时长(小时)"
+ }
+ if (x.field == 'ReoportDurationMinute') {
+ x.title = "报工时长(分钟)"
+ }
+ })
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ showTime() {
+ let date = new Date();
+ let year = date.getFullYear();
+ let month = date.getMonth() + 1;
+ let day = date.getDate();
+ let hour = date.getHours()
+ return (
+ year +
+ '-' +
+ (month < 10 ? '0' + month : month) +
+ '-' +
+ (day < 10 ? '0' + day : day) +
+ " " +
+ (hour < 10 ? '0' + hour : hour)
+ );
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ if (this.currentAction == 'Add') {
+ this.editFormFields.StartDate = this.showTime() + ":00:00"
+ this.editFormFields.EndDate = this.showTime() + ":00:00"
+ this.editFormFields.ProcessStatus = "2"
+ this.editFormFields.ApproveStatus = "2"
+ this.editFormFields.ReportTime = dateUtil.formatTimeStamp(Date.now(), 'yyyy-MM-dd hh:mm:ss');
+ let _userInfo = store.getters.getUserInfo();
+ if (_userInfo) {
+ this.editFormFields.ApproveUser = _userInfo.userName;
+ }
+ }
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/production/production/Production_ReportWorkOrderList.js b/src/extension/production/production/Production_ReportWorkOrderList.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/production/production/Production_ReportWorkOrderList.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/production/production/Production_SalesOrder.js b/src/extension/production/production/Production_SalesOrder.js
new file mode 100644
index 0000000..8cbed98
--- /dev/null
+++ b/src/extension/production/production/Production_SalesOrder.js
@@ -0,0 +1,201 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import { h, resolveComponent } from 'vue';
+import modelHeader from "./production_extend/ProductModelBody.vue"
+import gridFooter from './production_extend/SalesOrderGridFooter.vue';
+import FileSaver from 'file-saver';
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: gridFooter,
+ //新建、编辑弹出框扩展组件
+ modelHeader: modelHeader,
+ modelBody: {
+ render() {
+ return [
+ h(resolveComponent('el-alert'), {
+ style: { 'margin-bottom': '5px' },
+ 'show-icon': true, type: 'warning',
+ closable: false, title: '点击【数量】可以对订单数量直接进行修改'
+ }, ''),
+ ]
+ }
+ },
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ mounted(){
+
+ },
+ methods: {
+ onActivated() {
+ let salesOrderCode = this.$route.query.SalesOrderCode;
+
+ if (salesOrderCode) {
+ var param = {
+ order: "desc",
+ page: 1,
+ rows: 30,
+ sort: "CreateDate",
+ wheres: "[{\"name\":\"SalesOrderCode\",\"value\":\"" + salesOrderCode + "\",\"displayType\":\"like\"}]"
+ };
+ this.http.post('/api/Production_SalesOrder/getPageData', param, true).then((result) => {
+ this.$refs.table.rowData = result.rows;
+ });
+ }
+ },
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.single = true;
+ this.columnIndex = true;
+ //点击单元格编辑与结束编辑(默认是点击单元格编辑，鼠标离开结束编辑)
+ this.detailOptions.clickEdit = true;
+ this.tableMaxHeight = (document.body.clientHeight - 260) / 2;
+
+ this.buttons.splice(3,0,{ //也可以用push或者splice方法来修改buttons数组
+ name: '打印', //按钮名称
+ icon: 'el-icon-printer', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ type: 'warning', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ onClick: function () {
+ let selectRow = this.$refs.table.getSelected();
+ if (selectRow.length == 0) {
+ return this.$error('请选择要编辑的行!');
+ }
+ if (selectRow.length != 1) {
+ return this.$error('只能选择一行数据进行编辑!');
+ }
+ let html = document.getElementById("collect");
+ window.open(this.http.ipAddress + 'Print-Designer/print.html?cat=Production_SalesOrder&id=' + selectRow[0].SalesOrder_Id + "&token=" + this.$store.getters.getToken(),'_blank')
+ }
+ });
+
+ // this.buttons.splice(3,0,{ //也可以用push或者splice方法来修改buttons数组
+ // name: '直接打印', //按钮名称
+ // icon: 'el-icon-printer', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'warning', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // let selectRow = this.$refs.table.getSelected();
+ // if (selectRow.length == 0) {
+ // return this.$error('请选择要编辑的行!');
+ // }
+ // if (selectRow.length != 1) {
+ // return this.$error('只能选择一行数据进行编辑!');
+ // }
+ // let html = document.getElementById("collect");
+ // let form = new FormData();
+ // // form对象以键值对方式存储数据，key对应属性，value对应属性值
+ // form.append("Url", this.http.ipAddress + 'Print-Designer/print.html?cat=Production_SalesOrder&id=' + selectRow[0].SalesOrder_Id + "&token=" + this.$store.getters.getToken());
+ // let printUrl = 'api/Base_PrintTemplate/Print';
+ // this.http.get(printUrl, form, true).then((content) => {
+ // this.$info(content.message);
+ // });
+ // }
+ // });
+ this.buttons.splice(4,0,{ //也可以用push或者splice方法来修改buttons数组
+ name: '模版Excel导出', //按钮名称
+ icon: 'el-icon-s-unfold', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ type: 'warning', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ onClick: function () {
+ let selectRow = this.$refs.table.getSelected();
+ if (selectRow.length == 0) {
+ return this.$error('请选择要编辑的行!');
+ }
+ if (selectRow.length != 1) {
+ return this.$error('只能选择一行数据进行导出!');
+ }
+ let urlSales = 'api/Production_SalesOrder/exportExcelTemplate?cat=Production_SalesOrder&SalesOrder_Id=' + selectRow[0].SalesOrder_Id;
+ this.http.get(urlSales, {}, true).then((content) => {
+ if(content=="")
+ {
+ this.$error('请先维护模版信息!');
+ }
+ else
+ {
+ var URL = this.http.webAddress + "/Excel/" + content // URL 为URL地址
+ FileSaver.saveAs(URL, content);
+ }
+ });
+ }
+ });
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ this.detailOptions.buttons.shift();
+ this.detailOptions.buttons.unshift({
+ name: '选择产品', //按钮名称
+ icon: 'el-icon-plus', //按钮图标，参照iview图标
+ hidden: false, //是否隐藏按钮(如果想要隐藏按钮，在onInited方法中遍历buttons，设置hidden=true)
+ onClick: function () {
+ //触发事件
+ this.$refs.modelHeader.open();
+ }
+ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ this.$nextTick(() => {
+ this.$refs.gridFooter.rowClick(result[0], "销售订单");
+ });
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ //查询界面点击行事件
+ this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ //调用Doc_Order1GridFooter.vue文件中(订单明细)的查询
+ this.$refs.gridFooter.rowClick(row, "销售订单");
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "SalesOrderCode") {
+ //disabled是editFormOptions的动态属性，这里只能通过this.$set修改值
+ //vue3版本改为设置：x.disabled=isEDIT
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/production/production/Production_SalesOrderList.js b/src/extension/production/production/Production_SalesOrderList.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/production/production/Production_SalesOrderList.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/production/production/Production_WorkOrder.js b/src/extension/production/production/Production_WorkOrder.js
new file mode 100644
index 0000000..8a05ba7
--- /dev/null
+++ b/src/extension/production/production/Production_WorkOrder.js
@@ -0,0 +1,532 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import { ConsoleLogger } from '@microsoft/signalr/dist/esm/Utils';
+import ProductModelBody from '../../custom/custom/custom_extend/Base_MaterialDetailModelBody'
+import modelFooter from "./production_extend/ProcessModelFooter.vue"
+import QRCode from 'qrcodejs2'
+import { h, resolveComponent } from 'vue';
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: ProductModelBody,
+ modelFooter: modelFooter
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ createQrcode(text) {
+ // 生成二维码
+ const qrcodeImgEl = document.getElementById('qrcodeImg')
+ qrcodeImgEl.innerHTML = ''
+ let qrcode = new QRCode(qrcodeImgEl, {
+ width: 100,
+ height: 100,
+ colorDark: '#000000',
+ colorLight: '#ffffff',
+ correctLevel: QRCode.CorrectLevel.H
+ })
+ qrcode.makeCode(text)
+ },
+ getFormOption(field) {
+ let option;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == field) {
+ option = item;
+ }
+ })
+ })
+ return option;
+ },
+ updatestatus(workOrder_Id, status) {
+ let url = 'api/Production_WorkOrder/changeUpdate?workOrderId=' + workOrder_Id + '&status=' + status;
+ //给工序名称重新绑定数据源
+ this.http.get(url, {}, true).then((result) => {
+ this.$Message.success(result);
+ this.search();
+ });
+ },
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+ this.maxBtnLength = 10;
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ this.buttons.splice(3, 0, { //也可以用push或者splice方法来修改buttons数组
+ name: '开始', //按钮名称
+ icon: 'el-icon-video-play', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ type: 'warning', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ onClick: function () {
+ let selectRow = this.$refs.table.getSelected();
+ if (selectRow.length == 0) {
+ return this.$error('请选择要编辑的行!');
+ }
+ if (selectRow.length != 1) {
+ return this.$error('只能选择一行数据进行编辑!');
+ }
+ if(selectRow[0].Status == 2)
+ {
+ return this.$error('已经开始的工单不允许重复开始!');
+ }
+ this.updatestatus(selectRow[0].WorkOrder_Id, 2)
+ }
+ });
+ this.buttons.splice(4, 0, { //也可以用push或者splice方法来修改buttons数组
+ name: '撤回', //按钮名称
+ icon: 'el-icon-d-arrow-left', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ type: 'warning', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ onClick: function () {
+ let selectRow = this.$refs.table.getSelected();
+ if (selectRow.length == 0) {
+ return this.$error('请选择要编辑的行!');
+ }
+ if (selectRow.length != 1) {
+ return this.$error('只能选择一行数据进行编辑!');
+ }
+ if(selectRow[0].Status == 4)
+ {
+ return this.$error('已经撤回的工单不允许重复开始!');
+ }
+ this.updatestatus(selectRow[0].WorkOrder_Id, 4)
+ }
+ });
+ this.buttons.splice(4, 0, { //也可以用push或者splice方法来修改buttons数组
+ name: '结束', //按钮名称
+ icon: 'el-icon-finished', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ type: 'warning', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ onClick: function () {
+ let selectRow = this.$refs.table.getSelected();
+ if (selectRow.length == 0) {
+ return this.$error('请选择要编辑的行!');
+ }
+ if (selectRow.length != 1) {
+ return this.$error('只能选择一行数据进行编辑!');
+ }
+ if(selectRow[0].Status == 4)
+ {
+ return this.$error('已经结束的工单不允许重复开始!');
+ }
+ this.updatestatus(selectRow[0].WorkOrder_Id, 3)
+ }
+ });
+ this.buttons.splice(4, 0, { //也可以用push或者splice方法来修改buttons数组
+ name: '取消', //按钮名称
+ icon: 'el-icon-scissors', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ type: 'warning', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ onClick: function () {
+ let selectRow = this.$refs.table.getSelected();
+ if (selectRow.length == 0) {
+ return this.$error('请选择要编辑的行!');
+ }
+ if (selectRow.length != 1) {
+ return this.$error('只能选择一行数据进行编辑!');
+ }
+ if(selectRow[0].Status == 5)
+ {
+ return this.$error('已经取消的工单不允许重复开始!');
+ }
+ this.updatestatus(selectRow[0].WorkOrder_Id, 5)
+ }
+ });
+ //显示序号(默认隐藏)
+ this.boxOptions.labelWidth = 120;
+ this.labelWidth = 120;
+ this.columnIndex = true;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'Product_Id') {
+ //给编辑表单设置[选择数据]操作,extra具体配置见mesform组件api
+ item.extra = {
+ icon: "el-icon-zoom-out",
+ text: "高级选择",
+ style: "color:blue;font-size: 14px;cursor: pointer;",
+ click: item => {
+ this.$refs.modelBody.openDemo("WorkOrderProduct_Id");
+ }
+ }
+ }
+ })
+ });
+ var planQty = this.getFormOption('PlanQty');
+ var numReg = /^[0-9]*$/
+ var numRe = new RegExp(numReg);
+ planQty.onKeyPress = (val) => {
+ if (val.toString() != '[object KeyboardEvent]') {
+ if (numRe.test(val)) {
+ this.$refs.detail.rowData.forEach(item => {
+ item.PlanQty = val;
+ })
+ }
+ else {
+ this.$Message.error('请输入数字');
+ }
+ }
+ };
+ // this.editFormOptions[3][1].push({ //往新数组对象中添加新的属性 属性名对应属性值
+ // title: "父项产品属性",
+ // field: "Parent",
+ // readonly: true,
+ // type: "textarea",
+ // minRows: 5
+ // })
+ this.editFormOptions[this.editFormOptions.length - 1].push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: "二维码",
+ required: false,
+ field: "QrCode",
+ disabled: true,
+ render: (h) => {
+ let elem = 绩效信息
+ ;
+ return (elem)
+ }
+ });
+ this.columns.forEach(x => {
+ if (x.field == "AssociatedForm") {
+ x.formatter = (row, column, event) => {
+ return row.AssociatedForm ? '' + row.AssociatedForm + '(点击跳转)' : "";
+ };
+ //绑定点击事件
+ x.click = (row, column, event) => {
+ let path = ""
+ if (row.FromType == "SalesOrder") {
+ path = "/Production_SalesOrder";
+ this.$tabs.open({
+ text: "销售订单",
+ path: path,
+ query: {
+ SalesOrderCode: row.AssociatedForm
+ }
+ });
+ }
+ if (row.FromType == "ProductPlan") {
+ path = "/Production_ProductPlan";
+ this.$tabs.open({
+ text: "生产计划",
+ path: path,
+ query: {
+ ProductPlanCode: row.AssociatedForm
+ }
+ });
+ }
+ if (row.FromType == "AssembleWorkOrder") {
+ path = "/Production_AssembleWorkOrder";
+ this.$tabs.open({
+ text: "装配工单",
+ path: path,
+ query: {
+ AssembleWorkOrderCode: row.AssociatedForm
+ }
+ });
+ }
+ };
+ }
+ });
+ },
+ getRow(rows, modelType) {
+ if (modelType == "WorkOrderProduct_Id") {
+ //将选择的数据合并到表单中(注意框架生成的代码都是大写，后台自己写的接口是小写的)
+ this.editFormFields.Product_Id = rows[0].Product_Id
+ this.editFormFields.ProductCode = rows[0].ProductCode
+ this.editFormFields.ProductName = rows[0].ProductName
+ this.editFormFields.ProductStandard = rows[0].ProductStandard
+ this.editFormFields.Unit_Id = rows[0].Unit_Id
+ }
+ },
+ getProcessRow(rows) {
+ let json = rows.map(item => ({
+ Process_Id: item.Process_Id,
+ ProcessCode: item.ProcessCode,
+ ProcessName: item.ProcessName,
+ SubmitWorkLimit: item.SubmitWorkLimit,
+ SubmitWorkMatch: item.SubmitWorkMatch,
+ DefectItem: item.DefectItem,
+ PlanStartDate: this.editFormFields.PlanStartDate,
+ PlanEndDate: this.editFormFields.PlanEndDate,
+ PlanQty: this.editFormFields.PlanQty,
+ GoodQty: 0,
+ NoGoodQty: 0,
+ SubmitWorkLimitLabel: item.SubmitWorkLimitLabel,
+ DefectItemLabel: item.DefectItemLabel
+ }))
+ this.$refs.detail.rowData.unshift(...json);
+ },
+ getFieldDicValue(fieldName, fieldValue) {
+ this.detailOptions.columns.forEach(item => {
+ if (item.field == fieldName) {
+ var result = item.bind.data.find(val => val.key == fieldValue)
+ return result.value;
+ }
+ })
+ },
+ getProcessListById(processLineId) {
+ let url = "api/Base_Process/getProcessListByLineID?ProcessLine_Id=" + processLineId;
+ this.http.get(url, {}, true).then(rows => {
+ let json = rows.map(item => ({
+ Process_Id: item.Process_Id,
+ ProcessCode: item.ProcessCode,
+ ProcessName: item.ProcessName,
+ SubmitWorkLimit: item.SubmitWorkLimit,
+ SubmitWorkMatch: item.SubmitWorkMatch,
+ DefectItem: item.DefectItem,
+ PlanStartDate: this.editFormFields.PlanStartDate,
+ PlanEndDate: this.editFormFields.PlanEndDate,
+ PlanQty: this.editFormFields.PlanQty,
+ GoodQty: 0,
+ NoGoodQty: 0,
+ SubmitWorkLimitLabel: '',
+ DefectItemLabel: ''
+ }))
+ json.forEach(x => {
+ if (x.SubmitWorkLimit) {
+ let workLimitLabel = "";
+ var arr = x.SubmitWorkLimit.split(',');
+ arr.forEach(itemKey => {
+ this.detailOptions.columns.forEach(item => {
+ if (item.field == "SubmitWorkLimit") {
+ var result = item.bind.data.find(val => val.key == itemKey)
+ workLimitLabel += (result.value + '，');
+ }
+ })
+ })
+ x.SubmitWorkLimitLabel = workLimitLabel.substring(0, workLimitLabel.length - 1);
+ }
+ if (x.DefectItem) {
+ let defectLabel = "";
+ var arr = x.DefectItem.split(',');
+ arr.forEach(itemKey => {
+ this.detailOptions.columns.forEach(item => {
+ if (item.field == "DefectItem") {
+ var result = item.bind.data.find(val => val.key == itemKey)
+ defectLabel += (result.value + '，');
+ }
+ })
+ })
+ x.DefectItemLabel = defectLabel.substring(0, defectLabel.length - 1);
+ }
+
+ })
+ this.$refs.detail.rowData = [];
+ this.$refs.detail.rowData.unshift(...json);
+ })
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ var that = this;
+ var productCode = this.getFormOption('Product_Id');
+ var startDate = this.getFormOption('PlanStartDate');
+ var endDate = this.getFormOption('PlanEndDate');
+
+ productCode.onChange = (val, item) => {
+ that.http.ajax({
+ url: "api/Base_Product/getProductInfoByProductID?productId=" + val,
+ json: true,
+ success: function (data) {
+ that.editFormFields.ProductCode = data[0].ProductCode
+ that.editFormFields.ProductName = data[0].ProductName
+ that.editFormFields.ProductStandard = data[0].ProductStandard
+ that.editFormFields.Unit_Id = data[0].Unit_Id
+
+ if (data[0].Process_Id) {
+ that.getProcessListById(data[0].Process_Id);
+ }
+ else {
+ that.$refs.detail.rowData = [];
+ }
+ },
+ type: "get",
+ async: false,
+ });
+ };
+ startDate.onChange = (val, item) => {
+ this.$refs.detail.rowData.forEach(item => {
+ item.PlanStartDate = val;
+ })
+ };
+ endDate.onChange = (val, item) => {
+ this.$refs.detail.rowData.forEach(item => {
+ item.PlanEndDate = val;
+ })
+ };
+ let _index = this.detailOptions.columns.findIndex(x => { return x.field == 'SubmitWorkLimit' });
+ this.detailOptions.columns.splice(_index, 0, {
+ field: "SubmitWorkLimitLabel",
+ title: "报工权限",
+ type: 'string',
+ width: 250,
+ align: "left"
+ })
+ this.detailOptions.columns.splice(_index, 0, {
+ field: "DefectItemLabel",
+ title: "不良品项列表",
+ type: 'string',
+ width: 250,
+ align: "left"
+ })
+ //隐藏明细表中列
+ this.detailOptions.columns.forEach(x => {
+ if (x.field == 'SubmitWorkLimit') {
+ x.hidden = true;
+ }
+ if (x.field == 'DefectItem') {
+ x.hidden = true;
+ }
+ if (x.field == 'DistributionList') {
+ x.hidden = true;
+ }
+ if (x.field == 'WorkOrder_Id') {
+ x.hidden = true;
+ }
+ });
+ this.detailOptions.buttons.shift();
+ this.detailOptions.buttons.unshift({
+ name: '从工序中添加', //按钮名称
+ icon: 'el-icon-plus', //按钮图标，参照iview图标
+ hidden: false, //是否隐藏按钮(如果想要隐藏按钮，在onInited方法中遍历buttons，设置hidden=true)
+ onClick: function () {
+ //触发事件
+ this.$refs.modelFooter.open();
+ }
+ });
+ this.columns.forEach(x => {
+ if (x.field == 'ProductionSchedule') {
+ x.render = (h, scope) => {
+ if (scope.row.ProductionSchedule != '-' && scope.row.ProductionSchedule != undefined && scope.row.ProductionSchedule != "") {
+ let arr = JSON.parse(scope.row.ProductionSchedule);
+ arr = arr.sort(function (a, b) { //重点在这里，下面有说明
+ return a.Sequence - b.Sequence; //inNum是要根据某个字段进行排序的字段名，
+ })
+ let activeSeq = arr.find(x => x.PercentNum != '100.00%');
+ activeSeq = activeSeq == undefined ? arr.length + 1 : activeSeq.Sequence;
+ return [
+ h(resolveComponent('el-steps'), {
+ active: activeSeq, 'align-center': true
+ }, [
+ arr.map(item => {
+ return h(resolveComponent('el-step'), { title: item.ProcessName, description: item.PercentNum },)
+ })
+ ]),
+ ]
+ }
+ }
+ }
+
+ })
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ showTime() {
+ let date = new Date();
+ let year = date.getFullYear();
+ let month = date.getMonth() + 1;
+ let day = date.getDate();
+ return (
+ year +
+ '-' +
+ (month < 10 ? '0' + month : month) +
+ '-' +
+ (day < 10 ? '0' + day : day)
+ );
+ },
+ searchDetailAfter(data) {//查询从表后param查询参数,result回返查询的结果
+ if (this.currentAction == 'update') {
+ data.forEach(x => {
+ if (x.SubmitWorkLimit) {
+ let workLimitLabel = "";
+ var arr = x.SubmitWorkLimit.split(',');
+ arr.forEach(itemKey => {
+ this.detailOptions.columns.forEach(item => {
+ if (item.field == "SubmitWorkLimit") {
+ var result = item.bind.data.find(val => val.key == itemKey)
+ workLimitLabel += (result.value + '，');
+ }
+ })
+ })
+ x.SubmitWorkLimitLabel = workLimitLabel.substring(0, workLimitLabel.length - 1);
+ }
+ if (x.DefectItem) {
+ let defectLabel = "";
+ var arr = x.DefectItem.split(',');
+ arr.forEach(itemKey => {
+ this.detailOptions.columns.forEach(item => {
+ if (item.field == "DefectItem") {
+ var result = item.bind.data.find(val => val.key == itemKey)
+ defectLabel += (result.value + '，');
+ }
+ })
+ })
+ x.DefectItemLabel = defectLabel.substring(0, defectLabel.length - 1);
+ }
+ })
+ }
+ return true;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ let qrCode = this.getFormOption("QrCode");
+ let remark = this.getFormOption("Remark");
+ if (this.currentAction == 'Add') {
+ this.editFormFields.PlanStartDate = this.showTime() + " 00:00:00"
+ this.editFormFields.PlanEndDate = this.showTime() + " 23:59:59"
+ this.editFormFields.Status = "1"
+ remark.colSize = 8;
+ qrCode.hidden = true;
+ }
+ if (this.currentAction == 'update') {
+ remark.colSize = 4;
+ qrCode.hidden = false;
+ this.createQrcode("WorkOrderId=" + row.WorkOrder_Id);
+ }
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "WorkOrderCode") {
+ //disabled是editFormOptions的动态属性，这里只能通过this.$set修改值
+ //vue3版本改为设置：x.disabled=isEDIT
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/production/production/Production_WorkOrderList.js b/src/extension/production/production/Production_WorkOrderList.js
new file mode 100644
index 0000000..7cb11f0
--- /dev/null
+++ b/src/extension/production/production/Production_WorkOrderList.js
@@ -0,0 +1,76 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.boxOptions.height = document.documentElement.clientHeight * 0.5;
+ this.boxOptions.labelWidth = 120;
+ this.labelWidth = 120;
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/production/production/production_extend/AssembleWorkOrderGridFooter.vue b/src/extension/production/production/production_extend/AssembleWorkOrderGridFooter.vue
new file mode 100644
index 0000000..4989851
--- /dev/null
+++ b/src/extension/production/production/production_extend/AssembleWorkOrderGridFooter.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/extension/production/production/production_extend/AssembleWorkOrderModelBody.vue b/src/extension/production/production/production_extend/AssembleWorkOrderModelBody.vue
new file mode 100644
index 0000000..e3c39bb
--- /dev/null
+++ b/src/extension/production/production/production_extend/AssembleWorkOrderModelBody.vue
@@ -0,0 +1,164 @@
+
+
+
+ 装配工单-产品明细
+
+
+ 产品编码：
+ 搜索
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+ 产品编码：
+ 搜索
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+ 工序编码：
+ 搜索
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+ 产品编码：
+ 搜索
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/extension/quality/quality/Quality_Defect.js b/src/extension/quality/quality/Quality_Defect.js
new file mode 100644
index 0000000..5c67330
--- /dev/null
+++ b/src/extension/quality/quality/Quality_Defect.js
@@ -0,0 +1,74 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.height = 350;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/quality/quality/Quality_InComingCheck.js b/src/extension/quality/quality/Quality_InComingCheck.js
new file mode 100644
index 0000000..d66f094
--- /dev/null
+++ b/src/extension/quality/quality/Quality_InComingCheck.js
@@ -0,0 +1,141 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import modelFooter from "./quality_extend/Base_MaterialDetailModelBody.vue"
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: modelFooter
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.labelWidth = 120;
+ //选择数据源功能
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'ProductName') {
+ //给编辑表单设置[选择数据]操作,extra具体配置见mesform组件api
+ item.extra = {
+ icon: "el-icon-zoom-out",
+ text: "选择",
+ style: "color:blue;font-size: 14px;cursor: pointer;",
+ click: item => {
+ this.$refs.modelFooter.open();
+ }
+ }
+ }
+ })
+ })
+ },
+ getRow(_rows) {
+ this.editFormFields["Product_Id"] = _rows[0].Product_Id;
+ this.editFormFields["ProductName"] = _rows[0].ProductName;
+ this.editFormFields["ProductCode"] = _rows[0].ProductCode;
+ this.editFormFields["ProductStandard"] = _rows[0].ProductStandard;
+ let url = "api/Quality_TemplateTestItem/getTestItemRows?ProductId=" + _rows[0].Product_Id
+ this.http.get(url, {}, true).then(rows => {
+ if (rows == "[]") {
+ this.$refs.detail.rowData = [];
+ } else {
+ let newArr = rows.map(val => {
+ let json = {};
+ json.CheckMethod = val.CheckMethod;
+ json.TestItemCode = val.TestItemCode;
+ json.QCTool = val.QCTool;
+ json.StanderValue = val.StanderValue;
+ json.TemplateId = val.TemplateId;
+ json.TemplateTestItemId = val.TemplateTestItemId;
+ json.TestItemId = val.TestItemId;
+ json.TestItemName = val.TestItemName;
+ json.TestItemType = val.TestItemType;
+ json.ThresholdMax = val.ThresholdMax;
+ json.ThresholdMin = val.ThresholdMin;
+ return json;
+ });
+ this.$refs.detail.rowData = newArr;
+ }
+ })
+ },
+ getFormOption(field) {
+ let option;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == field) {
+ option = item;
+ }
+ })
+ })
+ return option;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ this.detailOptions.buttons = [];
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ let product_Id = this.getFormOption("Product_Id");
+ product_Id.hidden = true;
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "InComingCheckCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/quality/quality/Quality_InComingCheckTestItem.js b/src/extension/quality/quality/Quality_InComingCheckTestItem.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/quality/quality/Quality_InComingCheckTestItem.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/quality/quality/Quality_OutCheck.js b/src/extension/quality/quality/Quality_OutCheck.js
new file mode 100644
index 0000000..4463a31
--- /dev/null
+++ b/src/extension/quality/quality/Quality_OutCheck.js
@@ -0,0 +1,141 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import modelFooter from "./quality_extend/Base_MaterialDetailModelBody.vue"
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: modelFooter
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.labelWidth = 120;
+ //选择数据源功能
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'ProductName') {
+ //给编辑表单设置[选择数据]操作,extra具体配置见mesform组件api
+ item.extra = {
+ icon: "el-icon-zoom-out",
+ text: "选择",
+ style: "color:blue;font-size: 14px;cursor: pointer;",
+ click: item => {
+ this.$refs.modelFooter.open();
+ }
+ }
+ }
+ })
+ })
+ },
+ getRow(_rows) {
+ this.editFormFields["Product_Id"] = _rows[0].Product_Id;
+ this.editFormFields["ProductName"] = _rows[0].ProductName;
+ this.editFormFields["ProductCode"] = _rows[0].ProductCode;
+ this.editFormFields["ProductStandard"] = _rows[0].ProductStandard;
+ let url = "api/Quality_TemplateTestItem/getOutCheckTestItemRows?ProductId=" + _rows[0].Product_Id
+ this.http.get(url, {}, true).then(rows => {
+ if (rows == "[]") {
+ this.$refs.detail.rowData = [];
+ } else {
+ let newArr = rows.map(val => {
+ let json = {};
+ json.CheckMethod = val.CheckMethod;
+ json.TestItemCode = val.TestItemCode;
+ json.QCTool = val.QCTool;
+ json.StanderValue = val.StanderValue;
+ json.TemplateId = val.TemplateId;
+ json.TemplateTestItemId = val.TemplateTestItemId;
+ json.TestItemId = val.TestItemId;
+ json.TestItemName = val.TestItemName;
+ json.TestItemType = val.TestItemType;
+ json.ThresholdMax = val.ThresholdMax;
+ json.ThresholdMin = val.ThresholdMin;
+ return json;
+ });
+ this.$refs.detail.rowData = newArr;
+ }
+ })
+ },
+ getFormOption(field) {
+ let option;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == field) {
+ option = item;
+ }
+ })
+ })
+ return option;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ this.detailOptions.buttons = [];
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ let product_Id = this.getFormOption("Product_Id");
+ product_Id.hidden = true;
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "OutCheckCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/quality/quality/Quality_OutCheckTestItem.js b/src/extension/quality/quality/Quality_OutCheckTestItem.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/quality/quality/Quality_OutCheckTestItem.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/quality/quality/Quality_ProcessCheck.js b/src/extension/quality/quality/Quality_ProcessCheck.js
new file mode 100644
index 0000000..9063676
--- /dev/null
+++ b/src/extension/quality/quality/Quality_ProcessCheck.js
@@ -0,0 +1,178 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import modelFooter from "./quality_extend/Base_MaterialDetailModelBody.vue"
+import modelBody from "./quality_extend/WorkOrderModelBody.vue"
+import modelHeader from "./quality_extend/ProcessModelBody.vue"
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: modelHeader,
+ modelBody: modelBody,
+ modelFooter: modelFooter
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.labelWidth = 120;
+ //选择数据源功能
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'WorkOrderCode') {
+ //给编辑表单设置[选择数据]操作,extra具体配置见mesform组件api
+ item.extra = {
+ icon: "el-icon-zoom-out",
+ text: "选择",
+ style: "color:blue;font-size: 14px;cursor: pointer;",
+ click: item => {
+ this.$refs.modelBody.open();
+ }
+ }
+ }
+ if (item.field == 'ProductCode') {
+ //给编辑表单设置[选择数据]操作,extra具体配置见mesform组件api
+ item.extra = {
+ icon: "el-icon-zoom-out",
+ text: "选择",
+ style: "color:blue;font-size: 14px;cursor: pointer;",
+ click: item => {
+ this.$refs.modelFooter.open();
+ }
+ }
+ }
+ if (item.field == 'ProcessCode') {
+ //给编辑表单设置[选择数据]操作,extra具体配置见mesform组件api
+ item.extra = {
+ icon: "el-icon-zoom-out",
+ text: "选择",
+ style: "color:blue;font-size: 14px;cursor: pointer;",
+ click: item => {
+ this.$refs.modelHeader.open();
+ }
+ }
+ }
+ })
+ })
+ },
+ getRow(_rows) {
+ this.editFormFields["Product_Id"] = _rows[0].Product_Id;
+ this.editFormFields["ProductName"] = _rows[0].ProductName;
+ this.editFormFields["ProductCode"] = _rows[0].ProductCode;
+ this.editFormFields["ProductStandard"] = _rows[0].ProductStandard;
+ let url = "api/Quality_TemplateTestItem/getProcessTestItemRows?ProductId=" + _rows[0].Product_Id
+ this.http.get(url, {}, true).then(rows => {
+ if (rows == "[]") {
+ this.$refs.detail.rowData = [];
+ } else {
+ let newArr = rows.map(val => {
+ let json = {};
+ json.CheckMethod = val.CheckMethod;
+ json.TestItemCode = val.TestItemCode;
+ json.QCTool = val.QCTool;
+ json.StanderValue = val.StanderValue;
+ json.TemplateId = val.TemplateId;
+ json.TemplateTestItemId = val.TemplateTestItemId;
+ json.TestItemId = val.TestItemId;
+ json.TestItemName = val.TestItemName;
+ json.TestItemType = val.TestItemType;
+ json.ThresholdMax = val.ThresholdMax;
+ json.ThresholdMin = val.ThresholdMin;
+ return json;
+ });
+ this.$refs.detail.rowData = newArr;
+ }
+ })
+ },
+ getRowWorkOrder(_rows) {
+ this.editFormFields["WorkOrderCode"] = _rows[0].WorkOrderCode;
+ this.editFormFields["WorkOrder_Id"] = _rows[0].WorkOrder_Id;
+ },
+ getRowProcess(_rows) {
+ this.editFormFields["Process_Id"] = _rows[0].Process_Id;
+ this.editFormFields["ProcessCode"] = _rows[0].ProcessCode;
+ this.editFormFields["ProcessName"] = _rows[0].ProcessName;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ this.detailOptions.buttons = [];
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ getFormOption(field) {
+ let option;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == field) {
+ option = item;
+ }
+ })
+ })
+ return option;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ let process_Id = this.getFormOption("Process_Id");
+ process_Id.hidden = true;
+ let WorkOrder_Id = this.getFormOption("WorkOrder_Id");
+ WorkOrder_Id.hidden = true;
+ let Product_Id = this.getFormOption("Product_Id");
+ Product_Id.hidden = true;
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "ProcessCheckCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/quality/quality/Quality_ProcessCheckTestItem.js b/src/extension/quality/quality/Quality_ProcessCheckTestItem.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/quality/quality/Quality_ProcessCheckTestItem.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/quality/quality/Quality_Template.js b/src/extension/quality/quality/Quality_Template.js
new file mode 100644
index 0000000..50c492b
--- /dev/null
+++ b/src/extension/quality/quality/Quality_Template.js
@@ -0,0 +1,103 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import { h, resolveComponent, defineAsyncComponent } from 'vue';
+import modelBody from "./quality_extend/Quality_TemplateModelBody.vue"
+import modelHeader from "./quality_extend/Quality_TemplateModelHeader.vue"
+import modelFooter from "./quality_extend/Quality_TemplateModelFooter.vue"
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: modelHeader,
+ modelBody: modelBody,
+ modelFooter: modelFooter
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.height = this.height - 100;
+ //自定义弹出框的高与宽
+ this.boxOptions.height = document.body.clientHeight * 0.9;
+ this.boxOptions.width = document.body.clientWidth * 0.8;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ this.setFormData(formData);
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ this.setFormData(formData);
+ return true;
+ },
+ setFormData(formData) { //新建或编辑时，将从表1、2的数据提交到后台,见后台Equip_SpotMaintPlanService的新建方法
+ //后台从对象里直接取extra的值
+ let extra = {
+ table1List: this.$refs.modelBody.$refs.table1.rowData,//获取从表1的行数据
+ table2List: this.$refs.modelBody.$refs.table2.rowData//获取从表2的行数据
+ }
+ formData.extra = JSON.stringify(extra);
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "TemplateCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ this.$nextTick(() => {
+ //这里没有给弹出框中的表格传参，如果需要参数可以通过 this.$emit("parentCall", 获取页面的参数
+ //具体见自定义页面Equip_SpotMaintPlanModelBody.vue中的modelOpen方法的使用 this.$emit("parentCall", ($this) => {
+ this.$refs.modelBody.modelOpen();
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/quality/quality/Quality_TemplateProduct.js b/src/extension/quality/quality/Quality_TemplateProduct.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/quality/quality/Quality_TemplateProduct.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/quality/quality/Quality_TemplateTestItem.js b/src/extension/quality/quality/Quality_TemplateTestItem.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/quality/quality/Quality_TemplateTestItem.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/quality/quality/Quality_TestItem.js b/src/extension/quality/quality/Quality_TestItem.js
new file mode 100644
index 0000000..4ff0eeb
--- /dev/null
+++ b/src/extension/quality/quality/Quality_TestItem.js
@@ -0,0 +1,82 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.height = 380;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "TestItemCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/quality/quality/quality_extend/Base_MaterialDetailModelBody.vue b/src/extension/quality/quality/quality_extend/Base_MaterialDetailModelBody.vue
new file mode 100644
index 0000000..3838758
--- /dev/null
+++ b/src/extension/quality/quality/quality_extend/Base_MaterialDetailModelBody.vue
@@ -0,0 +1,138 @@
+
+
+
+ {{type}}-产品明细
+
+
+ 产品编码
+ 搜索
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+ 工序编码
+ 搜索
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+
+
+
+ 检测项
+
+
+
+
+
+
+
+
+
+
+ 产品信息
+
+
+
+
+
+
+
+
+ 添加行
+ 删除行
+
+
+
+ 添加行
+ 删除行
+
+
+
+ 产品编码：
+ 搜索
+
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+ 检测项编码：
+ 搜索
+
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+ 工单编码
+ 搜索
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+ 扩展组xx件
" },
+ gridBody: '',
+ gridFooter: "",
+ //弹出框(修改、编辑、查看)header、content、footer对应位置扩充的组件
+ modelHeader: "",
+ modelBody: "",
+ modelFooter: ""
+ },
+ buttons: [], //扩展的按钮
+ methods: {
+ //事件扩展
+ onInit() {
+ console.log("sys_log")
+ this.setFiexdSearchForm(true);
+ },
+ onInited() {
+ this.height = this.height - 170;
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/system/Sys_Role.js b/src/extension/system/Sys_Role.js
new file mode 100644
index 0000000..c404da6
--- /dev/null
+++ b/src/extension/system/Sys_Role.js
@@ -0,0 +1,61 @@
+
+import { h, resolveComponent } from 'vue';
+let extension = {
+ components: {//动态扩充组件或组件路径
+ //表单header、content、footer对应位置扩充的组件
+ gridHeader: '',
+ gridBody: {
+ render () {
+ return [
+ h(resolveComponent('el-alert'), {
+ style: { 'margin-bottom': '12px' },
+ 'show-icon': false, type: 'success',
+ closable: false, title: '关于TreeTable使用'
+ }, ' treetable同样全部代码自动生成，页面生成后设置this.rowKe="xxx" tree主键字段,即可完成树形table配置,具体说明见Sys_Role1.js'),
+ ]
+ }
+ },
+
+ gridFooter: '',
+ //弹出框(修改、编辑、查看)header、content、footer对应位置扩充的组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ buttons: [],//扩展的按钮
+ tableAction:"Sys_Role",
+ methods: {//事件扩展
+ onInited () {
+ this.height = this.height - 80;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'ParentId') {
+ item.title = "上级角色";
+ //设置任意节点都能选中(默认只能选中最后一个节点)
+ item.changeOnSelect = true;
+ }
+ })
+ })
+ },
+ onInit() {
+ //设置treetable的唯一值字段(这个字段的值在表里面必须是唯一的)
+ this.rowKey="Role_Id";
+ },
+ /***加载后台数据见Sys_RoleController.cs文件***/
+ loadTreeChildren(tree, treeNode, resolve) { //加载子节点
+ let url=`api/role/getTreeTableChildrenData?roleId=${tree.Role_Id}`;
+ this.http.post(url,{}).then(result=>{
+ resolve(result.rows)
+ })
+ },
+ /***加载后台数据见Sys_RoleController.cs文件***/
+ searchBefore(params){//判断加载根节点或子节点
+ //没有查询条件，默认查询返回所有根节点数据
+ if (!params.wheres.length) {
+ params.value=1;
+ }
+ return true;
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/system/Sys_Role1.js b/src/extension/system/Sys_Role1.js
new file mode 100644
index 0000000..7d71ecd
--- /dev/null
+++ b/src/extension/system/Sys_Role1.js
@@ -0,0 +1,50 @@
+
+import { h, resolveComponent } from 'vue';
+let extension = {
+ components: {//动态扩充组件或组件路径
+ //表单header、content、footer对应位置扩充的组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //弹出框(修改、编辑、查看)header、content、footer对应位置扩充的组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ buttons: [],//扩展的按钮
+ tableAction:"Sys_Role",
+ methods: {//事件扩展
+ onInited () {
+ this.height = this.height - 80;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'ParentId') {
+ item.title = "上级角色";
+ //设置任意节点都能选中(默认只能选中最后一个节点)
+ item.changeOnSelect = true;
+ }
+ })
+ })
+ },
+ onInit() {
+ //设置treetable的唯一值字段(这个字段的值在表里面必须是唯一的)
+ this.rowKey="Role_Id";
+ },
+ /***加载后台数据见Sys_RoleController.cs文件***/
+ loadTreeChildren(tree, treeNode, resolve) { //加载子节点
+ let url=`api/role/getTreeTableChildrenData?roleId=${tree.Role_Id}`;
+ this.http.post(url,{}).then(result=>{
+ resolve(result.rows)
+ })
+ },
+ /***加载后台数据见Sys_RoleController.cs文件***/
+ searchBefore(params){//判断加载根节点或子节点
+ //没有查询条件，默认查询返回所有根节点数据
+ if (!params.wheres.length) {
+ params.value=1;
+ }
+ return true;
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/system/Sys_User.js b/src/extension/system/Sys_User.js
new file mode 100644
index 0000000..ed59df4
--- /dev/null
+++ b/src/extension/system/Sys_User.js
@@ -0,0 +1,323 @@
+import { ConsoleLogger } from "@microsoft/signalr/dist/esm/Utils";
+import { stringifyStyle } from "@vue/shared";
+import { defineAsyncComponent } from "vue";
+import FileSaver from 'file-saver';
+let extension = {
+ components: { //动态扩充组件或组件路径
+ //表单header、content、footer对应位置扩充的组件
+ gridHeader: defineAsyncComponent(() =>
+ import("./Sys_User/Sys_UserGridHeader.vue")),
+ gridBody: '',
+ gridFooter: '',
+ //弹出框(修改、编辑、查看)header、content、footer对应位置扩充的组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ text: "只能看到当前角色下的所有帐号",
+ buttons: [], //扩展的按钮
+ methods: { //事件扩展
+ getNowTime() {
+ let dt = new Date()
+ var y = dt.getFullYear()
+ var mt = (dt.getMonth() + 1).toString().padStart(2, '0')
+ var day = dt.getDate().toString().padStart(2, '0')
+ var h = dt.getHours().toString().padStart(2, '0')
+ var m = dt.getMinutes().toString().padStart(2, '0')
+ return y + mt + day + h + m
+ },
+ onInit() {
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ //在表单配置的第二行后，将MyComponent组件添加到表单中
+ this.editFormOptions.splice(this.editFormOptions.length, 0, [{
+ colSize: 12,
+ render: (h) => {
+ let elem =
+
;
+ return (elem)
+
+ }
+ }])
+ this.buttons.splice(5, 0, { //也可以用push或者splice方法来修改buttons数组
+ name: '导出PDF', //按钮名称
+ icon: 'el-icon-printer', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ type: 'warning', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ onClick: function () {
+ let url = "/api/User/ExportPDF";
+ this.http.get(url, {}, '正在导出数据....').then(content => {
+ //window.location.href = "https://wechat.625sc.com:8891/PDF/User/" + content
+ var URL = this.http.webAddress + "/PDF/User/" + content // URL 为URL地址
+ FileSaver.saveAs(URL, content);
+ })
+
+ }
+ });
+ //增加扩展字段 start
+ this.http.get("/api/Sys_Table_Extend/getTableExtendField?tableName=" + "Sys_User", {}, true).then((result) => {
+ let editFormObj = [];
+ result.map(((item, index) => {
+ let fieldName = item.fieldName;
+ let fieldCode = item.fieldCode;
+ let tableEx_Id = item.tableEx_Id;
+ let fieldType = item.fieldType;
+ let dataDic = item.dataDic;
+ let data = [];
+ let isRequired = item.fieldAttr == null ? false : item.fieldAttr.includes("required");
+ let isReadyonly = item.fieldAttr == null ? false : item.fieldAttr.includes("readonly");
+ this.editFormFields[fieldCode] = "";
+ if (fieldType == "select" || fieldType == "switch" || fieldType == "checkbox" || fieldType == "selectList") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ dataKey: dataDic,
+ data: [],
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ })
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: 'string',
+ bind: { key: dataDic, data: [] },
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else if (fieldType == "img") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: fieldType,
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else if (fieldType == "textarea" || fieldType == "text" || fieldType == "number" || fieldType == "decimal" || fieldType == "phone") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: "string",
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else if (fieldType == "date" || fieldType == "datetime") {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: fieldType
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: fieldType,
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ else {
+ editFormObj.push({ //往新数组对象中添加新的属性 属性名对应属性值
+ title: fieldName,
+ required: isRequired,
+ readonly: isReadyonly,
+ field: fieldCode,
+ type: "text"
+ });
+ this.columns.push({
+ field: fieldCode,
+ title: fieldName,
+ type: "string",
+ width: 150,
+ require: isRequired,
+ readonly: isReadyonly,
+ align: 'left'
+ })
+ }
+ if ((index + 1) % 2 == 0 || (index + 1) == result.length) {
+ this.editFormOptions.push(editFormObj);
+ editFormObj = [];
+ }
+ }))
+ //刷新字典数据源
+ this.initDicKeys();
+ });
+ //增加扩展字段 end
+ this.boxOptions.height = 530;
+ this.columns.push({
+ title: '操作',
+ hidden: false,
+ align: "center",
+ fixed: 'right',
+ width: 120,
+ render: (h, { row, column, index }) => {
+ return h(
+ "div", { style: { 'font-size': '13px', 'cursor': 'pointer', 'color': '#409eff' } }, [
+ h(
+ "a", {
+ style: { 'margin-right': '15px' },
+ onClick: (e) => {
+ e.stopPropagation()
+ this.$refs.gridHeader.open(row);
+ }
+ }, "修改密码"
+ ),
+ h(
+ "a", {
+ style: {},
+ onClick: (e) => {
+ e.stopPropagation()
+ this.edit(row);
+ }
+ },
+ "编辑"
+ ),
+ ])
+ }
+ })
+
+
+ //点击弹窗后，增加扩展字段
+
+ },
+ searchAfter(result) { //查询ViewGird表数据后param查询参数,result回返查询的结果
+ var that = this;
+ that.http.ajax({
+ url: "api/Sys_User_ExtendData/getExtendDataByUserID",
+ json: true,
+ success: function (data) {
+ if (data.length > 0) {
+ result.forEach(function (ele, index) {
+ var dataDefect = data.filter(item => item.User_Id == ele.User_Id);
+ dataDefect.forEach(function (dataEle, dataIndex) {
+ result[index][dataEle.FieldCode] = dataEle.FieldValue
+ })
+ })
+ }
+ },
+ type: "get",
+ async: false,
+ });
+ return true;
+ },
+ nodeClick(catalogIds, nodes, nodesList) { //左边树节点点击事件
+ //左边树节点的甩有子节点，用于查询数据
+ this.nodesList = nodesList;
+ this.catalogIds = catalogIds.join(',');
+ //左侧树选中节点的所有父节点,用于新建时设置级联的默认值
+ this.nodes = nodes;
+ this.search();
+ },
+ onInited() { },
+ addAfter(result) { //用户新建后，显示随机生成的密码
+ if (!result.status) {
+ return true;
+ }
+ //显示新建用户的密码
+ //2020.08.28优化新建成后提示方式
+ this.$confirm(result.message, '新建用户成功', {
+ confirmButtonText: '确定',
+ type: 'success',
+ center: true
+ }).then(() => { })
+
+ this.boxModel = false;
+ this.refresh();
+ return false;
+ },
+ modelOpenAfter() {
+ //点击弹出框后，如果是编辑状态，禁止编辑用户名，如果新建状态，将用户名字段设置为可编辑
+ let isEDIT = this.currentAction == this.const.EDIT;
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ if (x.field == "UserName") {
+ x.disabled = isEDIT;
+ }
+ })
+ //不是新建，性别默认值设置为男
+ if (!isEDIT) {
+ this.editFormFields.Gender = "0";
+ }
+ })
+ this.http.get("/api/Sys_Table_Extend/getTableExtendField?tableName=" + "Sys_User", {}, true).then((result) => {
+ let editFormObj = [];
+ result.map(((item, index) => {
+ let fieldName = item.fieldName;
+ let fieldCode = item.fieldCode;
+ let tableEx_Id = item.tableEx_Id;
+ let fieldType = item.fieldType;
+ let dataDic = item.dataDic;
+ let fieldAttr = item.fieldAttr;
+ let guideWords = item.guideWords;
+ let defaultValue = item.defaultValue;
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == fieldCode && guideWords != "") {
+ x.placeholder = guideWords;
+ }
+ if (this.currentAction == 'Add' && x.field == fieldCode && defaultValue != "") {
+ this.editFormFields[fieldCode] = defaultValue;
+ }
+ })
+ })
+ }))
+ // //刷新字典数据源
+ // this.initDicKeys();
+ });
+ },
+ addBefore(formData) { //弹出框新建或编辑功能点保存时可以将从表1，从表2的数据提到后台
+ this.setFormData(formData);
+ return true;
+ },
+ updateBefore(formData) { //编辑时功能点保存时可以将从表1，从表2的数据提到后台
+ this.setFormData(formData);
+ return true;
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ //查询前方法，如果是左边树选择了商品分类，直接查询商品分类
+ if (this.catalogIds) {
+ param.wheres.push({
+ name: 'Dept_Id',
+ value: this.catalogIds,
+ 'displayType':'selectList'
+ });
+ }
+ return true;
+ },
+ setFormData(formData) { //新建或编辑时，将从表1、2的数据提交到后台,见后台App_ReportPriceService的新建方法
+ //后台从对象里直接取extra的值
+ formData.extra = JSON.stringify(formData.mainData);
+ },
+
+ }
+};
+export default extension;
\ No newline at end of file
diff --git a/src/extension/system/Sys_User/Sys_UserGridHeader.vue b/src/extension/system/Sys_User/Sys_UserGridHeader.vue
new file mode 100644
index 0000000..0d3f327
--- /dev/null
+++ b/src/extension/system/Sys_User/Sys_UserGridHeader.vue
@@ -0,0 +1,85 @@
+
+ 扩展字段
+
+
+
+
+ 修改密码
+ 关闭
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/extension/system/flow/Sys_WorkFlow.js b/src/extension/system/flow/Sys_WorkFlow.js
new file mode 100644
index 0000000..9584a4d
--- /dev/null
+++ b/src/extension/system/flow/Sys_WorkFlow.js
@@ -0,0 +1,86 @@
+/*****************************************************************************************
+ ** Author:COCO
+ *****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import gridHader from './Sys_WorkFlow/WorkFlowGridHeader.vue';
+import { h, resolveComponent } from 'vue';
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: gridHader,
+ gridBody: {
+ render() {
+ return [
+ h(
+ resolveComponent('el-alert'),
+ {
+ style: { 'margin-bottom': '12px' },
+ 'show-icon': true,
+ type: 'success',
+ closable: false,
+ title: '流程设计器根据easy-flow修改,表必须包括审批字段AuditStatus,具体见示例表入库单;后台startup需要注入审批流程'
+ },
+ ''
+ )
+ ];
+ }
+ },
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() {
+ //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ },
+ onInited() {
+ this.height = this.height - 50;
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ async modelOpenBeforeAsync(row) {
+ //点击编辑/新建按钮弹出框前，可以在此处写逻辑，如，从后台获取数据
+ this.$refs.gridHeader.open(row);
+ return false;
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/system/flow/Sys_WorkFlow/WorkFlowGridHeader.vue b/src/extension/system/flow/Sys_WorkFlow/WorkFlowGridHeader.vue
new file mode 100644
index 0000000..51f0149
--- /dev/null
+++ b/src/extension/system/flow/Sys_WorkFlow/WorkFlowGridHeader.vue
@@ -0,0 +1,251 @@
+
+ + 帐号：{{ row.UserName }} + 用户：{{ row.UserTrueName }} +
+
+
+
+
+
+
+
+ 取消
+ 保存
+
+
+ 扩展组xx件
" },
+ gridBody: '',
+ gridFooter: '',
+ //弹出框(修改、编辑、查看)header、content、footer对应位置扩充的组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ text: "点击左侧表单名名字即可加载收集的数据",
+ tableAction: "formCollectionResultTree",
+ buttons: { view: [], box: [], detail: [] },//扩展的按钮
+ methods: {//事件扩展
+ onInit() {
+ this.textInline = false;
+ // this.ck = false;
+ this.load = false;
+ this.setFiexdSearchForm(true);
+
+ },
+ onInited() {
+ this.height = this.height - 74;
+ },
+ loadById(item) {
+ let columns = [
+ {
+ title: "提交人",
+ field: "Creator"
+ },
+ {
+ title: "提交时间",
+ field: "CreateDate"
+ }];
+ JSON.parse(item.formOptions).formOptions.forEach(x => {
+ columns.push(...x.map(m => {
+ return {
+ title: m.title,
+ field: m.field,
+ type: m.type
+ }
+ }))
+ })
+ this.formId = item.formId;
+ this.columns.splice(0);
+ this.columns.push(...columns);
+ this.search();
+ },
+ exportBefore(formData) {
+ formData.Value = this.formId;
+ return true;
+ },
+ searchBefore(formData) {
+ // formData.Value = this.formId;
+ formData.wheres.push({name:'FormId',value:this.formId})
+ return true;
+ },
+ searchAfter(rows) {
+ rows.forEach(row => {
+ if (row.FormData) {
+ let data = JSON.parse(row.FormData);
+ for (const key in data) {
+ row[key] = Array.isArray(data[key]) ? data[key].filter(x => { return x != null && x != undefined }).join(',') : data[key];
+ }
+ }
+ })
+ return true;
+ }
+ }
+};
+export default extension;
\ No newline at end of file
diff --git a/src/extension/system/form/FormCollectionOptionsGridHeader.vue b/src/extension/system/form/FormCollectionOptionsGridHeader.vue
new file mode 100644
index 0000000..caf16b8
--- /dev/null
+++ b/src/extension/system/form/FormCollectionOptionsGridHeader.vue
@@ -0,0 +1,85 @@
+
+
+
+ 关闭
+
+
+
+
+
\ No newline at end of file
diff --git a/src/extension/system/form/FormDesignOptions.js b/src/extension/system/form/FormDesignOptions.js
new file mode 100644
index 0000000..2c6ca8b
--- /dev/null
+++ b/src/extension/system/form/FormDesignOptions.js
@@ -0,0 +1,68 @@
+//author:COCO
+//此处是对表单的方法，组件，权限操作按钮等进行任意扩展(方法扩展可参照SellOrder.js)
+import gridHeader from './FormCollectionOptionsGridHeader.vue'
+import { h, resolveComponent } from 'vue';
+let extension = {
+ components: {//动态扩充组件或组件路径
+ //表单header、content、footer对应位置扩充的组件
+ gridHeader:gridHeader,//{ template: "
+
+
+ 扩展组xx件
" },
+ gridBody: {
+ render() {
+ return [
+ h(resolveComponent('el-alert'), {
+ style: { 'margin-bottom': '12px' },
+ 'show-icon': true, type: 'success',
+ closable: false, title: '1、点击新建随便输入,2、点击表格[表单设计]然后保存,3、点击预览(页面打开后提交数据),4、数据采集页面看查结果'
+ }, ''),
+ ]
+ }
+ },
+ gridFooter: '',
+ //弹出框(修改、编辑、查看)header、content、footer对应位置扩充的组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ buttons: {view: [], box:[], detail:[]},//扩展的按钮
+ methods: {//事件扩展
+ onInit() {
+ this.boxOptions.height=200;
+ this.initFormButton();
+ },
+ onInited(){
+ this.height= this.height-40;
+ },
+ initFormButton() {
+ this.columns.splice(this.columns.findIndex(x => { return x.field == 'FormFields' }), 1, ...[{
+ title: "操作",
+ field: "表单设计",
+ with: 80,
+ sort: false,
+ formatter: () => {
+ return '表单设计'
+ },
+ click: (row) => {
+ this.$refs.gridHeader.open(row);
+ }
+ },
+ {
+ title: "预览",
+ field: "预览",
+ with: 85,
+ sort: false,
+ formatter: () => {
+ return '预览'
+ },
+ click: (row) => {
+ this.$tabs.open({
+ path: "/formSubmit", text: row.Title, query: {
+ id: row.FormId
+ }
+ })
+ // this.$refs.gridHeader.open(row);
+ }
+ }])
+ }
+ }
+};
+export default extension;
\ No newline at end of file
diff --git a/src/extension/system/quartz/Sys_QuartzLog.js b/src/extension/system/quartz/Sys_QuartzLog.js
new file mode 100644
index 0000000..b854f14
--- /dev/null
+++ b/src/extension/system/quartz/Sys_QuartzLog.js
@@ -0,0 +1,81 @@
+/*****************************************************************************************
+ ** Author:ZMRid 2022
+ ** QQ:514224717
+ *****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: 'Sys_QuartzLog', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() {
+ //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+ if (this.$route.path != '/Sys_QuartzLog') {
+ this.tableHeight = 345;
+ }
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ if (this.$route.path != '/Sys_QuartzLog') {
+ param.wheres.push({
+ name: 'Id',
+ value: this.$store.getters.data().quartzId
+ });
+ }
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/system/quartz/Sys_QuartzOptions.js b/src/extension/system/quartz/Sys_QuartzOptions.js
new file mode 100644
index 0000000..b969930
--- /dev/null
+++ b/src/extension/system/quartz/Sys_QuartzOptions.js
@@ -0,0 +1,154 @@
+/*****************************************************************************************
+ ** Author:ZMRid 2022
+ ** QQ:514224717
+ *****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import gridBody from './Sys_QuartzOptionsGridBody';
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: gridBody,
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() {
+ this.textInline = false;
+ this.boxOptions.height = 470;
+ this.columns.push({
+ field: '操作',
+ title: '操作',
+ width: 150,
+ fixed: 'right',
+ align: 'center',
+ render: (h, { row, column, index }) => {
+ return h('div', { style: { color: '#0e84ff' } }, [
+ h(
+ 'span',
+ {
+ style: {
+ cursor: 'pointer',
+ 'margin-right': '8px',
+ 'border-bottom': '1px solid'
+ },
+ onClick: (e) => {
+ this.request('start', row);
+ }
+ },
+ '执行'
+ ),
+ h(
+ 'span',
+ {
+ style: {
+ cursor: 'pointer',
+ 'margin-right': '8px',
+ 'border-bottom': '1px solid'
+ },
+ onClick: (e) => {
+ this.request('pause', row);
+ }
+ },
+ '暂停'
+ ),
+ h(
+ 'span',
+ {
+ style: {
+ cursor: 'pointer',
+ 'border-bottom': '1px solid'
+ },
+ onClick: (e) => {
+ this.$store.getters.data().quartzId = row.Id;
+ this.$refs.gridBody.open();
+ }
+ },
+ '日志'
+ )
+ ]);
+ }
+ });
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ },
+ request(action, row) {
+ let url = `api/Sys_QuartzOptions/${action}`;
+ this.http.post(url, row, true).then((result) => {
+ this.$message.success('执行成功');
+ this.search();
+ });
+ },
+ onInited() {
+ this.height= this.height-50;
+ this.columns.forEach((col) => {
+ if (col.field == 'Status') {
+ col.align = 'center';
+ col.formatter = (row) => {
+ // return row.Status;
+ if (row.Status == 1) {
+ return '暂停';
+ }
+ return '正常';
+ };
+ }
+ });
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ this.editFormOptions.forEach((options) => {
+ options.forEach((option) => {
+ if (option.field == 'CronExpression') {
+ option.extra = {
+ style: 'color: #0e84ff;cursor: pointer;',
+ text: '查看',
+ click: () => {
+ window.open('https://cron.qqe2.com/', '_blank');
+ }
+ };
+ }
+ });
+ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ if (this.currentAction == 'Add' || !this.editFormFields.TimeOut) {
+ this.editFormFields.TimeOut = 180;
+ }
+ this.editFormOptions.forEach((options) => {
+ options.forEach((option) => {
+ if (option.field == 'GroupName') {
+ option.readonly = this.currentAction != 'Add';
+ }
+ });
+ });
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/system/quartz/Sys_QuartzOptionsGridBody.vue b/src/extension/system/quartz/Sys_QuartzOptionsGridBody.vue
new file mode 100644
index 0000000..7a2b5fe
--- /dev/null
+++ b/src/extension/system/quartz/Sys_QuartzOptionsGridBody.vue
@@ -0,0 +1,41 @@
+
+
+ 关闭
+
+
+ {
+ this.addBtnClick(row)
+ }}
+ type="primary"
+ link
+ v-show={hasAdd}
+ icon="Plus"
+ >
+
+ {
+ this.edit(row);
+ }}
+ type="success"
+ link
+ v-show={hasUpdate}
+ icon="Edit"
+ >
+
+
+ {
+ this.del(row);
+ }}
+ v-show={hasDel}
+ type="danger"
+ icon="Delete"
+ >
+
+
+
+ );
+ }
+ });
+ },
+ addBtnClick(row) {
+ //这里是动态addCurrnetRow属性记录当前点击的行数据,下面modelOpenAfter设置默认值
+ this.addCurrnetRow = row;
+ this.add();
+ },
+ addAfter() {//添加后刷新字典
+ this.initDicKeys();
+ return true;
+ },
+ updateAfter() {
+ this.initDicKeys();
+ return true;
+ },
+ delAfter(result) {//查询界面的表删除后
+ this.initDicKeys();
+ return true;
+ },
+ modelOpenAfter(row) {
+ //点击行上的添加按钮事件
+ if (this.addCurrnetRow) {
+
+ //获取当前组织构架的所有父级id,用于设置新建时父级id的默认值
+
+ //获取数据数据源
+ let data = [];
+ this.editFormOptions.forEach(options => {
+ options.forEach(option => {
+ if (option.field == 'ParentId') {
+ data = option.orginData;
+ }
+ })
+ })
+ let parentIds = this.base.getTreeAllParent(this.addCurrnetRow.DepartmentId, data).map(x => { return x.id });
+ //设置编辑表单上级组织的默认值
+ this.editFormFields.ParentId = parentIds;
+ this.addCurrnetRow = null;
+
+ }
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/system/system/Sys_DeptTree.js b/src/extension/system/system/Sys_DeptTree.js
new file mode 100644
index 0000000..6c81bd3
--- /dev/null
+++ b/src/extension/system/system/Sys_DeptTree.js
@@ -0,0 +1,84 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.rowKey = 'DeptTreeId';
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(params) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ if (params.wheres.length == 0) {
+ params.value = 1;
+ }
+ return true;
+ },
+ loadTreeChildren(tree, treeNode, resolve) {
+ //加载子节点
+ let url = `api/Sys_DeptTree/getChildrenData?deptTreeId=${tree.DeptTreeId}`;
+ this.http.post(url, {}).then((result) => {
+ resolve(result.rows);
+ });
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/system/system/Sys_VersionInfo.js b/src/extension/system/system/Sys_VersionInfo.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/system/system/Sys_VersionInfo.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/tools/tools/Tools_Tool.js b/src/extension/tools/tools/Tools_Tool.js
new file mode 100644
index 0000000..e5e9a0d
--- /dev/null
+++ b/src/extension/tools/tools/Tools_Tool.js
@@ -0,0 +1,90 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.labelWidth = 120;
+ this.labelWidth = 120;
+ this.boxOptions.height = 450;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ if (this.currentAction == 'Add') {
+ this.editFormFields.Status = "STORE"
+ }
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "ToolCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ if (x.field == 'Status') {
+ x.readonly = true;
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/tools/tools/Tools_ToolType.js b/src/extension/tools/tools/Tools_ToolType.js
new file mode 100644
index 0000000..956e6ac
--- /dev/null
+++ b/src/extension/tools/tools/Tools_ToolType.js
@@ -0,0 +1,98 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.boxOptions.labelWidth = 120;
+ this.labelWidth = 120;
+ this.boxOptions.height = 400;
+ this.editFormOptions.forEach(x => {
+ x.forEach(item => {
+ if (item.field == 'MaintenPeriod') {
+ //给编辑表单设置[选择数据]操作,extra具体配置见mesform组件api
+ item.extra = {
+ text: "天/次",
+ style: "color:black;font-size: 14px;cursor: pointer;",
+ click: item => {
+ this.$refs.modelBody.openDemo("ParentProduct_Id");
+ }
+ }
+ }
+ })
+ })
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "ToolTypeCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/tools/tools/Tools_ToolsReceive.js b/src/extension/tools/tools/Tools_ToolsReceive.js
new file mode 100644
index 0000000..4927fa1
--- /dev/null
+++ b/src/extension/tools/tools/Tools_ToolsReceive.js
@@ -0,0 +1,111 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import modelHeader from "./tools/ToolsModelBody.vue"
+import gridFooter from './tools/ToolsGridFooter.vue';
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: gridFooter,
+ //新建、编辑弹出框扩展组件
+ modelHeader: modelHeader,
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.single = true;
+ this.columnIndex = true;
+ this.tableMaxHeight = (document.body.clientHeight - 260) / 2;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ this.detailOptions.buttons.shift();
+ this.detailOptions.buttons.unshift({
+ name: '选择工装夹具', //按钮名称
+ icon: 'el-icon-plus', //按钮图标，参照iview图标
+ hidden: false, //是否隐藏按钮(如果想要隐藏按钮，在onInited方法中遍历buttons，设置hidden=true)
+ onClick: function () {
+ //触发事件
+ this.$refs.modelHeader.open();
+ }
+ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ this.$nextTick(() => {
+ this.$refs.gridFooter.rowClick(result[0]);
+ });
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ //查询界面点击行事件
+ this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ //调用Doc_Order1GridFooter.vue文件中(订单明细)的查询
+ this.$refs.gridFooter.rowClick(row);
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "ToolsReceiveCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ var _button = this.boxButtons.find((x) => {
+ return x.value == 'save';
+ });
+ if(this.currentAction =="update")
+ {
+ _button.disabled= true;
+ }
+ else
+ {
+ _button.disabled= false;
+ };
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/tools/tools/Tools_ToolsReceiveList.js b/src/extension/tools/tools/Tools_ToolsReceiveList.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/tools/tools/Tools_ToolsReceiveList.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/tools/tools/Tools_ToolsReturn.js b/src/extension/tools/tools/Tools_ToolsReturn.js
new file mode 100644
index 0000000..70ddf4d
--- /dev/null
+++ b/src/extension/tools/tools/Tools_ToolsReturn.js
@@ -0,0 +1,111 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import modelHeader from "./tools/ToolsModelBody.vue"
+import gridFooter from './tools/ToolsReturnGridFooter.vue';
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: gridFooter,
+ //新建、编辑弹出框扩展组件
+ modelHeader: modelHeader,
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.single = true;
+ this.columnIndex = true;
+ this.tableMaxHeight = (document.body.clientHeight - 260) / 2;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ this.detailOptions.buttons.shift();
+ this.detailOptions.buttons.unshift({
+ name: '选择工装夹具', //按钮名称
+ icon: 'el-icon-plus', //按钮图标，参照iview图标
+ hidden: false, //是否隐藏按钮(如果想要隐藏按钮，在onInited方法中遍历buttons，设置hidden=true)
+ onClick: function () {
+ //触发事件
+ this.$refs.modelHeader.open();
+ }
+ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ this.$nextTick(() => {
+ this.$refs.gridFooter.rowClick(result[0]);
+ });
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ //调用Doc_Order1GridFooter.vue文件中(订单明细)的查询
+ this.$refs.gridFooter.rowClick(row);
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "ToolsReturnCode") {
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ var _button = this.boxButtons.find((x) => {
+ return x.value == 'save';
+ });
+ if(this.currentAction =="update")
+ {
+ _button.disabled= true;
+ }
+ else
+ {
+ _button.disabled= false;
+ };
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/tools/tools/Tools_ToolsReturnList.js b/src/extension/tools/tools/Tools_ToolsReturnList.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/tools/tools/Tools_ToolsReturnList.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/tools/tools/tools/ToolsGridFooter.vue b/src/extension/tools/tools/tools/ToolsGridFooter.vue
new file mode 100644
index 0000000..692a086
--- /dev/null
+++ b/src/extension/tools/tools/tools/ToolsGridFooter.vue
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/extension/tools/tools/tools/ToolsModelBody.vue b/src/extension/tools/tools/tools/ToolsModelBody.vue
new file mode 100644
index 0000000..adb949a
--- /dev/null
+++ b/src/extension/tools/tools/tools/ToolsModelBody.vue
@@ -0,0 +1,119 @@
+
+
+
+ 工具领用-工装夹具明细
+
+
+ 工装夹具编码：
+ 搜索
+
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/extension/warehouse/warehouse/View_StockBalance.js b/src/extension/warehouse/warehouse/View_StockBalance.js
new file mode 100644
index 0000000..ec7114f
--- /dev/null
+++ b/src/extension/warehouse/warehouse/View_StockBalance.js
@@ -0,0 +1,78 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.columns.forEach(item=>{
+ if(item.field=="ProductCode" || item.field == "ProductName"){
+ item.fixed = true;
+ }
+ })
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/warehouse/warehouse/View_WareInOutDetail.js b/src/extension/warehouse/warehouse/View_WareInOutDetail.js
new file mode 100644
index 0000000..7679adc
--- /dev/null
+++ b/src/extension/warehouse/warehouse/View_WareInOutDetail.js
@@ -0,0 +1,79 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ this.labelWidth = 120;
+ this.columns.forEach(item=>{
+ if(item.field=="ProductCode" || item.field == "ProductName"){
+ item.fixed = true;
+ }
+ })
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/warehouse/warehouse/Ware_OutWareHouseBill.js b/src/extension/warehouse/warehouse/Ware_OutWareHouseBill.js
new file mode 100644
index 0000000..6ff9d10
--- /dev/null
+++ b/src/extension/warehouse/warehouse/Ware_OutWareHouseBill.js
@@ -0,0 +1,128 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import { h, resolveComponent } from 'vue';
+import modelHeader from "./warehouse/ProductModelBody.vue"
+import gridFooter from './warehouse/Ware_OutWareHouseGridFooter';
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: gridFooter,
+ //新建、编辑弹出框扩展组件
+ modelHeader: modelHeader,
+ modelBody: {
+ render() {
+ return [
+ h(resolveComponent('el-alert'), {
+ style: { 'margin-bottom': '5px' },
+ 'show-icon': true, type: 'success',
+ closable: false, title: '直接点击【出库数量】可以直接进行修改'
+ }, ''),
+ ]
+ }
+ },
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ this.single = true;
+ this.columnIndex = true;
+ //点击单元格编辑与结束编辑(默认是点击单元格编辑，鼠标离开结束编辑)
+ this.detailOptions.clickEdit = true;
+ this.tableMaxHeight = (document.body.clientHeight - 260)/2;
+ this.buttons.splice(3,0,{ //也可以用push或者splice方法来修改buttons数组
+ name: '打印', //按钮名称
+ icon: 'el-icon-printer', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ type: 'warning', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ onClick: function () {
+ let selectRow = this.$refs.table.getSelected();
+ if (selectRow.length == 0) {
+ return this.$error('请选择要编辑的行!');
+ }
+ if (selectRow.length != 1) {
+ return this.$error('只能选择一行数据进行编辑!');
+ }
+ let html = document.getElementById("collect");
+ window.open(this.http.ipAddress + 'Print-Designer/print.html?cat=Ware_OutWareHouseBill&id=' + selectRow[0].OutWareHouseBill_Id + "&token=" + this.$store.getters.getToken(),'_blank')
+ }
+ });
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ this.detailOptions.buttons.shift();
+ this.detailOptions.buttons.unshift({
+ name: '选择产品', //按钮名称
+ icon: 'el-icon-plus', //按钮图标，参照iview图标
+ hidden: false, //是否隐藏按钮(如果想要隐藏按钮，在onInited方法中遍历buttons，设置hidden=true)
+ onClick: function () {
+ //触发事件
+ this.$refs.modelHeader.open();
+ }
+ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ this.$nextTick(() => {
+ this.$refs.gridFooter.rowClick(result[0],"wareHouse");
+ });
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ //查询界面点击行事件
+ this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ //调用Doc_Order1GridFooter.vue文件中(订单明细)的查询
+ this.$refs.gridFooter.rowClick(row);
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "OutWareHouseBillCode") {
+ //disabled是editFormOptions的动态属性，这里只能通过this.$set修改值
+ //vue3版本改为设置：x.disabled=isEDIT
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/warehouse/warehouse/Ware_OutWareHouseBillList.js b/src/extension/warehouse/warehouse/Ware_OutWareHouseBillList.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/warehouse/warehouse/Ware_OutWareHouseBillList.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/warehouse/warehouse/Ware_WareHouseBill.js b/src/extension/warehouse/warehouse/Ware_WareHouseBill.js
new file mode 100644
index 0000000..371555d
--- /dev/null
+++ b/src/extension/warehouse/warehouse/Ware_WareHouseBill.js
@@ -0,0 +1,133 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+import { h, resolveComponent } from 'vue';
+import { ConsoleLogger } from "@microsoft/signalr/dist/esm/Utils";
+import modelHeader from "./warehouse/ProductModelBody.vue"
+import gridFooter from './warehouse/Ware_WareHouseGridFooter.vue';
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: gridFooter,
+ //新建、编辑弹出框扩展组件
+ modelHeader: modelHeader,
+ modelBody: {
+ render() {
+ return [
+ h(resolveComponent('el-alert'), {
+ style: { 'margin-bottom': '5px' },
+ 'show-icon': true, type: 'warning',
+ closable: false, title: '直接点击【入库数量】可以直接进行修改'
+ }, ''),
+ ]
+ }
+ },
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.single = true;
+ this.columnIndex = true;
+ //点击单元格编辑与结束编辑(默认是点击单元格编辑，鼠标离开结束编辑)
+ this.detailOptions.clickEdit = true;
+ this.tableMaxHeight = (document.body.clientHeight - 260) / 2;
+ this.buttons.splice(3,0,{ //也可以用push或者splice方法来修改buttons数组
+ name: '打印', //按钮名称
+ icon: 'el-icon-printer', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ type: 'warning', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ onClick: function () {
+ let selectRow = this.$refs.table.getSelected();
+ if (selectRow.length == 0) {
+ return this.$error('请选择要编辑的行!');
+ }
+ if (selectRow.length != 1) {
+ return this.$error('只能选择一行数据进行编辑!');
+ }
+ let html = document.getElementById("collect");
+ window.open(this.http.ipAddress + 'Print-Designer/print.html?cat=Ware_WareHouseBill&id=' + selectRow[0].WareHouseBill_Id + "&token=" + this.$store.getters.getToken(),'_blank')
+ }
+ });
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ //明细表选择数据源操作
+ //获取明细表备注列，给备注列添加选择数据操作
+ this.detailOptions.buttons.shift();
+ this.detailOptions.buttons.unshift({
+ name: '选择产品', //按钮名称
+ icon: 'el-icon-plus', //按钮图标，参照iview图标
+ hidden: false, //是否隐藏按钮(如果想要隐藏按钮，在onInited方法中遍历buttons，设置hidden=true)
+ onClick: function () {
+ //触发事件
+ this.$refs.modelHeader.open();
+ }
+ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ this.$nextTick(() => {
+ this.$refs.gridFooter.rowClick(result[0], "wareHouse");
+ });
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ //调用Doc_Order1GridFooter.vue文件中(订单明细)的查询
+ this.$refs.gridFooter.rowClick(row);
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ this.editFormOptions.forEach(item => {
+ item.forEach(x => {
+ //如果是编辑设置为只读
+ if (x.field == "WareHouseBillCode") {
+ //disabled是editFormOptions的动态属性，这里只能通过this.$set修改值
+ //vue3版本改为设置：x.disabled=isEDIT
+ x.placeholder = "请输入，忽略将自动生成";
+ }
+ })
+ })
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/warehouse/warehouse/Ware_WareHouseBillList.js b/src/extension/warehouse/warehouse/Ware_WareHouseBillList.js
new file mode 100644
index 0000000..e5f0c3f
--- /dev/null
+++ b/src/extension/warehouse/warehouse/Ware_WareHouseBillList.js
@@ -0,0 +1,73 @@
+/*****************************************************************************************
+** Author:COCO 2022
+*****************************************************************************************/
+//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
+
+let extension = {
+ components: {
+ //查询界面扩展组件
+ gridHeader: '',
+ gridBody: '',
+ gridFooter: '',
+ //新建、编辑弹出框扩展组件
+ modelHeader: '',
+ modelBody: '',
+ modelFooter: ''
+ },
+ tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
+ buttons: { view: [], box: [], detail: [] }, //扩展的按钮
+ methods: {
+ //下面这些方法可以保留也可以删除
+ onInit() { //框架初始化配置前，
+ //示例：在按钮的最前面添加一个按钮
+ // this.buttons.unshift({ //也可以用push或者splice方法来修改buttons数组
+ // name: '按钮', //按钮名称
+ // icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
+ // type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
+ // onClick: function () {
+ // this.$Message.success('点击了按钮');
+ // }
+ // });
+
+ //示例：设置修改新建、编辑弹出框字段标签的长度
+ // this.boxOptions.labelWidth = 150;
+ //显示序号(默认隐藏)
+ this.columnIndex = true;
+ },
+ onInited() {
+ //框架初始化配置后
+ //如果要配置明细表,在此方法操作
+ //this.detailOptions.columns.forEach(column=>{ });
+ },
+ searchBefore(param) {
+ //界面查询前,可以给param.wheres添加查询参数
+ //返回false，则不会执行查询
+ return true;
+ },
+ searchAfter(result) {
+ //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
+ return true;
+ },
+ addBefore(formData) {
+ //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
+ return true;
+ },
+ updateBefore(formData) {
+ //编辑保存前formData为对象，包括明细表、删除行的Id
+ return true;
+ },
+ rowClick({ row, column, event }) {
+ //查询界面点击行事件
+ // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
+ },
+ modelOpenAfter(row) {
+ //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
+ //(1)判断是编辑还是新建操作： this.currentAction=='Add';
+ //(2)给弹出框设置默认值
+ //(3)this.editFormFields.字段='xxx';
+ //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
+ //看不懂就把输出看：console.log(this.editFormOptions)
+ }
+ }
+};
+export default extension;
diff --git a/src/extension/warehouse/warehouse/warehouse/ProductModelBody.vue b/src/extension/warehouse/warehouse/warehouse/ProductModelBody.vue
new file mode 100644
index 0000000..154d976
--- /dev/null
+++ b/src/extension/warehouse/warehouse/warehouse/ProductModelBody.vue
@@ -0,0 +1,151 @@
+
+
+
+ 工具归还-工装夹具明细
+
+
+ 产品编码：
+ 搜索
+
+ 入库数量：
+ 出库数量：
+
+
+
+
+ 添加选择的数据
+ 关闭
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/extension/warehouse/warehouse/warehouse/Ware_WareHouseGridFooter.vue b/src/extension/warehouse/warehouse/warehouse/Ware_WareHouseGridFooter.vue
new file mode 100644
index 0000000..340a0d0
--- /dev/null
+++ b/src/extension/warehouse/warehouse/warehouse/Ware_WareHouseGridFooter.vue
@@ -0,0 +1,76 @@
+
+
+
+ 入库单-产品明细
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/language/index.js b/src/language/index.js
new file mode 100644
index 0000000..2fb74f3
--- /dev/null
+++ b/src/language/index.js
@@ -0,0 +1,32 @@
+import { createI18n } from "vue-i18n";
+import zhCN from "./locales/zh-CN";
+import enUS from "./locales/en-US";
+import http from "@/../src/api/http.js";
+
+let language = localStorage.getItem("language") || navigator.language; // 获取本地存储 || 根据浏览器语言设置
+var zh = {};
+var en = {};
+http.post('/api/Base_Language/getPageData', {}, true).then((result) => {
+ console.log("6666",result)
+ result.rows.forEach(lan => {
+ var chineseArr = lan.Chinese;
+ var englishArr = lan.English;
+ zh[chineseArr]=chineseArr;
+ en[chineseArr]=englishArr;
+ });
+
+ });
+
+const i18n = createI18n({
+ legacy: false, // 使用Composition API，这里必须设置为false
+ locale: language, // 默认显示语言
+ globalInjection: true, // 全局注册$t方法
+ messages: {
+ // "zh-CN": zhCN,
+ // "en-US": enUS,
+ "zh-CN": zh,
+ "en-US": en,
+ },
+});
+
+export default i18n;
diff --git a/src/language/locales/en-US.js b/src/language/locales/en-US.js
new file mode 100644
index 0000000..70d0bf7
--- /dev/null
+++ b/src/language/locales/en-US.js
@@ -0,0 +1,13 @@
+export default {
+ languageTxt: "简体中文", // 当前语言模式下 可切换的语言模式
+
+
+ // 头部信息
+ headTxt: {
+ saleinfo:"Full source code for sale, interested in contact QQ/ wechat: 514224717",
+ },
+ "姓名":"Name",
+ "关闭菜单":"Close Menu",
+ // 菜单
+ "用户管理": "UserManage",
+ };
\ No newline at end of file
diff --git a/src/language/locales/zh-CN.js b/src/language/locales/zh-CN.js
new file mode 100644
index 0000000..cd8c8c0
--- /dev/null
+++ b/src/language/locales/zh-CN.js
@@ -0,0 +1,12 @@
+export default {
+ languageTxt: "en-US", // 当前语言模式下 可切换的语言模式
+
+ // 头部信息
+ headTxt: {
+ saleinfo:"【商业版】全套源码出售，有意联系QQ/微信：514224717",
+ },
+ "姓名":"姓名",
+ "关闭菜单":"关闭菜单",
+ // 菜单
+ "用户管理": "用户管理",
+ };
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..f4b4116
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,64 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import router from './router'
+import store from './store'
+import ElementPlus from 'element-plus';
+// import 'element-plus/lib/theme-chalk/index.css';
+import 'element-plus/dist/index.css'
+import './assets/element-icon/icon.css'
+import base from './uitils/common'
+import http from './api/http'
+// import 'dayjs/locale/zh-cn'
+// import locale from 'element-plus/lib/locale/lang/zh-cn'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
+
+import i18n from './language'
+
+import permission from './api/permission'
+import viewgird from './components/basic/ViewGrid';
+const app = createApp(App);
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+ app.component(key, component)
+}
+app.config.globalProperties.base = base;
+app.config.globalProperties.http = http;
+app.config.globalProperties.$tabs = {};
+app.config.globalProperties.permission = permission;
+app.config.globalProperties.$global = {
+ signalR: false, //是否开启signalR
+ table: {
+ //mes-table带数据源的单元格是否启用tag标签(下拉框等单元格以tag标签显示)
+ useTag: true
+ },
+ audit: { //审核选项
+ data: [
+ { text: '通过', value: 1 },
+ { text: '拒绝', value: 3 },
+ { text: '驳回', value: 4 }
+ ],
+ status:[0,2] //审核中的数据
+ // 待审核 = 0,
+ // 审核通过 = 1,
+ // 审核中 = 2,
+ // 审核未通过 = 3,
+ // 驳回 = 4
+ }
+}
+//2023.03.13，
+//修改见：volupload.vue，后台AliOSSController.cs，阿里云OSS配置.doc
+window.oss = {
+ ali: { //阿里云
+ use: false,//使用阿里云上传文件
+ //阿里缩略图压缩大小
+ //.aliyuncs.com
+ small: "?x-oss-process=image/resize,m_lfit,w_200"
+ }
+}
+app.use(store)
+ .use(i18n)
+ .use(ElementPlus, { size: 'default' })
+ .use(router)
+ .use(viewgird)
+ .mount('#app');
+app.config.globalProperties.$Message = app.config.globalProperties.$message;
diff --git a/src/router/charts.js b/src/router/charts.js
new file mode 100644
index 0000000..084f80a
--- /dev/null
+++ b/src/router/charts.js
@@ -0,0 +1,3 @@
+let charts=[
+ ]
+export default charts
diff --git a/src/router/form.js b/src/router/form.js
new file mode 100644
index 0000000..4a468cc
--- /dev/null
+++ b/src/router/form.js
@@ -0,0 +1,5 @@
+
+let form = [
+
+]
+export default form
diff --git a/src/router/formsMulti.js b/src/router/formsMulti.js
new file mode 100644
index 0000000..b3301a6
--- /dev/null
+++ b/src/router/formsMulti.js
@@ -0,0 +1,4 @@
+
+let formsMulti=[
+ ]
+export default formsMulti
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..108e473
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,115 @@
+import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router'
+import form from './form'
+import formsMulti from './formsMulti'
+import tables from './tables'
+import viewgird from './viewGird'
+import store from '../store/index'
+import redirect from './redirect'
+import charts from './charts'
+const routes = [
+ {
+ path: '/',
+ name: 'Index',
+ component: () => import('@/views/Index'),
+ redirect: '/home',
+ children: [
+ ...form,//Demo表单路由
+ ...formsMulti,
+ ...tables,//tables
+ ...viewgird,
+ ...redirect,
+ ...charts,
+ {
+ path: '/home',
+ name: 'home',
+ meta: {
+ title: 'home', // home 对应语言文件的route.home
+ icon: 'ep-mic',
+ order: 100
+ },
+ component: () => import('@/views/Home.vue')
+ }, {
+ path: '/UserInfo',
+ name: 'UserInfo',
+ component: () => import('@/views/system/UserInfo.vue')
+ },
+ {
+ path: '/sysMenu',
+ name: 'sysMenu',
+ component: () => import('@/views/system/Sys_Menu.vue')
+ }, {
+ path: '/coder',
+ name: 'coder',
+ component: () => import('@/views/builder/coder.vue')
+ },
+ {
+ path: '/formDraggable', //表单设计
+ name: 'formDraggable',
+ component: () => import('@/views/formDraggable/formDraggable.vue')
+ },
+ {
+ path: '/formSubmit', //表单提交页面
+ name: 'formSubmit',
+ component: () => import('@/views/formDraggable/FormSubmit.vue'),
+ meta:{
+ keepAlive:false
+ }
+ },
+ {
+ path: '/formCollectionResultTree', //显示收集的数据表单
+ name: 'formCollectionResultTree',
+ component: () => import('@/views/formDraggable/FormCollectionResultTree.vue'),
+ meta:{
+ keepAlive:false
+ }
+ },
+ {
+ path: '/signalR',
+ name: 'signalR',
+ component: () => import('@/views/signalR/Index.vue'),
+ meta:{
+ keepAlive:false
+ }
+ }
+ ]
+ },
+ {
+ path: '/login',
+ name: 'login',
+ component: () => import('@/views/Login.vue')
+ }
+]
+
+const router = createRouter({
+ history: createWebHashHistory(), //createWebHistory(process.env.BASE_URL),
+ routes
+})
+
+
+router.beforeEach((to, from, next) => {
+ if (to.matched.length == 0) return next({ path: '/404' });
+ //2020.06.03增加路由切换时加载提示
+ store.dispatch("onLoading", true);
+ if ((to.hasOwnProperty('meta') && to.meta.anonymous) || store.getters.isLogin() || to.path == '/login') {
+ return next();
+ }
+
+ next({ path: '/login', query: { redirect: Math.random() } });
+})
+router.afterEach((to, from) => {
+ store.dispatch("onLoading", false);
+})
+router.onError((error) => {
+ // const targetPath = router.currentRoute.value.matched;
+ try {
+ console.log(error.message);
+ if (process.env.NODE_ENV == 'development') {
+ alert(error.message)
+ }
+ localStorage.setItem("route_error", error.message)
+ } catch (e) {
+
+ }
+ window.location.href = '/'
+});
+export default router
diff --git a/src/router/redirect.js b/src/router/redirect.js
new file mode 100644
index 0000000..144beb8
--- /dev/null
+++ b/src/router/redirect.js
@@ -0,0 +1,22 @@
+
+let redirect = [{
+ path: '/404',
+ name: '404',
+ component: () => import('@/components/redirect/404'),
+ meta:{
+ anonymous:true
+ }
+}, {
+ path: '/401',
+ name: '401',
+ component: () => import('@/components/redirect/401')
+}, {
+ path: '/coding',
+ name: 'coding',
+ component: () => import('@/components/redirect/coding')
+}, {
+ path: '/message',
+ name: 'message',
+ component: () => import('@/components/redirect/Message.vue')
+}]
+export default redirect;
\ No newline at end of file
diff --git a/src/router/tables.js b/src/router/tables.js
new file mode 100644
index 0000000..9edd78f
--- /dev/null
+++ b/src/router/tables.js
@@ -0,0 +1,4 @@
+
+let tables = [
+]
+export default tables;
diff --git a/src/router/viewGird.js b/src/router/viewGird.js
new file mode 100644
index 0000000..9a1cc98
--- /dev/null
+++ b/src/router/viewGird.js
@@ -0,0 +1,481 @@
+
+let viewgird = [
+ {
+ path: '/Sys_Log',
+ name: 'sys_Log',
+ component: () => import('@/views/system/Sys_Log.vue' )
+ },
+ {
+ path: '/Sys_User',
+ name: 'Sys_User',
+ component: () => import('@/views/system/Sys_User.vue' )
+ },
+ {
+ path: '/permission',
+ name: 'permission',
+ component: () => import('@/views/system/Permission.vue' )
+ },
+ {
+ path: '/Sys_Dictionary',
+ name: 'Sys_Dictionary',
+ component: () => import('@/views/system/Sys_Dictionary.vue' )
+ },
+ {
+ path: '/Sys_Role',
+ name: 'Sys_Role',
+ component: () => import('@/views/system/Sys_Role.vue' )
+ }, {
+ path: '/Sys_Role1',
+ name: 'Sys_Role1',
+ component: () => import('@/views/system/Sys_Role1.vue' )
+ }
+ , {
+ path: '/Sys_DictionaryList',
+ name: 'Sys_DictionaryList',
+ component: () => import('@/views/system/Sys_DictionaryList.vue' )
+ } ,{
+ path: '/FormDesignOptions',
+ name: 'FormDesignOptions',
+ component: () => import('@/views/system/form/FormDesignOptions.vue')
+ } ,{
+ path: '/FormCollectionObject',
+ name: 'FormCollectionObject',
+ component: () => import('@/views/system/form/FormCollectionObject.vue')
+ } ,{
+ path: '/Custom/Sys_User_ExtendData',
+ name: 'Sys_User_ExtendData',
+ component: () => import('@/views/custom/custom/Sys_User_ExtendData.vue')
+ } ,{
+ path: '/Sys_Table_Extend',
+ name: 'Sys_Table_Extend',
+ component: () => import('@/views/custom/custom/Sys_Table_Extend.vue')
+ } ,{
+ path: '/Sys_User_Extend',
+ name: 'Sys_User_Extend',
+ component: () => import('@/views/custom/custom/Sys_User_Extend.vue')
+ }
+ ,{
+ path: '/Base_DefectItem_Extend',
+ name: 'Base_DefectItem_Extend',
+ component: () => import('@/views/custom/custom/Base_DefectItem_Extend.vue')
+ }
+ ,{
+ path: '/Base_MeritPay_Extend',
+ name: 'Base_MeritPay_Extend',
+ component: () => import('@/views/custom/custom/Base_MeritPay_Extend.vue')
+ }
+ ,{
+ path: '/Base_Process_Extend',
+ name: 'Base_Process_Extend',
+ component: () => import('@/views/custom/custom/Base_Process_Extend.vue')
+ }
+ ,{
+ path: '/Base_Product_Extend',
+ name: 'Base_Product_Extend',
+ component: () => import('@/views/custom/custom/Base_Product_Extend.vue')
+ } ,{
+ path: '/Sys_User_ExtendData',
+ name: 'Sys_User_ExtendData',
+ component: () => import('@/views/custom/custom/Sys_User_ExtendData.vue')
+ } ,{
+ path: '/Sys_Dept',
+ name: 'Sys_Dept',
+ component: () => import('@/views/system/Sys_Dept.vue')
+ } ,{
+ path: '/Sys_Unit',
+ name: 'Sys_Unit',
+ component: () => import('@/views/custom/custom/Sys_Unit.vue')
+ } ,{
+ path: '/Base_DefectItem',
+ name: 'Base_DefectItem',
+ component: () => import('@/views/custom/custom/Base_DefectItem.vue')
+ } ,{
+ path: '/Base_Process',
+ name: 'Base_Process',
+ component: () => import('@/views/custom/custom/Base_Process.vue')
+ } ,{
+ path: '/Base_ProcessList',
+ name: 'Base_ProcessList',
+ component: () => import('@/views/custom/custom/Base_ProcessList.vue')
+ } ,{
+ path: '/Base_NumberRule',
+ name: 'Base_NumberRule',
+ component: () => import('@/views/custom/custom/Base_NumberRule.vue')
+ } ,{
+ path: '/Base_ProcessLine',
+ name: 'Base_ProcessLine',
+ component: () => import('@/views/custom/custom/Base_ProcessLine.vue'),
+ meta:{
+ keepAlive:false
+ }
+ } ,{
+ path: '/Base_ProcessLineList',
+ name: 'Base_ProcessLineList',
+ component: () => import('@/views/custom/custom/Base_ProcessLineList.vue'),
+ meta:{
+ keepAlive:false
+ }
+ } ,{
+ path: '/Base_MeritPay',
+ name: 'Base_MeritPay',
+ component: () => import('@/views/custom/custom/Base_MeritPay.vue')
+ } ,{
+ path: '/Base_Product',
+ name: 'Base_Product',
+ component: () => import('@/views/custom/custom/Base_Product.vue')
+ } ,{
+ path: '/View_Base_MaterialDetail',
+ name: 'View_Base_MaterialDetail',
+ component: () => import('@/views/custom/custom/View_Base_MaterialDetail.vue')
+ } ,{
+ path: '/Ware_WareHouseBill',
+ name: 'Ware_WareHouseBill',
+ component: () => import('@/views/warehouse/warehouse/Ware_WareHouseBill.vue')
+ } ,{
+ path: '/Ware_WareHouseBillList',
+ name: 'Ware_WareHouseBillList',
+ component: () => import('@/views/warehouse/warehouse/Ware_WareHouseBillList.vue')
+ } ,{
+ path: '/Ware_OutWareHouseBillList',
+ name: 'Ware_OutWareHouseBillList',
+ component: () => import('@/views/warehouse/warehouse/Ware_OutWareHouseBillList.vue')
+ } ,{
+ path: '/Ware_OutWareHouseBill',
+ name: 'Ware_OutWareHouseBill',
+ component: () => import('@/views/warehouse/warehouse/Ware_OutWareHouseBill.vue')
+ } ,{
+ path: '/View_WareInOutDetail',
+ name: 'View_WareInOutDetail',
+ component: () => import('@/views/warehouse/warehouse/View_WareInOutDetail.vue')
+ } ,{
+ path: '/View_StockBalance',
+ name: 'View_StockBalance',
+ component: () => import('@/views/warehouse/warehouse/View_StockBalance.vue')
+ } ,{
+ path: '/Production_SalesOrderList',
+ name: 'Production_SalesOrderList',
+ component: () => import('@/views/production/production/Production_SalesOrderList.vue')
+ } ,{
+ path: '/Production_SalesOrder',
+ name: 'Production_SalesOrder',
+ component: () => import('@/views/production/production/Production_SalesOrder.vue')
+ } ,{
+ path: '/Production_ProductPlanList',
+ name: 'Production_ProductPlanList',
+ component: () => import('@/views/production/production/Production_ProductPlanList.vue')
+ } ,{
+ path: '/Production_ProductPlan',
+ name: 'Production_ProductPlan',
+ component: () => import('@/views/production/production/Production_ProductPlan.vue')
+ } ,{
+ path: '/Production_AssembleWorkOrderList',
+ name: 'Production_AssembleWorkOrderList',
+ component: () => import('@/views/production/production/Production_AssembleWorkOrderList.vue')
+ } ,{
+ path: '/Production_AssembleWorkOrder',
+ name: 'Production_AssembleWorkOrder',
+ component: () => import('@/views/production/production/Production_AssembleWorkOrder.vue')
+ } ,{
+ path: '/Production_WorkOrder',
+ name: 'Production_WorkOrder',
+ component: () => import('@/views/production/production/Production_WorkOrder.vue')
+ } ,{
+ path: '/Production_WorkOrderList',
+ name: 'Production_WorkOrderList',
+ component: () => import('@/views/production/production/Production_WorkOrderList.vue')
+ } ,{
+ path: '/Base_PrintCatalog',
+ name: 'Base_PrintCatalog',
+ component: () => import('@/views/custom/custom/Base_PrintCatalog.vue')
+ } ,{
+ path: '/Base_PrintTemplate',
+ name: 'Base_PrintTemplate',
+ component: () => import('@/views/custom/custom/Base_PrintTemplate.vue')
+ } ,{
+ path: '/Base_PrintTemplateTree',
+ name: 'Base_PrintTemplateTree',
+ component: () => import('@/views/custom/custom/Base_PrintTemplateTree.vue')
+ } ,{
+ path: '/Production_ReportWorkOrder',
+ name: 'Production_ReportWorkOrder',
+ component: () => import('@/views/production/production/Production_ReportWorkOrder.vue')
+ } ,{
+ path: '/Production_ReportWorkOrderList',
+ name: 'Production_ReportWorkOrderList',
+ component: () => import('@/views/production/production/Production_ReportWorkOrderList.vue')
+ } ,{
+ path: '/View_OutputStatistics',
+ name: 'View_OutputStatistics',
+ component: () => import('@/views/report/report/View_OutputStatistics.vue')
+ } ,{
+ path: '/Sys_WorkFlowTable',
+ name: 'Sys_WorkFlowTable',
+ component: () => import('@/views/system/flow/Sys_WorkFlowTable.vue')
+ } ,{
+ path: '/Sys_WorkFlow',
+ name: 'Sys_WorkFlow',
+ component: () => import('@/views/system/flow/Sys_WorkFlow.vue')
+ } ,{
+ path: '/View_EmployeePerformance',
+ name: 'View_EmployeePerformance',
+ component: () => import('@/views/report/report/View_EmployeePerformance.vue')
+ } ,{
+ path: '/View_SalaryReport',
+ name: 'View_SalaryReport',
+ component: () => import('@/views/report/report/View_SalaryReport.vue')
+ } ,{
+ path: '/View_DefectItemDistribute',
+ name: 'View_DefectItemDistribute',
+ component: () => import('@/views/report/report/View_DefectItemDistribute.vue')
+ } ,{
+ path: '/View_DefectItemSummary',
+ name: 'View_DefectItemSummary',
+ component: () => import('@/views/report/report/View_DefectItemSummary.vue')
+ } ,{
+ path: '/View_ProductionReport',
+ name: 'View_ProductionReport',
+ component: () => import('@/views/report/report/View_ProductionReport.vue')
+ } ,{
+ path: '/Base_Notice',
+ name: 'Base_Notice',
+ component: () => import('@/views/custom/custom/Base_Notice.vue')
+ } ,{
+ path: '/Base_Product_ExtendData',
+ name: 'Base_Product_ExtendData',
+ component: () => import('@/views/custom/custom/Base_Product_ExtendData.vue')
+ } ,{
+ path: '/Base_Process_ExtendData',
+ name: 'Base_Process_ExtendData',
+ component: () => import('@/views/custom/custom/Base_Process_ExtendData.vue')
+ } ,{
+ path: '/Base_DefectItem_ExtendData',
+ name: 'Base_DefectItem_ExtendData',
+ component: () => import('@/views/custom/custom/Base_DefectItem_ExtendData.vue')
+ } ,{
+ path: '/Base_MaterialDetail_ExtendData',
+ name: 'Base_MaterialDetail_ExtendData',
+ component: () => import('@/views/custom/custom/Base_MaterialDetail_ExtendData.vue')
+ } ,{
+ path: '/Base_MeritPay_ExtendData',
+ name: 'Base_MeritPay_ExtendData',
+ component: () => import('@/views/custom/custom/Base_MeritPay_ExtendData.vue')
+ } ,{
+ path: '/Sys_QuartzLog',
+ name: 'Sys_QuartzLog',
+ component: () => import('@/views/system/quartz/Sys_QuartzLog.vue')
+ } ,{
+ path: '/Sys_QuartzOptions',
+ name: 'Sys_QuartzOptions',
+ component: () => import('@/views/system/quartz/Sys_QuartzOptions.vue')
+ } ,{
+ path: '/Sys_VersionInfo',
+ name: 'Sys_VersionInfo',
+ component: () => import('@/views/system/system/Sys_VersionInfo.vue')
+ },{
+ path: '/Sys_UserTree',
+ name: 'Sys_UserTree',
+ component: () => import('@/views/system/Sys_UserTree.vue')
+ } ,{
+ path: '/Equip_DevCatalog',
+ name: 'Equip_DevCatalog',
+ component: () => import('@/views/equip/equip/Equip_DevCatalog.vue')
+ } ,{
+ path: '/Base_WorkShop',
+ name: 'Base_WorkShop',
+ component: () => import('@/views/custom/custom/Base_WorkShop.vue')
+ } ,{
+ path: '/Equip_Device',
+ name: 'Equip_Device',
+ component: () => import('@/views/equip/equip/Equip_Device.vue')
+ } ,{
+ path: '/Equip_DeviceTree',
+ name: 'Equip_DeviceTree',
+ component: () => import('@/views/equip/equip/Equip_DeviceTree.vue')
+ },
+ {
+ path: '/DashBoard/WorkShopBoard',
+ name: 'WorkShopBoard',
+ component: () => import('@/views/dashboard/WorkShopBoard.vue'),
+ } ,{
+ path: '/Equip_SpotMaintenance',
+ name: 'Equip_SpotMaintenance',
+ component: () => import('@/views/equip/equip/Equip_SpotMaintenance.vue')
+ } ,{
+ path: '/Equip_SpotMaintPlan',
+ name: 'Equip_SpotMaintPlan',
+ component: () => import('@/views/equip/equip/Equip_SpotMaintPlan.vue')
+ } ,{
+ path: '/Equip_SpotMaintPlanDevice',
+ name: 'Equip_SpotMaintPlanDevice',
+ component: () => import('@/views/equip/equip/Equip_SpotMaintPlanDevice.vue')
+ } ,{
+ path: '/Equip_SpotMaintPlanProject',
+ name: 'Equip_SpotMaintPlanProject',
+ component: () => import('@/views/equip/equip/Equip_SpotMaintPlanProject.vue')
+ } ,{
+ path: '/Equip_MaintainPaper',
+ name: 'Equip_MaintainPaper',
+ component: () => import('@/views/equip/equip/Equip_MaintainPaper.vue')
+ } ,{
+ path: '/Equip_SpotMaintWorkOrder',
+ name: 'Equip_SpotMaintWorkOrder',
+ component: () => import('@/views/equip/equip/Equip_SpotMaintWorkOrder.vue')
+ } ,{
+ path: '/Cal_TeamMember',
+ name: 'Cal_TeamMember',
+ component: () => import('@/views/calendar/calendar/Cal_TeamMember.vue')
+ } ,{
+ path: '/Cal_Team',
+ name: 'Cal_Team',
+ component: () => import('@/views/calendar/calendar/Cal_Team.vue')
+ } ,{
+ path: '/Cal_PlanShift',
+ name: 'Cal_PlanShift',
+ component: () => import('@/views/calendar/calendar/Cal_PlanShift.vue')
+ } ,{
+ path: '/Cal_PlanTeam',
+ name: 'Cal_PlanTeam',
+ component: () => import('@/views/calendar/calendar/Cal_PlanTeam.vue')
+ } ,{
+ path: '/Cal_Plan',
+ name: 'Cal_Plan',
+ component: () => import('@/views/calendar/calendar/Cal_Plan.vue')
+ } ,{
+ path: '/Cal_TeamShift',
+ name: 'Cal_TeamShift',
+ component: () => import('@/views/calendar/calendar/Cal_TeamShift.vue')
+ } ,{
+ path: '/Cal_HolidaySec',
+ name: 'Cal_HolidaySec',
+ component: () => import('@/views/calendar/calendar/Cal_HolidaySec.vue')
+ } ,{
+ path: '/Cal_Calendar',
+ name: 'Cal_Calendar',
+ component: () => import('@/views/calendar/calendar/calendar/index.vue')
+ } ,{
+ path: '/Tools_ToolType',
+ name: 'Tools_ToolType',
+ component: () => import('@/views/tools/tools/Tools_ToolType.vue')
+ } ,{
+ path: '/Tools_Tool',
+ name: 'Tools_Tool',
+ component: () => import('@/views/tools/tools/Tools_Tool.vue')
+ } ,{
+ path: '/Tools_ToolsReceiveList',
+ name: 'Tools_ToolsReceiveList',
+ component: () => import('@/views/tools/tools/Tools_ToolsReceiveList.vue')
+ } ,{
+ path: '/Tools_ToolsReceive',
+ name: 'Tools_ToolsReceive',
+ component: () => import('@/views/tools/tools/Tools_ToolsReceive.vue')
+ } ,{
+ path: '/Tools_ToolsReturnList',
+ name: 'Tools_ToolsReturnList',
+ component: () => import('@/views/tools/tools/Tools_ToolsReturnList.vue')
+ } ,{
+ path: '/Tools_ToolsReturn',
+ name: 'Tools_ToolsReturn',
+ component: () => import('@/views/tools/tools/Tools_ToolsReturn.vue')
+ } ,{
+ path: '/Quality_Defect',
+ name: 'Quality_Defect',
+ component: () => import('@/views/quality/quality/Quality_Defect.vue')
+ } ,{
+ path: '/Quality_TestItem',
+ name: 'Quality_TestItem',
+ component: () => import('@/views/quality/quality/Quality_TestItem.vue')
+ } ,{
+ path: '/Quality_Template',
+ name: 'Quality_Template',
+ component: () => import('@/views/quality/quality/Quality_Template.vue')
+ } ,{
+ path: '/Quality_TemplateTestItem',
+ name: 'Quality_TemplateTestItem',
+ component: () => import('@/views/quality/quality/Quality_TemplateTestItem.vue')
+ } ,{
+ path: '/Quality_TemplateProduct',
+ name: 'Quality_TemplateProduct',
+ component: () => import('@/views/quality/quality/Quality_TemplateProduct.vue')
+ } ,{
+ path: '/Quality_InComingCheckTestItem',
+ name: 'Quality_InComingCheckTestItem',
+ component: () => import('@/views/quality/quality/Quality_InComingCheckTestItem.vue')
+ } ,{
+ path: '/Quality_InComingCheck',
+ name: 'Quality_InComingCheck',
+ component: () => import('@/views/quality/quality/Quality_InComingCheck.vue')
+ } ,{
+ path: '/Quality_ProcessCheckTestItem',
+ name: 'Quality_ProcessCheckTestItem',
+ component: () => import('@/views/quality/quality/Quality_ProcessCheckTestItem.vue')
+ } ,{
+ path: '/Quality_ProcessCheck',
+ name: 'Quality_ProcessCheck',
+ component: () => import('@/views/quality/quality/Quality_ProcessCheck.vue')
+ } ,{
+ path: '/Quality_OutCheckTestItem',
+ name: 'Quality_OutCheckTestItem',
+ component: () => import('@/views/quality/quality/Quality_OutCheckTestItem.vue')
+ } ,{
+ path: '/Quality_OutCheck',
+ name: 'Quality_OutCheck',
+ component: () => import('@/views/quality/quality/Quality_OutCheck.vue')
+ } ,{
+ path: '/Base_ExcelTemplate',
+ name: 'Base_ExcelTemplate',
+ component: () => import('@/views/custom/custom/Base_ExcelTemplate.vue')
+ } ,{
+ path: '/Base_ExcelTemplateTree',
+ name: 'Base_ExcelTemplateTree',
+ component: () => import('@/views/custom/custom/Base_ExcelTemplateTree.vue')
+ } ,{
+ path: '/Bi_db_dim',
+ name: 'Bi_db_dim',
+ component: () => import('@/views/bi/bimanage/Bi_db_dim.vue')
+ } ,{
+ path: '/Bi_db_source',
+ name: 'Bi_db_source',
+ component: () => import('@/views/bi/bimanage/Bi_db_source.vue')
+ } ,{
+ path: '/Bi_db_set',
+ name: 'Bi_db_set',
+ component: () => import('@/views/bi/bimanage/Bi_db_set.vue')
+ } ,{
+ path: '/Bi_db_ybp',
+ name: 'Bi_db_ybp',
+ component: () => import('@/views/bi/bimanage/Bi_db_ybp.vue')
+ } ,{
+ path: '/Bi_desktop',
+ name: 'Bi_desktop',
+ component: () => import('@/views/bi/bimanage/Bi_desktop.vue')
+ } ,{
+ path: '/Base_DesktopMenu',
+ name: 'Base_DesktopMenu',
+ component: () => import('@/views/custom/custom/Base_DesktopMenu.vue')
+ } ,{
+ path: '/Base_MaterialDetailTree',
+ name: 'Base_MaterialDetailTree',
+ component: () => import('@/views/custom/custom/Base_MaterialDetailTree.vue')
+ } ,{
+ path: '/Sys_DeptTree',
+ name: 'Sys_DeptTree',
+ component: () => import('@/views/system/system/Sys_DeptTree.vue')
+ } ,{
+ path: '/Sys_Department',
+ name: 'Sys_Department',
+ component: () => import('@/views/system/system/Sys_Department.vue')
+ } ,{
+ path: '/Base_Language',
+ name: 'Base_Language',
+ component: () => import('@/views/custom/custom/Base_Language.vue')
+ } ,{
+ path: '/View_SalaryReportCover',
+ name: 'View_SalaryReportCover',
+ component: () => import('@/views/report/report/View_SalaryReportCover.vue')
+ } ,{
+ path: '/Production_OverWorkOrder',
+ name: 'Production_OverWorkOrder',
+ component: () => import('@/views/production/production/Production_OverWorkOrder.vue')
+ }]
+
+export default viewgird
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000..94d4935
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,89 @@
+import { createStore } from 'vuex'
+const keys = { USER: 'user' }
+function getUserInfo(state) {
+ if (state.userInfo) return state.userInfo;
+ let userInfo = localStorage.getItem(keys.USER);
+ if (userInfo) {
+ state.userInfo = JSON.parse(userInfo);
+ }
+ return state.userInfo;
+}
+export default createStore({
+ state: {
+ data: {},
+ permission: [],
+ isLoading: false,//2020.06.03增加路由切换时加载提示
+ userInfo: null
+ },
+ mutations: {
+ setPermission(state, data) { //调用方式 this.$store.commit('setPermission', data)
+ if (!data || typeof data != 'object') return;
+ if (data instanceof Array) {
+ state.permission.push(...data);
+ } else {
+ state.permission = data;
+ }
+ }, setUserInfo(state, data) {
+ state.userInfo = data;
+ localStorage.setItem(keys.USER, JSON.stringify(data));
+ },
+ clearUserInfo(state) {
+ state.permission = [];
+ state.userInfo = null;
+ localStorage.removeItem(keys.USER);
+ },
+ test(state) {
+ return 113344;
+ },
+ updateLoadingState(state, flag) {
+ state.isLoading = flag
+ }
+ }, getters: {
+ getPermission: (state) => (path) => { //调用方式 store.getters.getPermission('sys_User')
+ if (!path) return state.permission;
+ return state.permission.find(x => x.path == path);
+ },
+ getUserInfo: (state) => () => {
+ getUserInfo(state);
+ return state.userInfo;
+ }, getUserName: (state) => () => {
+ getUserInfo(state);
+ if (state.userInfo) {
+ return state.userInfo.userName;
+ }
+ return '未获取到登陆信息';
+ },
+ getToken: (state) => () => {
+ getUserInfo(state);
+ if (state.userInfo) {
+ return 'Bearer ' + state.userInfo.token;
+ }
+ return '';
+ },
+ isLogin: (state) => () => {
+ if (getUserInfo(state)) {
+ return true;
+ }
+ return false;
+ },
+ isLoading: (state) => () => {
+ return state.isLoading;
+ },
+ data: (state) => () => {
+ return state.data;
+ },
+ getData: (state) => () => {
+ return state.data;
+ },
+ }, actions: {
+ setPermission(context, data) {
+ context.commit('setPermission', data); //调用方式 store.dispatch('push')
+ },
+ toDo(context) {
+ return context.Store.m;
+ },
+ onLoading(context, flag) {
+ context.commit("updateLoadingState", flag);
+ }
+ }
+})
diff --git a/src/uitils/calendar.js b/src/uitils/calendar.js
new file mode 100644
index 0000000..00af448
--- /dev/null
+++ b/src/uitils/calendar.js
@@ -0,0 +1,668 @@
+/**
+ * @1900-2100区间内的公历、农历互转
+ * @charset UTF-8
+ * @Author Jea杨(JJonline@JJonline.Cn)
+ * @Time 2014-7-21
+ * @Time 2016-8-13 Fixed 2033hex、Attribution Annals
+ * @Time 2016-9-25 Fixed lunar LeapMonth Param Bug
+ * @Time 2017-7-24 Fixed use getTerm Func Param Error.use solar year,NOT lunar year
+ * @Version 1.0.3
+ * @公历转农历：calendar.solar2lunar(1987,11,01); //[you can ignore params of prefix 0]
+ * @农历转公历：calendar.lunar2solar(1987,09,10); //[you can ignore params of prefix 0]
+ */
+const calendar = {
+
+ /**
+ * 农历1900-2100的润大小信息表
+ * @Array Of Property
+ * @return Hex
+ */
+ lunarInfo: [0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d260, 0x0d950, 0x16554, 0x056a0, 0x09ad0, 0x055d2,//1900-1909
+ 0x04ae0, 0x0a5b6, 0x0a4d0, 0x0d250, 0x1d255, 0x0b540, 0x0d6a0, 0x0ada2, 0x095b0, 0x14977,//1910-1919
+ 0x04970, 0x0a4b0, 0x0b4b5, 0x06a50, 0x06d40, 0x1ab54, 0x02b60, 0x09570, 0x052f2, 0x04970,//1920-1929
+ 0x06566, 0x0d4a0, 0x0ea50, 0x16a95, 0x05ad0, 0x02b60, 0x186e3, 0x092e0, 0x1c8d7, 0x0c950,//1930-1939
+ 0x0d4a0, 0x1d8a6, 0x0b550, 0x056a0, 0x1a5b4, 0x025d0, 0x092d0, 0x0d2b2, 0x0a950, 0x0b557,//1940-1949
+ 0x06ca0, 0x0b550, 0x15355, 0x04da0, 0x0a5b0, 0x14573, 0x052b0, 0x0a9a8, 0x0e950, 0x06aa0,//1950-1959
+ 0x0aea6, 0x0ab50, 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0,//1960-1969
+ 0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540, 0x0b6a0, 0x195a6,//1970-1979
+ 0x095b0, 0x049b0, 0x0a974, 0x0a4b0, 0x0b27a, 0x06a50, 0x06d40, 0x0af46, 0x0ab60, 0x09570,//1980-1989
+ 0x04af5, 0x04970, 0x064b0, 0x074a3, 0x0ea50, 0x06b58, 0x05ac0, 0x0ab60, 0x096d5, 0x092e0,//1990-1999
+ 0x0c960, 0x0d954, 0x0d4a0, 0x0da50, 0x07552, 0x056a0, 0x0abb7, 0x025d0, 0x092d0, 0x0cab5,//2000-2009
+ 0x0a950, 0x0b4a0, 0x0baa4, 0x0ad50, 0x055d9, 0x04ba0, 0x0a5b0, 0x15176, 0x052b0, 0x0a930,//2010-2019
+ 0x07954, 0x06aa0, 0x0ad50, 0x05b52, 0x04b60, 0x0a6e6, 0x0a4e0, 0x0d260, 0x0ea65, 0x0d530,//2020-2029
+ 0x05aa0, 0x076a3, 0x096d0, 0x04afb, 0x04ad0, 0x0a4d0, 0x1d0b6, 0x0d250, 0x0d520, 0x0dd45,//2030-2039
+ 0x0b5a0, 0x056d0, 0x055b2, 0x049b0, 0x0a577, 0x0a4b0, 0x0aa50, 0x1b255, 0x06d20, 0x0ada0,//2040-2049
+ /**Add By JJonline@JJonline.Cn**/
+ 0x14b63, 0x09370, 0x049f8, 0x04970, 0x064b0, 0x168a6, 0x0ea50, 0x06b20, 0x1a6c4, 0x0aae0,//2050-2059
+ 0x092e0, 0x0d2e3, 0x0c960, 0x0d557, 0x0d4a0, 0x0da50, 0x05d55, 0x056a0, 0x0a6d0, 0x055d4,//2060-2069
+ 0x052d0, 0x0a9b8, 0x0a950, 0x0b4a0, 0x0b6a6, 0x0ad50, 0x055a0, 0x0aba4, 0x0a5b0, 0x052b0,//2070-2079
+ 0x0b273, 0x06930, 0x07337, 0x06aa0, 0x0ad50, 0x14b55, 0x04b60, 0x0a570, 0x054e4, 0x0d160,//2080-2089
+ 0x0e968, 0x0d520, 0x0daa0, 0x16aa6, 0x056d0, 0x04ae0, 0x0a9d4, 0x0a2d0, 0x0d150, 0x0f252,//2090-2099
+ 0x0d520],//2100
+
+ /**
+ * 公历每个月份的天数普通表
+ * @Array Of Property
+ * @return Number
+ */
+ solarMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
+
+ /**
+ * 天干地支之天干速查表
+ * @Array Of Property trans["甲","乙","丙","丁","戊","己","庚","辛","壬","癸"]
+ * @return Cn string
+ */
+ Gan: ["\u7532", "\u4e59", "\u4e19", "\u4e01", "\u620a", "\u5df1", "\u5e9a", "\u8f9b", "\u58ec", "\u7678"],
+
+ /**
+ * 天干地支之地支速查表
+ * @Array Of Property
+ * @trans["子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥"]
+ * @return Cn string
+ */
+ Zhi: ["\u5b50", "\u4e11", "\u5bc5", "\u536f", "\u8fb0", "\u5df3", "\u5348", "\u672a", "\u7533", "\u9149", "\u620c", "\u4ea5"],
+
+ /**
+ * 天干地支之地支速查表<=>生肖
+ * @Array Of Property
+ * @trans["鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗","猪"]
+ * @return Cn string
+ */
+ Animals: ["\u9f20", "\u725b", "\u864e", "\u5154", "\u9f99", "\u86c7", "\u9a6c", "\u7f8a", "\u7334", "\u9e21", "\u72d7", "\u732a"],
+
+ /**
+ * 阳历节日
+ */
+ festival: {
+ '1-1': {title: '元旦节'},
+ '2-14': {title: '情人节'},
+ '5-1': {title: '劳动节'},
+ '5-4': {title: '青年节'},
+ '6-1': {title: '儿童节'},
+ '9-10': {title: '教师节'},
+ '10-1': {title: '国庆节'},
+ '12-25': {title: '圣诞节'},
+
+ '3-8': {title: '妇女节'},
+ '3-12': {title: '植树节'},
+ '4-1': {title: '愚人节'},
+ '5-12': {title: '护士节'},
+ '7-1': {title: '建党节'},
+ '8-1': {title: '建军节'},
+ '12-24': {title: '平安夜'},
+ },
+
+ /**
+ * 农历节日
+ */
+ lFestival: {
+ '12-30': {title: '除夕'},
+ '1-1': {title: '春节'},
+ '1-15': {title: '元宵节'},
+ '2-2': {title: '龙抬头'},
+ '5-5': {title: '端午节'},
+ '7-7': {title: '七夕节'},
+ '7-15': {title: '中元节'},
+ '8-15': {title: '中秋节'},
+ '9-9': {title: '重阳节'},
+ '10-1': {title: '寒衣节'},
+ '10-15': {title: '下元节'},
+ '12-8': {title: '腊八节'},
+ '12-23': {title: '北方小年'},
+ '12-24': {title: '南方小年'},
+ },
+
+ /**
+ * 返回默认定义的阳历节日
+ */
+ getFestival() {
+ return this.festival
+ },
+
+ /**
+ * 返回默认定义的内容里节日
+ */
+ getLunarFestival() {
+ return this.lFestival
+ },
+
+ /**
+ *
+ * @param param {Object} 按照festival的格式输入数据，设置阳历节日
+ */
+ setFestival(param = {}) {
+ this.festival = param
+ },
+
+ /**
+ *
+ * @param param {Object} 按照lFestival的格式输入数据，设置农历节日
+ */
+ setLunarFestival(param = {}) {
+ this.lFestival = param
+ },
+
+ /**
+ * 24节气速查表
+ * @Array Of Property
+ * @trans["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"]
+ * @return Cn string
+ */
+ solarTerm: ["\u5c0f\u5bd2", "\u5927\u5bd2", "\u7acb\u6625", "\u96e8\u6c34", "\u60ca\u86f0", "\u6625\u5206", "\u6e05\u660e", "\u8c37\u96e8", "\u7acb\u590f", "\u5c0f\u6ee1", "\u8292\u79cd", "\u590f\u81f3", "\u5c0f\u6691", "\u5927\u6691", "\u7acb\u79cb", "\u5904\u6691", "\u767d\u9732", "\u79cb\u5206", "\u5bd2\u9732", "\u971c\u964d", "\u7acb\u51ac", "\u5c0f\u96ea", "\u5927\u96ea", "\u51ac\u81f3"],
+
+ /**
+ * 1900-2100各年的24节气日期速查表
+ * @Array Of Property
+ * @return 0x string For splice
+ */
+ sTermInfo: ['9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f',
+ '97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+ '97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa',
+ '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f',
+ 'b027097bd097c36b0b6fc9274c91aa', '9778397bd19801ec9210c965cc920e', '97b6b97bd19801ec95f8c965cc920f',
+ '97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2', '9778397bd197c36c9210c9274c91aa',
+ '97b6b97bd19801ec95f8c965cc920e', '97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2',
+ '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec95f8c965cc920e', '97bcf97c3598082c95f8e1cfcc920f',
+ '97bd097bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+ '97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+ '97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722',
+ '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f',
+ '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+ '97bcf97c359801ec95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+ '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd097bd07f595b0b6fc920fb0722',
+ '9778397bd097c36b0b6fc9210c8dc2', '9778397bd19801ec9210c9274c920e', '97b6b97bd19801ec95f8c965cc920f',
+ '97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
+ '97b6b97bd19801ec95f8c965cc920f', '97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
+ '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bd07f1487f595b0b0bc920fb0722',
+ '7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+ '97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+ '97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
+ '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f531b0b0bb0b6fb0722',
+ '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+ '97bcf7f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+ '97b6b97bd19801ec9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
+ '9778397bd097c36b0b6fc9210c91aa', '97b6b97bd197c36c9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722',
+ '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
+ '97b6b7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
+ '9778397bd097c36b0b70c9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
+ '7f0e397bd097c35b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
+ '7f0e27f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+ '97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
+ '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
+ '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
+ '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+ '97b6b7f0e47f531b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
+ '9778397bd097c36b0b6fc9210c91aa', '97b6b7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
+ '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '977837f0e37f149b0723b0787b0721',
+ '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c35b0b6fc9210c8dc2',
+ '977837f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
+ '7f0e397bd097c35b0b6fc9210c8dc2', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
+ '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '977837f0e37f14998082b0787b06bd',
+ '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
+ '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
+ '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
+ '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd',
+ '7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
+ '977837f0e37f14998082b0723b06bd', '7f07e7f0e37f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
+ '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b0721',
+ '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f595b0b0bb0b6fb0722', '7f0e37f0e37f14898082b0723b02d5',
+ '7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f531b0b0bb0b6fb0722',
+ '7f0e37f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
+ '7f0e37f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
+ '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35',
+ '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
+ '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f149b0723b0787b0721',
+ '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0723b06bd',
+ '7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722', '7f0e37f0e366aa89801eb072297c35',
+ '7ec967f0e37f14998082b0723b06bd', '7f07e7f0e37f14998083b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
+ '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14898082b0723b02d5', '7f07e7f0e37f14998082b0787b0721',
+ '7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66aa89801e9808297c35', '665f67f0e37f14898082b0723b02d5',
+ '7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66a449801e9808297c35',
+ '665f67f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
+ '7f0e36665b66a449801e9808297c35', '665f67f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
+ '7f07e7f0e47f531b0723b0b6fb0721', '7f0e26665b66a449801e9808297c35', '665f67f0e37f1489801eb072297c35',
+ '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722'],
+
+ /**
+ * 数字转中文速查表
+ * @Array Of Property
+ * @trans ['日','一','二','三','四','五','六','七','八','九','十']
+ * @return Cn string
+ */
+ nStr1: ["\u65e5", "\u4e00", "\u4e8c", "\u4e09", "\u56db", "\u4e94", "\u516d", "\u4e03", "\u516b", "\u4e5d", "\u5341"],
+
+ /**
+ * 日期转农历称呼速查表
+ * @Array Of Property
+ * @trans ['初','十','廿','卅']
+ * @return Cn string
+ */
+ nStr2: ["\u521d", "\u5341", "\u5eff", "\u5345"],
+
+ /**
+ * 月份转农历称呼速查表
+ * @Array Of Property
+ * @trans ['正','一','二','三','四','五','六','七','八','九','十','冬','腊']
+ * @return Cn string
+ */
+ nStr3: ["\u6b63", "\u4e8c", "\u4e09", "\u56db", "\u4e94", "\u516d", "\u4e03", "\u516b", "\u4e5d", "\u5341", "\u51ac", "\u814a"],
+
+ /**
+ * 返回农历y年一整年的总天数
+ * @param y lunar Year
+ * @return Number
+ * @eg:var count = calendar.lYearDays(1987) ;//count=387
+ */
+ lYearDays: function (y) {
+ let i, sum = 348;
+ for (i = 0x8000; i > 0x8; i >>= 1) {
+ sum += (this.lunarInfo[y - 1900] & i) ? 1 : 0;
+ }
+ return (sum + this.leapDays(y));
+ },
+
+ /**
+ * 返回农历y年闰月是哪个月；若y年没有闰月 则返回0
+ * @param y lunar Year
+ * @return Number (0-12)
+ * @eg:var leapMonth = calendar.leapMonth(1987) ;//leapMonth=6
+ */
+ leapMonth: function (y) { //闰字编码 \u95f0
+ return (this.lunarInfo[y - 1900] & 0xf);
+ },
+
+ /**
+ * 返回农历y年闰月的天数 若该年没有闰月则返回0
+ * @param y lunar Year
+ * @return Number (0、29、30)
+ * @eg:var leapMonthDay = calendar.leapDays(1987) ;//leapMonthDay=29
+ */
+ leapDays: function (y) {
+ if (this.leapMonth(y)) {
+ return ((this.lunarInfo[y - 1900] & 0x10000) ? 30 : 29);
+ }
+ return (0);
+ },
+
+ /**
+ * 返回农历y年m月（非闰月）的总天数，计算m为闰月时的天数请使用leapDays方法
+ * @param y lunar Year
+ * @param m lunar Month
+ * @return Number (-1、29、30)
+ * @eg:var MonthDay = calendar.monthDays(1987,9) ;//MonthDay=29
+ */
+ monthDays: function (y, m) {
+ if (m > 12 || m < 1) {
+ return -1
+ }//月份参数从1至12，参数错误返回-1
+ return ((this.lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29);
+ },
+
+ /**
+ * 返回公历(!)y年m月的天数
+ * @param y solar Year
+ * @param m solar Month
+ * @return Number (-1、28、29、30、31)
+ * @eg:var solarMonthDay = calendar.leapDays(1987) ;//solarMonthDay=30
+ */
+ solarDays: function (y, m) {
+ if (m > 12 || m < 1) {
+ return -1
+ } //若参数错误 返回-1
+ const ms = m - 1;
+ if (ms === 1) { //2月份的闰平规律测算后确认返回28或29
+ return (((y % 4 === 0) && (y % 100 !== 0) || (y % 400 === 0)) ? 29 : 28);
+ } else {
+ return (this.solarMonth[ms]);
+ }
+ },
+
+ /**
+ * 农历年份转换为干支纪年
+ * @param lYear 农历年的年份数
+ * @return Cn string
+ */
+ toGanZhiYear: function (lYear) {
+ var ganKey = (lYear - 3) % 10;
+ var zhiKey = (lYear - 3) % 12;
+ if (ganKey === 0) ganKey = 10;//如果余数为0则为最后一个天干
+ if (zhiKey === 0) zhiKey = 12;//如果余数为0则为最后一个地支
+ return this.Gan[ganKey - 1] + this.Zhi[zhiKey - 1];
+
+ },
+
+ /**
+ * 公历月、日判断所属星座
+ * @param cMonth [description]
+ * @param cDay [description]
+ * @return Cn string
+ */
+ toAstro: function (cMonth, cDay) {
+ const s = "\u9b54\u7faf\u6c34\u74f6\u53cc\u9c7c\u767d\u7f8a\u91d1\u725b\u53cc\u5b50\u5de8\u87f9\u72ee\u5b50\u5904\u5973\u5929\u79e4\u5929\u874e\u5c04\u624b\u9b54\u7faf";
+ const arr = [20, 19, 21, 21, 21, 22, 23, 23, 23, 23, 22, 22];
+ return s.substr(cMonth * 2 - (cDay < arr[cMonth - 1] ? 2 : 0), 2) + "\u5ea7";//座
+ },
+
+ /**
+ * 传入offset偏移量返回干支
+ * @param offset 相对甲子的偏移量
+ * @return Cn string
+ */
+ toGanZhi: function (offset) {
+ return this.Gan[offset % 10] + this.Zhi[offset % 12];
+ },
+
+ /**
+ * 传入公历(!)y年获得该年第n个节气的公历日期
+ * @param y y公历年(1900-2100)
+ * @param n n二十四节气中的第几个节气(1~24)；从n=1(小寒)算起
+ * @return day Number
+ * @eg:var _24 = calendar.getTerm(1987,3) ;//_24=4;意即1987年2月4日立春
+ */
+ getTerm: function (y, n) {
+ if( y < 1900 || y > 2100 || n < 1 || n > 24) {
+ return -1;
+ }
+ const _table = this.sTermInfo[y - 1900];
+ const _calcDay = []
+ for (let index = 0; index < _table.length; index += 5) {
+ const chunk = parseInt('0x' + _table.substr(index, 5)).toString()
+ _calcDay.push(
+ chunk[0],
+ chunk.substr(1, 2),
+ chunk[3],
+ chunk.substr(4, 2)
+ )
+ }
+ return parseInt(_calcDay[n - 1]);
+ },
+
+ /**
+ * 传入农历数字月份返回汉语通俗表示法
+ * @param m lunar month
+ * @return Cn string
+ * @eg:var cnMonth = calendar.toChinaMonth(12) ;//cnMonth='腊月'
+ */
+ toChinaMonth: function (m) { // 月 => \u6708
+ if (m > 12 || m < 1) {
+ return -1
+ } //若参数错误 返回-1
+ let s = this.nStr3[m - 1];
+ s += "\u6708";//加上月字
+ return s;
+ },
+
+ /**
+ * 传入农历日期数字返回汉字表示法
+ * @param d lunar day
+ * @return Cn string
+ * @eg:var cnDay = calendar.toChinaDay(21) ;//cnMonth='廿一'
+ */
+ toChinaDay: function (d) { //日 => \u65e5
+ let s;
+ switch (d) {
+ case 10:
+ s = '\u521d\u5341';
+ break;
+ case 20:
+ s = '\u4e8c\u5341';
+ break;
+ case 30:
+ s = '\u4e09\u5341';
+ break;
+ default :
+ s = this.nStr2[Math.floor(d / 10)];
+ s += this.nStr1[d % 10];
+ }
+ return (s);
+ },
+
+ /**
+ * 年份转生肖[!仅能大致转换] => 精确划分生肖分界线是“立春”
+ * @param y year
+ * @return Cn string
+ * @eg:var animal = calendar.getAnimal(1987) ;//animal='兔'
+ */
+ getAnimal: function (y) {
+ return this.Animals[(y - 4) % 12]
+ },
+
+ /**
+ * 传入阳历年月日获得详细的公历、农历object信息 <=>JSON
+ * !important! 公历参数区间1900.1.31~2100.12.31
+ * @param yPara solar year
+ * @param mPara solar month
+ * @param dPara solar day
+ * @return JSON object
+ * @eg:console.log(calendar.solar2lunar(1987,11,01));
+ */
+ solar2lunar: function (yPara, mPara, dPara) {
+ let y = parseInt(yPara);
+ let m = parseInt(mPara);
+ let d = parseInt(dPara);
+ //年份限定、上限
+ if (y < 1900 || y > 2100) {
+ return -1;// undefined转换为数字变为NaN
+ }
+ //公历传参最下限
+ if (y === 1900 && m === 1 && d < 31) {
+ return -1;
+ }
+
+ //未传参 获得当天
+ let objDate;
+ if (!y) {
+ objDate = new Date();
+ } else {
+ objDate = new Date(y, parseInt(m) - 1, d);
+ }
+ let i, leap = 0, temp = 0;
+ //修正ymd参数
+ y = objDate.getFullYear();
+ m = objDate.getMonth() + 1;
+ d = objDate.getDate();
+ let offset = (Date.UTC(objDate.getFullYear(), objDate.getMonth(), objDate.getDate()) - Date.UTC(1900, 0, 31)) / 86400000;
+ for (i = 1900; i < 2101 && offset > 0; i++) {
+ temp = this.lYearDays(i);
+ offset -= temp;
+ }
+ if (offset < 0) {
+ offset += temp;
+ i--;
+ }
+
+ //是否今天
+ let isTodayObj = new Date(),
+ isToday = false;
+ if (isTodayObj.getFullYear() === y && isTodayObj.getMonth() + 1 === m && isTodayObj.getDate() === d) {
+ isToday = true;
+ }
+ //星期几
+ let nWeek = objDate.getDay(),
+ cWeek = this.nStr1[nWeek];
+ //数字表示周几顺应天朝周一开始的惯例
+ if (nWeek === 0) {
+ nWeek = 7;
+ }
+ //农历年
+ const year = i;
+ leap = this.leapMonth(i); //闰哪个月
+ let isLeap = false;
+
+ //效验闰月
+ for (i = 1; i < 13 && offset > 0; i++) {
+ //闰月
+ if (leap > 0 && i === (leap + 1) && isLeap === false) {
+ --i;
+ isLeap = true;
+ temp = this.leapDays(year); //计算农历闰月天数
+ } else {
+ temp = this.monthDays(year, i);//计算农历普通月天数
+ }
+ //解除闰月
+ if (isLeap === true && i === (leap + 1)) {
+ isLeap = false;
+ }
+ offset -= temp;
+ }
+ // 闰月导致数组下标重叠取反
+ if (offset === 0 && leap > 0 && i === leap + 1) {
+ if (isLeap) {
+ isLeap = false;
+ } else {
+ isLeap = true;
+ --i;
+ }
+ }
+ if (offset < 0) {
+ offset += temp;
+ --i;
+ }
+ //农历月
+ const month = i;
+ //农历日
+ const day = offset + 1;
+ //天干地支处理
+ const sm = m - 1;
+ const gzY = this.toGanZhiYear(year);
+
+ // 当月的两个节气
+ // bugfix-2017-7-24 11:03:38 use lunar Year Param `y` Not `year`
+ const firstNode = this.getTerm(y, (m * 2 - 1));//返回当月「节」为几日开始
+ const secondNode = this.getTerm(y, (m * 2));//返回当月「节」为几日开始
+
+ // 依据12节气修正干支月
+ let gzM = this.toGanZhi((y - 1900) * 12 + m + 11);
+ if (d >= firstNode) {
+ gzM = this.toGanZhi((y - 1900) * 12 + m + 12);
+ }
+
+ //传入的日期的节气与否
+ let isTerm = false;
+ let Term = null;
+ if (firstNode === d) {
+ isTerm = true;
+ Term = this.solarTerm[m * 2 - 2];
+ }
+ if (secondNode === d) {
+ isTerm = true;
+ Term = this.solarTerm[m * 2 - 1];
+ }
+ //日柱 当月一日与 1900/1/1 相差天数
+ const dayCyclical = Date.UTC(y, sm, 1, 0, 0, 0, 0) / 86400000 + 25567 + 10;
+ const gzD = this.toGanZhi(dayCyclical + d - 1);
+ //该日期所属的星座
+ const astro = this.toAstro(m, d);
+
+ const solarDate = y + '-' + m + '-' + d;
+ const lunarDate = year + '-' + month + '-' + day;
+
+ const festival = this.festival;
+ const lFestival = this.lFestival;
+
+ const festivalDate = m + '-' + d;
+ let lunarFestivalDate = month + '-' + day;
+
+ // bugfix https://github.com/jjonline/calendar.js/issues/29
+ // 农历节日修正：农历12月小月则29号除夕，大月则30号除夕
+ // 此处取巧修正：当前为农历12月29号时增加一次判断并且把lunarFestivalDate设置为12-30以正确取得除夕
+ // 天朝农历节日遇闰月过前不过后的原则，此处取农历12月天数不考虑闰月
+ // 农历润12月在本工具支持的200年区间内仅1574年出现
+ if (month === 12 && day === 29 && this.monthDays(year, month) === 29) {
+ lunarFestivalDate = '12-30';
+ }
+ return {
+ date: solarDate,
+ lunarDate: lunarDate,
+ festival: festival[festivalDate] ? festival[festivalDate].title : null,
+ lunarFestival: lFestival[lunarFestivalDate] ? lFestival[lunarFestivalDate].title : null,
+ 'lYear': year,
+ 'lMonth': month,
+ 'lDay': day,
+ 'Animal': this.getAnimal(year),
+ 'IMonthCn': (isLeap ? "\u95f0" : '') + this.toChinaMonth(month),
+ 'IDayCn': this.toChinaDay(day),
+ 'cYear': y,
+ 'cMonth': m,
+ 'cDay': d,
+ 'gzYear': gzY,
+ 'gzMonth': gzM,
+ 'gzDay': gzD,
+ 'isToday': isToday,
+ 'isLeap': isLeap,
+ 'nWeek': nWeek,
+ 'ncWeek': "\u661f\u671f" + cWeek,
+ 'isTerm': isTerm,
+ 'Term': Term,
+ 'astro': astro
+ };
+ },
+
+ /**
+ * 传入农历年月日以及传入的月份是否闰月获得详细的公历、农历object信息 <=>JSON
+ * !important! 参数区间1900.1.31~2100.12.1
+ * @param y lunar year
+ * @param m lunar month
+ * @param d lunar day
+ * @param isLeapMonth lunar month is leap or not.[如果是农历闰月第四个参数赋值true即可]
+ * @return JSON object
+ * @eg:console.log(calendar.lunar2solar(1987,9,10));
+ */
+ lunar2solar: function (y, m, d, isLeapMonth) {
+ y = parseInt(y)
+ m = parseInt(m)
+ d = parseInt(d)
+ isLeapMonth = !!isLeapMonth;
+ const leapOffset = 0;
+ const leapMonth = this.leapMonth(y);
+ const leapDay = this.leapDays(y);
+ if (isLeapMonth && (leapMonth !== m)) {
+ return -1;
+ }//传参要求计算该闰月公历 但该年得出的闰月与传参的月份并不同
+ if (y === 2100 && m === 12 && d > 1 || y === 1900 && m === 1 && d < 31) {
+ return -1;
+ }//超出了最大极限值
+ const day = this.monthDays(y, m);
+ let _day = day;
+ //bugFix 2016-9-25
+ //if month is leap, _day use leapDays method
+ if (isLeapMonth) {
+ _day = this.leapDays(y, m);
+ }
+ if (y < 1900 || y > 2100 || d > _day) {
+ return -1;
+ }//参数合法性效验
+
+ //计算农历的时间差
+ let offset = 0;
+ let i;
+ for (i = 1900; i < y; i++) {
+ offset += this.lYearDays(i);
+ }
+ let leap = 0, isAdd = false;
+ for (i = 1; i < m; i++) {
+ leap = this.leapMonth(y);
+ if (!isAdd) {//处理闰月
+ if (leap <= i && leap > 0) {
+ offset += this.leapDays(y);
+ isAdd = true;
+ }
+ }
+ offset += this.monthDays(y, i);
+ }
+ //转换闰月农历 需补充该年闰月的前一个月的时差
+ if (isLeapMonth) {
+ offset += day;
+ }
+ //1900年农历正月一日的公历时间为1900年1月30日0时0分0秒(该时间也是本农历的最开始起始点)
+ const strap = Date.UTC(1900, 1, 30, 0, 0, 0);
+ const calObj = new Date((offset + d - 31) * 86400000 + strap);
+ const cY = calObj.getUTCFullYear();
+ const cM = calObj.getUTCMonth() + 1;
+ const cD = calObj.getUTCDate();
+
+ return this.solar2lunar(cY, cM, cD);
+ }
+};
+
+export default calendar;
\ No newline at end of file
diff --git a/src/uitils/common.js b/src/uitils/common.js
new file mode 100644
index 0000000..e1e1a8a
--- /dev/null
+++ b/src/uitils/common.js
@@ -0,0 +1,337 @@
+let base = {
+ addDays(date, days) {
+ //给指定日期增加天数
+ if (!days) {
+ return date;
+ }
+ let dateArr = date.split(' ');
+ date = new Date(new Date(date).setDate(new Date(date).getDate() + days));
+ var year = date.getFullYear();
+ var month = date.getMonth() + 1;
+ if (month < 10) {
+ month = '0' + month;
+ }
+ var day = date.getDate();
+ if (day < 10) {
+ day = '0' + day;
+ }
+ date = year + '-' + month + '-' + day;
+ if (dateArr.length == 1) {
+ return date;
+ }
+ return date + ' ' + dateArr[1];
+ },
+ //获取当前时间，time是否带时分秒
+ getDate(time) {
+ let date = new Date();
+ let year = date.getFullYear();
+ let month = date.getMonth() + 1;
+ let day = date.getDate();
+
+ let datetime =
+ year +
+ '-' +
+ (month < 10 ? '0' + month : month) +
+ '-' +
+ (day < 10 ? '0' + day : day);
+
+ if (!time) {
+ return datetime;
+ }
+
+ let hour = date.getHours();
+ let minutes = date.getMinutes();
+ let second = date.getSeconds();
+
+ return (
+ datetime +
+ '' +
+ ' ' +
+ (hour < 10 ? '0' + hour : hour) +
+ ':' +
+ (minutes < 10 ? '0' + minutes : minutes) +
+ ':' +
+ (second < 10 ? '0' + second : second)
+ );
+ },
+ isPhone(val) {
+ return /^[1][3,4,5,6,7,8,9][0-9]{9}$/.test(val);
+ },
+ isDecimal(val) {
+ return /(^[\-0-9][0-9]*(.[0-9]+)?)$/.test(val);
+ },
+ isNumber(val) {
+ return /(^[\-0-9][0-9]*([0-9]+)?)$/.test(val);
+ },
+ isMail(val) {
+ return /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/.test(val);
+ },
+ isUrl(url) {
+ return this.checkUrl(url);
+ },
+ checkUrl(url) {
+ // url= 协议://(ftp的登录信息)[IP|域名](:端口号)(/或?请求参数)
+ var strRegex =
+ '^((https|http|ftp)://)?' + // (https或http或ftp):// 可有可无
+ "(([\\w_!~*'()\\.&=+$%-]+: )?[\\w_!~*'()\\.&=+$%-]+@)?" + // ftp的user@ 可有可无
+ '(([0-9]{1,3}\\.){3}[0-9]{1,3}' + // IP形式的URL- 3位数字.3位数字.3位数字.3位数字
+ '|' + // 允许IP和DOMAIN（域名）
+ '(localhost)|' + // 匹配localhost
+ "([\\w_!~*'()-]+\\.)*" + // 域名- 至少一个[英文或数字_!~*\'()-]加上.
+ '\\w+\\.' + // 一级域名 -英文或数字 加上.
+ '[a-zA-Z]{1,6})' + // 顶级域名- 1-6位英文
+ '(:[0-9]{1,5})?' + // 端口- :80 ,1-5位数字
+ '((/?)|' + // url无参数结尾 - 斜杆或这没有
+ "(/[\\w_!~*'()\\.;?:@&=+$,%#-]+)+/?)$"; // 请求参数结尾- 英文或数字和[]内的各种字符
+ var re = new RegExp(strRegex, 'i'); // i不区分大小写
+ // 将url做uri转码后再匹配，解除请求参数中的中文和空字符影响
+ if (re.test(encodeURI(url))) {
+ return true;
+ }
+ return false;
+ },
+ matchUrlIp(url, ip) {
+ // url使用是否使用的当前ip
+ if (!url || !ip) {
+ return false;
+ }
+ return url.indexOf(ip.replace('https://', '').replace('http://', '')) >= 0;
+ },
+ getImgSrc(src, httpUrl) {
+ if (this.isUrl(src)) {
+ return src;
+ }
+ if (httpUrl) {
+ return httpUrl + src;
+ }
+ return src;
+ },
+ previewImg(src, httpUrl) {
+ // 图片预览，目前只支持单图片预览
+ if (src && !this.isUrl(src) && httpUrl) {
+ if (
+ src.substr(0, 1) == '/' &&
+ httpUrl.substr(httpUrl.length - 1, 1) == '/'
+ ) {
+ src = src.substr(1);
+ }
+ src = httpUrl + src;
+ }
+ let id = 'mes-preview';
+ let $div = document.getElementById(id);
+ if (!$div) {
+ $div = document.createElement('div');
+ $div.setAttribute('id', 'mes-preview');
+ let $mask = document.createElement('div');
+ $mask.style.position = 'absolute';
+ $mask.style.width = '100%';
+ $mask.style.height = '100%';
+ $mask.style.background = 'black';
+ $mask.style.opacity = '0.6';
+ $div.appendChild($mask);
+ $div.style.position = 'fixed';
+ $div.style.width = '100%';
+ $div.style.height = '100%';
+ // $div.style.overflow = "scroll";
+ $div.style.top = 0;
+ $div.style['z-index'] = 9999999;
+ let $img = document.createElement('img');
+ $img.setAttribute('class', 'mes-preview-img');
+ $img.style.position = 'absolute';
+ $img.style.top = '50%';
+ $img.style.left = '50%';
+ $img.style['max-width'] = '90%';
+ $img.style['max-height'] = '90%';
+ $img.style.transform = 'translate(-50%,-50%)';
+ // $img.src = src;
+ $img.setAttribute('src', src);
+ $div.appendChild($img);
+ $div.addEventListener('click', function() {
+ this.style.display = 'none';
+ });
+ document.body.appendChild($div);
+ return;
+ }
+ let $img1 = document.body
+ .appendChild($div)
+ .querySelector('.mes-preview-img');
+ // img.src = src;
+ $img1.setAttribute('src', src);
+ $div.style.display = 'block';
+ },
+ // 下载文件 $element 标签, url完整url, fileName 文件名, header 以key/value传值
+ // backGroundUrl 后台url，如果后台url直接从后台下载，其他全部通过点击a标签下载
+ dowloadFile(url, fileName, header, backGroundUrl) {
+ if (!url) return alert('此文件没有url不能下载');
+ if (!this.isUrl(url)) {
+ url = backGroundUrl + url;
+ }
+ window.open(url);
+ },
+ downloadImg(data) {
+ if (!data.url || !data.callback || typeof data.callback !== 'function') {
+ return;
+ }
+ // url, backGroundUrl, header, callback
+ if (
+ this.isUrl(data.url) &&
+ !this.matchUrlIp(data.url, data.backGroundUrl)
+ ) {
+ return data.url;
+ }
+ // 通过后台api服务器下载
+ if (!this.isUrl(data.url)) {
+ if (!this.isUrl(data.backGroundUrl + data.url)) {
+ return;
+ }
+ data.url = data.backGroundUrl + data.url;
+ }
+ var xmlResquest = new XMLHttpRequest();
+ xmlResquest.open('get', data.url, true);
+ xmlResquest.responseType = 'blob';
+ xmlResquest.setRequestHeader('Content-Type', 'application/json');
+ if (data.header && typeof data.header === 'object') {
+ for (const key in data.header) {
+ xmlResquest.setRequestHeader(key, data.header[key]);
+ }
+ }
+ xmlResquest.onload = function() {
+ if (this.status == 200) {
+ var blob = this.response;
+ callback(window.URL.createObjectURL(blob));
+ }
+ };
+ xmlResquest.send();
+ },
+ // 2020.06.01增加通用方法，将普通对象转换为tree结构
+ // data数据格式[
+ // { name: 'tree1', id: 1, parentId: 0 },
+ // { name: 'tree2', id: 2, parentId: 0 }]
+
+ // 1、id与parentId这两个字段必须有
+ // 2、树形tree需要注意Id与parentId循环依赖的问题
+ // 3、callback每次生成一新的节点的时回调的方法
+
+ convertTree(data, callback) {
+ var treeIds = [];
+ var root_data = [];
+ data.forEach((x) => {
+ // if (!x.children) {
+ // x.children = []
+ // }
+ if (
+ !x.hidden &&
+ x.id !== undefined &&
+ x.id !== x.parentId &&
+ !data.some((s) => {
+ return x.parentId == s.id;
+ })
+ ) {
+ x.isRoot = true;
+ callback && callback(x, data, true, treeIds);
+ root_data.push(x);
+ getTree(x.id, x, data, callback, treeIds);
+ } else {
+ callback && callback(x, data, true, treeIds);
+ }
+ });
+ var exceptionNodes = data.filter((f) => {
+ return treeIds.indexOf(f.id) == -1 && !f.hidden;
+ });
+
+ root_data.push(...exceptionNodes);
+ return root_data;
+ },
+ getTreeAllParent(id, data) {
+ // 获取某个节点的所有父节点信息2020.11.01
+ var nodes = [];
+ if (!(data instanceof Array)) {
+ return nodes;
+ }
+
+ data.forEach((x) => {
+ if (x.id === x.parentId) {
+ x.parentId = 0;
+ } else if (data.some((c) => c.parentId === x.id && c.id === x.parentId)) {
+ x.parentId = 0;
+ }
+ });
+
+ var _child = data.find((x) => {
+ return x.id === id;
+ });
+ if (!_child) {
+ return [];
+ }
+ nodes.push(_child);
+ var _parentIds = [_child.parentId];
+ for (let index = 0; index < _parentIds.length; index++) {
+ var _node = data.find((x) => {
+ return x.id === _parentIds[index] && x.id !== x.parentId;
+ });
+ if (!_node) {
+ return nodes;
+ }
+ _parentIds.push(_node.parentId);
+ nodes.unshift(_node);
+ }
+ return nodes;
+ },
+ //获取所有节点的子节点
+ // data数据格式[
+ // { name: 'tree1', id: 1, parentId: 0 },
+ // { name: 'tree2', id: 2, parentId: 0 }]
+ getTreeAllChildren(id, data) {
+ //递归获取某个节点的所有子节点信息
+ var nodes = [];
+ if (!(data instanceof Array)) {
+ return nodes;
+ }
+
+ var _child = data.find((x) => {
+ return x.id === id;
+ });
+ if (!_child) {
+ return [];
+ }
+ nodes.push(_child);
+ var _parentIds = [_child.id];
+ for (let index = 0; index < _parentIds.length; index++) {
+ data.forEach((_node) => {
+ if (
+ _node.parentId === _parentIds[index] &&
+ _node.parentId !== _node.id
+ ) {
+ _parentIds.push(_node.id);
+ nodes.unshift(_node);
+ }
+ });
+ }
+ return nodes;
+ },
+ //获取所有子节点的id
+ // data数据格式[
+ // { name: 'tree1', id: 1, parentId: 0 },
+ // { name: 'tree2', id: 2, parentId: 0 }]
+ getTreeAllChildrenId(id, data) {
+ return this.getTreeAllChildren(id, data).map((c) => {
+ return c.id;
+ });
+ }
+};
+export default base;
+
+// 增加通用方法，将普通对象转换为tree结构
+function getTree(id, node, data, callback, treeIds) {
+ if (treeIds.indexOf(id) == -1) {
+ treeIds.push(id);
+ }
+ data.forEach((x) => {
+ if (!x.hidden && x.parentId == id) {
+ if (!node.children) node.children = [];
+ callback && callback(x, node, false);
+ node.children.push(x);
+ getTree(x.id, x, data, callback, treeIds);
+ }
+ });
+}
diff --git a/src/uitils/dateFormatUtil.js b/src/uitils/dateFormatUtil.js
new file mode 100644
index 0000000..fa8e8ef
--- /dev/null
+++ b/src/uitils/dateFormatUtil.js
@@ -0,0 +1,127 @@
+ // 当前日期
+ let now = new Date();
+ // 今天本周的第几天
+ let nowDayOfWeek = now.getDay();
+ // 当前日
+ let nowDay = now.getDate();
+ // 当前月
+ let nowMonth = now.getMonth();
+ // 当前年
+ let nowYear = now.getFullYear();
+ nowYear += (nowYear < 2000) ? 1900 : 0;
+ // 上月日期
+ let lastMonthDate = new Date();
+ lastMonthDate.setDate(1);
+ lastMonthDate.setMonth(lastMonthDate.getMonth() - 1);
+ let lastMonth = lastMonthDate.getMonth();
+ // 日期格式化,时间戳 时分秒 hh:mm:ss
+ export function formatTimeStamp(date, fmt = 'yyyy-MM-dd hh:mm:ss') {
+ if(!date) {
+ return '-';
+ }
+ date = new Date(date);
+ if (/(y+)/.test(fmt)) {
+ fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
+ }
+ let o = {
+ 'M+': date.getMonth() + 1,
+ 'd+': date.getDate(),
+ 'h+': date.getHours(),
+ 'm+': date.getMinutes(),
+ 's+': date.getSeconds()
+ };
+ for (let k in o) {
+ if (new RegExp(`(${k})`).test(fmt)) {
+ let str = o[k] + '';
+ fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
+ }
+ }
+ return fmt;
+ }
+ function padLeftZero(str) {
+ return ('00' + str).substr(str.length);
+ }
+ // 获取当前时间
+ export function getNowDate() {
+ return formatTimeStamp(new Date());
+ }
+ // 获得某月的天数
+ export function getMonthDays(myMonth) {
+ let monthStartDate = new Date(nowYear, myMonth, 1);
+ let monthEndDate = new Date(nowYear, myMonth + 1, 1);
+ let days = (monthEndDate - monthStartDate) / (1000 * 60 * 60 * 24);
+ return days;
+ }
+ // 获得本季度的开始月份
+ export function getQuarterStartMonth() {
+ let quarterStartMonth = 0;
+ if (nowMonth < 3) {
+ quarterStartMonth = 0;
+ }
+ if (2 < nowMonth && nowMonth < 6) {
+ quarterStartMonth = 3;
+ }
+ if (5 < nowMonth && nowMonth < 9) {
+ quarterStartMonth = 6;
+ }
+ if (nowMonth > 8) {
+ quarterStartMonth = 9;
+ }
+ return quarterStartMonth;
+ }
+ // 获得本周的开始日期
+ export function getWeekStartDate() {
+ let weekStartDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek);
+ return formatTimeStamp(weekStartDate);
+ }
+ // 获得本周的结束日期
+ export function getWeekEndDate() {
+ let weekEndDate = new Date(nowYear, nowMonth, nowDay + (6 - nowDayOfWeek));
+ return formatTimeStamp(weekEndDate);
+ }
+ // 获得上周的开始日期
+ export function getLastWeekStartDate() {
+ let weekStartDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek - 6);
+ return formatTimeStamp(weekStartDate);
+ }
+ // 获得上周的结束日期
+ export function getLastWeekEndDate() {
+ let weekEndDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek);
+ return formatTimeStamp(weekEndDate);
+ }
+ // 获得本月的开始日期
+ export function getMonthStartDate() {
+ let monthStartDate = new Date(nowYear, nowMonth, 1);
+ return formatTimeStamp(monthStartDate);
+ }
+ // 获得本月的结束日期
+ export function getMonthEndDate() {
+ let monthEndDate = new Date(nowYear, nowMonth, getMonthDays(nowMonth));
+ return formatTimeStamp(monthEndDate);
+ }
+ // 获得上月开始时间
+ export function getLastMonthStartDate() {
+ let lastMonthStartDate = new Date(nowYear, lastMonth, 1);
+ return formatTimeStamp(lastMonthStartDate);
+ }
+ // 获得上月结束时间
+ export function getLastMonthEndDate() {
+ let lastMonthEndDate = new Date(nowYear, lastMonth, getMonthDays(lastMonth));
+ return formatTimeStamp(lastMonthEndDate);
+ }
+ // 获得本季度的开始日期
+ export function getQuarterStartDate() {
+ let quarterStartDate = new Date(nowYear, getQuarterStartMonth(), 1);
+ return formatTimeStamp(quarterStartDate);
+ }
+ // 或的本季度的结束日期
+ export function getQuarterEndDate() {
+ let quarterEndMonth = getQuarterStartMonth() + 2;
+ let quarterStartDate = new Date(nowYear, quarterEndMonth, getMonthDays(quarterEndMonth));
+ return formatTimeStamp(quarterStartDate);
+ }
+ // 当时时间减去天数
+ export function getNowDateSubtraction(day) {
+ let nowDateSubtraction = new Date().setDate((new Date().getDate() - day));
+ return formatTimeStamp(nowDateSubtraction);
+ }
\ No newline at end of file
diff --git a/src/views/Home.vue b/src/views/Home.vue
new file mode 100644
index 0000000..605b6c5
--- /dev/null
+++ b/src/views/Home.vue
@@ -0,0 +1,743 @@
+
+
+
+ 入库单-产品明细
+
+
+
+
+
+
+
+
+ 快捷菜单
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.MenuName }}
+
+
+
+
+
+
+ 数量统计
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.ItemName }}
+ {{ item.Qty }}
+
+
+ 工序信息
+
+
+
+
+
+
+
+
+ {{item.ProcessName}}
+
+
+ 计划数:{{item.PlanQty}}
+
+
+ 良品数:{{item.GoodQty}}
+
+
+ 不良品数:{{item.NoGoodQty}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/Index.vue b/src/views/Index.vue
new file mode 100644
index 0000000..e2e0e71
--- /dev/null
+++ b/src/views/Index.vue
@@ -0,0 +1,961 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.title }} +
+ + {{ item.title }} +
+
+
+
+
+ 联系作者
+
+
+
+ +
+
+ 交流讨论群
+
+
+
+ +
+
+ 微信小程序
+
+
+
+ +
+
+
+
+
+ #【iMES工厂管家】版本变更说明
+| {{ index + 1 }} | +{{ row.title }} | +
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/Login.vue b/src/views/Login.vue
new file mode 100644
index 0000000..57e76b2
--- /dev/null
+++ b/src/views/Login.vue
@@ -0,0 +1,538 @@
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+ {{ $t("【商业版】有意联系微信：lovezaomeng") }}
+
+
+
+
+
+
+
+
+ {{ item.text }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
-
+
+ + {{ + navigation.length == 2 ? $t(closeMenu) : "关闭所有" + }} +
+ -
+
关闭左边 +
+ -
+
+ 关闭右边 +
+ -
+
关闭其他 + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/bi/bimanage/Bi_db_dim.vue b/src/views/bi/bimanage/Bi_db_dim.vue
new file mode 100644
index 0000000..9f82d33
--- /dev/null
+++ b/src/views/bi/bimanage/Bi_db_dim.vue
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 账号登录
+商业版
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ 登录
+ 正在登录...
+
+
+
+ 
+
+
+
+
+
+
diff --git a/src/views/calendar/calendar/Cal_HolidaySec.vue b/src/views/calendar/calendar/Cal_HolidaySec.vue
new file mode 100644
index 0000000..30c4d9c
--- /dev/null
+++ b/src/views/calendar/calendar/Cal_HolidaySec.vue
@@ -0,0 +1,218 @@
+
+
+
+ 1、如果只是创建目录，父级id填0,其他随便填写;
+
+ 2、如果是生成代码，父级id填写【代码生成配置】列表页面的id +
+
+ + 2、如果是生成代码，父级id填写【代码生成配置】列表页面的id +
+
+
+
+
+
+ 确 定
+
+
+
+
+ 代码生成配置
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 1、如果需要修改表结构，请在数据库修改，再点同步表结构->生成vue页面->生成model。
+ 2、修改编辑行后需要点击生成model、生成vue页面
+
+
+
+
+
+
+
+
+ 删除左侧配置菜单:删除行->保存->删除菜单
+
+
+
+ 保存
+
+ 新建
+
+
+ 生成Vue页面
+
+
+ 生成app页面
+
+
+ 生成Model
+
+
+ 生成业务类
+
+
+ 删除菜单
+
+
+
+
+
+
+
+
+
+
+
+ 数据库表结构发生变化时请点【同步表结构】
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 班
+ 休
+
+
+
+
+
+
+
+
+
+ {{ data.day.split('-').slice(1).join('-') }}
+
+ {{ solarDate2lunar(data.day)
+ }}
+
+
+
+
+
+ {{dict.value}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/calendar/calendar/calendar/index.vue b/src/views/calendar/calendar/calendar/index.vue
new file mode 100644
index 0000000..baff529
--- /dev/null
+++ b/src/views/calendar/calendar/calendar/index.vue
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+ 班
+
+ 休
+
+
+
+
+
+
+
+
+
+ {{ data.day.split('-').slice(1).join('-') }}
+
+
+ {{ solarDate2lunar(data.day)
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/calendar/calendar/calendar/team.vue b/src/views/calendar/calendar/calendar/team.vue
new file mode 100644
index 0000000..ba65e57
--- /dev/null
+++ b/src/views/calendar/calendar/calendar/team.vue
@@ -0,0 +1,347 @@
+
+
+
+
+
+
+ {{item.TeamName}}
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/custom/custom/Base_DefectItem.vue b/src/views/custom/custom/Base_DefectItem.vue
new file mode 100644
index 0000000..ade01dc
--- /dev/null
+++ b/src/views/custom/custom/Base_DefectItem.vue
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+ 班
+
+ 休
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ data.day.split('-').slice(1).join('-') }}
+
+
+ {{ solarDate2lunar(data.day)
+ }}
+
+
+ {{teamShift.ShiftName
+ }}-{{ teamShift.TeamName }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/custom/custom/Base_Language.vue b/src/views/custom/custom/Base_Language.vue
new file mode 100644
index 0000000..0c5ff85
--- /dev/null
+++ b/src/views/custom/custom/Base_Language.vue
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+
+ 导出Excel模版分类
+
+
+
+
+
+
+
+
+
diff --git a/src/views/custom/custom/Base_Process.vue b/src/views/custom/custom/Base_Process.vue
new file mode 100644
index 0000000..247ff98
--- /dev/null
+++ b/src/views/custom/custom/Base_Process.vue
@@ -0,0 +1,79 @@
+
+
+
+
+
+
+
+
+ 打印模版分类
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/equip/equip/Equip_DevCatalog.vue b/src/views/equip/equip/Equip_DevCatalog.vue
new file mode 100644
index 0000000..2478954
--- /dev/null
+++ b/src/views/equip/equip/Equip_DevCatalog.vue
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+ 看板列表
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.ItemName }}
+
+
+
+
+
+
+
diff --git a/src/views/equip/equip/Equip_MaintainPaper.vue b/src/views/equip/equip/Equip_MaintainPaper.vue
new file mode 100644
index 0000000..af9317b
--- /dev/null
+++ b/src/views/equip/equip/Equip_MaintainPaper.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
+
+ 设备分类
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/formDraggable/FormSubmit.vue b/src/views/formDraggable/FormSubmit.vue
new file mode 100644
index 0000000..baa8c67
--- /dev/null
+++ b/src/views/formDraggable/FormSubmit.vue
@@ -0,0 +1,173 @@
+
+ 数据列表
+-
+
- + {{ item.title }} + +
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/formDraggable/formDraggable.vue b/src/views/formDraggable/formDraggable.vue
new file mode 100644
index 0000000..3c7461f
--- /dev/null
+++ b/src/views/formDraggable/formDraggable.vue
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+ {{ title }}
+
+
+ {{ item.name }}
+
+ 提交
+
+ 未获取到参数
+ 正在加载中...
+
+
+
+
+
+
+
diff --git a/src/views/system/Permission/RoleTree.vue b/src/views/system/Permission/RoleTree.vue
new file mode 100644
index 0000000..efe1993
--- /dev/null
+++ b/src/views/system/Permission/RoleTree.vue
@@ -0,0 +1,152 @@
+
+
+
+
+
+
+
+
+
+
+
+ 保存
+
+
+
+
+
+ {{ data.text+(data.isApp?'(app)':'') }}
+
+
+ {{ item.text }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/system/Sys_Dept.vue b/src/views/system/Sys_Dept.vue
new file mode 100644
index 0000000..f9f2011
--- /dev/null
+++ b/src/views/system/Sys_Dept.vue
@@ -0,0 +1,64 @@
+
+
+ 角色列表
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/system/Sys_Log.vue b/src/views/system/Sys_Log.vue
new file mode 100644
index 0000000..f0bfc68
--- /dev/null
+++ b/src/views/system/Sys_Log.vue
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/views/system/UserInfo.vue b/src/views/system/UserInfo.vue
new file mode 100644
index 0000000..99f3a5a
--- /dev/null
+++ b/src/views/system/UserInfo.vue
@@ -0,0 +1,331 @@
+
+
+
+
+
+
+
+ 部门列表
+
+
+
+
+
+
+ 保存
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/system/flow/FlowDemo.vue b/src/views/system/flow/FlowDemo.vue
new file mode 100644
index 0000000..e2e62a0
--- /dev/null
+++ b/src/views/system/flow/FlowDemo.vue
@@ -0,0 +1,104 @@
+
+
+
+
+ ![]()
+
+
+
+ + {{ userInfo.userName }} +
++ 注册日期：{{ userInfo.createDate }} +
+
+
+
+
+
+
+
+
+ 发起流程
+
+
+
+
+
diff --git a/src/views/system/flow/Sys_WorkFlow.vue b/src/views/system/flow/Sys_WorkFlow.vue
new file mode 100644
index 0000000..cdfa2f6
--- /dev/null
+++ b/src/views/system/flow/Sys_WorkFlow.vue
@@ -0,0 +1,95 @@
+
+
+
+ 提交
+
+