| | |
|---|
| | | <template> |
|---|
| | | <el-card style="flex: 1;margin-left: 1px;margin-top: 10px;margin-right: 1px;" v-loading="loading"> |
|---|
| | | <el-scrollbar height="600px"> |
|---|
| | | <el-scrollbar height="800px"> |
|---|
| | | <div id="top" style="height: 150px;display: flex;"> |
|---|
| | | <div class="echarts-container"> |
|---|
| | | <div v-for="(processData, index) in processesData" :key="index" class="echarts-item"> |
|---|
| | |
|---|
| | | <div class="moving-rect xiapianji5" v-show="xiapian5"></div> |
|---|
| | | <div class="moving-rect xiapianji6" v-show="xiapian6"></div> |
|---|
| | | </div> |
|---|
| | | <!-- <div class="parter" style="margin-top: 10px;margin-left: 150px; height: 240px;width: 1000px;"> |
|---|
| | | <img src="../../assets/dpxsa.png" style="margin-left: -10px; width: 100%;height: 100%;" alt="Your Image"> |
|---|
| | | <div class="moving-rect vertical"></div> |
|---|
| | | <div class="moving-rect all"></div> |
|---|
| | | <div class="moving-rect horizontal"></div> |
|---|
| | | <div class="moving-rect xiao"></div> |
|---|
| | | <div class="moving-rect zhan"></div> |
|---|
| | | <div class="moving-rect tu"></div> |
|---|
| | | <div class="moving-rect zi"></div> |
|---|
| | | <div class="moving-rect xia"></div> |
|---|
| | | <div class="moving-rect zan"></div> |
|---|
| | | <div class="moving-rect fa"></div> |
|---|
| | | <div class="moving-rect hua"></div> |
|---|
| | | <div class="moving-rect shui"></div> |
|---|
| | | </div> --> |
|---|
| | | <!-- <div id="centerright" style="margin-top: 10px;margin-left: 10px; height: 240px;width: 240px;background-color: #911005;"> |
|---|
| | | <el-table height="240" ref="table" width="340px" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | :data="tableDatab" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> |
|---|
| | | <el-table-column prop="projectNo" align="center" :label="$t('large.projectnumber')" min-width="50" /> |
|---|
| | | <el-table-column prop="projectName" align="center" :label="$t('large.projectname')" min-width="50" /> |
|---|
| | | </el-table> |
|---|
| | | </div> --> |
|---|
| | | </div> |
|---|
| | | <div id="bottom" style="margin-top: 10px;height: 190px;background-color: #911005;"> |
|---|
| | | <el-table height="190" ref="table" |
|---|
| | | <div id="bottom" style="margin-top: 10px;height: 190px;"> |
|---|
| | | <el-table height="390" ref="table" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | :data="tableDatac" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> |
|---|
| | | <el-table-column prop="orderId" align="center" :label="$t('large.orderId')" min-width="50" /> |
|---|
| | |
|---|
| | | const socketUrl6 = `ws://${WebSocketHost}:${host}/api/unLoadGlass/api/talk/unLoadGlassIsRun`; |
|---|
| | | const handleMessage6 = (data) => { |
|---|
| | | const tasks = data.downWorkstation[0]; |
|---|
| | | const tasks1 = data.downGlassTask[0]; |
|---|
| | | xiapian.value = tasks1.some(task => task.thickness!== ''); |
|---|
| | | if (tasks && tasks.length >= 6) { |
|---|
| | | xiapian.value = tasks.some(task => task.racksNumber!== 0); |
|---|
| | | xiapian1.value = tasks[0].racksNumber !== 0; |
|---|
| | | xiapian2.value = tasks[1].racksNumber !== 0; |
|---|
| | | xiapian3.value = tasks[2].racksNumber !== 0; |
|---|
