| | |
| | | } |
| | | .station { |
| | | position: absolute; |
| | | width: 40px; |
| | | height: 24px; |
| | | /*border-radius: 50%;*/ |
| | | width: 20px; |
| | | height: 14px; |
| | | text-align: center; |
| | | line-height: 24px; |
| | | line-height: 1.5; /* 调整行高与字体大小的比值 */ |
| | | font-size: 10px; /* 设置更小的字体 */ |
| | | font-weight: bold; |
| | | transition: transform 0.3s ease; |
| | | background-color: #ab1839; |
| | | transform: scale(1.2); |
| | | transform: scale(1); /* 可选:如果不需要放大效果 */ |
| | | } |
| | | .bus { |
| | | font-size: 10px; |
| | |
| | | } |
| | | .container { |
| | | width: 100vh; |
| | | height: 72vh; |
| | | height: 90vh; |
| | | position: absolute; |
| | | /*background: #8c939d;*/ |
| | | } |
| | |
| | | <!-- L 250,100--> |
| | | <!-- C 250,100 90,90 100,250 z"--> |
| | | <!-- style="fill:none; stroke:blue; stroke-width:4;" />--> |
| | | <path d="M 1200,750 |
| | | L 1200,100 |
| | | C 1200,100 1200,50 1150,50 |
| | | C 1150,50 1100,50 1100,100 |
| | | L 1100,700 |
| | | C 1100,700 1100,750 1050,750 |
| | | L 60,750 |
| | | C 60,750 10,750 10,800 |
| | | C 10,800 10,850 60,850 |
| | | L 1100,850 |
| | | C 1100,850 1200,850 1200,750 |
| | | " |
| | | style="fill:none; stroke:blue; stroke-width:4;" /> |
| | | <path d="M 0 0 |
| | | L 32 -40 |
| | | L 32 810 |
| | | L 1100 810 |
| | | L 1100 770 |
| | | L 100 770 |
| | | L 100 -40 |
| | | <!-- L 40 40--> |
| | | Z" |
| | | style="fill:none; stroke:blue; stroke-width:1;" /> |
| | | </svg> |
| | | <div class="bus-station"> |
| | | <div v-for="(item,i) in devpPos1" class="bus-item-top" :style="'left:' + (75 + i * 15) + 'px'">{{item.dev_no}}</div> |
| | | </div> |
| | | <div class="bus-station" style="flex-direction: column"> |
| | | <div v-for="(item,i) in devpPos2" class="bus-item-left" :style="'top:' + (200 + i * 50) + 'px'">{{item.dev_no}}</div> |
| | | </div> |
| | | <div class="bus-station" style="flex-direction: column"> |
| | | <div v-for="(item,i) in devpPos3" class="bus-item-left2" :style="'top:' + (100 + i * 10) + 'px'">{{item.dev_no}}</div> |
| | | </div> |
| | | <!-- Stations on outer ring --> |
| | | <!-- <div v-for="station in tableDataDev" class="station" :style="{ top: station.valueX + '%', left: station.valueY + '%' }">{{ station.index }}</div>--> |
| | | <!-- <div class="bus-station">--> |
| | | <!-- <div v-for="(item,i) in devpPos1" class="bus-item-top" :style="'left:' + (75 + i * 15) + 'px'">{{item.dev_no}}</div>--> |
| | | <!-- </div>--> |
| | | <!-- <div class="bus-station" style="flex-direction: column">--> |
| | | <!-- <div v-for="(item,i) in devpPos2" class="bus-item-left" :style="'top:' + (200 + i * 50) + 'px'">{{item.dev_no}}</div>--> |
| | | <!-- </div>--> |
| | | <!-- <div class="bus-station" style="flex-direction: column">--> |
| | | <!-- <div v-for="(item,i) in devpPos3" class="bus-item-left2" :style="'top:' + (100 + i * 10) + 'px'">{{item.dev_no}}</div>--> |
| | | <!-- </div>--> |
| | | <!-- Stations on outer ring--> |
| | | <div v-for="station in tableDataDev" class="station" :style="{ top: station.valueY + 'px', left: station.valueX + 'px' }">{{ station.index }}</div> |
| | | <div> |
| | | <el-switch |
| | | style="display: block" |
| | |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="sourceStaNo" |
| | | label="源站"> |
| | | label="RGV源站"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="rgvDstaNo" |
| | | label="RGV目标站"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="staNo" |
| | |
| | | :data="tableDataRight" |
| | | style="width: 100%" |
| | | :row-class-name="tableRowClassName"> |
| | | <el-table-column |
| | | prop="rgvId" |
| | | label="编号" |
| | | width="80"> |
| | | </el-table-column> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="rgvId"--> |
| | | <!-- label="编号"--> |
| | | <!-- width="80">--> |
| | | <!-- </el-table-column>--> |
| | | <el-table-column |
| | | prop="rgvNo" |
| | | label="小车号"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="taskNo" |
| | | label="任务号"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="position" |
| | | label="位置"> |
| | | </el-table-column> |