rgv界面优化

pjb

2025-08-07 c7ecb255c9e685725095be2a6bd74b1696d4af22

 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>
@@ -137,8 +137,9 @@
            background: #f0f9eb;
        }
        .container {
            width: 100vh;
            height: 72vh;
            margin-left: 20vh;
            width: 120vh;
            height: 90vh;
            position: absolute;
            /*background: #8c939d;*/
        }
@@ -203,20 +204,21 @@
<!--                        C 1150,150 1150,100 1100,100-->
<!--                        L 250,100-->
<!--                        C 250,100 90,90 100,250 z"-->
                <!--                C 32,810 32,850 65,850-->
                <!--                C 65,850 100,850 100,810-->
<!--                      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 66,0
                C 66,0 32,0 32,40
                L 32,770
                C 32,770 31,810 72,810
                L 1000,810
                C 1000,810 1020,810 1020,790
                C 1020,790 1020,770 1000,770
                L 120,770
                C 120,770 100,770 100,750
                L 100,40
                C 100,40 100,0 66,0 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>-->
@@ -229,17 +231,17 @@
<!--            </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>
@@ -276,7 +278,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 +300,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 +334,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"
@@ -369,7 +379,7 @@
                activeNames: ['1'],
                valueLeft: '0',
                valueRight: '0',
                licenseDay: '已过期',
                licenseDay: ' ',
                licenseDayI: 100,
                valueSystem: false,
                tableDataRgv: [],
@@ -546,14 +556,14 @@
                        success: function (res) {
                            if (res.code == 200) {
                                if (res.data.day<0){
                                    that.licenseDay = "已过期"+res.data.day+"天";
                                    that.licenseDay = " "+res.data.day+"天";
                                    that.licenseDayI = -1;
                                } else {
                                    that.licenseDay = "许可证有效期"+res.data.day+"天";
                                    that.licenseDayI = res.data.day;
                                }
                            }else {
                                that.licenseDay = "已过期";
                                that.licenseDay = " ";
                                that.licenseDayI = -1;
                            }
                        }