(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-4050657e","chunk-4050657e"],{"32ed":function(e,t,n){(function(t,n){e.exports=n()})(0,(function(){return function(e){var t={};function n(i){if(t[i])return t[i].exports;var a=t[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.i=function(e){return e},n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=4)}([function(e,t,n){var i=n(2)(n(1),n(3),null,null,null);i.options.__file="/Users/benzhao/Sites/@xunlei/vue-context-menu/src/VueContextMenu.vue",i.esModule&&Object.keys(i.esModule).some((function(e){return"default"!==e&&"__"!==e.substr(0,2)})),i.options.functional,e.exports=i.exports},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={name:"context-menu",data:function(){return{triggerShowFn:function(){},triggerHideFn:function(){},x:null,y:null,style:{},binded:!1}},props:{target:null,show:Boolean},mounted:function(){this.bindEvents()},watch:{show:function(e){e?this.bindHideEvents():this.unbindHideEvents()},target:function(e){this.bindEvents()}},methods:{bindEvents:function(){var e=this;this.$nextTick((function(){e.target&&!e.binded&&(e.triggerShowFn=e.contextMenuHandler.bind(e),e.target.addEventListener("contextmenu",e.triggerShowFn),e.binded=!0)}))},unbindEvents:function(){this.target&&this.target.removeEventListener("contextmenu",this.triggerShowFn)},bindHideEvents:function(){this.triggerHideFn=this.clickDocumentHandler.bind(this),document.addEventListener("mousedown",this.triggerHideFn),document.addEventListener("mousewheel",this.triggerHideFn)},unbindHideEvents:function(){document.removeEventListener("mousedown",this.triggerHideFn),document.removeEventListener("mousewheel",this.triggerHideFn)},clickDocumentHandler:function(e){this.$emit("update:show",!1)},contextMenuHandler:function(e){this.x=e.clientX,this.y=e.clientY,this.layout(),this.$emit("update:show",!0),e.preventDefault()},layout:function(){this.style={left:this.x+"px",top:this.y+"px"}}}}},function(e,t){e.exports=function(e,t,n,i,a){var o,r=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(o=e,r=e.default);var c,l="function"===typeof r?r.options:r;if(t&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns),i&&(l._scopeId=i),a?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},l._ssrRegister=c):n&&(c=n),c){var d=l.functional,u=d?l.render:l.beforeCreate;d?l.render=function(e,t){return c.call(t),u(e,t)}:l.beforeCreate=u?[].concat(u,c):[c]}return{esModule:o,exports:r,options:l}}},function(e,t,n){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{directives:[{name:"show",rawName:"v-show",value:e.show,expression:"show"}],staticStyle:{display:"block"},style:e.style,on:{mousedown:function(e){e.stopPropagation()},contextmenu:function(e){e.preventDefault()}}},[e._t("default")],2)},staticRenderFns:[]},e.exports.render._withStripped=!0},function(e,t,n){
/**
  * vue-context-menu
  * (c) 2017 赵兵
  * @license MIT
  */
const i=n(0),a={install:function(e,t){e.component(i.name,i)}};a.component=i,"undefined"!==typeof window&&window.Vue&&window.Vue.use(a),e.exports=a}])}))},"3cf8":function(e,t,n){},7564:function(e,t,n){"use strict";n.r(t);var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"manager_detail",staticStyle:{width:"100%",height:"100%"}},[n("a-row",{staticStyle:{margin:"20px"}},[n("div",{staticClass:"ant-alert ant-alert-info",staticStyle:{height:"48px"}},[e._v("\n      操作提示： 1.按住ALT键点击平面图可进行移动    \n      2.滚动鼠标滚轮可进行缩放    \n      3.选中区域点击鼠标右键可删除区域、改变区域颜色(注：此颜色与风险无关，只为区分区域)\n      "),n("a-button",{staticStyle:{float:"right","margin-left":"20px"},attrs:{type:"primary"},on:{click:e.saveRegionInfo}},[e._v("保存设置")]),n("a-dropdown",{staticStyle:{float:"right"}},[n("a-menu",{attrs:{slot:"overlay"},slot:"overlay"},[n("a-menu-item",{key:"peixunlist",on:{click:function(t){return e.addRegion("rect")}}},[e._v("矩形")]),n("a-menu-item",{key:"zichalist",on:{click:function(t){return e.addRegion("triangle")}}},[e._v("三角形")]),n("a-menu-item",{key:"jiandulist",on:{click:function(t){return e.addRegion("circle")}}},[e._v("圆形")]),n("a-menu-item",{key:"xiudinglist",on:{click:function(t){return e.addRegion("polygon")}}},[e._v("多边形")])],1),n("a-button",{attrs:{type:"primary"}},[e._v("\n          新增区域\n          "),n("a-icon",{attrs:{type:"down"}})],1)],1)],1)]),n("a-row",{staticStyle:{margin:"20px"}},[n("canvas",{attrs:{id:"canvas",width:e.width,height:e.height}})]),n("vue-context-menu",{staticClass:"right-menu",attrs:{target:e.contextMenuTarget,show:e.contextMenuVisible},on:{"update:show":e.contextMenu}},[n("a",{attrs:{href:"javascript:;"},on:{click:function(t){return e.fillColor("yellow")}}},[e._v("黄色")]),n("a",{attrs:{href:"javascript:;"},on:{click:function(t){return e.fillColor("blue")}}},[e._v("蓝色")]),n("a",{attrs:{href:"javascript:;"},on:{click:function(t){return e.fillColor("green")}}},[e._v("绿色")]),n("a",{attrs:{href:"javascript:;"},on:{click:function(t){return e.fillColor("red")}}},[e._v("红色")]),n("a",{attrs:{href:"javascript:;"},on:{click:e.delRegion}},[e._v("删除区域")])])],1)},a=[],o=(n("9fb0"),n("32ed")),r=n("fe54"),s=n("c14a"),c=n("0fea"),l=n("4ec3"),d={name:"PositionPointModal",components:{JSelectUserByDep:s["default"],JSelectDepart:r["default"],"vue-context-menu":o["component"]},data:function(){return{form:this.$form.createForm(this),visible:!1,confirmLoading:!1,width:window.innerWidth-40,height:window.innerHeight-110,rect:[],canvas:{},panning:!1,contextMenuTarget:document.body,contextMenuVisible:!1,regionNameVisible:!1,regionName:"",regionType:"",extraData:{},model:{},labelCol:{xs:{span:24},sm:{span:5}},wrapperCol:{xs:{span:24},sm:{span:16}},fileId:this.$route.params.id,polygonMode:!1,pointArray:[],lineArray:[],activeShape:!1,activeLine:"",line:{},mouseFrom:{},mouseTo:{},drawType:null,canvasObjectIndex:0,textbox:null,rectangleLabel:"warning",drawWidth:2,color:"#E34F51",drawingObject:null,moveCount:1,doDrawing:!1}},created:function(){},props:{fileIdAdd:{type:String,deep:!0,default:"新增"}},watch:{fileIdAdd:{immediate:!0,handler:function(e){this.fileId=e,this.getRegionFile()}}},computed:{},mounted:function(){this.canvas=new fabric.Canvas("canvas",{})},methods:{compareToRegionCode:function(e,t,n){if(t){var i={fileId:this.fileId,regionCode:t};Object(l["sb"])(i).then((function(e){e.success?n():n("区域编码已存在!")}))}else n()},initCanvas:function(){var e=this;this.canvas.selectionColor="rgba(0,0,0,0.05)",this.canvas.on("mouse:down",(function(t){if(t.e.altKey&&(e.panning=!0,e.canvas.selection=!1),e.contextMenuVisible&&(e.contextMenuVisible=!1),"polygon"==e.drawType)try{e.pointArray.length>1&&t.target&&t.target.id==e.pointArray[0].id&&e.generatePolygon(),e.polygonMode&&e.addPoint(t)}catch(n){}})),this.canvas.on("mouse:up",(function(t){e.panning=!1,e.canvas.selection=!1})),this.canvas.on("mouse:move",(function(t){if(e.panning&&t&&t.e){var n=new fabric.Point(t.e.movementX,t.e.movementY);e.canvas.relativePan(n)}if(!(this.moveCount%2)||this.doDrawing){e.moveCount++;var i=t.pointer||this.transformMouse(t.e.offsetX,t.e.offsetY);if(e.mouseTo.x=i.x,e.mouseTo.y=i.y,"polygon"==e.drawType){if(e.activeLine&&"line"==e.activeLine.class){var a=e.canvas.getPointer(t.e);e.activeLine.set({x2:a.x,y2:a.y});var o=e.activeShape.get("points");o[e.pointArray.length]={x:a.x,y:a.y,zIndex:1},e.activeShape.set({points:o}),e.canvas.renderAll()}e.canvas.renderAll()}}})),this.canvas.on("mouse:wheel",(function(t){var n=(event.deltaY>0?-.1:.1)+e.canvas.getZoom();n=Math.max(.1,n),n=Math.min(3,n);var i=new fabric.Point(event.pageX,event.pageY);e.canvas.zoomToPoint(i,n)}))},getRegionFile:function(){var e=this;Object(c["c"])("/spss/regionFile/queryById",{id:this.fileId}).then((function(t){t.success&&(e.regionFileUrl=t.result.regionFile,e.initCanvas(),e.canvas.setBackgroundImage(e.regionFileUrl,e.canvas.renderAll.bind(e.canvas),{scaleX:e.canvas.width/1600,scaleY:e.canvas.height/1046}))}))},transformMouse:function(e,t){return{x:e/1,y:t/1}},contextMenu:function(e){var t=this.canvas.getActiveObjects();e&&t.length>0&&(this.contextMenuVisible=e)},addText:function(){var e=new fabric.Text("hello",{left:100,top:100,fontSize:20,originX:"center",originY:"center",fill:"black",text:"sdfsdf"});this.canvas.add(e)},addRect:function(){var e=new fabric.Rect({fill:"red",width:100,height:100,opacity:.5,originX:"center",originY:"center"}),t=new fabric.Text(this.extraData.regionName,{fontSize:10,originX:"center",originY:"center",fill:"black",text:this.extraData.regionName}),n=new fabric.Group([e,t],{left:150,top:100});n.extraData=this.extraData,this.canvas.add(n)},addCircle:function(){var e=new fabric.Circle({radius:50,fill:"red",originX:"center",originY:"center",opacity:.5}),t=new fabric.Text(this.extraData.regionName,{fontSize:10,originX:"center",originY:"center",fill:"black"}),n=new fabric.Group([e,t],{left:150,top:100});n.extraData=this.extraData,this.canvas.add(n)},addTriangle:function(){var e=new fabric.Triangle({fill:"red",width:100,height:100,opacity:.5,originX:"center",originY:"center"}),t=new fabric.Text(this.extraData.regionName,{fontSize:10,originX:"center",originY:"center",fill:"black"}),n=new fabric.Group([e,t],{left:150,top:100});n.extraData=this.extraData,this.canvas.add(n)},generatePolygon:function(){var e=this,t=new Array,n={minX:this.pointArray[0].left,minY:this.pointArray[0].top,maxX:this.pointArray[0].left,maxY:this.pointArray[0].top};this.pointArray.map((function(i,a){n.minX>i.left&&(n.minX=i.left),n.maxX<i.left&&(n.maxX=i.left),n.minY>i.top&&(n.minY=i.top),n.maxY<i.top&&(n.maxY=i.top),t.push({x:i.left,y:i.top}),e.canvas.remove(i)})),this.lineArray.map((function(t,n){e.canvas.remove(t)})),this.canvas.remove(this.activeShape).remove(this.activeLine);var i=new fabric.Polygon(t,{stroke:this.color,strokeWidth:this.drawWidth,fill:"red",opacity:.5,hasBorders:!1,hasControls:!0}),a=(n.maxX,n.minX,new fabric.Text(this.extraData.regionName,{fontSize:20,originX:"center",originY:"center",fill:"black",left:n.minX+(n.maxX-n.minX)/2,top:n.minY+(n.maxY-n.minY)/2})),o=new fabric.Group([i,a]);o.extraData=this.extraData,this.canvas.add(o),this.activeLine=null,this.activeShape=null,this.polygonMode=!1,this.doDrawing=!1},addPoint:function(e){var t=Math.floor(1e4*Math.random()),n=(new Date).getTime()+t,i=new fabric.Circle({radius:5,fill:"#ffffff",stroke:"#333333",strokeWidth:.5,left:(e.pointer.x||e.e.layerX)/this.canvas.getZoom(),top:(e.pointer.y||e.e.layerY)/this.canvas.getZoom(),selectable:!1,hasBorders:!1,hasControls:!1,originX:"center",originY:"center",id:n,objectCaching:!1});0==this.pointArray.length&&i.set({fill:"red"});var a=[(e.pointer.x||e.e.layerX)/this.canvas.getZoom(),(e.pointer.y||e.e.layerY)/this.canvas.getZoom(),(e.pointer.x||e.e.layerX)/this.canvas.getZoom(),(e.pointer.y||e.e.layerY)/this.canvas.getZoom()];if(this.line=new fabric.Line(a,{strokeWidth:2,fill:"#999999",stroke:"#999999",class:"line",originX:"center",originY:"center",selectable:!1,hasBorders:!1,hasControls:!1,evented:!1,objectCaching:!1}),this.activeShape){var o=this.canvas.getPointer(e.e);a=this.activeShape.get("points");a.push({x:o.x,y:o.y});var r=new fabric.Polygon(a,{stroke:"#333333",strokeWidth:1,fill:"#cccccc",opacity:.3,selectable:!1,hasBorders:!1,hasControls:!1,evented:!1,objectCaching:!1});this.canvas.remove(this.activeShape),this.canvas.add(r),this.activeShape=r,this.canvas.renderAll()}else{var s=[{x:(e.pointer.x||e.e.layerX)/this.canvas.getZoom(),y:(e.pointer.y||e.e.layerY)/this.canvas.getZoom()}];r=new fabric.Polygon(s,{stroke:"#333333",strokeWidth:1,fill:"#cccccc",opacity:.3,selectable:!1,hasBorders:!1,hasControls:!1,evented:!1,objectCaching:!1});this.activeShape=r,this.canvas.add(r)}this.activeLine=this.line,this.pointArray.push(i),this.lineArray.push(this.line),this.canvas.add(this.line),this.canvas.add(i)},close:function(){this.$emit("close"),this.$destroyAll(),this.visible=!1},handleCancel:function(){this.close()},show:function(){this.visible=!0},fillColor:function(e){for(var t=this.canvas.getActiveObjects(),n=0;n<t.length;n++)t[n].getObjects()[0].set("fill",e);this.canvas.renderAll(),this.contextMenuVisible=!1},delRegion:function(){for(var e=this,t=this.canvas.getActiveObjects(),n=function(n){Object(c["a"])("/spss/companyRegion/deleteByCode",{regionCode:t[n].extraData.regionCode}).then((function(i){i.success&&Object(c["m"])("/spss/regionFile/edit",{id:e.fileId,regionInfo:JSON.stringify(e.canvas.toJSON(["extraData"]))}).then((function(i){i.success&&(e.canvas.remove(t[n]),e.$success({title:"删除成功"}))}))}))},i=0;i<t.length;i++)n(i);this.contextMenuVisible=!1},addRegion:function(e){this.regionType=e,this.extraData.regionName="",this.extraData.dictCode="","circle"==this.regionType?this.addCircle():"rect"==this.regionType?this.addRect():"triangle"==this.regionType?this.addTriangle():"polygon"==this.regionType&&(this.drawType="polygon",this.polygonMode=!0,this.pointArray=new Array,this.lineArray=new Array)},saveRegionInfo:function(){this.$emit("objectsCircle",this.canvas.toJSON(["extraData"]))}}},u=d,h=(n("cd75f"),n("2877")),f=Object(h["a"])(u,i,a,!1,null,"20cc2b6d",null);t["default"]=f.exports},cd75f:function(e,t,n){"use strict";n("3cf8")}}]);