| | |
| | | <title>环形穿梭车智能系统</title> |
| | | <link rel="stylesheet" href="../static/css/element.css"> |
| | | <link rel="stylesheet" href="../static/css/element-ui.css"> |
| | | <link rel="icon" href="../static/images/favicon.ico" type="image/x-icon"> |
| | | <!-- <link rel="icon" href="../static/images/favicon.ico" type="image/x-icon">--> |
| | | <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script> |
| | | <script type="text/javascript" src="../static/js/common.js"></script> |
| | | <script type="text/javascript" src="../static/js/vue.min.js"></script> |
| | |
| | | <!-- </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" |
| | | v-model="valueSystem" |
| | | active-color="#13ce66" |
| | | inactive-color="#A64036" |
| | | active-text="系统运行中..." |
| | | inactive-text="系统已停止!" |
| | | @change='upDateValueSystem'> |
| | | </el-switch> |
| | | </div> |
| | | <!-- <div>--> |
| | | <!-- <el-switch--> |
| | | <!-- style="display: block"--> |
| | | <!-- v-model="valueSystem"--> |
| | | <!-- active-color="#13ce66"--> |
| | | <!-- inactive-color="#A64036"--> |
| | | <!-- active-text="系统运行中..."--> |
| | | <!-- inactive-text="系统已停止!"--> |
| | | <!-- @change='upDateValueSystem'>--> |
| | | <!-- </el-switch>--> |
| | | <!-- </div>--> |
| | | <!-- Buses --> |
| | | <div v-for="bus in tableDataRgv" class="bus" :style="{ top: bus.valueY + 'px', left: bus.valueX + 'px' , borderColor: bus.modeColor, backgroundColor: bus.statusColor}">{{ bus.index }}</div> |
| | | </div> |
| | |
| | | </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 |
| | | 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-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" |
| | |
| | | prop="status$" |
| | | label="状态"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="操作" |
| | | type="template"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | :type="scope.row.status === 0 ? 'primary' : 'danger'" |
| | | size="small" |
| | | @click="toggleStatus(scope.$index, scope.row)"> |
| | | {{ scope.row.status === 0 ? '禁用' : '解除禁用' }} |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column--> |
| | | <!-- label="操作"--> |
| | | <!-- type="template">--> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <el-button--> |
| | | <!-- :type="scope.row.status === 0 ? 'primary' : 'danger'"--> |
| | | <!-- size="small"--> |
| | | <!-- @click="toggleStatus(scope.$index, scope.row)">--> |
| | | <!-- {{ scope.row.status === 0 ? '禁用' : '解除禁用' }}--> |
| | | <!-- </el-button>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | </el-table> |
| | | </div> |
| | | </div> |