Egalware/cms_thermo_active
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Loader image

Browse Source
This commit is contained in:
Samuele E. Locatelli
2020-11-10 17:40:22 +01:00
parent c47efbfbfc
commit aede998431
11 changed files with 154 additions and 548 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Thermo.Active.Config/Config/DataModel.xml
+7
View File
@@ -108,5 +108,12 @@
</Component>
</Component>
</Component>
<Component Name="Events">
<Variable SymbolicName="Donwtimes" BrowseName="Donwtimes" DataType="ua:String" ValueRank="Scalar" />
<Variable SymbolicName="Production" BrowseName="Production" DataType="ua:String" ValueRank="Scalar" />
<Variable SymbolicName="Kpis" BrowseName="Kpis" DataType="ua:String" ValueRank="Scalar" />
<Variable SymbolicName="Tools" BrowseName="Tools" DataType="ua:String" ValueRank="Scalar" />
<Variable SymbolicName="Messages" BrowseName="Messages" DataType="ua:String" ValueRank="Scalar" />
</Component>
</Machine>
</ModelDesign>
Thermo.Active.Config/Config/serverConfig.xml
+4
View File
@@ -85,6 +85,10 @@
<key>LoaderXsize</key>
<value>1400</value>
</entry>
<entry>
<key>loaderSuckersNumber</key>
<value>12</value>
</entry>
<entry>
<key>ThermoCameraXpos</key>
<value>93</value>
Thermo.Active.Database/Controllers/RedisController.cs
+1 -1
View File
@@ -33,7 +33,7 @@ namespace Thermo.Active.Database.Controllers
private const string machineAxisSpeed = "Machine:Axes:%NN%:FeedRate";
private const string machineAxisLoad = "Machine:Axes:%NN%:Load";
private const string machineAxisName = "Machine:Axes:%NN%:Name";
private const string machineEventKpis = "Machine:Events:Kpis";
private const string machineEventKpis = "Events:Kpis";
public static void WriteProductionNotification(uint ProductionProcess, string Notification)
{
Thermo.Active/Listeners/SignalR/SignalRListener.cs
+4 -3
View File
@@ -452,6 +452,7 @@ namespace Thermo.Active.Listeners.SignalR
if (!LastProdPanelData.Equals(currProdPanel))
{
bool newPiece = currProdPanel.NumDone != LastProdPanelData.NumDone;
LastProdPanelData = currProdPanel;
var context = GlobalHost.ConnectionManager.GetHubContext<NcHub>();
@@ -459,7 +460,7 @@ namespace Thermo.Active.Listeners.SignalR
if (Config.ServerConfig.ServerStartupConfig.CmsConnectReady)
{
if (currProdPanel.NumDone != LastProdPanelData.NumDone)
if (newPiece)
RedisController.WriteProductionRepsDone(1, currProdPanel.NumDone.ToString());
if (currProdPanel.NumTarget != LastProdPanelData.NumTarget)
@@ -468,10 +469,10 @@ namespace Thermo.Active.Listeners.SignalR
//if (currProdPanel.LastTCiclo != LastProdPanelData.LastTCiclo)
// RedisController.WriteProductionCycleTime(1, currProdPanel.LastTCiclo.ToString());
if (currProdPanel.NumDone > 0 && currProdPanel.NumDone != LastProdPanelData.NumDone)
if (currProdPanel.NumDone > 0 && newPiece)
{
var ts = DateTime.UtcNow.ToString("o");
var a = "{\"v\": { \"PART_COUNT\": 1}\"ts\": " + ts + "}";
var a = "{\"v\": { \"PART_COUNT\": 1},\"ts\": \"" + ts + "\"}";
RedisController.WriteMachineEventKpis(a);
}
}
Thermo.Active/wwwroot/assets/styles/base/setup.less
+30
View File
@@ -211,6 +211,14 @@
flex: 1;
flex-flow: column;
align-items: center;
.ventosa{
color: #FFFF;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.volantino{
height: 48px;
width: 48px;
@@ -218,11 +226,33 @@
bottom: 101px;
left: 100px;
}
.quota-volantino{
height: 48px;
width: 169px;
position: absolute;
bottom: 101px;
left: 165px;
display: flex;
align-items: center;
font-size: 1.2em;
}
.quota-caricatore{
height: 48px;
width: 169px;
position: absolute;
bottom: 137px;
right: 71px;
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 1.2em;
}
.load-label{
width: 100%;
text-align: center;
font-size: 2em;
color: #4b4b4b;
padding-right: 45px;
}
.borded_label {
Thermo.Active/wwwroot/assets/styles/style.css
+30
View File
@@ -189,6 +189,14 @@
flex-flow: column;
align-items: center;
}
.setup .modal section.body section article .svg-area .ventosa {
color: #FFFF;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.setup .modal section.body section article .svg-area .volantino {
height: 48px;
width: 48px;
@@ -196,11 +204,33 @@
bottom: 101px;
left: 100px;
}
.setup .modal section.body section article .svg-area .quota-volantino {
height: 48px;
width: 169px;
position: absolute;
bottom: 101px;
left: 165px;
display: flex;
align-items: center;
font-size: 1.2em;
}
.setup .modal section.body section article .svg-area .quota-caricatore {
height: 48px;
width: 169px;
position: absolute;
bottom: 137px;
right: 71px;
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 1.2em;
}
.setup .modal section.body section article .svg-area .load-label {
width: 100%;
text-align: center;
font-size: 2em;
color: #4b4b4b;
padding-right: 45px;
}
.setup .modal section.body section article .svg-area .borded_label {
cursor: pointer;
Thermo.Active/wwwroot/src/app_modules_thermo/processo/components/gantt/gantt-component.vue
+3 -2
View File
@@ -53,13 +53,14 @@
>
<div class="body-footer">{{value.estimatedDuration | round(1)}}s</div>
</foreignObject>
<!-- <line
<line
class="vertical-line"
v-if="showStatus && recipeValue"
:x1="(duration - (showStatus && recipeValue?statusDuration:0)) * ganttOptions.secondSize"
:x2="(duration - (showStatus && recipeValue?statusDuration:0)) * ganttOptions.secondSize"
:y1="0"
:y2="70"
/>-->
/>
</g>
<g
v-if="showStatus && recipeValue"
Thermo.Active/wwwroot/src/app_modules_thermo/setup/ciclo/components/base-components/SVG-Components/SVGcaricatore.ts
+30 -1
View File
@@ -22,16 +22,45 @@ export default class SVGCaricatore extends Vue{
@Prop({default:1000})
larghTelaioReal:number;
@Prop({default:1000})
quotaVolantino:number;
@Prop({default:1})
numVentose:number;
@Prop({default:""})
umeasVolantino:string;
misVentosaReal = 50; //50 mm
larghTelaioSVG = 1055;
offsetVentoseSVG = 28.5
dimVentose = 18;
minoreuguale:string="<=";
getPositionSheet(id,col){
var vent = ((this.larghTelaioSVG + (this.dimVentose*2)) / (this.numVentose +1));
var posX = (id*vent ) - (this.dimVentose*2);
if(col == 1)
return "translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 0) translate("+ posX + ")";
else if(col == 2)
return "translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate("+ posX + ")";
else if(col == 3)
return "translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate("+ posX + ")";
else if(col == 4)
return "translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate("+ posX + ")";
return "";
}
get larghLastraCalc(){
return (this.larghLastraReal / this.larghTelaioReal ) * this.larghTelaioSVG;
}
get xLastraCalc(){
return (this.larghTelaioSVG/2.000 - this.larghLastraCalc/2.000);
}
get quotaVentose(){
return this.quotaVolantino - this.misVentosaReal;
}
}
Thermo.Active/wwwroot/src/app_modules_thermo/setup/ciclo/components/base-components/SVG-Components/SVGcaricatore.vue
+34 -538
View File
@@ -1,6 +1,6 @@
<template>
<div class="svg-area">
<svg xmlns="http://www.w3.org/2000/svg" width="1057" height="707" viewBox="0 0 1057 707">
<svg xmlns="http://www.w3.org/2000/svg" width="1057" height="707" viewBox="0 0 1100 707">
<g fill="none" fill-rule="evenodd">
<g>
<g>
@@ -14,565 +14,59 @@
y="58" />
<path stroke="#BBBCBC" stroke-width="2" d="M528.5 0L528.5 606" transform="translate(-630 -147) translate(50 25) translate(580 122)"/>
<path stroke="#BBBCBC" stroke-width="2" d="M1055 306L0 306" transform="translate(-630 -147) translate(50 25) translate(580 122)"/>
<path stroke="#BBBCBC" stroke-width="2" d="M1100 306L0 306" transform="translate(-630 -147) translate(50 25) translate(580 122)"/>
<path stroke="#BBBCBC" stroke-width="2" d="M1090 306L1090 600" ></path>
<path stroke="#BBBCBC" stroke-width="2" d="M1100 306L528.5 306" transform="translate(-630 -147) translate(50 25) translate(580 359)"></path>
<path xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" sodipodi:type="star" sodipodi:sides="3" sodipodi:cx="62.114742" sodipodi:cy="292.18243" sodipodi:r1="1.8131942" sodipodi:r2="0.90659708" sodipodi:arg1="1.5707963" sodipodi:arg2="2.6179939" d="m 231.4,20.3 -0.785136,-1.3599 -0.785136,-1.35989 1.570272,0 1.570272,0 -0.785136,1.35989 z" transform="matrix(0.92838376,0,0,-1.0738472,15.707629,417.51225) scale(5)" style="fill: rgb(187, 188, 188); fill-opacity: 1; stroke: rgb(187, 188, 188); stroke-width: 0.264583; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 0.929368;"></path>
<path xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" sodipodi:type="star" sodipodi:sides="3" sodipodi:cx="62.114742" sodipodi:cy="292.18243" sodipodi:r1="1.8131942" sodipodi:r2="0.90659708" sodipodi:arg1="1.5707963" sodipodi:arg2="2.6179939" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" inkscape:flatsided="false" inkscape:rounded="0" inkscape:randomized="0" d="m 206.2,109.3 -0.785136,-1.3599 -0.785136,-1.35989 1.570272,0 1.570272,0 -0.785136,1.35989 z" inkscape:transform-center-y="0.45319651" transform="matrix(1.0001954,0,0,0.99979353,58.092706,-4.6559432) scale(5)" inkscape:transform-center-x="1.2206616e-06" style="fill: rgb(187, 188, 188); fill-opacity: 1; stroke: rgb(187, 188, 188); stroke-width: 0.264583; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 0.929368;"></path>
<g>
<path stroke="#E8E8E8" stroke-width="4" d="M27.926 89.875L27.926 42.451 0 42.451 88 0 175.68 42.451 149.242 42.451 149.242 89.875" transform="translate(-630 -147) translate(50 25) translate(580 122) translate(443 617)"/>
</g>
<g>
<g>
<path fill="#BBBCBCCC" stroke="#979797" stroke-width="4" d="M2 9H1055V31H2z" transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70)"/>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(28.5)">
<g v-for="index in numVentose" :key="'A'+index" :transform="getPositionSheet(index,1)" >
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12.5" y="25">A1</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(88.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12.5" y="25">A2</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(148.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12.5" y="25">A3</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(208.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12.5" y="25">A4</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(268.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12.5" y="25">A5</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(328.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12.5" y="25">A6</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(388.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12.5" y="25">A7</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(448.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12.5" y="25">A8</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(508.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12.5" y="25">A9</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(568.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9" y="25">A10</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(628.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9" y="25">A11</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(688.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9" y="25">A12</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(748.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9" y="25">A13</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(808.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9" y="25">A14</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(868.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9" y="25">A15</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(928.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9" y="25">A16</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(988.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9" y="25">A17</tspan>
</text>
<foreignObject
width="40"
height="40">
<div class="ventosa">{{index}}</div>
</foreignObject>
</g>
</g>
<g>
<path fill="#BBBCBCCC" stroke="#979797" stroke-width="4" d="M2 9H1055V31H2z" transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164)"/>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(28.5)">
<g v-for="index in numVentose" :key="'B'+index" :transform="getPositionSheet(index,2)" >
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">B1</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(88.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">B2</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(148.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">B3</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(208.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">B4</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(268.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">B5</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(328.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">B6</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(388.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">B7</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(448.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">B8</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(508.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">B9</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(568.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">B10</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(628.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">B11</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(688.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">B12</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(748.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">B13</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(808.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">B14</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(868.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">B15</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(928.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">B16</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 164) translate(988.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">B17</tspan>
</text>
<foreignObject
width="40"
height="40">
<div class="ventosa">{{index}}</div>
</foreignObject>
</g>
</g>
<g>
<path fill="#BBBCBCCC" stroke="#979797" stroke-width="4" d="M2 9H1055V31H2z" transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268)"/>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(28.5)">
<g v-for="index in numVentose" :key="'C'+index" :transform="getPositionSheet(index,3)" >
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">C1</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(88.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">C2</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(148.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">C3</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(208.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">C4</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(268.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">C5</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(328.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">C6</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(388.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">C7</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(448.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">C8</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(508.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="13" y="25">C9</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(568.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">C10</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(628.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">C11</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(688.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">C12</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(748.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">C13</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(808.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">C14</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(868.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">C15</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(928.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">C16</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 268) translate(988.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="9.5" y="25">C17</tspan>
</text>
<foreignObject
width="40"
height="40">
<div class="ventosa">{{index}}</div>
</foreignObject>
</g>
</g>
<g>
<path fill="#BBBCBCCC" stroke="#979797" stroke-width="4" d="M2 9H1055V31H2z" transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432)"/>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(28.5)">
<g v-for="index in numVentose" :key="'D'+index" :transform="getPositionSheet(index,4)" >
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12" y="25">D1</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(88.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12" y="25">D2</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(148.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12" y="25">D3</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(208.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12" y="25">D4</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(268.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12" y="25">D5</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(328.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12" y="25">D6</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(388.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12" y="25">D7</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(448.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12" y="25">D8</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(508.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="12" y="25">D9</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(568.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="8.5" y="25">D10</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(628.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="8.5" y="25">D11</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(688.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="8.5" y="25">D12</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(748.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="8.5" y="25">D13</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(808.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="8.5" y="25">D14</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(868.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="8.5" y="25">D15</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(928.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="8.5" y="25">D16</tspan>
</text>
</g>
<g transform="translate(-630 -147) translate(50 25) translate(580 122) translate(0 70) translate(0 432) translate(988.5)">
<circle cx="20" cy="20" r="18" fill="#4B4B4B" stroke="#000" stroke-width="4"/>
<path fill="#BBBCBC" fill-opacity=".6" d="M0 7H40V33H0z"/>
<path fill="#979797" d="M0 7H40V11H0zM0 29H40V33H0z"/>
<text fill="#FFF" font-family="WorkSans-Medium, Work Sans" font-size="12" font-weight="400">
<tspan x="8.5" y="25">D17</tspan>
</text>
<foreignObject
width="40"
height="40">
<div class="ventosa">{{index}}</div>
</foreignObject>
</g>
</g>
</g>
@@ -582,6 +76,8 @@
</g>
</svg>
<img class="volantino" src="assets/svg/elementi-volante.svg" />
<div class="quota-volantino">{{quotaVolantino}} {{umeasVolantino}}</div>
<div class="quota-caricatore">{{quotaVentose}} {{umeasVolantino}}</div>
<div class="load-label">{{'lbl_loader_load_area'|localize('Area di Carico')}}</div>
</div>
</template>
Thermo.Active/wwwroot/src/app_modules_thermo/setup/ciclo/components/base-components/caricatore.vue
+7 -1
View File
@@ -107,7 +107,13 @@
</aside>
<hr />
<article>
<svgcaricatore :larghLastraReal="recipe.general_sizes_sheet_dim_x.setpointHMI" :larghTelaioReal="parameters.loaderXsize"></svgcaricatore>
<svgcaricatore
:quotaVolantino="recipe.general_sizes_sheet_dim_y.setpointHMI"
:umeasVolantino="recipe.general_sizes_sheet_dim_y.unitMeasure"
:larghLastraReal="recipe.general_sizes_sheet_dim_x.setpointHMI"
:larghTelaioReal="parameters.loaderXsize"
:numVentose="Number(parameters.loaderSuckersNumber)"
/>
<div class="absolute bottom left">
<!-- <button class="btn btn-info square">
<img src="assets/icons/png/info.png" />
Thermo.Active/wwwroot/src/store/machineStatus.store.ts
+4 -2
View File
@@ -73,7 +73,8 @@ export interface MachineStatusModel {
warmerAutocompStep: number,
resistSizeX: number,
resistSizeY: number,
loaderXsize:number
loaderXsize:number,
loaderSuckersNumber:number
}
}
@@ -150,7 +151,8 @@ export const machineStatusStore = {
warmerAutocompStep: 5,
resistSizeX: 100,
resistSizeY: 48,
loaderXsize: 1300
loaderXsize: 1300,
loaderSuckersNumber:1
}