| 12 |
- import{L as q,i as h,a2 as O,al as n,o as p,a as x,Z as e,T as t,W as m,X as b,F as U,ac as C,b as M,n as W,S as c}from"./vue.e1d8f8c6.js";import{i as j}from"./echarts.20c3f7a1.js";import{E as G,_ as P}from"./index.6ed0cd31.js";const X={class:"workflow-drawer-node"},Z={class:"flex-content-right"},H=q({name:"pagesWorkflowDrawerNode"}),J=q({...H,emits:["submit","close"],setup(K,{expose:S,emit:_}){const k=h(),g=h(),w=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}}),F=s=>{l.tabsActive="1",l.node=s,T()},I=()=>{l.node.icon="",l.node.name=""},N=()=>{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,G.success("保存成功"),_("close")},1e3);else return!1})},T=()=>{const s=j(w.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),W(()=>{s.resize()})};return S({getParentData:F}),(s,a)=>{const r=n("el-input"),d=n("el-form-item"),i=n("SvgIcon"),f=n("el-button"),v=n("el-form"),V=n("el-scrollbar"),y=n("el-tab-pane"),z=n("el-option"),B=n("el-select"),R=n("el-checkbox"),$=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(v,{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:I},{default:t(()=>[e(i,{name:"ele-RefreshRight"}),b(" 重置 ")]),_:1}),e(f,{type:"primary",class:"mb15",onClick:N},{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(v,{model:l.form,ref_key:"extendFormRef",ref:g,size:"default","label-width":"80px",class:"pt15 pr15 pb15 pl15"},{default:t(()=>[(p(!0),x(U,null,C(l.node.from,(o,L)=>(p(),c(d,{label:o.label,prop:o.prop,key:L,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(B,{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(U,null,C(o.options,u=>(p(),c(z,{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($,{key:2,modelValue:l.form[o.prop],"onUpdate:modelValue":u=>l.form[o.prop]=u,disabled:o.disabled},{default:t(()=>[e(R,{label:"美食推荐",name:"type"}),e(R,{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",Z,[M("div",{style:{height:"200px",width:"320px"},ref_key:"chartsMonitorRef",ref:w},null,512)])]),_:1})]),_:1})]),_:1},8,["modelValue"])])}}});const le=P(J,[["__scopeId","data-v-0c9800f9"],["__file","E:/code/wwwroot/local81.lzj/simple_storage/vue-next-admin/src/views/pages/workflow/component/drawer/node.vue"]]);export{le as default};
|
