home

src/pages/modules/home/home.vue

@@ -14,13 +14,19 @@
           <span class="txt01">{{dataInfo.device_info}}</span>
           <div class="line"></div>
         </div>
-        <div class="infoli01">
+        <div class="infoli02">
           <span class="title">{{ $t('homeinfo.task') }}</span>
-          <!-- <span class="txt01">{{dataInfo.task_name}}</span>
+          <!-- <div class="txt-box02">
-          <span class="txt01">{{dataInfo.task_info}}</span> -->
+            <p class="txt02">{{dataInfo.task_type}}</p>
-          <span class="txt01">{{ dataInfo[$langPre.computedProp('task_name')] }}</span>
+            <p class="txt02">{{dataInfo.task_name}}</p>
-          <span class="txt01">{{ dataInfo[$langPre.computedProp('task_info')] }}</span>
+            <p class="txt02">{{dataInfo.task_info}}</p>
-          <div class="line"></div>
+          </div> -->
+          <div class="txt-box02">
+            <p class="txt02">{{ dataInfo[$langPre.computedProp('task_type')] }}</p>
+            <p class="txt02">{{ dataInfo[$langPre.computedProp('task_name')] }}</p>
+            <p class="txt02">{{ dataInfo[$langPre.computedProp('task_info')] }}</p>
+          </div>
+          <div class="line line2"></div>
         </div>
         <div class="infoli">
           <span class="title">{{ $t('homeinfo.status') }}</span>
@@ -76,6 +82,8 @@ export default {
       // }
       // dataInfo: {
       //   device_info: 'NobleLiftPS10LMT_HuaHai',
+      //   // task_type: 'Task Type: Return to Rest',
+      //   task_type: '任务类型: 返回休息点任务',
       //   task_name: '任务号：11322',
       //   task_info: '目标点：5',
       //   task_status: '执行中',
@@ -198,6 +206,29 @@ export default {
     line-height 36px
     word-wrap break-word
     font-size 30px
+.infoli02
+  width 742px
+  height 140px
+  margin 0 auto
+  padding-left 40px
+  .title
+    float left
+    display inline-block
+    color #f6f9fe
+    width 47%
+    padding-top 35px
+  .txt-box02
+    float left
+    display inline-block
+    width 330px
+    padding-top 15px
+    .txt02
+      color #3CC1FF
+      // margin-left 34px
+      line-height 29px
+      padding-bottom 2px
+      word-wrap break-word
+      font-size 26px
 .infoli
   width 742px
   line-height 94px
@@ -242,6 +273,8 @@ export default {
   background center / 100% 100% url(../../../images/new/bg-home-r4.png) no-repeat
   position relative
   top 92px
+.line2
+  top 120px
 .txt2
   color #E54F29 !important
 </style>