Explorar o código

feat: 首页调整部分按钮位置&二级页面添加返回逻辑

LingxinMeng hai 11 meses
pai
achega
1520e96e5b

+ 4 - 0
src/views/MapRescanView.vue

@@ -10,6 +10,10 @@
         </div>
       </el-header>
       <el-main style="background-color:white;">
+        <el-breadcrumb separator="/" style="margin-bottom: 10px;">
+          <el-breadcrumb-item :to="{ path: '/' }">主页</el-breadcrumb-item>
+          <el-breadcrumb-item>地图续扫提醒</el-breadcrumb-item>
+        </el-breadcrumb>
         <div class="topbar">
           <el-form style=" background-color: rgba(0,0,0,0%);" :inline="true" :model="queryLine"
                    class="demo-form-inline">

+ 4 - 0
src/views/MapUpdateView.vue

@@ -9,6 +9,10 @@
         </div>
       </el-header>
       <el-main style="background-color:white;">
+        <el-breadcrumb separator="/" style="margin-bottom: 10px;">
+          <el-breadcrumb-item :to="{ path: '/' }">主页</el-breadcrumb-item>
+          <el-breadcrumb-item>地图更新</el-breadcrumb-item>
+        </el-breadcrumb>
         <div class="topbar">
           <el-button type="primary" @click="dialogVisible = true" style="float: right; margin-bottom: 20px;">将地图更新至机器人端</el-button>
           <el-dialog

+ 63 - 60
src/views/ReportView.vue

@@ -41,29 +41,7 @@
           <el-button type="primary" @click="goToUpdateStat">地图更新统计</el-button>
           <el-button type="primary" @click="mapDialogVisible = true">地图续扫提醒阈值</el-button>
           <el-button type="primary" @click="goToMapRescan">地图续扫提醒</el-button>
-          <el-button type="primary" @click="algorithmDialogVisible = true">算法镜像导入</el-button>
-          <el-dialog
-              v-model="algorithmDialogVisible"
-              title="请输入算法版本"
-              width="300"
-              :before-close="handleClose"
-          >
-            <template #footer>
-              <div class="dialog-footer">
-                <el-form :model="algorithmForm" label-width="auto">
-                  <el-form-item style="margin-bottom: 10px" label="sudo密码:">
-                    <el-input v-model="algorithmForm.sudoPassword"/>
-                  </el-form-item>
-                  <el-form-item style="margin-bottom: 10px" label="算法版本:">
-                    <el-input v-model="algorithmForm.tag"/>
-                  </el-form-item>
-                </el-form>
-                <!--            -->
-                <!--            <el-button @click="algorithmDialogVisible = false">取消</el-button>-->
-                <el-button type="primary" @click="algorithmImport">选择镜像文件</el-button>
-              </div>
-            </template>
-          </el-dialog>
+
 
           <el-dialog
               v-model="mapDialogVisible"
@@ -88,40 +66,66 @@
               </div>
             </template>
           </el-dialog>
-          <el-button style="margin-left: 10px;"  type="primary" @click="onSubmit">算法镜像选择</el-button>
-          <el-switch
-              style="margin-left: 10px;"
-              v-model="value"
-              size="large"
-              inactive-text="算法容器"
-          />
-          <!--        <el-switch-->
-          <!--            v-model="algorithmContainerState"-->
-          <!--            class="ml-2"-->
-          <!--            inline-prompt-->
-          <!--            style="margin-left: 100px;&#45;&#45;el-switch-on-color: #13ce66; &#45;&#45;el-switch-off-color: #ff4949"-->
-          <!--            active-text="算法容器已开启"-->
-          <!--            inactive-text="算法容器已关闭"-->
-          <!--        />-->
-          <!--        <el-switch-->
-          <!--            v-model="gazeboState"-->
-          <!--            class="ml-2"-->
-          <!--            inline-prompt-->
-          <!--            style="margin-left: 100px; &#45;&#45;el-switch-on-color: #13ce66; &#45;&#45;el-switch-off-color: #ff4949"-->
-          <!--            active-text="Gazebo 已开启"-->
-          <!--            inactive-text="Gazebo 已关闭"-->
-          <!--            @click="gazebo"-->
-          <!--        />-->
-          <!--        <el-switch-->
-          <!--            v-model="rvizState"-->
-          <!--            class="ml-2"-->
-          <!--            inline-prompt-->
-          <!--            style="margin-left: 100px;&#45;&#45;el-switch-on-color: #13ce66; &#45;&#45;el-switch-off-color: #ff4949"-->
-          <!--            active-text="Rviz 已开启"-->
-          <!--            inactive-text="Rviz 已关闭"-->
-          <!--            @click="rviz"-->
-          <!--        />-->
-          <el-button style="margin-left: 100px;" type="primary" @click="goToTestRecord">仿真测试记录</el-button>
+          <div style="float: right">
+            <el-switch
+                style="margin-left: 10px;"
+                v-model="value"
+                size="large"
+                inactive-text="算法容器"
+            />
+            <el-button type="primary"  @click="algorithmDialogVisible = true" style="margin-left: 10px;">算法镜像导入</el-button>
+            <el-dialog
+                v-model="algorithmDialogVisible"
+                title="请输入算法版本"
+                width="300"
+                :before-close="handleClose"
+            >
+              <template #footer>
+                <div class="dialog-footer">
+                  <el-form :model="algorithmForm" label-width="auto">
+                    <el-form-item style="margin-bottom: 10px" label="sudo密码:">
+                      <el-input v-model="algorithmForm.sudoPassword"/>
+                    </el-form-item>
+                    <el-form-item style="margin-bottom: 10px" label="算法版本:">
+                      <el-input v-model="algorithmForm.tag"/>
+                    </el-form-item>
+                  </el-form>
+                  <!--            -->
+                  <!--            <el-button @click="algorithmDialogVisible = false">取消</el-button>-->
+                  <el-button type="primary" @click="algorithmImport">选择镜像文件</el-button>
+                </div>
+              </template>
+            </el-dialog>
+            <el-button style="margin-left: 10px;"  type="primary" @click="onSubmit">算法镜像选择</el-button>
+
+            <!--        <el-switch-->
+            <!--            v-model="algorithmContainerState"-->
+            <!--            class="ml-2"-->
+            <!--            inline-prompt-->
+            <!--            style="margin-left: 100px;&#45;&#45;el-switch-on-color: #13ce66; &#45;&#45;el-switch-off-color: #ff4949"-->
+            <!--            active-text="算法容器已开启"-->
+            <!--            inactive-text="算法容器已关闭"-->
+            <!--        />-->
+            <!--        <el-switch-->
+            <!--            v-model="gazeboState"-->
+            <!--            class="ml-2"-->
+            <!--            inline-prompt-->
+            <!--            style="margin-left: 100px; &#45;&#45;el-switch-on-color: #13ce66; &#45;&#45;el-switch-off-color: #ff4949"-->
+            <!--            active-text="Gazebo 已开启"-->
+            <!--            inactive-text="Gazebo 已关闭"-->
+            <!--            @click="gazebo"-->
+            <!--        />-->
+            <!--        <el-switch-->
+            <!--            v-model="rvizState"-->
+            <!--            class="ml-2"-->
+            <!--            inline-prompt-->
+            <!--            style="margin-left: 100px;&#45;&#45;el-switch-on-color: #13ce66; &#45;&#45;el-switch-off-color: #ff4949"-->
+            <!--            active-text="Rviz 已开启"-->
+            <!--            inactive-text="Rviz 已关闭"-->
+            <!--            @click="rviz"-->
+            <!--        />-->
+            <el-button style="margin-left: 10px;" type="primary" @click="goToTestRecord">仿真测试记录</el-button>
+          </div>
         </div>
         <el-table stripe style="background-color: rgba(255,0,0,99%);width: 100%" border :data="tableData"
                   fixed ref="multipleTableRef" :cell-style="{ textAlign: 'center'}" :header-cell-style="{ textAlign: 'center'}">
@@ -140,7 +144,6 @@
             <!--            <el-button size="small" type="danger" @click="goToDetail">算法评价</el-button>-->
           </el-table-column>
         </el-table>
-
         <p></p> <!--空行-->
         <el-pagination
             v-model:current-page="currentPage"
@@ -169,7 +172,8 @@ import {ElTable} from "element-plus";
 import {useRouter} from 'vue-router'; // 导入 Vue Router 的 useRouter 钩子
 
 
-const value = ref(true)
+const value
+    = ref(true)
 const router = useRouter();
 const algorithmContainerState = ref(false)
 const gazeboState = ref(false)
@@ -199,7 +203,6 @@ const mapRescanForm = reactive({
 })
 const currentTag = ref('')
 
-
 const algorithmImport = async () => {
   algorithmDialogVisible.value = false
   try {

+ 4 - 0
src/views/UpdateStatView.vue

@@ -9,6 +9,10 @@
         </div>
       </el-header>
       <el-main style="background-color:white;">
+        <el-breadcrumb separator="/" style="margin-bottom: 10px;">
+          <el-breadcrumb-item :to="{ path: '/' }">主页</el-breadcrumb-item>
+          <el-breadcrumb-item>地图更新统计</el-breadcrumb-item>
+        </el-breadcrumb>
         <div class="topbar">
           <el-form style=" background-color: rgba(0,0,0,0%);" :inline="true" :model="queryLine"
                    class="demo-form-inline">