xins
/
hwmom-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改看板雷达图样式

Browse Source
master
suixy 5 months ago
parent b1fdab7498
commit a8b23a8a6c
4 changed files with 65 additions and 579 deletions
Show Stats Download Patch File Download Diff File

2
src/views/boardGenerate/index.vue
Unescape Escape View File

@ -163,7 +163,7 @@
</el-icon>
</div>
</template>
<div>
<div style="height: 60vh;overflow:auto;">
<el-card class="moduleCard" shadow="never" :draggable="true"
@dragstart="onDragStart($event, 'map')" :style="{display:'inline-block',margin:'0 4px 4px 0'}"

123
src/views/boardGenerate/nodes/board/radarNode.vue
Unescape Escape View File

@ -106,97 +106,70 @@ const getOption = () => {
extraCssText: 'box-shadow: 1px 0 2px 0 rgba(163,163,163,0.5)'
},
radar: {
center: ['50%', '50%'],
radius: '70%',
startAngle: 90,
splitNumber: 4,
center: ["30%", "50%"],
radius: '40%',
shape: 'circle',
splitArea: {
areaStyle: {
color: ['transparent']
splitNumber: 1,
splitLine: {
lineStyle: {
color: '#fff4',
width: 1
}
},
axisLabel: {
show: false,
fontSize: 18,
color: '#fff',
fontStyle: 'normal',
fontWeight: 'normal'
splitArea: {
show: false
},
axisLine: {
show: true,
lineStyle: {
color: 'white' //
}
show: false
},
splitLine: {
show: true,
lineStyle: {
color: 'white' //
}
axisNameGap: 3,
axisName: {
rotation: 90,
rotate: 90,
fontSize: 8,
color: '#ddd',
},
indicator: [
{
name: '数据1',
// // max: 10
},
{
name: '数据2',
// // max: 10
},
{
name: '数据3',
// max: 10
},
{
name: '数据4',
// max: 10
},
{
name: '数据5',
// max: 10
},
{
name: '数据6',
// max: 10
},
{
name: '数据7',
// max: 10
},
{
name: '数据8',
// max: 10
}
indicator:[
{name: '产品1', max: 100},
{name: '产品2', max: 100},
{name: '产品3', max: 100},
{name: '产品4', max: 100},
{name: '产品5', max: 100},
{name: '产品6', max: 100},
]
},
series: props.data.options?.yNames.map((value, index) => {
return {
name: props.inputData?.[`x${index + 1}`],
series: [
{
name: ' ',
type: 'radar',
symbol: 'circle',
symbolSize: 3,
areaStyle: {
normal: {
color: colorList[index] + '66'
}
},
itemStyle: {
color: colorList[index] + 'FF',
borderColor: colorList[index] + '4C',
borderWidth: 2
color: '#FBFCFC'
},
lineStyle: {
normal: {
type: 'dashed',
color: colorList[index] + 'FF',
width: 1
}
color: '#478EEE',
width: 1,
},
data: [(props.inputData?.[`y${index + 1}`] || []).map(e => parseFloat(e))]
data: [
{
value: [98,95,93,95,93,97],
name: 'Allocated Budget',
areaStyle: {
color: {
type: 'radial',
x: 0.5,
y: 0.5,
r: 0.5,
colorStops: [
{offset: 0, color: '#fff0'},
{offset: 1, color: '#4C92F266'}
]
},
}
}
]
}
})
]
};
let xData = [props.inputData?.x1 || []];
let yData = [props.inputData?.y1 || []];

1
src/views/boardGenerate/nodes/data/customDataNode.vue
Unescape Escape View File

@ -91,7 +91,6 @@ const parseData = (data, rule) => {
}
});
return resData;
};
const formulaFun = (formula) => {
let data = formula.replace(/\$\{\s*([^}]+?)\s*\}/g, (_, key) => {

518
src/views/print/index.vue
Unescape Escape View File

@ -20,7 +20,6 @@
<el-input v-model="zoomInput" disabled style="margin-left: 8px;width:100px" />
<el-button @click="zoomChange(0.1)" icon="ZoomIn" circle style="margin-left: 8px;" />
<el-button type="primary" @click="view" style="margin-left: 12px;">预览</el-button>
<!-- <el-button type="primary" @click="imp" style="margin-left: 12px;">场景1</el-button>-->
<el-button type="primary" @click="save" style="margin-left: 12px;">保存</el-button>
<el-button type="primary" @click="clear" style="margin-left: 12px;">清空</el-button>
</div>
@ -118,19 +117,23 @@
</el-tag>
<h4>选择框组件</h4>
<el-tag :draggable="true" @dragstart="onDragStart($event, 'select',pid,{name:'UserListSel',list:'UserList'})" class="mx-1"
<el-tag :draggable="true" @dragstart="onDragStart($event, 'select',pid,{name:'UserListSel',list:'UserList'})"
class="mx-1"
size="large">
操作人
</el-tag>
<el-tag :draggable="true" @dragstart="onDragStart($event, 'select',pid,{name:'ResultListSel',list:'ResultList'})" class="mx-1"
<el-tag :draggable="true"
@dragstart="onDragStart($event, 'select',pid,{name:'ResultListSel',list:'ResultList'})" class="mx-1"
size="large">
自检结果
</el-tag>
<el-tag :draggable="true" @dragstart="onDragStart($event, 'select',pid,{name:'UnitListSel',list:'UnitList'})" class="mx-1"
<el-tag :draggable="true" @dragstart="onDragStart($event, 'select',pid,{name:'UnitListSel',list:'UnitList'})"
class="mx-1"
size="large">
单位
</el-tag>
<el-tag :draggable="true" @dragstart="onDragStart($event, 'select',pid,{name:'StationListSel',list:'StationList'})" class="mx-1"
<el-tag :draggable="true"
@dragstart="onDragStart($event, 'select',pid,{name:'StationListSel',list:'StationList'})" class="mx-1"
size="large">
工位
</el-tag>
@ -485,7 +488,6 @@
</el-dropdown-menu>
</template>
</el-dropdown>
<el-color-picker style="margin-left: 8px; "
v-model="nodeAttrForm.border.find(e=>e.type==='left').color"
show-alpha />
@ -520,489 +522,6 @@ import { listType } from '@/api/system/dict/type';
import { ElMessage } from 'element-plus';
let obj = [
{
'templateInfoId': 5,
'id': 'text_94b0f100_e009_4f05_8e9e_b5fb47ee1ce9',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 396.8503937007874,
'y': 264.56692913385825,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":"操作人","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_409bdd88_a0c1_401b_9358_4cf79e44cafc',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 37.79527559055118,
'y': 321.25984251968504,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":"自检结果","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":true,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'select_a7ccbaaf_911c_4c81_ab88_a853503be3b0',
'type': 'select',
'name': 'select',
'width': 245,
'height': 56,
'x': 510.2362204724409,
'y': 264.56692913385825,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"UserListSel","dic":"","default":"","JScript":"","selectField":"UserList","selectOptions":[],"horizontalAlign":"center","verticalAlign":"center","border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'select_ee7c1e26_818d_45e6_95c5_e5f21413ce57',
'type': 'select',
'name': 'select',
'width': 245,
'height': 56,
'x': 151.1811023622047,
'y': 321.25984251968504,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"ResultListSel","dic":"","default":"","JScript":"","selectField":"ResultList","selectOptions":["合格","不合格"],"horizontalAlign":"center","verticalAlign":"center","border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_daf9fa77_5763_4ec8_a458_6c8188df6ffd',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 396.8503937007874,
'y': 321.25984251968504,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":"有效期/天","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'inputNode_1cffa360_de94_40cd_8afb_90e0f0d3df08',
'type': 'inputNode',
'name': 'inputNode',
'width': 245,
'height': 56,
'x': 510.2362204724409,
'y': 321.25984251968504,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"default":"","horizontalAlign":"center","verticalAlign":"center","border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_20742495_3bef_4eb1_b270_a5b593f01b05',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 37.79527559055118,
'y': 377.95275590551176,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":"工装编号","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":true,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'inputNode_1fc55162_082b_42a3_b0b2_c20b5b40aaf9',
'type': 'inputNode',
'name': 'inputNode',
'width': 245,
'height': 56,
'x': 151.1811023622047,
'y': 377.95275590551176,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"default":"","horizontalAlign":"center","verticalAlign":"center","border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_1df92c08_fb99_461b_9832_40e29ef6bd5e',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 396.8503937007874,
'y': 377.95275590551176,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":"宽度/mm","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_7d8ead78_2f05_47d3_a2e4_bf04e16ccf4b',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 37.79527559055118,
'y': 434.64566929133855,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":"开始时间","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":true,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_6d815e1f_3df9_465e_8c2f_242a77581921',
'type': 'text',
'name': 'text',
'width': 604,
'height': 57,
'x': 151.1811023622047,
'y': 434.64566929133855,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":" ","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_09537908_518c_4d40_aeac_21ed2c334cfd',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 37.79527559055118,
'y': 491.33858267716533,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":"结束时间","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":true,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_12baf7dc_d8ea_4306_aca0_1da27748624b',
'type': 'text',
'name': 'text',
'width': 604,
'height': 57,
'x': 151.1811023622047,
'y': 491.33858267716533,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":" ","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_da7367c2_4ea1_49e3_8410_071396e02e1d',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 37.79527559055118,
'y': 548.0314960629921,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":"数量","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":true,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_77a8a5b8_1331_4223_b0bd_bc2422046cd2',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 396.8503937007874,
'y': 548.0314960629921,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":"单位","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_1179727a_8d5f_4831_a35b_0ebab4a34947',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 37.79527559055118,
'y': 604.7244094488188,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":"车次/批次","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":true,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_dd1cf0cc_3d03_4bf3_90f8_41a96a59d727',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 396.8503937007874,
'y': 604.7244094488188,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":"连续打印数","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'inputNode_2d06f82c_469e_4244_9127_9683949fe34e',
'type': 'inputNode',
'name': 'inputNode',
'width': 245,
'height': 56,
'x': 151.1811023622047,
'y': 548.0314960629921,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"default":"","horizontalAlign":"center","verticalAlign":"center","border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'select_5e3c5ac3_7c11_4a72_8201_6a7bf472f4e3',
'type': 'select',
'name': 'select',
'width': 245,
'height': 56,
'x': 510.2362204724409,
'y': 548.0314960629921,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"UnitListSel","dic":"","default":"","JScript":"","selectField":"UnitList","selectOptions":[],"horizontalAlign":"center","verticalAlign":"center","border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'inputNode_582e7d7a_a65b_413a_b9cb_8d695554dc6d',
'type': 'inputNode',
'name': 'inputNode',
'width': 245,
'height': 56,
'x': 151.1811023622047,
'y': 604.7244094488188,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"default":"","horizontalAlign":"center","verticalAlign":"center","border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'inputNode_5bb7be18_19f3_48ad_baed_99bcbc00bc9b',
'type': 'inputNode',
'name': 'inputNode',
'width': 245,
'height': 56,
'x': 510.2362204724409,
'y': 604.7244094488188,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"default":"","horizontalAlign":"center","verticalAlign":"center","border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_e085f85d_5313_4564_8bfe_6edb367d81cd',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 37.79527559055118,
'y': 661.4173228346456,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":"备注","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":true,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'inputNode_d9318360_2e28_468c_afb2_a2d91d6f4715',
'type': 'inputNode',
'name': 'inputNode',
'width': 245,
'height': 56,
'x': 151.1811023622047,
'y': 661.4173228346456,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"default":"","horizontalAlign":"center","verticalAlign":"center","border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_7225b39c_d9b0_4b0d_b37d_61b2b8a1421c',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 396.8503937007874,
'y': 661.4173228346456,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":"工位","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'select_7633de51_0735_43fb_86f2_bcff43ca1bcd',
'type': 'select',
'name': 'select',
'width': 245,
'height': 56,
'x': 510.2362204724409,
'y': 661.4173228346456,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"StationListSel","dic":"","default":"","JScript":"","selectField":"StationList","selectOptions":[],"horizontalAlign":"center","verticalAlign":"center","border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_c6360050_c623_497a_be89_1f33d57e5294',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 37.79527559055118,
'y': 718.1102362204724,
'parentNode': 'area_4be8ea51_d03c_4d9b_833a_decf81486a93',
'data': '{"options":{"field":"","horizontalAlign":"center","default":"条形码","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":true,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'barCode_30a0ac1d_e823_423c_9103_2485ab83e78a',
'type': 'barCode',
'name': 'barCode',
'width': 604,
'height': 57,
'x': 151.1811023622047,
'y': 718.1102362204724,
'parentNode': null,
'data': '{"options":{"field":"","default":"","border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_e9531742_1a0e_4081_92c0_a3078b6d565d',
'type': 'text',
'name': 'text',
'width': 113,
'height': 58,
'x': 37.79527559055118,
'y': 263.66929133858264,
'parentNode': null,
'data': '{"options":{"field":"","horizontalAlign":"center","default":"机台","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":true,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_d4a02b06_9879_4391_96b2_a88e65d5ec45',
'type': 'text',
'name': 'text',
'width': 245,
'height': 57,
'x': 151.1811023622047,
'y': 264.56692913385825,
'parentNode': null,
'data': '{"options":{"field":"MachineName","horizontalAlign":"center","default":" ","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_da74eee9_cd5f_42ff_91d4_7a4ba4dad25f',
'type': 'text',
'name': 'text',
'width': 113,
'height': 58,
'x': 37.79527559055118,
'y': 207.87401574803147,
'data': '{"options":{"field":"","horizontalAlign":"center","default":"物料规格","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":true,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_02410e87_87b6_48f8_9d11_19d0c2bfc13d',
'type': 'text',
'name': 'text',
'width': 604,
'height': 57,
'x': 151.1811023622047,
'y': 207.87401574803147,
'data': '{"options":{"field":"MaterialSpec","horizontalAlign":"center","default":"","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_c013b2fe_8ded_48d6_a9b3_53ab66355c17',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 37.79527559055118,
'y': 151.1811023622047,
'data': '{"options":{"field":"","horizontalAlign":"center","default":"班次","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":true,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_2910ecd1_e0b1_4de0_8e97_c3117c09df78',
'type': 'text',
'name': 'text',
'width': 245,
'height': 57,
'x': 151.1811023622047,
'y': 151.1811023622047,
'data': '{"options":{"field":"ClassesName","horizontalAlign":"center","default":" ","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_a0e85857_475f_4693_806c_786a895d399a',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 396.8503937007874,
'y': 151.1811023622047,
'data': '{"options":{"field":"","horizontalAlign":"center","default":"班组","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_8a3c400c_1cb2_4ca0_bce8_0ec8f1c18867',
'type': 'text',
'name': 'text',
'width': 245,
'height': 57,
'x': 510.2362204724409,
'y': 151.1811023622047,
'data': '{"options":{"field":"TeamName","horizontalAlign":"center","default":" ","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_6c5b0121_5a90_47f2_b3d6_0688e1d7ede1',
'type': 'text',
'name': 'text',
'width': 113,
'height': 58,
'x': 37.79527559055118,
'y': 94.48818897637794,
'data': '{"options":{"field":"","horizontalAlign":"center","default":"计划号","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":true,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_568e98ea_0e2d_4af1_b06a_d581323faa1c',
'type': 'text',
'name': 'text',
'width': 245,
'height': 57,
'x': 151.1811023622047,
'y': 94.48818897637794,
'data': '{"options":{"field":"PlanCode","horizontalAlign":"center","default":" ","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_cabf1e71_f957_4a79_9ffb_c1e5c165e8f3',
'type': 'text',
'name': 'text',
'width': 113,
'height': 57,
'x': 396.8503937007874,
'y': 94.48818897637794,
'data': '{"options":{"field":"","horizontalAlign":"center","default":"卡片编号","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_dc409f72_a849_4100_a328_c6407f3c075e',
'type': 'text',
'name': 'text',
'width': 245,
'height': 57,
'x': 510.2362204724409,
'y': 94.48818897637794,
'data': '{"options":{"field":"CardRecordCode","horizontalAlign":"center","default":" ","isBold":false,"fontSize":14,"border":[{"type":"top","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'text_20440da6_4bd0_4b16_aa2e_ee9d0bc6339a',
'type': 'text',
'name': 'text',
'width': 793,
'height': 94,
'x': 0,
'y': 0,
'data': '{"options":{"field":"","horizontalAlign":"center","default":"生产流转卡","isBold":true,"fontSize":24,"border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
},
{
'templateInfoId': 5,
'id': 'inputNode_3f98a70f_be42_4bfc_9e5d_007d57eb929b',
'type': 'inputNode',
'name': 'inputNode',
'width': 245,
'height': 56,
'x': 510.2362204724409,
'y': 377.95275590551176,
'data': '{"options":{"default":"","horizontalAlign":"center","verticalAlign":"center","border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}}'
}
];
const router = useRoute();
const { updateNode } = useVueFlow();
// 获取自定义的方法
@ -1012,9 +531,9 @@ const internalInstance = getCurrentInstance();
const loading = ref(false);
const data = {
planCode:'1',
cardId:'1',
classes:'1',
planCode: '1',
cardId: '1',
classes: '1',
team: '1',
specification: '1',
machineTable: '1',
@ -1150,11 +669,11 @@ const save = () => {
type: 'success'
});
}
})
});
};
const clear = () => {
pid.value = `area_${uuidv4().replaceAll('-', '_')}`
nodes.value = [{
pid.value = `area_${uuidv4().replaceAll('-', '_')}`;
nodes.value = [{
id: pid.value,
name: 'area',
type: 'area',
@ -1163,7 +682,7 @@ const clear = () => {
y: 0
},
data: {}
}]
}];
};
onMounted(() => {
@ -1258,11 +777,6 @@ window.addEventListener('keyup', keyup);
const nodeChange = () => {
updateNode(nodeData.value.id, JSON.parse(JSON.stringify(nodeData.value)), { replace: false });
};
const imp = () =>{
let json = '[{"id":"text_e0ed2e33_b370_493f_9e85_179277939055","type":"text","dimensions":{"width":189,"height":76},"computedPosition":{"x":283.4645669291338,"y":0,"z":1000},"handleBounds":{"source":null,"target":null},"selected":true,"dragging":false,"resizing":false,"initialized":false,"isParent":false,"position":{"x":283.4645669291338,"y":0},"data":{"options":{"field":"planDetailId","default":"","border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":true,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}},"events":{},"name":"text","extent":"parent"},{"id":"barCode_1dd4465e_928c_49f2_867b_061fc5f96843","type":"barCode","dimensions":{"width":189,"height":76},"computedPosition":{"x":0,"y":188.97637795275588,"z":0},"handleBounds":{"source":null,"target":null},"selected":false,"dragging":false,"resizing":false,"initialized":false,"isParent":false,"position":{"x":0,"y":188.97637795275588},"data":{"options":{"field":"returnBarcode","default":""},"outputData":{}},"events":{},"name":"barCode","extent":"parent"},{"id":"QRCode_9ad0beba_b555_45ac_a1c6_23f23a6c9e9a","type":"QRCode","dimensions":{"width":189,"height":189},"computedPosition":{"x":529.1338582677165,"y":151.1811023622047,"z":0},"handleBounds":{"source":null,"target":null},"selected":false,"dragging":false,"resizing":false,"initialized":false,"isParent":false,"position":{"x":529.1338582677165,"y":151.1811023622047},"data":{"options":{"field":"returnBarcode","default":""},"outputData":{}},"events":{},"name":"QRCode","extent":"parent"},{"id":"text_1d36c573_734e_4b05_bbc5_4a048ed19e7f","type":"text","dimensions":{"width":189,"height":19},"computedPosition":{"x":283.4645669291338,"y":94.48818897637794,"z":0},"handleBounds":{"source":null,"target":null},"selected":false,"dragging":false,"resizing":false,"initialized":false,"isParent":false,"position":{"x":283.4645669291338,"y":94.48818897637794},"data":{"options":{"field":"planId","default":"","border":[{"type":"top","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"right","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"bottom","isShow":false,"width":1,"color":"#000","borderType":"solid"},{"type":"left","isShow":false,"width":1,"color":"#000","borderType":"solid"}]},"outputData":{}},"events":{},"name":"text","extent":"parent","style":{"width":"189px","height":"19px"}}]';
nodes.value = JSON.parse(json);
pid.value = nodes.value.find(e => e.name === 'area')?.id;
}
</script>
<style lang="less" scoped>
.borderOption {
@ -1271,6 +785,7 @@ const imp = () =>{
padding-right: 8px;
}
}
:deep(.vue-flow__node-area) {
z-index: -1 !important;
pointer-events: none !important;
@ -1408,4 +923,3 @@ const imp = () =>{
}
}
</style>

Write Preview
Loading…
Cancel
Save