pjb
2025-07-03 0cb52bb33420044fe2887e1dd9f1b857c96027d4
src/main/webapp/views/index.html
@@ -5,7 +5,7 @@
    <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>
@@ -59,15 +59,15 @@
        }
        .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;
@@ -138,7 +138,7 @@
        }
        .container {
            width: 100vh;
            height: 72vh;
            height: 90vh;
            position: absolute;
            /*background: #8c939d;*/
        }
@@ -204,31 +204,28 @@
<!--                        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"
@@ -276,7 +273,11 @@
                    </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"
@@ -294,18 +295,18 @@
                            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>
@@ -328,14 +329,18 @@
                        :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"
@@ -345,18 +350,18 @@
                            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>