home改无任务

src/pages/modules/home/home.vue

@@ -22,9 +22,9 @@
             <p class="txt02">{{dataInfo.task_type_name}}</p>
           </div> -->
           <div class="txt-box02">
-            <p class="txt02">{{ dataInfo[$langPre.computedProp('task_info')] }}</p>
-            <p class="txt02">{{ dataInfo[$langPre.computedProp('task_name')] }}</p>
-            <p class="txt02">{{ dataInfo[$langPre.computedProp('task_type_name')] }}</p>
+            <p class="txt02" :style="{visibility: dataInfo.task_info == null ? 'hidden': ''}">{{ dataInfo[$langPre.computedProp('task_info')] }}</p>
+            <p class="txt02" :style="{fontSize: dataInfo.task_info == null ? '30px': '26px'}">{{ dataInfo[$langPre.computedProp('task_name')] }}</p>
+            <p class="txt02" :style="{visibility: dataInfo.task_info == null ? 'hidden': ''}">{{ dataInfo[$langPre.computedProp('task_type_name')] }}</p>
           </div>
           <div class="line line2"></div>
         </div>
@@ -82,10 +82,13 @@ export default {
       // }
       // dataInfo: {
       //   device_info: 'NobleLiftPS10LMT_HuaHai',
-      //   // task_type: 'Task Type: Return to Rest',
-      //   task_type: '任务类型: 返回休息点任务',
+      //   // en_task_type_name: 'Task Type: Return to Rest',
+      //   task_type_name: '任务类型: 返回休息点任务',
       //   task_name: '任务号：11322',
-      //   task_info: '目标点：5',
+      //   task_info: 'null',
+      //   zh_task_type_name: '任务类型: 返回休息点任务',
+      //   zh_task_name: '无任务',
+      //   zh_task_info: 'null',
       //   task_status: '执行中',
       //   task_num: '待执行0/2',
       //   speed: '0.0m/s',
@@ -207,7 +210,7 @@ export default {
     color #3CC1FF
     // margin-left 34px
     width 330px
-    line-height 36px
+    // line-height 36px
     word-wrap break-word
     font-size 30px
 .infoli02
@@ -229,10 +232,13 @@ export default {
     .txt02
       color #3CC1FF
       // margin-left 34px
+      height 29px
       line-height 29px
       padding-bottom 2px
       word-wrap break-word
       font-size 26px
+      display flex
+      align-items center
 .infoli
   width 742px
   line-height 94px