Переглянути джерело

refactor: 调整仿真测试输入页面

LingxinMeng 10 місяців тому
батько
коміт
7f7f28a738
2 змінених файлів з 47 додано та 64 видалено
  1. 43 64
      src/views/AboutView.vue
  2. 4 0
      src/views/AlgorithmEvalView.vue

+ 43 - 64
src/views/AboutView.vue

@@ -4,75 +4,43 @@
     <!--      <el-button type="primary" @click="onSubmit">默认终点</el-button>-->
     <!--      <el-button type="primary" @click="onSubmit">自定义终点</el-button>-->
     <!--    </el-form-item>-->
-    <el-form-item label="发布终点     :">
-      <el-radio-group v-model="form.resource">
-        <el-radio value="Sponsor">默认终点</el-radio>
-        <el-radio value="Venue">自定义终点</el-radio>
+    <el-form-item label="随机起终点     :">
+      <el-switch
+          v-model="form.isRandom"
+          inline-prompt
+          active-text="是"
+          inactive-text="否"
+      />
+      <div v-if="form.isRandom">
+        <el-input-number  class="mx-4" v-model="form.randomCount" :min="1" :max="10" style="margin-left: 15px; width: 100px;"/>
+        <span style="margin-left: 10px;">次</span>
+      </div>
+    </el-form-item>
+    <el-form-item label="起点设置     :" v-if="!form.isRandom">
+      <el-radio-group v-model="form.origin" @change="originChange">
+        <el-radio value="0">默认起点</el-radio>
+        <el-radio value="1">自定义起点</el-radio>
+      </el-radio-group>
+    </el-form-item>
+    <el-form-item label="终点设置     :" v-if="!form.isRandom">
+      <el-radio-group v-model="form.destination" @change="destinationChange">
+        <el-radio value="0">默认终点</el-radio>
+        <el-radio value="1">自定义终点</el-radio>
       </el-radio-group>
     </el-form-item>
     <el-form-item label="加载默认障碍物:">
       <el-radio-group v-model="form.resource">
-        <el-radio value="Sponsor">是</el-radio>
-        <el-radio value="Venue">否</el-radio>
+        <el-radio value="1">是</el-radio>
+        <el-radio value="0">否</el-radio>
       </el-radio-group>
     </el-form-item>
-
-    <!--    <el-form-item label="Activity zone">-->
-    <!--      <el-select v-model="form.region" placeholder="please select your zone">-->
-    <!--        <el-option label="Zone one" value="shanghai" />-->
-    <!--        <el-option label="Zone two" value="beijing" />-->
-    <!--      </el-select>-->
-    <!--    </el-form-item>-->
-    <!--    <el-form-item label="Activity time">-->
-    <!--      <el-col :span="11">-->
-    <!--        <el-date-picker-->
-    <!--            v-model="form.date1"-->
-    <!--            type="date"-->
-    <!--            placeholder="Pick a date"-->
-    <!--            style="width: 100%"-->
-    <!--        />-->
-    <!--      </el-col>-->
-    <!--      <el-col :span="2" class="text-center">-->
-    <!--        <span class="text-gray-500">-</span>-->
-    <!--      </el-col>-->
-    <!--      <el-col :span="11">-->
-    <!--        <el-time-picker-->
-    <!--            v-model="form.date2"-->
-    <!--            placeholder="Pick a time"-->
-    <!--            style="width: 100%"-->
-    <!--        />-->
-    <!--      </el-col>-->
-    <!--    </el-form-item>-->
-    <!--    <el-form-item label="Instant delivery">-->
-    <!--      <el-switch v-model="form.delivery" />-->
-    <!--    </el-form-item>-->
-    <!--    <el-form-item label="Activity type">-->
-    <!--      <el-checkbox-group v-model="form.type">-->
-    <!--        <el-checkbox value="Online activities" name="type">-->
-    <!--          Online activities-->
-    <!--        </el-checkbox>-->
-    <!--        <el-checkbox value="Promotion activities" name="type">-->
-    <!--          Promotion activities-->
-    <!--        </el-checkbox>-->
-    <!--        <el-checkbox value="Offline activities" name="type">-->
-    <!--          Offline activities-->
-    <!--        </el-checkbox>-->
-    <!--        <el-checkbox value="Simple brand exposure" name="type">-->
-    <!--          Simple brand exposure-->
-    <!--        </el-checkbox>-->
-    <!--      </el-checkbox-group>-->
-    <!--    </el-form-item>-->
-
-    <!--    <el-form-item label="Activity form">-->
-    <!--      <el-input v-model="form.desc" type="textarea" />-->
-    <!--    </el-form-item>-->
     <el-form-item label="            ">
       <!--      <el-button type="primary" @click="goToMain">开始执行</el-button>-->
       <el-button type="primary" @click="dialogVisible = true">开始执行</el-button>
 
       <el-dialog
           v-model="dialogVisible"
-          title="请输入自定义终点配置参数"
+          title="请输入自定义配置参数"
           width="300"
           :before-close="handleClose"
       >
@@ -103,11 +71,11 @@
             </el-form>
 <!--            -->
 <!--            <el-button @click="dialogVisible = false">取消</el-button>-->
-            <el-button type="primary" @click="dialogVisible = false">开始执行</el-button>
+            <el-button type="primary" @click="dialogVisible = false">确认</el-button>
           </div>
         </template>
       </el-dialog>
-      <el-button style="margin-left: 10px;" type="primary" @click="goToMain">更换终点并执行</el-button>
+      <el-button style="margin-left: 10px;" type="primary" @click="goToMain">更换设置并执行</el-button>
     </el-form-item>
     <el-form-item label="            ">
       <el-button type="primary" @click="goToAlgorithmEval">算法评价</el-button>
@@ -125,11 +93,6 @@ import {reactive} from 'vue'
 import {ref} from 'vue'
 import {ElMessageBox} from 'element-plus'
 
-const formInline = reactive({
-  user: '',
-  region: '',
-  date: '',
-})
 
 const dialogVisible = ref(false)
 
@@ -147,8 +110,24 @@ const form = reactive({
   type: [],
   resource: '',
   desc: '',
+  isRandom: false,
+  origin: '',
+  destination: '',
+  randomCount: ref(1),
 })
 
+const originChange = (value: string) => {
+  if (value == "1") {
+    dialogVisible.value = true
+  }
+}
+
+const destinationChange = (value: string) => {
+  if (value == "1") {
+    dialogVisible.value = true
+  }
+}
+
 const onSubmit = () => {
   console.log('submit!')
 }

+ 4 - 0
src/views/AlgorithmEvalView.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">