UI-Project/src/assets/ganghuaqian.pngUI-Project/src/assets/ypcc.pngUI-Project/src/assets/zhongkong.pngUI-Project/src/views/Caching/cachingbefore.vue
@@ -329,19 +329,19 @@ <el-button style="margin-bottom: 15px;margin-left: 20px;" @click="handleptask()" type="warning">{{ $t('searchOrder.partask') }}</el-button> <el-button style="margin-bottom: 15px;margin-left: 20px;" @click="successfull()" type="success">{{ $t('searchOrder.successfullyprocessed') }}</el-button> <div style="position: relative; width: 100%; height: 100%;"> <!-- 添加相对定位 --> <div style="position: absolute; margin-top: 28px; left: 430px; display: flex; z-index: 10;"> <!-- 添加绝对定位 --> <div style="position: absolute; margin-top: 28px; left: 400px; display: flex; z-index: 10;"> <div>{{ $t('searchOrder.projectnumber') }}</div> <div style="margin-left: 155px;">{{ $t('hellow.flowCardId') }}</div> <div style="margin-left: 135px;">{{ $t('hellow.flowCardId') }}</div> <div style="margin-left: 152px;">{{ $t('searchOrder.glassID') }}</div> <div style="margin-left: 165px;">{{ $t('searchOrder.width') }}</div> <div style="margin-left: 185px;">{{ $t('searchOrder.height') }}</div> <div style="margin-left: 172px;">{{ $t('searchOrder.thickness') }}</div> <div style="margin-left: 145px;">{{ $t('hellow.operate') }}</div> <div style="margin-left: 135px;">{{ $t('searchOrder.width') }}</div> <div style="margin-left: 169px;">{{ $t('searchOrder.height') }}</div> <div style="margin-left: 162px;">{{ $t('searchOrder.thickness') }}</div> <div style="margin-left: 135px;">{{ $t('hellow.operate') }}</div> </div> <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;"> <el-table ref="table" style="margin-top: 20px; height: 360px;" style="margin-top: 20px; height: 300px;" :data="tableDataa" :header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }" row-key="id" @@ -423,14 +423,14 @@ </div> </el-card> <div class="awatch"> <img src="../../assets/woshihuancun.png" alt="" style="width: 50%;height: 70%;margin-left: 30%;margin-top: 20px;position: relative;"> <div style="position: relative; width: 500px;height: 95px;margin-top: -142px;margin-left: 600px;"> <img src="../../assets/woshihuancun.png" alt="" style="width: 50%;height: 100%;margin-left: 25%;position: relative;margin-top: 5px;"> <div style="position: relative; width: 500px;height: 95px;margin-top: -146px;margin-left: 615px;"> <div v-for="(rect, index) in adjustedRects" v-show="rect.showRect" :key="rect" :style="{ position: 'absolute', top: `${rect.id}px`, left: `10px`, width: `422px`, height: `3px`, top: `${rect.id}px`, left: `-85px`, width: `435px`, height: `3px`, backgroundColor: '#409EFF' }" > @@ -541,7 +541,7 @@ margin-left: 28%; } .awatch{ height: 460px; height: 350px; width: 1500px; max-width: 100%; } UI-Project/src/views/Caching/cachingun.vue
@@ -311,19 +311,19 @@ <el-button style="margin-bottom: 15px;margin-left: 20px;" @click="handleptask()" type="warning">{{ $t('searchOrder.partask') }}</el-button> <el-button style="margin-bottom: 15px;margin-left: 20px;" @click="successfull()" type="success">{{ $t('searchOrder.successfullyprocessed') }}</el-button> <div style="position: relative; width: 100%; height: 100%;"> <!-- 添加相对定位 --> <div style="position: absolute; margin-top: 28px; left: 430px; display: flex; z-index: 10;"> <!-- 添加绝对定位 --> <div style="position: absolute; margin-top: 28px; left: 400px; display: flex; z-index: 10;"> <!-- 添加绝对定位 --> <div>{{ $t('searchOrder.projectnumber') }}</div> <div style="margin-left: 155px;">{{ $t('hellow.flowCardId') }}</div> <div style="margin-left: 135px;">{{ $t('hellow.flowCardId') }}</div> <div style="margin-left: 152px;">{{ $t('searchOrder.glassID') }}</div> <div style="margin-left: 165px;">{{ $t('searchOrder.width') }}</div> <div style="margin-left: 185px;">{{ $t('searchOrder.height') }}</div> <div style="margin-left: 172px;">{{ $t('searchOrder.thickness') }}</div> <div style="margin-left: 145px;">{{ $t('hellow.operate') }}</div> <div style="margin-left: 135px;">{{ $t('searchOrder.width') }}</div> <div style="margin-left: 169px;">{{ $t('searchOrder.height') }}</div> <div style="margin-left: 162px;">{{ $t('searchOrder.thickness') }}</div> <div style="margin-left: 135px;">{{ $t('hellow.operate') }}</div> </div> <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;"> <el-table ref="table" style="margin-top: 20px; height: 360px;" style="margin-top: 20px; height: 300px;" :data="tableDataa" :header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }" row-key="id" @@ -405,14 +405,14 @@ </div> </el-card> <div class="awatch"> <img src="../../assets/woshihuancun.png" alt="" style="width: 50%;height: 70%;margin-left: 30%;margin-top: 20px;position: relative;"> <div style="position: relative; width: 500px;height: 95px;margin-top: -222px;margin-left: 600px;"> <img src="../../assets/woshihuancun.png" alt="" style="width: 50%;height: 100%;margin-left: 25%;margin-top: 5px;position: relative;"> <div style="position: relative; width: 500px;height: 95px;margin-top: -227px;margin-left: 615px;"> <div v-for="(rect, index) in adjustedRects" v-show="rect.showRect" :key="rect" :style="{ position: 'absolute', top: `${rect.id}px`, left: `10px`, width: `422px`, height: `3px`, top: `${rect.id}px`, left: `-85px`, width: `435px`, height: `3px`, backgroundColor: '#409EFF' }" > @@ -449,7 +449,7 @@ margin-left: 28%; } .awatch{ height: 460px; height: 350px; width: 1500px; max-width: 100%; } UI-Project/src/views/GlassStorage/rawfilmstorage.vue
@@ -633,39 +633,39 @@ </div> </el-card> <div class="img-dlpl"> <div class="img-car1" style="z-index:999;top:250px;left:20px;position:absolute;"></div> <div class="img-car1" style="z-index:999;top:153px;left:20px;position:absolute;"></div> <!-- <div class="img-car1" :style="'z-index:999;top:250px;left:' + 20 + 'px;position:absolute;'"></div> --> <div class="card1" v-show="card1" style="z-index:999;top:430px;left:53px;position:absolute;"></div> <div class="card2" v-show="card2" style="z-index:999;top:430px;left:80px;position:absolute;"></div> <div class="card3" v-show="card3" style="z-index:999;top:430px;left:108px;position:absolute;"></div> <div class="card98" v-show="card98" style="z-index:999;top:430px;left:143px;position:absolute;"></div> <div class="card4" v-show="card4" style="z-index:999;top:430px;left:202px;position:absolute;"></div> <div class="card5" v-show="card5" style="z-index:999;top:430px;left:227px;position:absolute;"></div> <div class="card6" v-show="card6" style="z-index:999;top:430px;left:253px;position:absolute;"></div> <div class="card7" v-show="card7" style="z-index:999;top:430px;left:280px;position:absolute;"></div> <div class="card8" v-show="card8" style="z-index:999;top:430px;left:308px;position:absolute;"></div> <div class="card9" v-show="card9" style="z-index:999;top:430px;left:337px;position:absolute;"></div> <div class="card10" v-show="card10" style="z-index:999;top:430px;left:364px;position:absolute;"></div> <div class="card11" v-show="card11" style="z-index:999;top:430px;left:391px;position:absolute;"></div> <div class="card99" v-show="card99" style="z-index:999;top:430px;left:426px;position:absolute;"></div> <div class="card12" v-show="card12" style="z-index:999;top:430px;left:489px;position:absolute;"></div> <div class="card13" v-show="card13" style="z-index:999;top:430px;left:514px;position:absolute;"></div> <div class="card14" v-show="card14" style="z-index:999;top:430px;left:540px;position:absolute;"></div> <div class="card15" v-show="card15" style="z-index:999;top:430px;left:566px;position:absolute;"></div> <div class="card16" v-show="card16" style="z-index:999;top:430px;left:595px;position:absolute;"></div> <div class="card17" v-show="card17" style="z-index:999;top:430px;left:624px;position:absolute;"></div> <div class="card18" v-show="card18" style="z-index:999;top:430px;left:654px;position:absolute;"></div> <div class="card19" v-show="card19" style="z-index:999;top:430px;left:682px;position:absolute;"></div> <div class="card20" v-show="card20" style="z-index:999;top:430px;left:707px;position:absolute;"></div> <div class="card25" v-show="card25" style="z-index:999;top:109px;left:664px;position:absolute;"></div> <div class="card24" v-show="card24" style="z-index:999;top:109px;left:639px;position:absolute;"></div> <div class="card23" v-show="card23" style="z-index:999;top:109px;left:616px;position:absolute;"></div> <div class="card22" v-show="card22" style="z-index:999;top:109px;left:592px;position:absolute;"></div> <div class="card21" v-show="card21" style="z-index:999;top:109px;left:564px;position:absolute;"></div> <div class="card101" v-show="card101" style="z-index:999;top:109px;left:364px;position:absolute;"></div> <div class="card102" v-show="card102" style="z-index:999;top:109px;left:334px;position:absolute;"></div> <div class="card103" v-show="card103" style="z-index:999;top:109px;left:96px;position:absolute;"></div> <div class="card104" v-show="card104" style="z-index:999;top:109px;left:70px;position:absolute;"></div> <div class="card1" v-show="card1" style="z-index:999;top:308px;left:53px;position:absolute;"></div> <div class="card2" v-show="card2" style="z-index:999;top:308px;left:80px;position:absolute;"></div> <div class="card3" v-show="card3" style="z-index:999;top:308px;left:108px;position:absolute;"></div> <div class="card98" v-show="card98" style="z-index:999;top:308px;left:143px;position:absolute;"></div> <div class="card4" v-show="card4" style="z-index:999;top:308px;left:202px;position:absolute;"></div> <div class="card5" v-show="card5" style="z-index:999;top:308px;left:227px;position:absolute;"></div> <div class="card6" v-show="card6" style="z-index:999;top:308px;left:253px;position:absolute;"></div> <div class="card7" v-show="card7" style="z-index:999;top:308px;left:280px;position:absolute;"></div> <div class="card8" v-show="card8" style="z-index:999;top:308px;left:308px;position:absolute;"></div> <div class="card9" v-show="card9" style="z-index:999;top:308px;left:337px;position:absolute;"></div> <div class="card10" v-show="card10" style="z-index:999;top:308px;left:364px;position:absolute;"></div> <div class="card11" v-show="card11" style="z-index:999;top:308px;left:391px;position:absolute;"></div> <div class="card99" v-show="card99" style="z-index:999;top:308px;left:426px;position:absolute;"></div> <div class="card12" v-show="card12" style="z-index:999;top:308px;left:489px;position:absolute;"></div> <div class="card13" v-show="card13" style="z-index:999;top:308px;left:514px;position:absolute;"></div> <div class="card14" v-show="card14" style="z-index:999;top:308px;left:540px;position:absolute;"></div> <div class="card15" v-show="card15" style="z-index:999;top:308px;left:566px;position:absolute;"></div> <div class="card16" v-show="card16" style="z-index:999;top:308px;left:595px;position:absolute;"></div> <div class="card17" v-show="card17" style="z-index:999;top:308px;left:624px;position:absolute;"></div> <div class="card18" v-show="card18" style="z-index:999;top:308px;left:654px;position:absolute;"></div> <div class="card19" v-show="card19" style="z-index:999;top:308px;left:682px;position:absolute;"></div> <div class="card20" v-show="card20" style="z-index:999;top:308px;left:707px;position:absolute;"></div> <div class="card25" v-show="card25" style="z-index:999;top:44px;left:664px;position:absolute;"></div> <div class="card24" v-show="card24" style="z-index:999;top:44px;left:639px;position:absolute;"></div> <div class="card23" v-show="card23" style="z-index:999;top:44px;left:616px;position:absolute;"></div> <div class="card22" v-show="card22" style="z-index:999;top:44px;left:592px;position:absolute;"></div> <div class="card21" v-show="card21" style="z-index:999;top:44px;left:564px;position:absolute;"></div> <div class="card101" v-show="card101" style="z-index:999;top:44px;left:364px;position:absolute;"></div> <div class="card102" v-show="card102" style="z-index:999;top:44px;left:334px;position:absolute;"></div> <div class="card103" v-show="card103" style="z-index:999;top:44px;left:96px;position:absolute;"></div> <div class="card104" v-show="card104" style="z-index:999;top:44px;left:70px;position:absolute;"></div> </div> <el-dialog v-model="dialogFormVisiblea" top="5vh" width="85%" > <el-table ref="table" style="margin-top: 20px;height: 700px;" @@ -906,10 +906,10 @@ background-image:url('../../assets/ypcc.png'); background-repeat: no-repeat; background-attachment: local; min-height: 700px; min-height: 450px; width: 800px; max-width: 100%; background-size: 800px 700px; background-size: 800px 450px; overflow: hidden; position:relative } UI-Project/src/views/Returns/upreturns.vue
@@ -68,6 +68,8 @@ let socket = null; const socketUrl = `ws://${WebSocketHost}:${host}/api/loadGlass/api/talk/loadGlassOne`; const handleMessage = (data: any) => { console.log(data.stationList); if (data.inkageState != null) { cuttingMachineStatusColor.value = data.inkageState[0] === 1 ? 'green' : '#911005'; } @@ -470,11 +472,11 @@ </div> </el-card> <div style="display: flex;"> <div style="width: 49%;float: left;margin-left: 300px;"> <div style="width: 55%;float: left;margin-left: 300px;"> <div style="display: flex;"> <img src="../../assets/shangpianji.png" alt="" style="max-width: 20%;max-height: 25%;margin-left: 10%;margin-top: 5%;"> <el-table :data="tableDataa" border style="margin-top: 10%;margin-left: 8%;" width="500" style="max-width: 20%;max-height: 25%;margin-left: 10%;margin-top: 3%;"> <el-table :data="tableDataa" border style="margin-top: 10%;margin-left: 8%;" width="700" :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129' }"> <el-table-column prop="workstationId" align="center" :label="$t('basicData.station')" min-width="65" /> <el-table-column prop="patternWidth" align="center" :label="$t('basicData.width')" min-width="75" /> UI-Project/src/views/Returns/upreturns2.vue
@@ -478,11 +478,11 @@ </div> </el-card> <div style="display: flex;"> <div style="width: 49%;float: left;margin-left: 300px;"> <div style="width: 55%;float: left;margin-left: 300px;"> <div style="display: flex;"> <img src="../../assets/shangpianji.png" alt="" style="max-width: 20%;max-height: 25%;margin-left: 10%;margin-top: 5%;"> <el-table :data="tableDataa" border style="margin-top: 10%;margin-left: 8%;" width="500" style="max-width: 20%;max-height: 25%;margin-left: 10%;margin-top: 3%;"> <el-table :data="tableDataa" border style="margin-top: 10%;margin-left: 8%;" width="700" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}" > <el-table-column prop="workstationId" align="center" :label="$t('basicData.station')" min-width="65"/> <el-table-column prop="patternWidth" align="center" :label="$t('basicData.width')" min-width="75"/> UI-Project/src/views/Slicecage/slicecage.vue
@@ -1076,10 +1076,105 @@ <div style="margin-left: 70px;">{{ $t('searchOrder.outRequestEntity') }}</div> <i :style="{ marginTop: '2px', backgroundColor: outRequestEntity, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i> </div> <!-- // 父级框 --> <div class="img-dlpl" > <div class="img-car1" :style="'z-index:999;left:240px;top:' + 350*carPosition[0] + 'px;position:absolute;'"> <div v-for="(rect, index) in adjusta" :key="rect.id" :style="{ width: '30px', height: '5px', backgroundColor: '#409EFF', marginLeft: 5+ `px`, top: '10px', }" > </div> </div> <div class="img-car4" :style="'z-index:999;left:630px;top:' + 350*carPosition[1] + 'px;position:absolute;'"> <div v-for="(rect, index) in adjust" :key="rect.id" :style="{ width: '30px', height: '5px', backgroundColor: '#409EFF', marginLeft: 5+ `px`, top: '10px', }" > </div> </div> <div style="position: relative;"> <div v-show="cell1" style="width: 170px;height: 53px;position: relative;top:63px;left: 445px;"> <div v-for="(rect, rectIndex) in adjustedRects" :key="rect.id" :style="rectStyle(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRects(rectIndex)" :key="subIndex" :style="subRectStyle(rectIndex, subIndex)" ></div> </div> </div> <div v-show="cell2" style="width: 170px;height: 53px;position: relative;top:72px;left: 445px;"> <div v-for="(rect, rectIndex) in adjustedRectsa" :key="rect.id" :style="rectStylea(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRectsa(rectIndex)" :key="subIndex" :style="subRectStylea(rectIndex, subIndex)" ></div> </div> </div> <div v-show="cell3" style="width: 170px;height: 53px;position: relative;top:81px;left: 445px;"> <div v-for="(rect, rectIndex) in adjustedRectsb" :key="rect.id" :style="rectStyleb(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRectsb(rectIndex)" :key="subIndex" :style="subRectStyleb(rectIndex, subIndex)" ></div> </div> </div> <div v-show="cell4" style="width: 170px;height: 53px;position: relative;top:89px;left: 445px;"> <div v-for="(rect, rectIndex) in adjustedRectsc" :key="rect.id" :style="rectStylec(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRectsc(rectIndex)" :key="subIndex" :style="subRectStylec(rectIndex, subIndex)" ></div> </div> </div> </div> </div> <el-card style="flex: 1;margin-left: 1074px;margin-top: -410px;"> <div style="width: 100%; height: calc(100% - 35px); overflow-y: auto;max-height: 420px;"> <el-table height="370px" ref="table" border :data="tableDatass" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> <el-table-column fixed prop="engineerId" align="center" :label="$t('Mounting.project')" min-width="100" /> <el-table-column prop="countTemp" align="center" :label="$t('searchOrder.totalfurnaces')" min-width="68" /> <el-table-column prop="fullTemp" align="center" :label="$t('searchOrder.furnaces')" min-width="82" /> <el-table-column prop="countGlass" align="center" :label="$t('searchOrder.cagesnumber')" min-width="82" /> <el-table-column prop="area" align="center" :label="$t('large.are')" min-width="65" /> <el-table-column prop="countSlot" align="center" :label="$t('searchOrder.slotnumber')" min-width="95" /> <el-table-column prop="percent" align="center" :label="$t('searchOrder.progress')" min-width="75" /> </el-table> </div> </el-card> <div style="padding: 10px;display: flex;height:130px;margin-top:1px"> <div v-for="(item, index) in tableDatae" :key="index" id="occupy"> <el-col style="text-align:left;font-weight: bold;">#{{ item.device_id }}</el-col> <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;"> <span>{{ $t('searchOrder.Usage') }}</span><span>{{ item.percentage }}%</span> </el-col> <hr style="width:80%;margin: 0 auto;" /> <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;"> <span>{{ $t('searchOrder.free') }}</span><span>{{ item.count }}</span> </el-col> </div> </div> <div class="table-container"> <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;"> <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;max-height: 300px;"> <el-table height="300px" ref="table" <el-card style="flex: 1;margin-left: 10px;margin-top: 3px;"> <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;max-height: 200px;"> <el-table height="200px" ref="table" :row-class-name="tableRowClassName" :data="tableDatax" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> <el-table-column prop="glassId" align="center" :label="$t('searchOrder.intoglassid')" min-width="140" /> @@ -1100,8 +1195,8 @@ </el-table> </div> </el-card> <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;"> <el-table height="300px" ref="table" <el-card style="flex: 1;margin-left: 10px;margin-top: 3px;"> <el-table height="200px" ref="table" :data="tableDatac" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> <el-table-column prop="glassId" align="center" :label="$t('searchOrder.outputglassID')" min-width="140" /> <el-table-column prop="startSlot" align="center" :label="$t('searchOrder.startposition')" min-width="120" /> @@ -1114,103 +1209,8 @@ </el-table> </el-card> </div> <div style="padding: 10px;display: flex;height:130px;"> <div v-for="(item, index) in tableDatae" :key="index" id="occupy"> <el-col style="text-align:left;font-weight: bold;">#{{ item.device_id }}</el-col> <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;"> <span>{{ $t('searchOrder.Usage') }}</span><span>{{ item.percentage }}%</span> </el-col> <hr style="width:80%;margin: 0 auto;" /> <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;"> <span>{{ $t('searchOrder.free') }}</span><span>{{ item.count }}</span> </el-col> </div> </div> <!-- // 父级框 --> <div class="img-dlpl" > <div class="img-car1" :style="'z-index:999;left:290px;top:' + 350*carPosition[0] + 'px;position:absolute;'"> <div v-for="(rect, index) in adjusta" :key="rect.id" :style="{ width: '30px', height: '5px', backgroundColor: '#409EFF', marginLeft: 5+ `px`, top: '10px', }" > </div> </div> <div class="img-car4" :style="'z-index:999;left:735px;top:' + 350*carPosition[1] + 'px;position:absolute;'"> <div v-for="(rect, index) in adjust" :key="rect.id" :style="{ width: '30px', height: '5px', backgroundColor: '#409EFF', marginLeft: 5+ `px`, top: '10px', }" > </div> </div> <div style="position: relative;"> <div v-show="cell1" style="width: 170px;height: 53px;position: relative;top:63px;left: 525px;"> <div v-for="(rect, rectIndex) in adjustedRects" :key="rect.id" :style="rectStyle(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRects(rectIndex)" :key="subIndex" :style="subRectStyle(rectIndex, subIndex)" ></div> </div> </div> <div v-show="cell2" style="width: 170px;height: 53px;position: relative;top:67px;left: 525px;"> <div v-for="(rect, rectIndex) in adjustedRectsa" :key="rect.id" :style="rectStylea(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRectsa(rectIndex)" :key="subIndex" :style="subRectStylea(rectIndex, subIndex)" ></div> </div> </div> <div v-show="cell3" style="width: 170px;height: 53px;position: relative;top:72px;left: 525px;"> <div v-for="(rect, rectIndex) in adjustedRectsb" :key="rect.id" :style="rectStyleb(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRectsb(rectIndex)" :key="subIndex" :style="subRectStyleb(rectIndex, subIndex)" ></div> </div> </div> <div v-show="cell4" style="width: 170px;height: 53px;position: relative;top:77px;left: 525px;"> <div v-for="(rect, rectIndex) in adjustedRectsc" :key="rect.id" :style="rectStylec(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRectsc(rectIndex)" :key="subIndex" :style="subRectStylec(rectIndex, subIndex)" ></div> </div> </div> </div> </div> <el-card style="flex: 1;margin-left: 1220px;margin-top: -510px;"> <div style="width: 100%; height: calc(100% - 35px); overflow-y: auto;max-height: 420px;"> <el-table height="420px" ref="table" border :data="tableDatass" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> <el-table-column fixed prop="engineerId" align="center" :label="$t('Mounting.project')" min-width="100" /> <el-table-column prop="countTemp" align="center" :label="$t('searchOrder.totalfurnaces')" min-width="68" /> <el-table-column prop="fullTemp" align="center" :label="$t('searchOrder.furnaces')" min-width="82" /> <el-table-column prop="countGlass" align="center" :label="$t('searchOrder.cagesnumber')" min-width="82" /> <el-table-column prop="area" align="center" :label="$t('large.are')" min-width="70" /> <el-table-column prop="countSlot" align="center" :label="$t('searchOrder.slotnumber')" min-width="96" /> <el-table-column prop="percent" align="center" :label="$t('searchOrder.progress')" min-width="80" /> </el-table> </div> </el-card> </div> <el-dialog v-model="add" top="10vh" width="70%" :title="$t('searchOrder.addcage')" > <div style="margin-bottom: 20px"> <el-form> @@ -1705,10 +1705,10 @@ background-image:url('../../assets/ganghuaqian.png'); background-repeat: no-repeat; background-attachment: local; min-height: 400px; width: 1200px; min-height: 380px; width: 1050px; max-width: 100%; background-size: 1200px 400px; background-size: 1050px 380px; overflow: hidden; position:relative } UI-Project/src/views/hollow/hollowaluminum.vue
@@ -119,8 +119,8 @@ const getColorByState = (state) => { switch (state) { case -2: return "gray"; case -1: return "#99BBFF"; case 0: return "#7AC5CD"; case -1: return "gray"; case 0: return "gray"; case 1: return "#95d475"; case 8: return "#911005"; default: return "#CDAF95"; @@ -136,21 +136,23 @@ <el-carousel ref="carouselRef" :active-index="activeIndex" @change="handleCarouselChange" height="750px" :autoplay="false"> <el-carousel-item v-for="(item, index) in carouselData" :key="index"> <div style="display: flex; justify-content: center; align-items: flex-end; height: 100%; padding-bottom: 50px;"> <div class="carousel-item-content" :style="{ width: `${item.width*0.5}px`, height: `${item.height*0.3}px`, backgroundColor: getColorByState(item.state), }"> <div style="color: #090909;"> <div style="color: #FAFCFF;font-size:18px;text-align: center; display: flex; flex-direction: column; justify-content: center; height: 87%;"> <p>{{ item.flowCardId }}</p> <p>{{ $t('basicData.widtha') }}{{ item.width }}</p> <p>{{ $t('basicData.heighta') }}{{ item.height }}</p> <p>{{ $t('basicData.thicknessa') }}{{ item.thickness }}</p> <p>{{ $t('hellow.logarithm') }}{{ item.hollowSequence }}</p> </div> <div> <el-button type="text" @click="handleDilapidationClick(item)">{{ $t('order.dilapidation') }}</el-button> <el-button type="text" :disabled="item.state === 1" @click="handleButtonClick(item)">{{ $t('basicData.yes') }}</el-button> <div style="position: absolute; bottom: 20px; right: 20px;"> <el-button size="large" @click="handleDilapidationClick(item)">{{ $t('order.dilapidation') }}</el-button> <el-button size="large" :disabled="item.state === 1" @click="handleButtonClick(item)">{{ $t('basicData.yes') }}</el-button> </div> </div> </div> </el-carousel-item> @@ -177,12 +179,13 @@ display: flex; flex-direction: column; align-items: center; justify-content: center; justify-content: flex-end; border: 1px solid #ccc; margin: 10px auto; color: white; /* 确保文字颜色可见 */ text-align: center; padding-bottom: 0px; box-sizing: border-box; } .demonstration { color: var(--el-text-color-secondary); UI-Project/src/views/hollow/hollowaluminumthree.vue
@@ -119,8 +119,8 @@ const getColorByState = (state) => { switch (state) { case -2: return "gray"; case -1: return "#99BBFF"; case 0: return "#7AC5CD"; case -1: return "gray"; case 0: return "gray"; case 1: return "#95d475"; case 8: return "#911005"; default: return "#CDAF95"; @@ -136,12 +136,13 @@ <el-carousel ref="carouselRef" :active-index="activeIndex" @change="handleCarouselChange" height="750px" :autoplay="false"> <el-carousel-item v-for="(item, index) in carouselData" :key="index"> <div style="display: flex; justify-content: center; align-items: flex-end; height: 100%; padding-bottom: 50px;"> <div class="carousel-item-content" :style="{ width: `${item.width*0.5}px`, height: `${item.height*0.3}px`, backgroundColor: getColorByState(item.state), }"> <div style="color: #090909;"> <div style="color: #FAFCFF;font-size:18px; text-align: center; display: flex; flex-direction: column; justify-content: center; height: 87%;"> <p>{{ item.flowCardId }}</p> <p>{{ $t('basicData.widtha') }}{{ item.width }}</p> <p>{{ $t('basicData.heighta') }}{{ item.height }}</p> @@ -149,8 +150,11 @@ <p>{{ $t('hellow.logarithm') }}{{ item.hollowSequence }}</p> </div> <div> <el-button type="text" @click="handleDilapidationClick(item)">{{ $t('order.dilapidation') }}</el-button> <el-button type="text" :disabled="item.state === 1" @click="handleButtonClick(item)">{{ $t('basicData.yes') }}</el-button> <div style="position: absolute; bottom: 20px; right: 20px;"> <el-button size="large" @click="handleDilapidationClick(item)">{{ $t('order.dilapidation') }}</el-button> <el-button size="large" :disabled="item.state === 1" @click="handleButtonClick(item)">{{ $t('basicData.yes') }}</el-button> </div> </div> </div> </div> </el-carousel-item> @@ -183,6 +187,8 @@ color: white; /* 确保文字颜色可见 */ text-align: center; padding-bottom: 0px; box-sizing: border-box; } .demonstration { color: var(--el-text-color-secondary); UI-Project/src/views/hollow/hollowaluminumtwo.vue
@@ -119,8 +119,8 @@ const getColorByState = (state) => { switch (state) { case -2: return "gray"; case -1: return "#99BBFF"; case 0: return "#7AC5CD"; case -1: return "gray"; case 0: return "gray"; case 1: return "#95d475"; case 8: return "#911005"; default: return "#CDAF95"; @@ -136,12 +136,13 @@ <el-carousel ref="carouselRef" :active-index="activeIndex" @change="handleCarouselChange" height="750px" :autoplay="false"> <el-carousel-item v-for="(item, index) in carouselData" :key="index"> <div style="display: flex; justify-content: center; align-items: flex-end; height: 100%; padding-bottom: 50px;"> <div class="carousel-item-content" :style="{ width: `${item.width*0.5}px`, height: `${item.height*0.3}px`, backgroundColor: getColorByState(item.state), }"> <div style="color: #090909;"> <div style="color: #FAFCFF;font-size:18px; text-align: center; display: flex; flex-direction: column; justify-content: center; height: 87%;"> <p>{{ item.flowCardId }}</p> <p>{{ $t('basicData.widtha') }}{{ item.width }}</p> <p>{{ $t('basicData.heighta') }}{{ item.height }}</p> @@ -149,8 +150,11 @@ <p>{{ $t('hellow.logarithm') }}{{ item.hollowSequence }}</p> </div> <div> <el-button type="text" @click="handleDilapidationClick(item)">{{ $t('order.dilapidation') }}</el-button> <el-button type="text" :disabled="item.state === 1" @click="handleButtonClick(item)">{{ $t('basicData.yes') }}</el-button> <div style="position: absolute; bottom: 20px; right: 20px;"> <el-button size="large" @click="handleDilapidationClick(item)">{{ $t('order.dilapidation') }}</el-button> <el-button size="large" :disabled="item.state === 1" @click="handleButtonClick(item)">{{ $t('basicData.yes') }}</el-button> </div> </div> </div> </div> </el-carousel-item> @@ -183,6 +187,8 @@ color: white; /* 确保文字颜色可见 */ text-align: center; padding-bottom: 0px; box-sizing: border-box; } .demonstration { color: var(--el-text-color-secondary); UI-Project/src/views/hollow/hollowslicecage.vue
@@ -395,32 +395,32 @@ if(data.bigStorageCageInfos!=null){ adjustedRects.value = data.bigStorageCageInfos[0][1].map((rect, index) => ({ id: index + 1, height: 20/55, top: 46/55, height: 15/55, top: 33/55, })); subRectsCounts.value = data.bigStorageCageInfos[0][1].map(rect => rect.count); adjustedRectsa.value = data.bigStorageCageInfos[0][2].map((rect, index) => ({ id: index + 1, height: 20/55, top: 46/55, height: 15/55, top: 33/55, })); subRectsCountsa.value = data.bigStorageCageInfos[0][2].map(rect => rect.count); adjustedRectsb.value = data.bigStorageCageInfos[0][3].map((rect, index) => ({ id: index + 1, height: 20/55, top: 46/55, height: 15/55, top: 33/55, })); subRectsCountsb.value = data.bigStorageCageInfos[0][3].map(rect => rect.count); adjustedRectsc.value = data.bigStorageCageInfos[0][4].map((rect, index) => ({ id: index + 1, height: 20/55, top: 46/55, height: 15/55, top: 33/55, })); subRectsCountsc.value = data.bigStorageCageInfos[0][4].map(rect => rect.count); adjustedRectsd.value = data.bigStorageCageInfos[0][5].map((rect, index) => ({ id: index + 1, height: 20/55, top: 46/55, height: 15/55, top: 33/55, })); subRectsCountsd.value = data.bigStorageCageInfos[0][5].map(rect => rect.count); }else{ @@ -435,7 +435,7 @@ // 计算每个大矩形的样式 const rectStyle = (rect, index) => ({ position: 'absolute', width: '170px', width: '150px', left: '0px', top: `${index*rect.top}px`, height: `${rect.height}px`, @@ -452,7 +452,7 @@ // 计算每个小矩形的样式 const subRectStyle = (rectIndex, subIndex) => { const width = '18px'; const marginLeft = '8px'; const marginLeft = '3px'; const totalWidth = 6 * (parseInt(width) + parseInt(marginLeft)); const left = `${(subIndex * (parseInt(width) + parseInt(marginLeft))) / totalWidth * 100}%`; return { @@ -468,7 +468,7 @@ // 计算每个大矩形的样式 const rectStylea = (rect, index) => ({ position: 'absolute', width: '170px', width: '150px', left: '0px', top: `${index*rect.top}px`, height: `${rect.height}px`, @@ -485,7 +485,7 @@ // 计算每个小矩形的样式 const subRectStylea = (rectIndex, subIndex) => { const width = '18px'; const marginLeft = '8px'; const marginLeft = '3px'; const totalWidth = 6 * (parseInt(width) + parseInt(marginLeft)); const left = `${(subIndex * (parseInt(width) + parseInt(marginLeft))) / totalWidth * 100}%`; return { @@ -501,7 +501,7 @@ // 计算每个大矩形的样式 const rectStyleb = (rect, index) => ({ position: 'absolute', width: '170px', width: '150px', left: '0px', top: `${index*rect.top}px`, height: `${rect.height}px`, @@ -518,7 +518,7 @@ // 计算每个小矩形的样式 const subRectStyleb = (rectIndex, subIndex) => { const width = '18px'; const marginLeft = '8px'; const marginLeft = '3px'; const totalWidth = 6 * (parseInt(width) + parseInt(marginLeft)); const left = `${(subIndex * (parseInt(width) + parseInt(marginLeft))) / totalWidth * 100}%`; return { @@ -534,7 +534,7 @@ // 计算每个大矩形的样式 const rectStylec = (rect, index) => ({ position: 'absolute', width: '170px', width: '150px', left: '0px', top: `${index*rect.top}px`, height: `${rect.height}px`, @@ -551,7 +551,7 @@ // 计算每个小矩形的样式 const subRectStylec = (rectIndex, subIndex) => { const width = '18px'; const marginLeft = '8px'; const marginLeft = '3px'; const totalWidth = 6 * (parseInt(width) + parseInt(marginLeft)); const left = `${(subIndex * (parseInt(width) + parseInt(marginLeft))) / totalWidth * 100}%`; return { @@ -567,7 +567,7 @@ // 计算每个大矩形的样式 const rectStyled = (rect, index) => ({ position: 'absolute', width: '170px', width: '150px', left: '0px', top: `${index*rect.top}px`, height: `${rect.height}px`, @@ -584,7 +584,7 @@ // 计算每个小矩形的样式 const subRectStyled = (rectIndex, subIndex) => { const width = '18px'; const marginLeft = '8px'; const marginLeft = '3px'; const totalWidth = 6 * (parseInt(width) + parseInt(marginLeft)); const left = `${(subIndex * (parseInt(width) + parseInt(marginLeft))) / totalWidth * 100}%`; return { @@ -676,10 +676,115 @@ <div style="margin-left: 70px;">{{ $t('hellow.freethree') }}</div> <i :style="{ marginTop: '2px', backgroundColor: freethree, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i> </div> <div style="display: flex; align-items: flex-start; gap: 20px; height: 70vh;"> <!-- // 父级框 --> <div class="img-zkdlpl" > <div class="img-car1" :style="'z-index:999;left:212px;top:' + 1300*carPosition[0] + 'px;position:absolute;'"> <div v-for="(rect, index) in adjusta" :key="rect.id" :style="{ width: '30px', height: '5px', backgroundColor: '#409EFF', marginLeft: 5+ `px`, top: '10px', }" > </div> </div> <div class="img-car4" :style="'z-index:999;left:588px;top:' + 450*carPosition[1] + 'px;position:absolute;'"> <div v-for="(rect, index) in adjust" :key="rect.id" :style="{ width: '30px', height: '5px', backgroundColor: '#409EFF', marginLeft: 5+ `px`, top: '10px', }" > </div> </div> <div style="position: relative;"> <div v-show="cell1" style="width: 150px;height: 33px;position: relative;top:292px;left: 418px;"> <div v-for="(rect, rectIndex) in adjustedRects" :key="rect.id" :style="rectStyle(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRects(rectIndex)" :key="subIndex" :style="subRectStyle(rectIndex, subIndex)" ></div> </div> </div> <div v-show="cell2" style="width: 150px;height: 33px;position: relative;top:295px;left: 418px;"> <div v-for="(rect, rectIndex) in adjustedRectsa" :key="rect.id" :style="rectStylea(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRectsa(rectIndex)" :key="subIndex" :style="subRectStylea(rectIndex, subIndex)" ></div> </div> </div> <div v-show="cell3" style="width: 150px;height: 33px;position: relative;top:298px;left: 418px;"> <div v-for="(rect, rectIndex) in adjustedRectsb" :key="rect.id" :style="rectStyleb(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRectsb(rectIndex)" :key="subIndex" :style="subRectStyleb(rectIndex, subIndex)" ></div> </div> </div> <div v-show="cell4" style="width: 150px;height: 33px;position: relative;top:301px;left: 418px;"> <div v-for="(rect, rectIndex) in adjustedRectsc" :key="rect.id" :style="rectStylec(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRectsc(rectIndex)" :key="subIndex" :style="subRectStylec(rectIndex, subIndex)" ></div> </div> </div> <div v-show="cell5" style="width: 150px;height: 33px;position: relative;top:304px;left: 418px;"> <div v-for="(rect, rectIndex) in adjustedRectsd" :key="rect.id" :style="rectStyled(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRectsd(rectIndex)" :key="subIndex" :style="subRectStyled(rectIndex, subIndex)" ></div> </div> </div> </div> </div> <el-card style="flex: 1; height: 500px; overflow-y: auto;"> <div style="width: 100%; height: calc(100% - 35px); overflow-y: auto;max-height: 450px;"> <el-table height="550px" ref="table" border :data="tableDatass" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> <el-table-column prop="flowCardId" align="center" :label="$t('searchOrder.cardnumber')" min-width="140" /> <el-table-column prop="sumCount" align="center" :label="$t('searchOrder.totallogarithms')" min-width="120" /> <el-table-column prop="pairCount" align="center" :label="$t('searchOrder.numberpairs')" min-width="120" /> <el-table-column prop="totalNumber" align="center" :label="$t('hellow.totalnumber')" min-width="100" /> <el-table-column prop="realCount" align="center" :label="$t('hellow.realpieces')" min-width="120" /> <el-table-column prop="slotCount" align="center" :label="$t('searchOrder.numberoccupied')" min-width="120" /> </el-table> </div> </el-card> </div> <div style="padding: 10px;display: flex;height:110px;margin-top: -170px;"> <div v-for="(item, index) in tableDatae" :key="index" id="occupy"> <el-col style="text-align:left;font-weight: bold;">#{{ item.device_id }}</el-col> <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;"> <span>{{ $t('searchOrder.Usage') }}</span><span>{{ item.percentage }}%</span> </el-col> <hr style="width:80%;margin: 0 auto;" /> <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;"> <span>{{ $t('searchOrder.free') }}</span><span>{{ item.count }}</span> </el-col> </div> </div> <div class="table-container"> <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;"> <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;max-height: 300px;"> <el-table height="300px" ref="table" <el-card style="flex: 1;margin-left: 10px;margin-top: 3px;"> <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;max-height: 140px;"> <el-table height="120px" ref="table" :row-class-name="tableRowClassName" :data="tableDatad" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> <el-table-column prop="glassId" align="center" :label="$t('searchOrder.intoglassid')" min-width="140" /> @@ -700,8 +805,8 @@ </el-table> </div> </el-card> <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;"> <el-table height="300px" ref="table" <el-card style="flex: 1;margin-left: 10px;margin-top: 3px;"> <el-table height="120px" ref="table" :data="tableDatac" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> <el-table-column prop="glassId" align="center" :label="$t('searchOrder.outputglassID')" min-width="140" /> <el-table-column prop="startSlot" align="center" :label="$t('searchOrder.startposition')" min-width="120" /> @@ -712,111 +817,6 @@ </template> </el-table-column> </el-table> </el-card> </div> <div style="padding: 10px;display: flex;height:130px;"> <div v-for="(item, index) in tableDatae" :key="index" id="occupy"> <el-col style="text-align:left;font-weight: bold;">#{{ item.device_id }}</el-col> <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;"> <span>{{ $t('searchOrder.Usage') }}</span><span>{{ item.percentage }}%</span> </el-col> <hr style="width:80%;margin: 0 auto;" /> <el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;"> <span>{{ $t('searchOrder.free') }}</span><span>{{ item.count }}</span> </el-col> </div> </div> <div style="display: flex; align-items: flex-start; gap: 20px; height: 70vh;"> <!-- // 父级框 --> <div class="img-zkdlpl" > <div class="img-car1" :style="'z-index:999;left:305px;top:' + 1700*carPosition[0] + 'px;position:absolute;'"> <div v-for="(rect, index) in adjusta" :key="rect.id" :style="{ width: '30px', height: '5px', backgroundColor: '#409EFF', marginLeft: 5+ `px`, top: '10px', }" > </div> </div> <div class="img-car4" :style="'z-index:999;left:730px;top:' + 600*carPosition[1] + 'px;position:absolute;'"> <div v-for="(rect, index) in adjust" :key="rect.id" :style="{ width: '30px', height: '5px', backgroundColor: '#409EFF', marginLeft: 5+ `px`, top: '10px', }" > </div> </div> <div style="position: relative;"> <div v-show="cell1" style="width: 170px;height: 46px;position: relative;top:387px;left: 523px;"> <div v-for="(rect, rectIndex) in adjustedRects" :key="rect.id" :style="rectStyle(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRects(rectIndex)" :key="subIndex" :style="subRectStyle(rectIndex, subIndex)" ></div> </div> </div> <div v-show="cell2" style="width: 170px;height: 46px;position: relative;top:389px;left: 523px;"> <div v-for="(rect, rectIndex) in adjustedRectsa" :key="rect.id" :style="rectStylea(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRectsa(rectIndex)" :key="subIndex" :style="subRectStylea(rectIndex, subIndex)" ></div> </div> </div> <div v-show="cell3" style="width: 170px;height: 46px;position: relative;top:391px;left: 523px;"> <div v-for="(rect, rectIndex) in adjustedRectsb" :key="rect.id" :style="rectStyleb(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRectsb(rectIndex)" :key="subIndex" :style="subRectStyleb(rectIndex, subIndex)" ></div> </div> </div> <div v-show="cell4" style="width: 170px;height: 46px;position: relative;top:392px;left: 523px;"> <div v-for="(rect, rectIndex) in adjustedRectsc" :key="rect.id" :style="rectStylec(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRectsc(rectIndex)" :key="subIndex" :style="subRectStylec(rectIndex, subIndex)" ></div> </div> </div> <div v-show="cell5" style="width: 170px;height: 46px;position: relative;top:394px;left: 523px;"> <div v-for="(rect, rectIndex) in adjustedRectsd" :key="rect.id" :style="rectStyled(rect, rectIndex)"> <div v-for="(subRect, subIndex) in getSubRectsd(rectIndex)" :key="subIndex" :style="subRectStyled(rectIndex, subIndex)" ></div> </div> </div> </div> </div> <el-card style="flex: 1; height: 600px; overflow-y: auto;"> <div style="width: 100%; height: calc(100% - 35px); overflow-y: auto;max-height: 550px;"> <el-table height="550px" ref="table" border :data="tableDatass" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> <el-table-column prop="flowCardId" align="center" :label="$t('searchOrder.cardnumber')" min-width="140" /> <el-table-column prop="sumCount" align="center" :label="$t('searchOrder.totallogarithms')" min-width="120" /> <el-table-column prop="pairCount" align="center" :label="$t('searchOrder.numberpairs')" min-width="120" /> <el-table-column prop="totalNumber" align="center" :label="$t('hellow.totalnumber')" min-width="100" /> <el-table-column prop="realCount" align="center" :label="$t('hellow.realpieces')" min-width="120" /> <el-table-column prop="slotCount" align="center" :label="$t('searchOrder.numberoccupied')" min-width="120" /> </el-table> </div> </el-card> </div> </div> @@ -1090,10 +1090,10 @@ background-image:url('../../assets/zhongkong.png'); background-repeat: no-repeat; background-attachment: local; min-height: 700px; width: 1000px; min-height: 500px; width: 800px; max-width: 100%; background-size: 1000px 700px; background-size: 800px 500px; overflow: hidden; position:relative } UI-Project/src/views/largescreendisplay/screendisplay.vue
@@ -1059,8 +1059,8 @@ <div class="clickable-area" @click="handlehistorical" style="position: relative;width: 108px;height: 134px;top: 478px;left: 290px;"></div> </div> <div style="height: 190px;width: 100%;float: right;"> <el-table height="190" ref="table" :data="orderDTOS" <div style="height: 175px;width: 100%;float: right;"> <el-table height="175" ref="table" :data="orderDTOS" :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129' }"> <el-table-column prop="orderId" align="center" :label="$t('large.orderId')" min-width="50" /> <el-table-column prop="customerName" align="center" :show-overflow-tooltip="true"
