x6图片测试提交
BIN
business-css/frontend/public/assets/1.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
business-css/frontend/public/assets/11.png
Normal file
|
After Width: | Height: | Size: 78 KiB |
BIN
business-css/frontend/public/assets/2.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
business-css/frontend/public/assets/22.png
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
business-css/frontend/public/assets/3.png
Normal file
|
After Width: | Height: | Size: 3.0 KiB |
BIN
business-css/frontend/public/assets/33.png
Normal file
|
After Width: | Height: | Size: 68 KiB |
BIN
business-css/frontend/public/assets/4.png
Normal file
|
After Width: | Height: | Size: 2.9 KiB |
BIN
business-css/frontend/public/assets/44.png
Normal file
|
After Width: | Height: | Size: 63 KiB |
BIN
business-css/frontend/public/assets/5.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
business-css/frontend/public/assets/55.png
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
business-css/frontend/public/assets/6.png
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
business-css/frontend/public/assets/66.png
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
business-css/frontend/public/assets/7.png
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
business-css/frontend/public/assets/77.png
Normal file
|
After Width: | Height: | Size: 37 KiB |
@ -335,7 +335,7 @@ onMounted(() => {
|
||||
deviceTypetype.value = 'CylindricalTank'
|
||||
node.size(110, 140)
|
||||
const width = node.size().width
|
||||
node.attr('image/xlink:href', img11)
|
||||
node.attr('image/xlink:href', '/assets/11.png')
|
||||
node.attr('image/width', 105)
|
||||
node.attr('image/height', 135)
|
||||
node.attr('label/refY', 140)
|
||||
@ -346,7 +346,7 @@ onMounted(() => {
|
||||
|
||||
node.size(130, 80)
|
||||
const width = node.size().width
|
||||
node.attr('image/xlink:href', img22)
|
||||
node.attr('image/xlink:href', '/assets/22.png')
|
||||
node.attr('image/width', 130)
|
||||
node.attr('image/height', 80)
|
||||
node.attr('label/refY', 85)
|
||||
@ -359,7 +359,7 @@ onMounted(() => {
|
||||
|
||||
node.size(110, 140)
|
||||
const width = node.size().width
|
||||
node.attr('image/xlink:href', img33)
|
||||
node.attr('image/xlink:href', '/assets/33.png')
|
||||
node.attr('image/width', 105)
|
||||
node.attr('image/height', 135)
|
||||
node.attr('label/refY', 140)
|
||||
@ -371,7 +371,7 @@ onMounted(() => {
|
||||
deviceTypetype.value = 'TubeBundleTank'
|
||||
node.size(110, 140)
|
||||
const width = node.size().width
|
||||
node.attr('image/xlink:href', img44)
|
||||
node.attr('image/xlink:href', '/assets/44.png')
|
||||
node.attr('image/width', 105)
|
||||
node.attr('image/height', 135)
|
||||
node.attr('label/refY', 140)
|
||||
@ -382,7 +382,7 @@ onMounted(() => {
|
||||
|
||||
node.size(30, 140)
|
||||
const width = node.size().width
|
||||
node.attr('image/xlink:href', img55)
|
||||
node.attr('image/xlink:href', '/assets/55.png')
|
||||
node.attr('image/width', 30)
|
||||
node.attr('image/height', 135)
|
||||
node.attr('label/refY', 140)
|
||||
@ -394,7 +394,7 @@ onMounted(() => {
|
||||
deviceTypetype.value = 'FluidizedBed'
|
||||
node.size(80, 140)
|
||||
const width = node.size().width
|
||||
node.attr('image/xlink:href', img66)
|
||||
node.attr('image/xlink:href', '/assets/66.png')
|
||||
node.attr('image/width', 80)
|
||||
node.attr('image/height', 135)
|
||||
node.attr('label/refY', 140)
|
||||
@ -404,7 +404,7 @@ onMounted(() => {
|
||||
deviceTypetype.value = 'ACFTank'
|
||||
node.size(80, 140)
|
||||
const width = node.size().width
|
||||
node.attr('image/xlink:href', img77)
|
||||
node.attr('image/xlink:href', '/assets/77.png')
|
||||
node.attr('image/width', 80)
|
||||
node.attr('image/height', 135)
|
||||
node.attr('label/refY', 140)
|
||||
@ -720,30 +720,30 @@ graph.on('blank:mouseup', (e) => {
|
||||
const imageShapes = [
|
||||
{
|
||||
label: '圆柱槽',
|
||||
image: img1,
|
||||
image: '/assets/1.png',
|
||||
},
|
||||
{
|
||||
label: '扁平槽',
|
||||
image:img2,
|
||||
image: '/assets/2.png',
|
||||
},
|
||||
{
|
||||
label: '环形槽',
|
||||
image:img3,
|
||||
image: '/assets/3.png',
|
||||
},
|
||||
{
|
||||
label: '管束槽',
|
||||
image:img4,
|
||||
image: '/assets/4.png',
|
||||
},
|
||||
{
|
||||
label: '萃取柱',
|
||||
image:img5,
|
||||
image: '/assets/5.png',
|
||||
},
|
||||
{
|
||||
label: '流化床',
|
||||
image:img6,
|
||||
image: '/assets/6.png',
|
||||
},{
|
||||
label: '锥底环形槽',
|
||||
image:img7,
|
||||
image: '/assets/7.png',
|
||||
},
|
||||
]
|
||||
const imageNodes = imageShapes.map((item) =>
|
||||
|
||||