(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-030699dc"],{"296d":function(e,t,a){"use strict";var r=a("037d"),l=a("eef8"),o=a("f7a3");r({target:"Array",proto:!0},{fill:l}),o("fill")},4239:function(e,t,a){"use strict";a("82b9")},"5ba5":function(e,t,a){"use strict";a.r(t);var r,l=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"drawer_container"},["grid"===e.drawerType?a("div",[a("div",{staticClass:"drawer_title"},[e._v("画布背景设置")]),a("div",{staticClass:"drawer_wrap"},[a("el-form",{attrs:{"label-position":"left","label-width":"85px"}},[a("el-form-item",{attrs:{label:"是否显示网格","label-width":"100px"}},[a("el-switch",{on:{change:e.changeGrid},model:{value:e.showGrid,callback:function(t){e.showGrid=t},expression:"showGrid"}})],1),a("div",{directives:[{name:"show",rawName:"v-show",value:e.showGrid,expression:"showGrid"}]},[a("el-form-item",{attrs:{label:"网格类型"}},[a("el-radio-group",{on:{change:e.changeGridcardtype},model:{value:e.grid.type,callback:function(t){e.$set(e.grid,"type",t)},expression:"grid.type"}},e._l(e.gridcardtypeList,(function(t){return a("el-radio",{key:t.value,attrs:{label:t.value}},[a("span",[e._v(e._s(t.label))])])})),1)],1),a("el-form-item",{attrs:{"label-width":"70px",label:"网格大小"}},[a("el-slider",{attrs:{min:0,max:30},on:{change:e.changeGrid},model:{value:e.grid.size,callback:function(t){e.$set(e.grid,"size",t)},expression:"grid.size"}})],1),a("el-form-item",{attrs:{label:"网格颜色"}},[a("el-color-picker",{on:{change:e.changeGrid},model:{value:e.grid.args.color,callback:function(t){e.$set(e.grid.args,"color",t)},expression:"grid.args.color"}})],1),a("el-form-item",{attrs:{"label-width":"85px",label:"网格线宽度"}},[a("el-slider",{attrs:{min:0,max:20},on:{change:e.changeGrid},model:{value:e.grid.args.thickness,callback:function(t){e.$set(e.grid.args,"thickness",t)},expression:"grid.args.thickness"}})],1)],1)],1)],1)]):e._e(),"node"===e.drawerType?a("div",[a("div",{staticClass:"drawer_title"},[e._v("任务节点设置")]),a("div",{staticClass:"drawer_wrap"},[a("el-form",{attrs:{"label-position":"left","label-width":"80px"}},[a("el-form-item",{attrs:{label:"任务名称"}},[a("el-input",{on:{change:e.changeNodeText},model:{value:e.drawerNode.nodeText,callback:function(t){e.$set(e.drawerNode,"nodeText",t)},expression:"drawerNode.nodeText"}})],1),a("el-form-item",{attrs:{label:"任务执行人","label-width":"80px"}},[a("el-input",{on:{change:e.changeNodeText},model:{value:e.drawerNode.nodeText,callback:function(t){e.$set(e.drawerNode,"nodeText",t)},expression:"drawerNode.nodeText"}})],1),a("el-form-item",{attrs:{label:"节点背景"}},[a("el-color-picker",{on:{change:e.changeFill},model:{value:e.drawerNode.fill,callback:function(t){e.$set(e.drawerNode,"fill",t)},expression:"drawerNode.fill"}})],1),a("el-form-item",{attrs:{"label-width":"70px",label:"字体大小"}},[a("el-slider",{attrs:{min:10,max:20},on:{change:e.changefontSize},model:{value:e.drawerNode.fontSize,callback:function(t){e.$set(e.drawerNode,"fontSize",t)},expression:"drawerNode.fontSize"}})],1),a("el-form-item",{attrs:{label:"字体颜色"}},[a("el-color-picker",{on:{change:e.changeFontFill},model:{value:e.drawerNode.fontFill,callback:function(t){e.$set(e.drawerNode,"fontFill",t)},expression:"drawerNode.fontFill"}})],1),a("el-form-item",{attrs:{"label-width":"70px",label:"边框宽度"}},[a("el-slider",{attrs:{min:0,max:10},on:{change:e.changeStrokeWidth},model:{value:e.drawerNode.strokeWidth,callback:function(t){e.$set(e.drawerNode,"strokeWidth",t)},expression:"drawerNode.strokeWidth"}})],1),a("el-form-item",{attrs:{label:"边框颜色"}},[a("el-color-picker",{on:{change:e.changeStroke},model:{value:e.drawerNode.stroke,callback:function(t){e.$set(e.drawerNode,"stroke",t)},expression:"drawerNode.stroke"}})],1),a("el-form-item",{attrs:{label:"功能"}},[a("el-button",{attrs:{type:"primary",icon:"el-icon-upload"},on:{click:e.toTopZIndex}},[e._v("置顶")]),a("el-button",{staticClass:"margin-left-10",attrs:{type:"danger",icon:"el-icon-delete"},on:{click:e.deleteNode}},[e._v("删除")])],1)],1),a("el-button",{staticClass:"margin-left-10",attrs:{type:"success",icon:"el-icon-download"},on:{click:e.exportData}},[e._v("保存")])],1)]):e._e(),"edge"===e.drawerType?a("div",[a("div",{staticClass:"drawer_title"},[e._v("线条设置")]),a("div",{staticClass:"drawer_wrap"},[a("el-form",{attrs:{"label-position":"left","label-width":"80px"}},[a("el-form-item",{attrs:{label:"线条文本"}},[a("el-input",{on:{change:e.changeEdgeText},model:{value:e.drawerEdge.EdgeText,callback:function(t){e.$set(e.drawerEdge,"EdgeText",t)},expression:"drawerEdge.EdgeText"}})],1),a("el-form-item",{attrs:{label:"线条宽度","label-width":"80px"}},[a("el-slider",{attrs:{min:1,max:10},on:{change:e.changeEdgeWidth},model:{value:e.drawerEdge.edgeWidth,callback:function(t){e.$set(e.drawerEdge,"edgeWidth",t)},expression:"drawerEdge.edgeWidth"}})],1),a("el-form-item",{attrs:{label:"线条颜色"}},[a("el-color-picker",{on:{change:e.changeEdgeColor},model:{value:e.drawerEdge.edgeColor,callback:function(t){e.$set(e.drawerEdge,"edgeColor",t)},expression:"drawerEdge.edgeColor"}})],1),a("el-form-item",{attrs:{label:"功能"}},[a("el-button",{attrs:{type:"primary",icon:"el-icon-upload"},on:{click:e.toTopZIndex}},[e._v("置顶")]),a("el-button",{staticClass:"margin-left-10",attrs:{type:"danger",icon:"el-icon-delete"},on:{click:e.deleteNode}},[e._v("删除")])],1)],1),a("el-button",{staticClass:"margin-left-10",attrs:{type:"success",icon:"el-icon-download"},on:{click:e.exportData}},[e._v("保存")])],1)]):e._e()])},o=[],i=a("b3d7"),d=a("025b"),s=(a("296d"),a("4a55"),{name:"RightDrawer",data:function(){return{gridcardtypeList:[{label:"四边网格",value:"mesh"},{label:"点状网格",value:"dot"}],baseData:"",showGrid:!0,drawerNode:{fill:"",nodeText:"",fontSize:null,fontFill:"",strokeWidth:null,stroke:""},drawerEdge:{EdgeText:"",edgeWidth:null,edgeColor:""}}},props:{drawerType:{type:String},selectCell:{type:String|Object},graph:{type:String|Object},grid:{type:Object}},created:function(){},mounted:function(){},watch:{selectCell:{handler:function(e){e&&(e.isNode()?(this.drawerNode.fill=e.store.data.attrs.body.fill,this.drawerNode.nodeText=e.store.data.attrs.label.text,this.drawerNode.fontFill=e.store.data.attrs.label.fill,this.drawerNode.fontSize=Number(e.store.data.attrs.label.fontSize),this.drawerNode.strokeWidth=Number(e.store.data.attrs.body.strokeWidth),this.drawerNode.stroke=e.store.data.attrs.body.stroke):(this.drawerEdge.EdgeText=e.store.data.labels?e.store.data.labels[0].text:"",this.drawerEdge.edgeWidth=Number(e.store.data.attrs.line.strokeWidth),this.drawerEdge.edgeColor=e.store.data.attrs.line.stroke))},immediate:!0,deep:!1}},methods:(r={changeGrid:function(){this.showGrid?this.graph.showGrid():this.graph.hideGrid()},changeGridcardtype:function(e){this.grid.type=e,this.changeGrid()}},Object(i["a"])(Object(i["a"])(Object(i["a"])(Object(i["a"])(Object(i["a"])(Object(i["a"])(Object(i["a"])(Object(i["a"])(Object(i["a"])(Object(i["a"])(r,"changeGrid",(function(){this.graph.drawGrid(Object(d["a"])({},this.grid))})),"changeStrokeWidth",(function(e){this.selectCell.attr("body/strokeWidth",e)})),"changefontSize",(function(e){this.selectCell.attr("label/fontSize",e)})),"changeNodeText",(function(){this.selectCell.attr("label/text",this.drawerNode.nodeText)})),"changeStroke",(function(e){this.drawerNode.stroke=e,this.selectCell.attr("body/stroke",this.drawerNode.stroke)})),"changeFontFill",(function(e){this.drawerNode.fontFill=e,this.selectCell.attr("label/fill",this.drawerNode.fontFill)})),"changeFill",(function(e){this.drawerNode.fill=e,this.selectCell.attr("body/fill",e)})),"changeEdgeText",(function(){console.log(this.drawerEdge.EdgeText),this.selectCell.setLabels([{attrs:{label:{text:this.drawerEdge.EdgeText}}}])})),"changeEdgeWidth",(function(e){this.drawerEdge.edgeWidth=e,this.selectCell.attr("line/strokeWidth",this.drawerEdge.edgeWidth)})),"changeEdgeColor",(function(e){this.drawerEdge.stroke=e,this.selectCell.attr("line/stroke",this.drawerEdge.stroke)})),Object(i["a"])(Object(i["a"])(Object(i["a"])(Object(i["a"])(r,"toTopZIndex",(function(){this.selectCell.toFront()})),"deleteNode",(function(){this.$emit("deleteNode")})),"exportData",(function(){this.baseData=this.graph.toJSON(),console.log(this.baseData)})),"importData",(function(){this.graph.fromJSON(this.baseData)})))}),n=s,c=(a("4239"),a("1805")),h=Object(c["a"])(n,l,o,!1,null,"7138a8a0",null);t["default"]=h.exports},"82b9":function(e,t,a){},eef8:function(e,t,a){"use strict";var r=a("ba03"),l=a("1d9b"),o=a("4e61");e.exports=function(e){var t=r(this),a=o(t),i=arguments.length,d=l(i>1?arguments[1]:void 0,a),s=i>2?arguments[2]:void 0,n=void 0===s?a:l(s,a);while(n>d)t[d++]=e;return t}}}]);
|
