From 03a6ea84ba129caac4a82c405e739b682db08241 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Tue, 12 Sep 2023 17:34:09 +0800
Subject: [PATCH] 航线上传

---
 src/components/task/CreatePlan.vue |   43 +++++++++++++++++++++++++++++++------------
 1 files changed, 31 insertions(+), 12 deletions(-)

diff --git a/src/components/task/CreatePlan.vue b/src/components/task/CreatePlan.vue
index 9da26e6..3cd26ab 100644
--- a/src/components/task/CreatePlan.vue
+++ b/src/components/task/CreatePlan.vue
@@ -11,7 +11,7 @@
         </a-form-item>
 
         <!-- 航线 -->
-        <a-form-item label="执行航线" :wrapperCol="{offset: 10}" name="fileId">
+        <a-form-item label="执行航线" :wrapperCol="{offset: 12}" name="fileId">
           <router-link
               :to="{name: 'select-plan'}"
               @click="selectRoute"
@@ -55,7 +55,7 @@
         </a-form-item>
 
         <!-- 设备 -->
-        <a-form-item label="执行设备" :wrapperCol="{offset: 10}" v-model:value="planForm.dockSn" name="dockSn">
+        <a-form-item label="执行设备" :wrapperCol="{offset: 12}" v-model:value="planForm.dockSn" name="dockSn">
           <router-link
               :to="{name: 'select-plan'}"
               @click="selectDevice"
@@ -87,7 +87,9 @@
                 }}
               </a-radio-button>
             </a-radio-group>
+
           </div>
+
         </a-form-item>
 
         <!-- 单次定时- -->
@@ -198,20 +200,23 @@
 
         <!-- 相对机场返航高度 -->
         <a-form-item label="相对机场返航高度(ALT)" :labelCol="{span: 23}" name="rthAltitude">
-          <a-button type="primary" :disabled="calculateDisabled('-',100)" @click="calculate('-',100)">-100</a-button>
-          <a-button type="primary" :disabled="calculateDisabled('-',10)" @click="calculate('-',10)">-10</a-button>
-          <a-button type="primary" :disabled="calculateDisabled('-',1)" @click="calculate('-',1)">-1</a-button>
+          <div class="form-alt">
+            <a-button class="alt-btn" type="primary" size="small" :disabled="calculateDisabled('-',100)" @click="calculate('-',100)">-100</a-button>
+            <a-button class="alt-btn" type="primary" size="small" :disabled="calculateDisabled('-',10)" @click="calculate('-',10)">-10</a-button>
+            <a-button class="alt-btn" type="primary" size="small" :disabled="calculateDisabled('-',1)" @click="calculate('-',1)">-1</a-button>
 
-          <a-input-number v-model:value="planForm.rthAltitude" :min="20" :max="1500" class="width-100" required/>
+            <a-input class="alt-input" v-model:value="planForm.rthAltitude" :min="20" :max="1500"  required/>
 
-          <a-button type="primary" :disabled="calculateDisabled('+',1)" @click="calculate('+',1)">+1</a-button>
-          <a-button type="primary" :disabled="calculateDisabled('+',10)" @click="calculate('+',10)">+10</a-button>
-          <a-button type="primary" :disabled="calculateDisabled('+',100)" @click="calculate('+',100)"> +100</a-button>
+            <a-button class="alt-btn" type="primary" size="small" :disabled="calculateDisabled('+',1)" @click="calculate('+',1)">+1</a-button>
+            <a-button class="alt-btn" type="primary" size="small" :disabled="calculateDisabled('+',10)" @click="calculate('+',10)">+10</a-button>
+            <a-button class="alt-btn" type="primary" size="small" :disabled="calculateDisabled('+',100)" @click="calculate('+',100)"> +100</a-button>
+          </div>
+
         </a-form-item>
 
         <!-- Lost Action -->
         <a-form-item label="航线飞行中失联" :labelCol="{span: 23}" name="outOfControl">
-          <div style="white-space: nowrap;">
+          <div class="form-outOfControl" style="white-space: nowrap;">
             <a-radio-group v-model:value="planForm.outOfControl" button-style="solid">
               <a-radio-button v-for="action in OutOfControlActionOptions" :value="action.value" :key="action.value">
                 {{ action.label }}
@@ -534,7 +539,7 @@
   height: 100vh;
   display: flex;
   flex-direction: column;
-  width: 285px;
+  width: 320px;
 
   .header {
     height: 52px;
@@ -573,7 +578,7 @@
       .ant-radio-button-wrapper {
         background-color: #232323;
         color: #fff;
-        width: 20%;
+        width: 23%;
         text-align: center;
 
         &.ant-radio-button-wrapper-checked {
@@ -639,6 +644,20 @@
   }
 }
 
+.form-alt{
+  display: flex;
+  align-items: center;
+
+  .alt-btn{
+    margin: 0 2px 0 2px ;
+    width: 45px;
+  }
+
+  .alt-input{
+    width: 50px;
+  }
+}
+
 .btn-selected{
   background: #2d8cf0 !important;
   color:white !important;

--
Gitblit v1.9.3