You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
123 lines
2.9 KiB
123 lines
2.9 KiB
import Konva from "konva";
|
|
|
|
export default function (width,height){
|
|
const x=0,y=0,_width=width*0.16,_height=height*0.957
|
|
|
|
const container=function (){
|
|
const x=width*0.5+30,y=40
|
|
|
|
const group=new Konva.Group({
|
|
x:0,
|
|
y:0,
|
|
width:_width,
|
|
height:_height,
|
|
draggable:true,
|
|
dragBoundFunc:function (pos){
|
|
return {
|
|
x:x,
|
|
y:pos.y
|
|
}
|
|
},
|
|
})
|
|
|
|
const bgGroup=new Konva.Group({
|
|
x:x,
|
|
y:y,
|
|
width:_width,
|
|
height:_height
|
|
})
|
|
bgGroup.add(group)
|
|
bgGroup.clipFunc(function(ctx) {
|
|
ctx.rect(0, 4, _width, _height*0.989);
|
|
});
|
|
|
|
const imageObj = new Image();
|
|
imageObj.src = require('@/assets/sliao/personbg.png');
|
|
imageObj.onload = function () {
|
|
const shape = new Konva.Image({
|
|
x: 0,
|
|
y: 0,
|
|
width: _width,
|
|
height:_height,
|
|
image: this,
|
|
});
|
|
bgGroup.add(shape)
|
|
shape.zIndex(0)
|
|
}
|
|
|
|
return {bgGroup,group}
|
|
}
|
|
|
|
const dw=function (index,item={}){
|
|
|
|
const alignSize=2
|
|
const width=((_width-20)/alignSize),height=150
|
|
const x=index%alignSize*width+index%alignSize*10+5,y=height*(Math.floor(index/alignSize))+(Math.floor(index/alignSize)+1)*10
|
|
const group=new Konva.Group({
|
|
x:x,
|
|
y:y,
|
|
width:width,
|
|
height:height
|
|
})
|
|
|
|
const bgObj = new Image();
|
|
bgObj.src = require('@/assets/sliao/personbg1.png');
|
|
bgObj.onload = function () {
|
|
const shape = new Konva.Image({
|
|
x: 0,
|
|
y: 0,
|
|
offsetX:4,
|
|
width: width,
|
|
height:height,
|
|
image: this,
|
|
});
|
|
group.add(shape)
|
|
shape.zIndex(0)
|
|
}
|
|
|
|
const formatName=()=>{
|
|
for (const it of qgkw) {
|
|
if (it.bm===item.tzbh){
|
|
return it.bmsm
|
|
}
|
|
}
|
|
}
|
|
|
|
const text=new Konva.Text({
|
|
x:0,
|
|
y:0,
|
|
width: width,
|
|
height: height,
|
|
fill:'black',
|
|
text:`${formatName()}\n${item.list.length}张`,
|
|
align:'center',
|
|
verticalAlign:'middle',
|
|
fontSize:14
|
|
})
|
|
group.add(text)
|
|
|
|
return group
|
|
}
|
|
|
|
const qgkw=[
|
|
{"bmsm": "2跨超长超宽曲板", "bmlb": "QGKW", "bm": "10"},
|
|
{"bmsm": "2跨T型材腹板", "bmlb": "QGKW", "bm": "11"},
|
|
{"bmsm": "2跨激光切割板", "bmlb": "QGKW", "bm": "12"},
|
|
{"bmsm": "3跨曲板", "bmlb": "QGKW", "bm": "13"},
|
|
{"bmsm": "3跨厚板", "bmlb": "QGKW", "bm": "14"},
|
|
{"bmsm": "4跨普通板", "bmlb": "QGKW", "bm": "15"},
|
|
{"bmsm": "7跨型板", "bmlb": "QGKW", "bm": "16"},
|
|
{"bmsm": "光电", "bmlb": "QGKW", "bm": "17"},
|
|
{"bmsm": "2跨T型材面板", "bmlb": "QGKW", "bm": "5"},
|
|
{"bmsm": "3跨平铁", "bmlb": "QGKW", "bm": "6"},
|
|
{"bmsm": "1跨平直大板", "bmlb": "QGKW", "bm": "7"},
|
|
{"bmsm": "1跨进线板", "bmlb": "QGKW", "bm": "8"},
|
|
{"bmsm": "2跨超长超宽板", "bmlb": "QGKW", "bm": "9"}
|
|
]
|
|
|
|
return {
|
|
container,dw
|
|
}
|
|
|
|
}
|