| 123 |
- import{M as q,j as h,a3 as O,am as n,o as p,a as x,_ as e,U as t,X as m,Y as b,F as R,ad as v,b as M,n as G,T as c}from"./vue.60d2ee98.js";import{i as L}from"./echarts.20c3f7a1.js";import{E as P,_ as W}from"./index.beaea096.js";const X={class:"workflow-drawer-node"},Y={class:"flex-content-right"},H=q({name:"pagesWorkflowDrawerNode"}),J=q({...H,emits:["submit","close"],setup(K,{expose:F,emit:_}){const k=h(),g=h(),U=h(),l=O({node:{},nodeRules:{id:[{required:!0,message:"请输入数据id",trigger:"blur"}],nodeId:[{required:!0,message:"请输入节点id",trigger:"blur"}],type:[{required:!0,message:"请输入类型",trigger:"blur"}],left:[{required:!0,message:"请输入left坐标",trigger:"blur"}],top:[{required:!0,message:"请输入top坐标",trigger:"blur"}],icon:[{required:!0,message:"请输入icon图标",trigger:"blur"}],name:[{required:!0,message:"请输入名称",trigger:"blur"}]},form:{module:[]},tabsActive:"1",loading:{extend:!1}}),I=s=>{l.tabsActive="1",l.node=s,T()},N=()=>{l.node.icon="",l.node.name=""},S=()=>{k.value.validate(s=>{if(s)_("submit",l.node),_("close");else return!1})},A=()=>{g.value.resetFields()},E=()=>{g.value.validate(s=>{if(s)l.loading.extend=!0,setTimeout(()=>{l.loading.extend=!1,P.success("保存成功"),_("close")},1e3);else return!1})},T=()=>{const s=L(U.value),a=[],r=[];for(let i=0;i<7;i++)a.push(`${Math.floor(Math.random()*52+10)}:${Math.floor(Math.random()*52+1)}`),r.push(Math.floor(Math.random()*52+1));const d={grid:{top:50,right:30,bottom:30,left:50},tooltip:{trigger:"axis"},xAxis:{type:"category",boundaryGap:!1,data:a},yAxis:{type:"value"},series:[{itemStyle:{color:"#289df5",borderColor:"#289df5",areaStyle:{type:"default",opacity:.1}},data:r,type:"line",areaStyle:{}}]};s.setOption(d),G(()=>{s.resize()})};return F({getParentData:I}),(s,a)=>{const r=n("el-input"),d=n("el-form-item"),i=n("SvgIcon"),f=n("el-button"),w=n("el-form"),V=n("el-scrollbar"),y=n("el-tab-pane"),B=n("el-option"),j=n("el-select"),C=n("el-checkbox"),z=n("el-checkbox-group"),D=n("el-tabs");return p(),x("div",X,[e(D,{type:"border-card",modelValue:l.tabsActive,"onUpdate:modelValue":a[7]||(a[7]=o=>l.tabsActive=o)},{default:t(()=>[m(" 节点编辑 "),e(y,{label:"节点编辑",name:"1"},{default:t(()=>[e(V,null,{default:t(()=>[e(w,{model:l.node,rules:l.nodeRules,ref_key:"nodeFormRef",ref:k,size:"default","label-width":"80px",class:"pt15 pr15 pb15 pl15"},{default:t(()=>[e(d,{label:"数据id",prop:"id"},{default:t(()=>[e(r,{modelValue:l.node.id,"onUpdate:modelValue":a[0]||(a[0]=o=>l.node.id=o),placeholder:"请输入数据id",clearable:"",disabled:""},null,8,["modelValue"])]),_:1}),e(d,{label:"节点id",prop:"nodeId"},{default:t(()=>[e(r,{modelValue:l.node.nodeId,"onUpdate:modelValue":a[1]||(a[1]=o=>l.node.nodeId=o),placeholder:"请输入节点id",clearable:"",disabled:""},null,8,["modelValue"])]),_:1}),e(d,{label:"类型",prop:"type"},{default:t(()=>[e(r,{modelValue:l.node.type,"onUpdate:modelValue":a[2]||(a[2]=o=>l.node.type=o),placeholder:"请输入类型",clearable:"",disabled:""},null,8,["modelValue"])]),_:1}),e(d,{label:"left坐标",prop:"left"},{default:t(()=>[e(r,{modelValue:l.node.left,"onUpdate:modelValue":a[3]||(a[3]=o=>l.node.left=o),placeholder:"请输入left坐标",clearable:"",disabled:""},null,8,["modelValue"])]),_:1}),e(d,{label:"top坐标",prop:"top"},{default:t(()=>[e(r,{modelValue:l.node.top,"onUpdate:modelValue":a[4]||(a[4]=o=>l.node.top=o),placeholder:"请输入top坐标",clearable:"",disabled:""},null,8,["modelValue"])]),_:1}),e(d,{label:"icon图标",prop:"icon"},{default:t(()=>[e(r,{modelValue:l.node.icon,"onUpdate:modelValue":a[5]||(a[5]=o=>l.node.icon=o),placeholder:"请输入icon图标",clearable:""},null,8,["modelValue"])]),_:1}),e(d,{label:"名称",prop:"name"},{default:t(()=>[e(r,{modelValue:l.node.name,"onUpdate:modelValue":a[6]||(a[6]=o=>l.node.name=o),placeholder:"请输入名称",clearable:""},null,8,["modelValue"])]),_:1}),e(d,null,{default:t(()=>[e(f,{class:"mb15",onClick:N},{default:t(()=>[e(i,{name:"ele-RefreshRight"}),b(" 重置 ")]),_:1}),e(f,{type:"primary",class:"mb15",onClick:S},{default:t(()=>[e(i,{name:"ele-Check"}),b(" 保存 ")]),_:1})]),_:1})]),_:1},8,["model","rules"])]),_:1})]),_:1}),m(" 扩展表单 "),e(y,{label:"扩展表单",name:"2"},{default:t(()=>[e(V,null,{default:t(()=>[e(w,{model:l.form,ref_key:"extendFormRef",ref:g,size:"default","label-width":"80px",class:"pt15 pr15 pb15 pl15"},{default:t(()=>[(p(!0),x(R,null,v(l.node.from,(o,$)=>(p(),c(d,{label:o.label,prop:o.prop,key:$,rules:[{required:o.required,message:`${o.label}不能为空`,trigger:"blur"}]},{default:t(()=>[o.type==="input"?(p(),c(r,{key:0,modelValue:l.form[o.prop],"onUpdate:modelValue":u=>l.form[o.prop]=u,placeholder:o.placeholder,clearable:"",disabled:o.disabled},null,8,["modelValue","onUpdate:modelValue","placeholder","disabled"])):m("v-if",!0),o.type==="select"?(p(),c(j,{key:1,modelValue:l.form[o.prop],"onUpdate:modelValue":u=>l.form[o.prop]=u,placeholder:"请选择",clearable:"",disabled:o.disabled},{default:t(()=>[(p(!0),x(R,null,v(o.options,u=>(p(),c(B,{key:u.value,label:u.label,value:u.value},null,8,["label","value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","disabled"])):m("v-if",!0),o.type==="checkbox"?(p(),c(z,{key:2,modelValue:l.form[o.prop],"onUpdate:modelValue":u=>l.form[o.prop]=u,disabled:o.disabled},{default:t(()=>[e(C,{label:"美食推荐",name:"type"}),e(C,{label:"统计分析",name:"type"})]),_:2},1032,["modelValue","onUpdate:modelValue","disabled"])):m("v-if",!0)]),_:2},1032,["label","prop","rules"]))),128)),e(d,null,{default:t(()=>[e(f,{class:"mb15",onClick:A},{default:t(()=>[e(i,{name:"ele-RefreshRight"}),b(" 重置 ")]),_:1}),e(f,{type:"primary",class:"mb15",onClick:E,loading:l.loading.extend},{default:t(()=>[e(i,{name:"ele-Check"}),b(" 保存 ")]),_:1},8,["loading"])]),_:1})]),_:1},8,["model"])]),_:1})]),_:1}),m(" 图表可视化 "),e(y,{label:"图表可视化",name:"3"},{default:t(()=>[e(V,null,{default:t(()=>[M("div",Y,[M("div",{style:{height:"200px",width:"320px"},ref_key:"chartsMonitorRef",ref:U},null,512)])]),_:1})]),_:1})]),_:1},8,["modelValue"])])}}});const le=W(J,[["__scopeId","data-v-0c9800f9"],["__file","C:/Users/89282/Desktop/xmgl_yjy/project-manager/h5/src/views/pages/workflow/component/drawer/node.vue"]]);export{le as default};
- //# sourceMappingURL=node.143a7845.js.map
|
