no message

src/App.vue

@@ -374,4 +374,11 @@ body
   .w200{
     width: 200px;
   }
+  .ellipsis2{
+    word-break: break-all;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
 </style>

src/components/trip/order/TripOrderList.vue

@@ -10,16 +10,25 @@
           <template v-if="$q.platform.is.desktop">{{ $t('v102.ticket.sj') }}：</template>
           {{x.serviceName}} {{x.servicePhone}}
         </span> -->
+        <div :class="{'row':$q.platform.is.desktop,'column':$q.platform.is.mobile,}">
           <span class="f12 text-grey-6">{{ $t('hotelorder.createTime') }}：{{x.createDate}}</span>
+          <div :class="{'row justify-end':$q.platform.is.mobile}">
+            <div class="q-ml-md f12" :class="[x.typeInfo.Color]">
+              <q-icon :name="x.typeInfo.Icon" />
+              <span class="q-ml-sm">{{ x.typeInfo.StatusName }}</span>
+            </div>
+          </div>
+          
+        </div>
       </div>
       <div class="q-pt-sm" :class="{'row justify-between':$q.platform.is.desktop,'col':$q.platform.is.mobile}">
           <div :class="{'row col':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}">
             <div :style="{'width':$q.platform.is.desktop?'150px':'100%'}">
-              <q-img class="rounded-borders" :style="{'width':$q.platform.is.desktop?'150px':'100%'}" :ratio="16 / 9" src="http://imgfile.oytour.com/Upload/DMC/yEiRE8pRWE5ZF8cPNRnAiQST8WbyaGQc.jpg" spinner-color="grey" spinner-size="50px" fit="cover"/>
+              <q-img class="rounded-borders" :style="{'width':$q.platform.is.desktop?'150px':'100%'}" style="height: 100%;" :ratio="16 / 9" src="http://imgfile.oytour.com/Upload/DMC/yEiRE8pRWE5ZF8cPNRnAiQST8WbyaGQc.jpg" spinner-color="grey" spinner-size="50px" fit="cover"/>
             </div>
             <div class="column col" :class="{'q-pl-lg':$q.platform.is.desktop,'q-pt-sm':$q.platform.is.mobile}">
-              <div class="ellipsis" style="overflow: hidden;width: 100%;">
-                <span class="text-subtitle1 text-weight-bolder" >{{x.title}}</span>
+              <div style="overflow: hidden;width: 100%;">
+                <span class="text-subtitle1 text-weight-bolder ellipsis2">{{x.title}}</span>
               </div>
               <span class="f12 text-grey-700 ellipsis q-py-sm">{{x.ltName}}</span>
               <span class="f13 text-grey-700">{{$t('v103.scheduledTripOrder.number')}}：{{x.tcid}} ( <span class="text-red">{{ x.guestNum }} </span>{{$t('v103.scheduledTripOrder.passenger')}} ) </span>