| | |
| | | <!-- 生产统计 --> |
| | | <div style="height: 100px;width: 25%;float: right;"> |
| | | <div id="ss" style="width: 100%; display: flex; justify-content: center;"> |
| | | <div ref="chartRef" style="width: 600px; height: 400px;"></div> |
| | | <div ref="chartRef" style="width: 600px; height: 400px;" @dblclick="handlehistorical10()"></div> |
| | | </div> |
| | | <div style="width: 100%;height: 245px;display: flex;"> |
| | | <div ref="chartOne" style="width: 100%;"></div> |
| | |
| | | </div> |
| | | <!-- 磨边一线半透明色块 --> |
| | | <div |
| | | style="width: 80px;height: 40px;top: 410px;left: 450px;position: absolute;background-color: rgba(0, 0, 0, 0.5);color: white;font-size: 12px;z-index: 999;"> |
| | | style="width: 80px;height: 40px;top: 369px;left: 450px;position: absolute;background-color: rgba(0, 0, 0, 0.5);color: white;font-size: 12px;z-index: 999;"> |
| | | <div>{{ $t('large.quantity') }}:{{ productionVO.length > 0 ? productionVO[6].countOutOne : 0 }}片</div> |
| | | <div>{{ $t('large.are') }}:{{ productionVO.length > 0 ? productionVO[6].totalAreaOutOne : 0 }}m²</div> |
| | | </div> |
| | | <!-- 磨边二线半透明色块 --> |
| | | <div |
| | | style="width: 80px;height: 40px;top: 369px;left: 450px;position: absolute;background-color: rgba(0, 0, 0, 0.5);color: white;font-size: 12px;z-index: 999;"> |
| | | style="width: 80px;height: 40px;top: 410px;left: 450px;position: absolute;background-color: rgba(0, 0, 0, 0.5);color: white;font-size: 12px;z-index: 999;"> |
| | | <div>{{ $t('large.quantity') }}:{{ productionVO.length > 0 ? productionVO[6].countOutTwo : 0 }}片</div> |
| | | <div>{{ $t('large.are') }}:{{ productionVO.length > 0 ? productionVO[6].totalAreaOutTwo : 0 }}m²</div> |
| | | </div> |
| | |
| | | style="width: 53px;height: 22px;top: 282px;left: 282px;position: absolute;background-color: #911005;"></div> |
| | | <!-- 切割台色块 --> |
| | | <div v-if="engineeringOne.length > 1" class="slicing" |
| | | style="width: 45px;height: 20px;top: 500px;left: 496px;position: absolute;background-color: #911005;"></div> |
| | | <div v-if="engineeringTwo.length > 1" class="slicing" |
| | | style="width: 45px;height: 20px;top: 550px;left: 496px;position: absolute;background-color: #911005;"></div> |
| | | <div v-if="engineeringTwo.length > 1" class="slicing" |
| | | style="width: 45px;height: 20px;top: 500px;left: 496px;position: absolute;background-color: #911005;"></div> |
| | | <!-- 原片仓储色块 --> |
| | | <div class="raw" style="width: 27px;height: 30px;top: 497px;left: 296px;position: absolute;"> |
| | | <div v-for="(item, index) in rawGlassStorageDetailList.slice(0, 7)" :key="index" |
| | |
| | | <!-- 磨边色块 --> |
| | | <div class="container" |
| | | style="position: relative;width: 15px;height: 15px;top: 500px;left: 638px;position: absolute;"> |
| | | <div v-for="(box, index) in boxes" :key="index" class="box" :style="box.style"></div> |
| | | <div v-for="(box, index) in boxes2" :key="index" class="box" :style="box.style"></div> |
| | | </div> |
| | | <div class="container" |
| | | style="position: relative;width: 15px;height: 15px;top: 548px;left: 690px;position: absolute;"> |
| | | <div v-for="(box, index) in boxes2" :key="index" class="box" :style="box.style"></div> |
| | | <div v-for="(box, index) in boxes" :key="index" class="box" :style="box.style"></div> |
| | | </div> |
| | | <!-- 钢化运动色块 --> |
| | | <div class="container" |
| | |
| | | |
| | | <div style="height: 100px;width: 25%;float: right;"> |
| | | <div id="ss" style="width: 100%; display: flex; justify-content: center;"> |
| | | <div ref="chartRef2" style="width: 600px; height: 400px;"></div> |
| | | <div ref="chartRef2" style="width: 600px; height: 400px;" @dblclick="handlehistorical10()"></div> |
| | | </div> |
| | | <div style="width: 100%;height: 245px;display: flex;"> |
| | | <div ref="chartThree" style="width: 100%;"></div> |