| | |
| | | } |
| | | .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" |
| | |
| | | prop="rgvSts" |
| | | label="RGV状态"> |
| | | </el-table-column> |
| | | <!-- <el-table-column--> |
| | | <!-- prop=""--> |
| | | <!-- label="操作">--> |
| | | <!-- <el-button type="primary" icon="el-icon-edit" circle></el-button>--> |
| | | <!-- </el-table-column>--> |
| | | <el-table-column |
| | | label="操作" |
| | | type="template"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | type="danger" |
| | | size="small" |
| | | @click="taskDelete(scope.row)"> |
| | | 删除 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | |
| | | :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" |
| | |
| | | } |
| | | } |
| | | }, |
| | | taskDelete(row) { |
| | | let that = this; |
| | | that.$confirm('确认要删除该设备吗?', '提示', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }).then(() => { |
| | | $.ajax({ |
| | | url: baseUrl + "/rgv/disable/task/delete", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | method: 'POST', |
| | | data: { |
| | | wrkNo: row.wrkNo |
| | | }, |
| | | success: function (res) { |
| | | if (res.code === 200) { |
| | | that.$message.success('删除成功'); |
| | | // 删除当前行 |
| | | that.tableDataRight.splice(that.tableDataRight.indexOf(row), 1); |
| | | } else { |
| | | that.$message.error('删除失败'); |
| | | } |
| | | } |
| | | }); |
| | | }); |
| | | }, |
| | | toggleStatus(index, row) { |
| | | let that = this; |
| | | const currentStatus = row.status; |
| | | const targetStatus = currentStatus === 0 ? 1 : 0; |
| | | |
| | | this.$confirm(`确认要${currentStatus === 0 ? '禁用' : '启用'}该设备吗?`, '提示', { |
| | | that.$confirm(`确认要${currentStatus === 0 ? '禁用' : '启用'}该设备吗?`, '提示', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | method: 'POST', |
| | | data: { |
| | | rgvId: row.rgvNo, |
| | | rgvNo: row.rgvNo, |
| | | status: targetStatus |
| | | }, |
| | | success: function (res) { |
| | | if (res.code === 200) { |
| | | this.$message.success(`状态更新成功`); |
| | | that.$message.success(`状态更新成功`); |
| | | row.status$ = targetStatus; // 更新前端状态 |
| | | } else { |
| | | this.$message.error('状态更新失败'); |
| | | that.$message.error('状态更新失败'); |
| | | } |
| | | } |
| | | }); |