xiaoning
/
gjerp_ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.完善抛丸反馈

Browse Source
master
董哲奇 1 year ago
parent 978c45094f
commit fe2c8efaaf
26 changed files with 702 additions and 557 deletions
Show Stats Download Patch File Download Diff File

BIN
src/assets/pwan/csd0.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
src/assets/pwan/csd1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 152 KiB

BIN
src/assets/pwan/csdbg.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
src/assets/pwan/pgdbg.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

4
src/views/jhzx/symxCX.vue
Unescape View File

@ -26,7 +26,7 @@
<el-container style="padding-top: 0px"> <el-container style="padding-top: 0px">
<el-main> <el-main>
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="月度计划编制" name="sygdjh" v-if="isUser"> <el-tab-pane label="月度计划明细" name="sygdjh" v-if="isUser">
<div class="mytable" > <div class="mytable" >
<el-button type="success" @click="paichan">月度计划排产</el-button> <el-button type="success" @click="paichan">月度计划排产</el-button>
<el-button type="success" @click="jgcx(false)">获取排产结果</el-button> <el-button type="success" @click="jgcx(false)">获取排产结果</el-button>
@ -59,7 +59,7 @@
</vxe-grid> </vxe-grid>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="前方三月需求计划" name="first"> <el-tab-pane label="月度计划编制" name="first">
<div class="mytable"> <div class="mytable">
<el-button type="success" @click="confirmModal">月度计划排产</el-button> <el-button type="success" @click="confirmModal">月度计划排产</el-button>
<el-button type="success" @click="creatYdjh">生成月度计划</el-button> <el-button type="success" @click="creatYdjh">生成月度计划</el-button>

8
src/views/jhzx/ydjhzxGL.vue
Unescape View File

@ -25,7 +25,7 @@
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="月度计划" name="first"> <el-tab-pane label="月度计划" name="first">
<div class="mytable"> <div class="mytable">
<el-button type="success" @click="symxhz">汇总</el-button> <el-button type="success" @click="symxhz">准备检查</el-button>
<vxe-grid <vxe-grid
id="id" id="id"
ref="xGrid" ref="xGrid"
@ -213,6 +213,9 @@ export default {
tableColumn:[ tableColumn:[
{ type: 'checkbox', width: 50 ,}, { type: 'checkbox', width: 50 ,},
{ type: 'seq', width: 60, title: '序号'}, { type: 'seq', width: 60, title: '序号'},
{ field: 'jhlx', title: '计划类型',width: 70,formatter:this.formatterZt,
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', }},
{ field: 'dcCh', title: '船号',width: 100, { field: 'dcCh', title: '船号',width: 100,
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }], filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', }}, filterRender: { name: 'FilterCombination', }},
@ -341,9 +344,6 @@ export default {
{ field: 'zt', title: '状态',width: 70,formatter: ['dictFormat','SYZT'], { field: 'zt', title: '状态',width: 70,formatter: ['dictFormat','SYZT'],
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }], filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', }}, filterRender: { name: 'FilterCombination', }},
{ field: 'jhlx', title: '计划类型',width: 70,formatter:this.formatterZt,
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', }},
{ field: 'gxsj', title: '数据更新时间',width: 100, { field: 'gxsj', title: '数据更新时间',width: 100,
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }], filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', }}, filterRender: { name: 'FilterCombination', }},

126
src/views/zyjhzx/hxianfkui/comps/pgd.js
Unescape View File

@ -2,7 +2,7 @@ import Konva from "konva";
import QRCode from 'qrcode' import QRCode from 'qrcode'
export default function (width,height){ export default function (width,height){
const x=width*0.66+40,y=45,_width=width*0.30,_height=height*0.945 const x=width*0.66+40,y=40,_width=width*0.30,_height=height*0.945
const container=function (){ const container=function (){
const group=new Konva.Group({ const group=new Konva.Group({
@ -12,16 +12,19 @@ export default function (width,height){
height:_height height:_height
}) })
const rect=new Konva.Rect({ const bgObj = new Image();
x:0, bgObj.src = require('@/assets/pwan/pgdbg.png');
y:0, bgObj.onload = function () {
width:_width, const shape = new Konva.Image({
height:_height, x: 0,
stroke:'black', y: 0,
strokeWidth:1, width: _width,
}) height:_height,
image: this,
group.add(rect) });
group.add(shape)
shape.zIndex(0)
}
return group return group
} }
@ -29,8 +32,8 @@ export default function (width,height){
// this.layer.destroyChildren(); // this.layer.destroyChildren();
const group=new Konva.Group({ const group=new Konva.Group({
x:0, x:13,
y:0, y:12,
width:_width, width:_width,
height:_height height:_height
}) })
@ -38,9 +41,8 @@ export default function (width,height){
const rect=new Konva.Rect({ const rect=new Konva.Rect({
x:0, x:0,
y:0, y:0,
width:_width, width:_width-25,
height:_height, height:_height-20,
fill:'white'
}) })
group.add(rect) group.add(rect)
@ -49,9 +51,7 @@ export default function (width,height){
y:10, y:10,
width:_width, width:_width,
height:35, height:35,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:1.2,
text:'大连重工大连钢材加工配送有限公司', text:'大连重工大连钢材加工配送有限公司',
align:'center', align:'center',
fontSize:22, fontSize:22,
@ -64,7 +64,7 @@ export default function (width,height){
width:_width, width:_width,
height:25, height:25,
lineHeight:1, lineHeight:1,
stroke:'black', fill:'#fff',
strokeWidth:1, strokeWidth:1,
text:'抛丸施工单', text:'抛丸施工单',
align:'center', align:'center',
@ -73,13 +73,13 @@ export default function (width,height){
group.add(sgdTitle) group.add(sgdTitle)
const dhTitle=new Konva.Text({ const dhTitle=new Konva.Text({
x:0, x:_width*0.7,
y:50, y:50,
width:_width-48, width:_width-48,
height:15, height:15,
lineHeight:1, fill:'#fff',
text:'单号:PW_'+data.gdh, text:`单号:${data.gdh?'PW_'+data.gdh:''}`,
align:'right', align:'left',
fontSize:12, fontSize:12,
}) })
group.add(dhTitle) group.add(dhTitle)
@ -126,9 +126,7 @@ export default function (width,height){
y:1, y:1,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'负责人:', text:'负责人:',
fontSize:18, fontSize:18,
verticalAlign:'middle' verticalAlign:'middle'
@ -149,7 +147,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:180, height:180,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -168,7 +166,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(jsRect) group.add(jsRect)
@ -178,9 +176,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'回报', text:'回报',
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -193,7 +189,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -203,9 +199,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:data.jsr, text:data.jsr,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -217,7 +211,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -227,10 +221,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwfkrq,
strokeWidth:0.8,
text:data.jssj,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -254,7 +246,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(jsRect) group.add(jsRect)
@ -264,9 +256,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'接收', text:'接收',
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -279,7 +269,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -289,10 +279,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwry,
strokeWidth:0.8,
text:data.jsr,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -303,7 +291,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -313,10 +301,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwpgrq||'',
strokeWidth:0.8,
text:data.jssj,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -340,7 +326,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:200, height:200,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -359,7 +345,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -369,9 +355,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:data.tzbh, text:data.tzbh,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -393,7 +377,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -403,9 +387,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'批量:'+data.dcPl, text:'批量:'+data.dcPl,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -418,7 +400,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -428,9 +410,7 @@ export default function (width,height){
y:0, y:0,
width:(-width-188)/2, width:(-width-188)/2,
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'分段:'+data.dcFd, text:'分段:'+data.dcFd,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -454,7 +434,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188), width:(_width-188),
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
czbhGroup.add(czbhRect) czbhGroup.add(czbhRect)
@ -464,9 +444,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188), width:(_width-188),
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'船号:'+data.dcCh, text:'船号:'+data.dcCh,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -475,14 +453,14 @@ export default function (width,height){
czbhGroup.add(czbhText) czbhGroup.add(czbhText)
return czbhGroup return czbhGroup
} }
const generateQRCode=function (text,group) { const generateQRCode=function (text='',group) {
const imgSize=118 const imgSize=118
const rect=new Konva.Rect({ const rect=new Konva.Rect({
x:385, x:385,
y:0, y:0,
width:128.7, width:128.7,
height:120, height:120,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)

126
src/views/zyjhzx/hxianpgong/comps/pgd.js
Unescape View File

@ -2,7 +2,7 @@ import Konva from "konva";
import QRCode from 'qrcode' import QRCode from 'qrcode'
export default function (width,height){ export default function (width,height){
const x=width*0.66+40,y=45,_width=width*0.30,_height=height*0.945 const x=width*0.66+40,y=40,_width=width*0.30,_height=height*0.945
const container=function (){ const container=function (){
const group=new Konva.Group({ const group=new Konva.Group({
@ -12,16 +12,19 @@ export default function (width,height){
height:_height height:_height
}) })
const rect=new Konva.Rect({ const bgObj = new Image();
x:0, bgObj.src = require('@/assets/pwan/pgdbg.png');
y:0, bgObj.onload = function () {
width:_width, const shape = new Konva.Image({
height:_height, x: 0,
stroke:'black', y: 0,
strokeWidth:1, width: _width,
}) height:_height,
image: this,
group.add(rect) });
group.add(shape)
shape.zIndex(0)
}
return group return group
} }
@ -29,8 +32,8 @@ export default function (width,height){
// this.layer.destroyChildren(); // this.layer.destroyChildren();
const group=new Konva.Group({ const group=new Konva.Group({
x:0, x:13,
y:0, y:12,
width:_width, width:_width,
height:_height height:_height
}) })
@ -38,9 +41,8 @@ export default function (width,height){
const rect=new Konva.Rect({ const rect=new Konva.Rect({
x:0, x:0,
y:0, y:0,
width:_width, width:_width-25,
height:_height, height:_height-20,
fill:'white'
}) })
group.add(rect) group.add(rect)
@ -49,9 +51,7 @@ export default function (width,height){
y:10, y:10,
width:_width, width:_width,
height:35, height:35,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:1.2,
text:'大连重工大连钢材加工配送有限公司', text:'大连重工大连钢材加工配送有限公司',
align:'center', align:'center',
fontSize:22, fontSize:22,
@ -64,7 +64,7 @@ export default function (width,height){
width:_width, width:_width,
height:25, height:25,
lineHeight:1, lineHeight:1,
stroke:'black', fill:'#fff',
strokeWidth:1, strokeWidth:1,
text:'抛丸施工单', text:'抛丸施工单',
align:'center', align:'center',
@ -73,13 +73,13 @@ export default function (width,height){
group.add(sgdTitle) group.add(sgdTitle)
const dhTitle=new Konva.Text({ const dhTitle=new Konva.Text({
x:0, x:_width*0.7,
y:50, y:50,
width:_width-48, width:_width-48,
height:15, height:15,
lineHeight:1, fill:'#fff',
text:'单号:PW_'+data.gdh, text:`单号:${data.gdh?'PW_'+data.gdh:''}`,
align:'right', align:'left',
fontSize:12, fontSize:12,
}) })
group.add(dhTitle) group.add(dhTitle)
@ -126,9 +126,7 @@ export default function (width,height){
y:1, y:1,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'负责人:', text:'负责人:',
fontSize:18, fontSize:18,
verticalAlign:'middle' verticalAlign:'middle'
@ -149,7 +147,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:180, height:180,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -168,7 +166,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(jsRect) group.add(jsRect)
@ -178,9 +176,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'回报', text:'回报',
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -193,7 +189,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -203,9 +199,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:data.jsr, text:data.jsr,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -217,7 +211,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -227,10 +221,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwfkrq,
strokeWidth:0.8,
text:data.jssj,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -254,7 +246,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(jsRect) group.add(jsRect)
@ -264,9 +256,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'接收', text:'接收',
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -279,7 +269,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -289,10 +279,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwry,
strokeWidth:0.8,
text:data.jsr,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -303,7 +291,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -313,10 +301,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwpgrq||'',
strokeWidth:0.8,
text:data.jssj,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -340,7 +326,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:200, height:200,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -359,7 +345,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -369,9 +355,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:data.tzbh, text:data.tzbh,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -393,7 +377,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -403,9 +387,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'批量:'+data.dcPl, text:'批量:'+data.dcPl,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -418,7 +400,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -428,9 +410,7 @@ export default function (width,height){
y:0, y:0,
width:(-width-188)/2, width:(-width-188)/2,
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'分段:'+data.dcFd, text:'分段:'+data.dcFd,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -454,7 +434,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188), width:(_width-188),
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
czbhGroup.add(czbhRect) czbhGroup.add(czbhRect)
@ -464,9 +444,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188), width:(_width-188),
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'船号:'+data.dcCh, text:'船号:'+data.dcCh,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -475,14 +453,14 @@ export default function (width,height){
czbhGroup.add(czbhText) czbhGroup.add(czbhText)
return czbhGroup return czbhGroup
} }
const generateQRCode=function (text,group) { const generateQRCode=function (text='',group) {
const imgSize=118 const imgSize=118
const rect=new Konva.Rect({ const rect=new Konva.Rect({
x:385, x:385,
y:0, y:0,
width:128.7, width:128.7,
height:120, height:120,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)

126
src/views/zyjhzx/lliaofkui/comps/pgd.js
Unescape View File

@ -2,7 +2,7 @@ import Konva from "konva";
import QRCode from 'qrcode' import QRCode from 'qrcode'
export default function (width,height){ export default function (width,height){
const x=width*0.66+40,y=45,_width=width*0.30,_height=height*0.945 const x=width*0.66+40,y=40,_width=width*0.30,_height=height*0.945
const container=function (){ const container=function (){
const group=new Konva.Group({ const group=new Konva.Group({
@ -12,16 +12,19 @@ export default function (width,height){
height:_height height:_height
}) })
const rect=new Konva.Rect({ const bgObj = new Image();
x:0, bgObj.src = require('@/assets/pwan/pgdbg.png');
y:0, bgObj.onload = function () {
width:_width, const shape = new Konva.Image({
height:_height, x: 0,
stroke:'black', y: 0,
strokeWidth:1, width: _width,
}) height:_height,
image: this,
group.add(rect) });
group.add(shape)
shape.zIndex(0)
}
return group return group
} }
@ -29,8 +32,8 @@ export default function (width,height){
// this.layer.destroyChildren(); // this.layer.destroyChildren();
const group=new Konva.Group({ const group=new Konva.Group({
x:0, x:13,
y:0, y:12,
width:_width, width:_width,
height:_height height:_height
}) })
@ -38,9 +41,8 @@ export default function (width,height){
const rect=new Konva.Rect({ const rect=new Konva.Rect({
x:0, x:0,
y:0, y:0,
width:_width, width:_width-25,
height:_height, height:_height-20,
fill:'white'
}) })
group.add(rect) group.add(rect)
@ -49,9 +51,7 @@ export default function (width,height){
y:10, y:10,
width:_width, width:_width,
height:35, height:35,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:1.2,
text:'大连重工大连钢材加工配送有限公司', text:'大连重工大连钢材加工配送有限公司',
align:'center', align:'center',
fontSize:22, fontSize:22,
@ -64,7 +64,7 @@ export default function (width,height){
width:_width, width:_width,
height:25, height:25,
lineHeight:1, lineHeight:1,
stroke:'black', fill:'#fff',
strokeWidth:1, strokeWidth:1,
text:'抛丸施工单', text:'抛丸施工单',
align:'center', align:'center',
@ -73,13 +73,13 @@ export default function (width,height){
group.add(sgdTitle) group.add(sgdTitle)
const dhTitle=new Konva.Text({ const dhTitle=new Konva.Text({
x:0, x:_width*0.7,
y:50, y:50,
width:_width-48, width:_width-48,
height:15, height:15,
lineHeight:1, fill:'#fff',
text:'单号:PW_'+data.gdh, text:`单号:${data.gdh?'PW_'+data.gdh:''}`,
align:'right', align:'left',
fontSize:12, fontSize:12,
}) })
group.add(dhTitle) group.add(dhTitle)
@ -126,9 +126,7 @@ export default function (width,height){
y:1, y:1,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'负责人:', text:'负责人:',
fontSize:18, fontSize:18,
verticalAlign:'middle' verticalAlign:'middle'
@ -149,7 +147,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:180, height:180,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -168,7 +166,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(jsRect) group.add(jsRect)
@ -178,9 +176,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'回报', text:'回报',
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -193,7 +189,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -203,9 +199,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:data.jsr, text:data.jsr,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -217,7 +211,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -227,10 +221,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwfkrq,
strokeWidth:0.8,
text:data.jssj,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -254,7 +246,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(jsRect) group.add(jsRect)
@ -264,9 +256,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'接收', text:'接收',
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -279,7 +269,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -289,10 +279,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwry,
strokeWidth:0.8,
text:data.jsr,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -303,7 +291,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -313,10 +301,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwpgrq||'',
strokeWidth:0.8,
text:data.jssj,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -340,7 +326,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:200, height:200,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -359,7 +345,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -369,9 +355,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:data.tzbh, text:data.tzbh,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -393,7 +377,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -403,9 +387,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'批量:'+data.dcPl, text:'批量:'+data.dcPl,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -418,7 +400,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -428,9 +410,7 @@ export default function (width,height){
y:0, y:0,
width:(-width-188)/2, width:(-width-188)/2,
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'分段:'+data.dcFd, text:'分段:'+data.dcFd,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -454,7 +434,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188), width:(_width-188),
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
czbhGroup.add(czbhRect) czbhGroup.add(czbhRect)
@ -464,9 +444,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188), width:(_width-188),
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'船号:'+data.dcCh, text:'船号:'+data.dcCh,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -475,14 +453,14 @@ export default function (width,height){
czbhGroup.add(czbhText) czbhGroup.add(czbhText)
return czbhGroup return czbhGroup
} }
const generateQRCode=function (text,group) { const generateQRCode=function (text='',group) {
const imgSize=118 const imgSize=118
const rect=new Konva.Rect({ const rect=new Konva.Rect({
x:385, x:385,
y:0, y:0,
width:128.7, width:128.7,
height:120, height:120,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)

126
src/views/zyjhzx/lliaopgong/comps/pgd.js
Unescape View File

@ -2,7 +2,7 @@ import Konva from "konva";
import QRCode from 'qrcode' import QRCode from 'qrcode'
export default function (width,height){ export default function (width,height){
const x=width*0.66+40,y=45,_width=width*0.30,_height=height*0.945 const x=width*0.66+40,y=40,_width=width*0.30,_height=height*0.945
const container=function (){ const container=function (){
const group=new Konva.Group({ const group=new Konva.Group({
@ -12,16 +12,19 @@ export default function (width,height){
height:_height height:_height
}) })
const rect=new Konva.Rect({ const bgObj = new Image();
x:0, bgObj.src = require('@/assets/pwan/pgdbg.png');
y:0, bgObj.onload = function () {
width:_width, const shape = new Konva.Image({
height:_height, x: 0,
stroke:'black', y: 0,
strokeWidth:1, width: _width,
}) height:_height,
image: this,
group.add(rect) });
group.add(shape)
shape.zIndex(0)
}
return group return group
} }
@ -29,8 +32,8 @@ export default function (width,height){
// this.layer.destroyChildren(); // this.layer.destroyChildren();
const group=new Konva.Group({ const group=new Konva.Group({
x:0, x:13,
y:0, y:12,
width:_width, width:_width,
height:_height height:_height
}) })
@ -38,9 +41,8 @@ export default function (width,height){
const rect=new Konva.Rect({ const rect=new Konva.Rect({
x:0, x:0,
y:0, y:0,
width:_width, width:_width-25,
height:_height, height:_height-20,
fill:'white'
}) })
group.add(rect) group.add(rect)
@ -49,9 +51,7 @@ export default function (width,height){
y:10, y:10,
width:_width, width:_width,
height:35, height:35,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:1.2,
text:'大连重工大连钢材加工配送有限公司', text:'大连重工大连钢材加工配送有限公司',
align:'center', align:'center',
fontSize:22, fontSize:22,
@ -64,7 +64,7 @@ export default function (width,height){
width:_width, width:_width,
height:25, height:25,
lineHeight:1, lineHeight:1,
stroke:'black', fill:'#fff',
strokeWidth:1, strokeWidth:1,
text:'抛丸施工单', text:'抛丸施工单',
align:'center', align:'center',
@ -73,13 +73,13 @@ export default function (width,height){
group.add(sgdTitle) group.add(sgdTitle)
const dhTitle=new Konva.Text({ const dhTitle=new Konva.Text({
x:0, x:_width*0.7,
y:50, y:50,
width:_width-48, width:_width-48,
height:15, height:15,
lineHeight:1, fill:'#fff',
text:'单号:PW_'+data.gdh, text:`单号:${data.gdh?'PW_'+data.gdh:''}`,
align:'right', align:'left',
fontSize:12, fontSize:12,
}) })
group.add(dhTitle) group.add(dhTitle)
@ -126,9 +126,7 @@ export default function (width,height){
y:1, y:1,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'负责人:', text:'负责人:',
fontSize:18, fontSize:18,
verticalAlign:'middle' verticalAlign:'middle'
@ -149,7 +147,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:180, height:180,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -168,7 +166,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(jsRect) group.add(jsRect)
@ -178,9 +176,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'回报', text:'回报',
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -193,7 +189,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -203,9 +199,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:data.jsr, text:data.jsr,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -217,7 +211,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -227,10 +221,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwfkrq,
strokeWidth:0.8,
text:data.jssj,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -254,7 +246,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(jsRect) group.add(jsRect)
@ -264,9 +256,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'接收', text:'接收',
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -279,7 +269,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -289,10 +279,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwry,
strokeWidth:0.8,
text:data.jsr,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -303,7 +291,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -313,10 +301,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwpgrq||'',
strokeWidth:0.8,
text:data.jssj,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -340,7 +326,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:200, height:200,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -359,7 +345,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -369,9 +355,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:data.tzbh, text:data.tzbh,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -393,7 +377,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -403,9 +387,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'批量:'+data.dcPl, text:'批量:'+data.dcPl,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -418,7 +400,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -428,9 +410,7 @@ export default function (width,height){
y:0, y:0,
width:(-width-188)/2, width:(-width-188)/2,
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'分段:'+data.dcFd, text:'分段:'+data.dcFd,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -454,7 +434,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188), width:(_width-188),
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
czbhGroup.add(czbhRect) czbhGroup.add(czbhRect)
@ -464,9 +444,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188), width:(_width-188),
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'船号:'+data.dcCh, text:'船号:'+data.dcCh,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -475,14 +453,14 @@ export default function (width,height){
czbhGroup.add(czbhText) czbhGroup.add(czbhText)
return czbhGroup return czbhGroup
} }
const generateQRCode=function (text,group) { const generateQRCode=function (text='',group) {
const imgSize=118 const imgSize=118
const rect=new Konva.Rect({ const rect=new Konva.Rect({
x:385, x:385,
y:0, y:0,
width:128.7, width:128.7,
height:120, height:120,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)

7
src/views/zyjhzx/pwanfkui/comps/PwanPgd.vue
Unescape View File

@ -4,12 +4,12 @@
<script> <script>
import paoWanPgdConfig from './pgdTable' import paoWanPgdConfig from './pgdTable'
import {getPgd} from "@/api/zyjh";
export default { export default {
name:'PwanPgd', name:'PwanPgd',
data(){ data(){
return{ return{
gridOptions:{}, gridOptions:{},
list:{},
} }
}, },
created(){ created(){
@ -18,6 +18,11 @@ export default {
this.gridOptions.columns=columns this.gridOptions.columns=columns
}, },
methods:{ methods:{
initData(worker,zt){
getPgd({user:worker,zt:zt,field:'pwry'}).then(res=>{
this.gridOptions.data=res.data
})
},
cellClick({row}){ cellClick({row}){
this.$emit('initPgd',row) this.$emit('initPgd',row)
} }

88
src/views/zyjhzx/pwanfkui/comps/baifang.js
Unescape View File

@ -1,4 +1,5 @@
import Konva from "konva"; import Konva from "konva";
import {shangLiao} from "@/api/zyjh";
const baifang=function (option={}) { const baifang=function (option={}) {
const width=option.width,height=option.height,slList=option.dw,image=require('@/assets/gb.png') const width=option.width,height=option.height,slList=option.dw,image=require('@/assets/gb.png')
@ -13,16 +14,19 @@ const baifang=function (option={}) {
height:_height height:_height
}) })
const rect=new Konva.Rect({ const imageObj = new Image();
x:0, imageObj.src = require('@/assets/sliao/personbg.png');
y:0, imageObj.onload = function () {
width:_width, const shape = new Konva.Image({
height:_height, x: 0,
stroke:'black', y: 0,
strokeWidth:1, width: _width,
}) height:_height,
image: this,
group.add(rect) });
group.add(shape)
shape.zIndex(0)
}
return group return group
} }
@ -30,7 +34,7 @@ const baifang=function (option={}) {
const slGroup=container() const slGroup=container()
const thatHeight=height const thatHeight=height
const gangban=function (index,str){ const gangban=function (index,item){
const group=new Konva.Group({ const group=new Konva.Group({
x:0, x:0,
y:thatHeight-310-index*40, y:thatHeight-310-index*40,
@ -48,6 +52,62 @@ const baifang=function (option={}) {
} }
}) })
let _index=0 let _index=0
let touchingFlag=false;
group.on('mousedown touchstart',function (evt){
const layer=evt.currentTarget.parent.parent
console.log(layer)
touchingFlag=true
const {x,y}=evt.evt
setTimeout(()=>{
const moving=this.isDragging()
if (!moving){
if (touchingFlag){
this.draggable(false)
const tmpGroup=this.clone()
tmpGroup.x(x-10)
tmpGroup.y(y-10)
layer.add(tmpGroup)
tmpGroup.draggable(true)
tmpGroup.dragBoundFunc(function (pos){
return{...pos}
})
tmpGroup.startDrag()
const that=this
tmpGroup.on('dragend',function (){
const {x:thisX,y:thisY}=this.absolutePosition()
for (const item of layer.children) {
if(item.attrs.id==='csd'){
const {x,y}=item.absolutePosition()
if (thisX>=x&&thisY>=y){
this.x(41)
this.y(800)
// this.rotate(-90)
this.scaleX(0.5)
console.log(item.children[0])
this.moveTo(item.children[0].children[0])
this.zIndex(1)
}else{
this.remove()
that.visible(true)
}
}
}
//const {x,y}=that.slGroup.absolutePosition()
})
this.visible(false)
}
}
},500)
})
group.on('mouseup touchend',function (){
touchingFlag=false
})
group.on('dragstart',function (){ group.on('dragstart',function (){
const {x,y}=this.absolutePosition() const {x,y}=this.absolutePosition()
@ -60,7 +120,7 @@ const baifang=function (option={}) {
if(_index===0){ if(_index===0){
_index=this.getAttr('index') _index=this.getAttr('index')
} }
this.zIndex(999) this.zIndex(7)
const {y:thisY}=this.absolutePosition() const {y:thisY}=this.absolutePosition()
const dir=thisY-this.startPos.y>0?-40:40 const dir=thisY-this.startPos.y>0?-40:40
@ -140,7 +200,7 @@ const baifang=function (option={}) {
width: imgSize, width: imgSize,
height:40, height:40,
fill:'black', fill:'black',
text:str+',12*2830*13090', text:`${item.wph||''},${item.wpgg}`,
align:'center', align:'center',
verticalAlign:'middle', verticalAlign:'middle',
}) })
@ -153,7 +213,7 @@ const baifang=function (option={}) {
width: imgSize-20, width: imgSize-20,
height:40, height:40,
fill:'black', fill:'black',
text:'G175K-4,001,2302\n上料:2024/07/01,切割:2024/07/04', text:`${item.czbh},${item.pl},${item.fd}\n上料:${item.bfrq||''},切割:${item.qgjhrq||''}`,
align:'center', align:'center',
verticalAlign:'middle', verticalAlign:'middle',
}) })

15
src/views/zyjhzx/pwanfkui/comps/container.js
Unescape View File

@ -11,6 +11,21 @@ const container=function (width=0,height=0,container){
stage.add(layer) stage.add(layer)
layer.draw(); layer.draw();
const imageObj = new Image();
const imgSize=width
imageObj.src = require('@/assets/kban/bg.png');
imageObj.onload = function () {
const shape = new Konva.Image({
x: 0,
y: 0,
width: imgSize,
height:this.height,
image: imageObj,
});
layer.add(shape)
shape.zIndex(0)
}
return { return {
stage,layer stage,layer
} }

118
src/views/zyjhzx/pwanfkui/comps/csd.js
Unescape View File

@ -4,35 +4,115 @@ import Konva from "konva";
export default function (width,height){ export default function (width,height){
const x=width*0.55+40,y=45,_width=width*0.1,_height=height*0.945 const x=width*0.55+40,y=45,_width=width*0.1,_height=height*0.945
const container=new Konva.Group({ const container=new Konva.Group({
id:'csd',
x:x, x:x,
y:y, y:y,
width:_width, width:_width,
height:_height height:_height
}) })
const rect=new Konva.Rect({ // const imageObj = new Image();
const imgSize=_width
// imageObj.src = require('@/assets/pwan/csdbg.png');
// imageObj.onload = function () {
// const shape = new Konva.Image({
// x: 0,
// y: 0,
// width: imgSize,
// height:_height,
// image: imageObj,
// });
// container.add(shape)
// shape.zIndex(0)
// }
const imageObj1 = new Image();
imageObj1.src = require('@/assets/pwan/csd0.png');
imageObj1.onload = function () {
const shape = new Konva.Image({
x: 0,
y: 0,
width: imgSize,
height:_height*0.1,
image: this,
});
container.add(shape)
shape.zIndex(1)
}
const imageObj3 = new Image();
imageObj3.src = require('@/assets/pwan/csd0.png');
imageObj3.onload = function () {
const shape = new Konva.Image({
x: 0,
y: _height-_height*0.1,
width: imgSize,
height:_height*0.1,
image: this,
});
container.add(shape)
shape.zIndex(1)
}
const group=new Konva.Group({
x:0, x:0,
y:0, y:_height*0.1,
width:_width, width: imgSize,
height:_height, height:_height-_height*0.1,
stroke:'black',
strokeWidth:1,
}) })
container.add(group)
group.clipFunc(function(ctx) {
ctx.rect(0, 0, imgSize, _height-_height*0.1);
});
container.add(rect) initCsd()
const text=new Konva.Text({ function initCsd() {
x: 0, const imageObj2 = new Image();
y: 0, imageObj2.src = require('@/assets/pwan/csd1.png');
width: _width, imageObj2.onload = function () {
height:_height, play(this,imgSize,_height)
fill:'black', }
text:'传送带', }
align:'center',
verticalAlign:'middle', function play(img,imgSize,_height){
}) const csdGroup=new Konva.Group({
x: 0,
y: 0,
width: imgSize,
height: _height,
image: img,
})
group.add(csdGroup)
const shape = new Konva.Image({
x: 0,
y: 0,
width: imgSize,
height: _height,
image: img,
});
csdGroup.add(shape)
shape.zIndex(0)
container.add(text) const shape1 = new Konva.Image({
x: 0,
y: _height,
width: imgSize,
height: _height,
image: img,
});
csdGroup.add(shape1)
shape1.zIndex(1)
csdGroup.to({
x: 0,
y: -700,
duration: 20, //持续时间
onFinish() {
csdGroup.remove()
play(img,imgSize,_height)
}
})
}
return container return container
} }

53
src/views/zyjhzx/pwanfkui/comps/dw.js
Unescape View File

@ -1,7 +1,6 @@
import Konva from "konva"; import Konva from "konva";
export default function (width,height,callback){ export default function (width,height,callback){
console.log(callback)
const x=0,y=0,_width=width*0.16,_height=height*0.67 const x=0,y=0,_width=width*0.16,_height=height*0.67
const container=function (){ const container=function (){
@ -14,16 +13,19 @@ export default function (width,height,callback){
height:_height height:_height
}) })
const rect=new Konva.Rect({ const imageObj = new Image();
x:0, imageObj.src = require('@/assets/sliao/personbg.png');
y:0, imageObj.onload = function () {
width:_width, const shape = new Konva.Image({
height:_height, x: 0,
stroke:'black', y: 0,
strokeWidth:1, width: _width,
}) height:_height,
image: this,
group.add(rect) });
group.add(shape)
shape.zIndex(0)
}
return group return group
} }
@ -40,20 +42,23 @@ export default function (width,height,callback){
height:height height:height
}) })
group.on('click touchstart',function (){ group.on('click touchstart',function (){
console.log(item)
callback(index,item.list) callback(index,item.list)
}) })
const rect=new Konva.Rect({ const bgObj = new Image();
x:0, bgObj.src = require('@/assets/sliao/personbg1.png');
y:0, bgObj.onload = function () {
width:width, const shape = new Konva.Image({
height:height, x: 0,
stroke:'black', y: 0,
strokeWidth:1, offsetX:4,
}) width: width,
height:height,
group.add(rect) image: this,
});
group.add(shape)
shape.zIndex(0)
}
const text=new Konva.Text({ const text=new Konva.Text({
x:0, x:0,
@ -61,10 +66,10 @@ export default function (width,height,callback){
width: width, width: width,
height: height, height: height,
fill:'black', fill:'black',
text:item.name, text:`${item.name}\n${item.list.length}张`,
align:'center', align:'center',
verticalAlign:'middle', verticalAlign:'middle',
fontSize:20 fontSize:18
}) })
group.add(text) group.add(text)

125
src/views/zyjhzx/pwanfkui/comps/person.js
Unescape View File

@ -1,36 +1,63 @@
import Konva from "konva"; import Konva from "konva";
export default function (width,height){ export default function (width,height){
const _width=width*0.134,_height=height*0.67 const _width=width*0.134,_height=height*0.737
const container=function (){ const container=function (){
const x=20,y=300 const x=20,y=300
const group=new Konva.Group({ const group=new Konva.Group({
x:x, x:0,
y:y, y:0,
width:_width, width:_width,
height:_height height:_height,
draggable:true,
dragBoundFunc:function (pos){
return {
x:x,
y:pos.y
}
},
}) })
const rect=new Konva.Rect({ const bgGroup=new Konva.Group({
x:0, x:x,
y:0, y:y,
width:_width, width:_width,
height:_height, height:_height,
stroke:'black',
strokeWidth:1,
}) })
bgGroup.clipFunc(function(ctx) {
ctx.rect(0, 6, _width, _height-11);
});
bgGroup.add(group)
group.add(rect) 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 group return bgGroup
}
let currentWork=null;
let selectedShape=null;
const getCurrentWorker=function (){
return currentWork
} }
const person=function (index,persons={}){ const person=function (index,persons={}){
const alignSize=2 const alignSize=2
const width=(_width-20)/alignSize,height=110 const width=(_width-5)/alignSize,height=110
const x=index%alignSize*width+index%alignSize*10+5,y=height*(Math.floor(index/alignSize))+(Math.floor(index/alignSize)+1)*10 const x=index%alignSize*width+index%alignSize+5,y=height*(Math.floor(index/alignSize))+(Math.floor(index/alignSize)+1)*10
const group=new Konva.Group({ const group=new Konva.Group({
x:x, x:x,
y:y, y:y,
@ -38,19 +65,73 @@ export default function (width,height){
height:height height:height
}) })
const rect=new Konva.Rect({ const selectObj = new Image();
x:0, selectObj.src = require('@/assets/sliao/selected.png');
y:0, let selectShape=null
width:width, const setSelectShape=function (shape){
height:height, selectShape=shape
stroke:'black', }
strokeWidth:1, selectObj.onload = function () {
const shape = new Konva.Image({
x: width-width*0.3,
y: 2,
width: width*0.25,
height:height*0.25,
image: this,
visible:false
});
group.add(shape)
shape.zIndex(0)
setSelectShape(shape)
}
group.on('click touchstart',function (){
currentWork=persons
if (selectedShape){
selectedShape.hide()
if (selectedShape===selectShape){
selectedShape=null
return
}
}
selectedShape=selectShape
selectedShape.show()
}) })
group.add(rect)
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 imageObj = new Image();
imageObj.src = require('@/assets/sliao/headImage.png');
imageObj.onload = function () {
const shape = new Konva.Image({
x: 0,
y: 0,
offsetX:-4,
offsetY:-10,
width: width*0.89,
height:height*0.85,
image: this,
});
group.add(shape)
shape.zIndex(0)
}
const text=new Konva.Text({ const text=new Konva.Text({
x:0, x:0,
y:0, y:62,
width:width, width:width,
height:height, height:height,
text: persons.userName, text: persons.userName,

126
src/views/zyjhzx/pwanfkui/comps/pgd.js
Unescape View File

@ -2,7 +2,7 @@ import Konva from "konva";
import QRCode from 'qrcode' import QRCode from 'qrcode'
export default function (width,height){ export default function (width,height){
const x=width*0.66+40,y=45,_width=width*0.30,_height=height*0.945 const x=width*0.66+40,y=40,_width=width*0.30,_height=height*0.945
const container=function (){ const container=function (){
const group=new Konva.Group({ const group=new Konva.Group({
@ -12,16 +12,19 @@ export default function (width,height){
height:_height height:_height
}) })
const rect=new Konva.Rect({ const bgObj = new Image();
x:0, bgObj.src = require('@/assets/pwan/pgdbg.png');
y:0, bgObj.onload = function () {
width:_width, const shape = new Konva.Image({
height:_height, x: 0,
stroke:'black', y: 0,
strokeWidth:1, width: _width,
}) height:_height,
image: this,
group.add(rect) });
group.add(shape)
shape.zIndex(0)
}
return group return group
} }
@ -29,8 +32,8 @@ export default function (width,height){
// this.layer.destroyChildren(); // this.layer.destroyChildren();
const group=new Konva.Group({ const group=new Konva.Group({
x:0, x:13,
y:0, y:12,
width:_width, width:_width,
height:_height height:_height
}) })
@ -38,9 +41,8 @@ export default function (width,height){
const rect=new Konva.Rect({ const rect=new Konva.Rect({
x:0, x:0,
y:0, y:0,
width:_width, width:_width-25,
height:_height, height:_height-20,
fill:'white'
}) })
group.add(rect) group.add(rect)
@ -49,9 +51,7 @@ export default function (width,height){
y:10, y:10,
width:_width, width:_width,
height:35, height:35,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:1.2,
text:'大连重工大连钢材加工配送有限公司', text:'大连重工大连钢材加工配送有限公司',
align:'center', align:'center',
fontSize:22, fontSize:22,
@ -64,7 +64,7 @@ export default function (width,height){
width:_width, width:_width,
height:25, height:25,
lineHeight:1, lineHeight:1,
stroke:'black', fill:'#fff',
strokeWidth:1, strokeWidth:1,
text:'抛丸施工单', text:'抛丸施工单',
align:'center', align:'center',
@ -73,13 +73,13 @@ export default function (width,height){
group.add(sgdTitle) group.add(sgdTitle)
const dhTitle=new Konva.Text({ const dhTitle=new Konva.Text({
x:0, x:_width*0.7,
y:50, y:50,
width:_width-48, width:_width-48,
height:15, height:15,
lineHeight:1, fill:'#fff',
text:'单号:PW_'+data.gdh, text:`单号:${data.gdh?'PW_'+data.gdh:''}`,
align:'right', align:'left',
fontSize:12, fontSize:12,
}) })
group.add(dhTitle) group.add(dhTitle)
@ -126,9 +126,7 @@ export default function (width,height){
y:1, y:1,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'负责人:', text:'负责人:',
fontSize:18, fontSize:18,
verticalAlign:'middle' verticalAlign:'middle'
@ -149,7 +147,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:180, height:180,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -168,7 +166,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(jsRect) group.add(jsRect)
@ -178,9 +176,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'回报', text:'回报',
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -193,7 +189,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -203,9 +199,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:data.jsr, text:data.jsr,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -217,7 +211,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -227,10 +221,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwfkrq,
strokeWidth:0.8,
text:data.jssj,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -254,7 +246,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(jsRect) group.add(jsRect)
@ -264,9 +256,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'接收', text:'接收',
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -279,7 +269,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -289,10 +279,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwry,
strokeWidth:0.8,
text:data.jsr,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -303,7 +291,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -313,10 +301,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwpgrq||'',
strokeWidth:0.8,
text:data.jssj,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -340,7 +326,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:200, height:200,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -359,7 +345,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -369,9 +355,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:data.tzbh, text:data.tzbh,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -393,7 +377,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -403,9 +387,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'批量:'+data.dcPl, text:'批量:'+data.dcPl,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -418,7 +400,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -428,9 +410,7 @@ export default function (width,height){
y:0, y:0,
width:(-width-188)/2, width:(-width-188)/2,
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'分段:'+data.dcFd, text:'分段:'+data.dcFd,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -454,7 +434,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188), width:(_width-188),
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
czbhGroup.add(czbhRect) czbhGroup.add(czbhRect)
@ -464,9 +444,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188), width:(_width-188),
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'船号:'+data.dcCh, text:'船号:'+data.dcCh,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -475,14 +453,14 @@ export default function (width,height){
czbhGroup.add(czbhText) czbhGroup.add(czbhText)
return czbhGroup return czbhGroup
} }
const generateQRCode=function (text,group) { const generateQRCode=function (text='',group) {
const imgSize=118 const imgSize=118
const rect=new Konva.Rect({ const rect=new Konva.Rect({
x:385, x:385,
y:0, y:0,
width:128.7, width:128.7,
height:120, height:120,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)

30
src/views/zyjhzx/pwanfkui/comps/title.js
Unescape View File

@ -1,18 +1,40 @@
import Konva from "konva"; import Konva from "konva";
const title=function (width,height,title) { const title=function (width,height,title) {
return new Konva.Text({ const group=new Konva.Group({
x: 0,
y: 0,
width: width,
height: 20,
})
const imageObj = new Image();
imageObj.src = require('@/assets/kban/logo.png');
imageObj.onload = function () {
const shape = new Konva.Image({
x: 0,
y: 0,
width: width*0.86,
height:41,
image: imageObj,
});
group.add(shape)
}
const text=new Konva.Text({
x: 0, x: 0,
y: 8, y: 8,
width: width, width: width,
height: 20, height: 20,
lineHeight: 1,
stroke: 'blue',
strokeWidth: 2,
text: title, text: title,
align: 'center', align: 'center',
fill:'#fff',
fontSize: 32, fontSize: 32,
fontStyle:'bold'
}) })
group.add(text)
return group
} }
export default title export default title

8
src/views/zyjhzx/pwanfkui/index.vue
Unescape View File

@ -38,6 +38,9 @@ export default {
mounted() { mounted() {
this.initKonvaStage(); this.initKonvaStage();
}, },
created(){
window.addEventListener('resize', this.initKonvaStage)
},
methods:{ methods:{
initPgd(pgd={}){ initPgd(pgd={}){
const group=this.drawGd(pgd) const group=this.drawGd(pgd)
@ -81,11 +84,10 @@ export default {
const worker=person(i,item) const worker=person(i,item)
worker.on('click touchstart',function (){ worker.on('click touchstart',function (){
that.currentWorker=item that.currentWorker=item
getPgd({field:'pwry',jhrqField:'pwjhrq',user:that.currentWorker.userCode}).then(res=>[ that.$refs.pwpgd.initData(that.currentWorker.userCode,'31')
that.pgd=res.data
])
}) })
group.add(worker) group.add(worker)
worker.zIndex(1)
} }
}) })
}, },

49
src/views/zyjhzx/pwanpgong/comps/dw.js
Unescape View File

@ -4,7 +4,7 @@ export default function (width,height){
const x=0,y=0,_width=width*0.16,_height=height*0.945 const x=0,y=0,_width=width*0.16,_height=height*0.945
const container=function (){ const container=function (){
const x=width*0.5+30,y=45 const x=width*0.5+30,y=40
const group=new Konva.Group({ const group=new Konva.Group({
x:x, x:x,
@ -13,16 +13,19 @@ export default function (width,height){
height:_height height:_height
}) })
const rect=new Konva.Rect({ const imageObj = new Image();
x:0, imageObj.src = require('@/assets/sliao/personbg.png');
y:0, imageObj.onload = function () {
width:_width, const shape = new Konva.Image({
height:_height, x: 0,
stroke:'black', y: 0,
strokeWidth:1, width: _width,
}) height:_height,
image: this,
group.add(rect) });
group.add(shape)
shape.zIndex(0)
}
return group return group
} }
@ -39,16 +42,20 @@ export default function (width,height){
height:height height:height
}) })
const rect=new Konva.Rect({ const bgObj = new Image();
x:0, bgObj.src = require('@/assets/sliao/personbg1.png');
y:0, bgObj.onload = function () {
width:width, const shape = new Konva.Image({
height:height, x: 0,
stroke:'black', y: 0,
strokeWidth:1, offsetX:4,
}) width: width,
height:height,
group.add(rect) image: this,
});
group.add(shape)
shape.zIndex(0)
}
const text=new Konva.Text({ const text=new Konva.Text({
x:0, x:0,

1
src/views/zyjhzx/pwanpgong/comps/person.js
Unescape View File

@ -102,6 +102,7 @@ export default function (width,height){
if (selectedShape){ if (selectedShape){
selectedShape.hide() selectedShape.hide()
if (selectedShape===selectShape){ if (selectedShape===selectShape){
selectedShape=null
return return
} }
} }

117
src/views/zyjhzx/pwanpgong/comps/pgd.js
Unescape View File

@ -2,7 +2,7 @@ import Konva from "konva";
import QRCode from 'qrcode' import QRCode from 'qrcode'
export default function (width,height){ export default function (width,height){
const x=width*0.66+40,y=45,_width=width*0.30,_height=height*0.945 const x=width*0.66+40,y=40,_width=width*0.30,_height=height*0.945
const container=function (){ const container=function (){
const group=new Konva.Group({ const group=new Konva.Group({
@ -12,16 +12,19 @@ export default function (width,height){
height:_height height:_height
}) })
const rect=new Konva.Rect({ const bgObj = new Image();
x:0, bgObj.src = require('@/assets/pwan/pgdbg.png');
y:0, bgObj.onload = function () {
width:_width, const shape = new Konva.Image({
height:_height, x: 0,
stroke:'black', y: 0,
strokeWidth:1, width: _width,
}) height:_height,
image: this,
group.add(rect) });
group.add(shape)
shape.zIndex(0)
}
return group return group
} }
@ -29,8 +32,8 @@ export default function (width,height){
// this.layer.destroyChildren(); // this.layer.destroyChildren();
const group=new Konva.Group({ const group=new Konva.Group({
x:0, x:13,
y:0, y:12,
width:_width, width:_width,
height:_height height:_height
}) })
@ -38,9 +41,8 @@ export default function (width,height){
const rect=new Konva.Rect({ const rect=new Konva.Rect({
x:0, x:0,
y:0, y:0,
width:_width, width:_width-25,
height:_height, height:_height-20,
fill:'white'
}) })
group.add(rect) group.add(rect)
@ -49,9 +51,7 @@ export default function (width,height){
y:10, y:10,
width:_width, width:_width,
height:35, height:35,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:1.2,
text:'大连重工大连钢材加工配送有限公司', text:'大连重工大连钢材加工配送有限公司',
align:'center', align:'center',
fontSize:22, fontSize:22,
@ -64,7 +64,7 @@ export default function (width,height){
width:_width, width:_width,
height:25, height:25,
lineHeight:1, lineHeight:1,
stroke:'black', fill:'#fff',
strokeWidth:1, strokeWidth:1,
text:'抛丸施工单', text:'抛丸施工单',
align:'center', align:'center',
@ -77,7 +77,7 @@ export default function (width,height){
y:50, y:50,
width:_width-48, width:_width-48,
height:15, height:15,
lineHeight:1, fill:'#fff',
text:`单号:${data.gdh?'PW_'+data.gdh:''}`, text:`单号:${data.gdh?'PW_'+data.gdh:''}`,
align:'left', align:'left',
fontSize:12, fontSize:12,
@ -126,9 +126,7 @@ export default function (width,height){
y:1, y:1,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'负责人:', text:'负责人:',
fontSize:18, fontSize:18,
verticalAlign:'middle' verticalAlign:'middle'
@ -149,7 +147,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:180, height:180,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -168,7 +166,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(jsRect) group.add(jsRect)
@ -178,9 +176,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'回报', text:'回报',
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -193,7 +189,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -203,9 +199,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:data.jsr, text:data.jsr,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -217,7 +211,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -227,9 +221,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:data.pwfkrq, text:data.pwfkrq,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -254,7 +246,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(jsRect) group.add(jsRect)
@ -264,9 +256,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'接收', text:'接收',
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -279,7 +269,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -289,10 +279,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwry,
strokeWidth:0.8,
text:data.jsr,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -303,7 +291,7 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -313,10 +301,8 @@ export default function (width,height){
y:30, y:30,
width:(_width-60)/2, width:(_width-60)/2,
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black', text:data.pwpgrq||'',
strokeWidth:0.8,
text:data.pwpgrq,
fontSize:18, fontSize:18,
align:'center', align:'center',
verticalAlign:'middle' verticalAlign:'middle'
@ -340,7 +326,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:200, height:200,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -359,7 +345,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(rect) group.add(rect)
@ -369,9 +355,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-60), width:(_width-60),
height:30, height:30,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:data.tzbh, text:data.tzbh,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -393,7 +377,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(plRect) group.add(plRect)
@ -403,9 +387,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'批量:'+data.dcPl, text:'批量:'+data.dcPl,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -418,7 +400,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188)/2, width:(_width-188)/2,
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
group.add(fdRect) group.add(fdRect)
@ -428,9 +410,7 @@ export default function (width,height){
y:0, y:0,
width:(-width-188)/2, width:(-width-188)/2,
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'分段:'+data.dcFd, text:'分段:'+data.dcFd,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -454,7 +434,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188), width:(_width-188),
height:60, height:60,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
czbhGroup.add(czbhRect) czbhGroup.add(czbhRect)
@ -464,9 +444,7 @@ export default function (width,height){
y:0, y:0,
width:(_width-188), width:(_width-188),
height:60, height:60,
lineHeight:1, fill:'#fff',
stroke:'black',
strokeWidth:0.8,
text:'船号:'+data.dcCh, text:'船号:'+data.dcCh,
fontSize:18, fontSize:18,
align:'center', align:'center',
@ -482,10 +460,9 @@ export default function (width,height){
y:0, y:0,
width:128.7, width:128.7,
height:120, height:120,
stroke:'black', stroke:'#4991E5',
strokeWidth:1, strokeWidth:1,
}) })
console.log(text)
group.add(rect) group.add(rect)
QRCode.toDataURL(text,{width:600,height:600,margin:1}) QRCode.toDataURL(text,{width:600,height:600,margin:1})
.then(url => { .then(url => {

2
src/views/zyjhzx/pwanpgong/comps/pgdTable.js
Unescape View File

@ -1,7 +1,7 @@
export default function () { export default function () {
const options={ const options={
height:685, height:706,
align:'center', align:'center',
border: true, border: true,
resizable: true, resizable: true,

2
src/views/zyjhzx/qgefkui/index.vue
Unescape View File

@ -74,7 +74,7 @@ export default {
const group=container() const group=container()
group.on('click touchstart',function (){ group.on('click touchstart',function (){
that.currentWorker=person that.currentWorker=person
getPgd({field:'',jhrqField:'',user:that.currentWorker.userCode}).then(res=>[ getPgd({user:that.currentWorker.userCode,zt:'6'}).then(res=>[
that.pgd=res.data that.pgd=res.data
]) ])
}) })

1
src/views/zyjhzx/sliao/comps/person.js
Unescape View File

@ -96,6 +96,7 @@ const workers=function (width,height,persons) {
if (selectedShape){ if (selectedShape){
selectedShape.hide() selectedShape.hide()
if (selectedShape===selectShape){ if (selectedShape===selectShape){
selectedShape=null
return return
} }
} }

1
src/views/zyjhzx/sliao/index.vue
Unescape View File

@ -338,7 +338,6 @@ export default {
} }
_sljhGroup.draggable(true) _sljhGroup.draggable(true)
}) })
} }
} }
},500) },500)

Write Preview
Loading…
Cancel
Save