【类 型】：feat

【主	题】：组件 手机屏幕css样式自适应
【描	述】：
	[原因]：手机看 按钮不会超出范围
	[过程]：组件 手机屏幕css样式自适应
	[影响]：
【结	束】

# 类型 包含:
# feat：新功能（feature）
# fix：修补bug
# docs：文档（documentation）
# style： 格式（不影响代码运行的变动）
# refactor：重构（即不是新增功能，也不是修改bug的代码变动）
# test：增加测试
# chore：构建过程或辅助工具的变动

src/components/ControllerTabs.vue

@@ -501,7 +501,7 @@ export default {
       }
       let res = await this.questAss(this.currentOrder.id, 'shipment_status', '已发货')// 订单改为发货状态 并更新订单列表
       if (res.data.status === 1) {
-        res = await this.$store.dispatch('fetchLockSite', { id: this.currentOrder.receive_site_id, runing: newRuning })// 航线注册飞机 锁定送餐点
+        res = await this.$store.dispatch('fetchLockSite', { id: this.currentOrder.receive_site_id, shop_id: this.plane.shop_id, plane_id: this.plane.id, runing: newRuning })// 航线注册飞机 锁定送餐点
         if (res.data.status === 1) {
           this.publishFun(`{"questAss":${routeData}}`)// 发送航点信息主题
           this.speakText('提交任务，注册航线。')
@@ -652,7 +652,9 @@ export default {
       })
     }
     // 主动获取飞机状态
+    if (this.plane) {
       this.publishFun('{getPlaneState:1}')
+    }
   },
   watch: {
     airLock (val) {
@@ -679,6 +681,9 @@ export default {
       if (!found) {
         this.questForm.id = ''
       }
+    },
+    plane (val) {
+      this.publishFun('{getPlaneState:1}')
     }
   }
 
@@ -773,4 +778,34 @@ export default {
 .butIconBox .butIcon:nth-child(4n) {
   margin-right: 0 !important;
 }
+
+/* 手机端样式 */
+@media screen and (max-height: 500px) {
+  .tab-container {
+    height: 300px;
+    width: 50px;
+  }
+
+  .butIconGroup {
+    margin-bottom: 12px;
+  }
+
+  .el-button {
+    font-size: 14px !important;
+  }
+
+  .contentTit {
+    font-size: 14px !important;
+    margin-bottom: 5px !important;
+  }
+
+  .contentTit i {
+    font-size: 18px !important;
+  }
+
+  .butIcon {
+    height: 56px;
+    margin-bottom: 10px !important;
+  }
+}
 </style>