no message

src/components/trip/block/oneday.vue

@@ -2,78 +2,142 @@
   <div class="block-item">
     <div class="one-block">
       <div class="item big row">
-                    <div class="row no-wrap" :class="{'col-8':day.details.length>1,'col':day.details.length==1}">
+        <div
+          class="row no-wrap"
+          :class="{
+            'col-8': day.details.length > 1,
+            col: day.details.length == 1,
+          }"
+        >
           <div class="col-7">
-                            <template v-if="day.details[0].fileType&&day.details[0].fileType=='.mp4'">
-                                <video ref="myVideo" width="100%" height="100%" :src="day.details[0].videoPath" controls="controls">
-                                </video>
+            <template
+              v-if="
+                day.details[0].fileType && day.details[0].fileType == '.mp4'
+              "
+            >
+              <video
+                ref="myVideo"
+                width="100%"
+                height="100%"
+                :src="day.details[0].videoPath"
+                controls="controls"
+              ></video>
             </template>
             <template v-else>
-                                <q-img v-if="day.details[0].img" :src='day.details[0].img' :ratio="12/4" fit="cover" height="100%">
+              <q-img
+                v-if="day.details[0].img"
+                :src="day.details[0].img"
+                :ratio="12 / 4"
+                fit="cover"
+                height="100%"
+              >
                 <template v-slot:error>
-                                        <div class="absolute-full flex flex-center bg-blue-1 text-dark">
+                  <div
+                    class="absolute-full flex flex-center bg-blue-1 text-dark"
+                  >
                     图片加载失败
                   </div>
                 </template>
               </q-img>
-                                <q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img>
+              <q-img
+                v-else
+                src="../../../assets/img/nll.jpg"
+                :ratio="12 / 4"
+                fit="cover"
+                height="100%"
+              ></q-img>
             </template>
           </div>
-                        <div class="right col" style="border: 1px solid #ccc;border-left: 0;">
+          <div class="right col" style="border: 1px solid #ccc; border-left: 0">
             <div class="details">
-                                <div v-if="day.details[0].title!=''" class="text-h6 text-bold q-pb-sm" v-html="day.details[0].title" @click.stop="goUrl(day.details[0].url)"
-                                        style="cursor: pointer;"></div>
-                                <div class="playInfo" v-if='day.details[0].playTimeHour || day.details[0].playTimeMinutes'>
-                                    <span class="playInfo-item"  v-if='day.details[0].ticketName!=""'>
+              <div
+                v-if="day.details[0].title != ''"
+                class="text-h6 text-bold q-pb-sm"
+                v-html="day.details[0].title"
+                @click.stop="goUrl(day.details[0].url)"
+                style="cursor: pointer"
+              ></div>
+              <div
+                class="playInfo"
+                v-if="
+                  day.details[0].playTimeHour || day.details[0].playTimeMinutes
+                "
+              >
+                <span
+                  class="playInfo-item"
+                  v-if="day.details[0].ticketName != ''"
+                >
                 </span>
-                                    <span class="playInfo-item" v-if='day.details[0].playTimeHour || day.details[0].playTimeMinutes'>
+                <span
+                  class="playInfo-item"
+                  v-if="
+                    day.details[0].playTimeHour ||
+                    day.details[0].playTimeMinutes
+                  "
+                >
                   <i class="iconfont icon-shijian1"></i>
                   约
-                                        <span v-if="day.details[0].playTimeHour">{{day.details[0].playTimeHour}}小时 </span>
-                                        <span v-if="day.details[0].playTimeMinutes">{{day.details[0].playTimeMinutes}}分钟</span>
+                  <span v-if="day.details[0].playTimeHour"
+                    >{{ day.details[0].playTimeHour }}小时
+                  </span>
+                  <span v-if="day.details[0].playTimeMinutes"
+                    >{{ day.details[0].playTimeMinutes }}分钟</span
+                  >
                 </span>
               </div>
               <span v-html="day.details[0].content"></span>
             </div>
           </div>
         </div>
-                    
       </div>
 
-                <div class="item flex q-mt-sm q-pa-lg" v-if='day.tips.length>0'>
+      <div class="item flex q-mt-sm q-pa-lg" v-if="day.tips.length > 0">
         <h4>温馨提示</h4>
         <div class="remark">
-                        <span v-for="(t,k) in day.tips" :key="k" v-html="t.content"></span>
+          <span v-for="(t, k) in day.tips" :key="k" v-html="t.content"></span>
         </div>
       </div>
-                <div class="restaurant" :class="{'row justify-between wrap':$q.platform.is.desktop,'column':$q.platform.is.mobile}">
+      <div
+        class="restaurant"
+        :class="{
+          'row justify-between wrap': $q.platform.is.desktop,
+          column: $q.platform.is.mobile,
+        }"
+      >
         <div class="restaurant-item">
           <div class="key">
-                            <img src='../../../assets/img/daily_breakfast.png' />
+            <img src="../../../assets/img/daily_breakfast.png" />
           </div>
-                        <div class="val">{{day.can.breakfirst}}</div>
+          <div class="val">{{ day.can.breakfirst }}</div>
         </div>
         <div class="restaurant-item">
           <div class="key">
-                            <img src='../../../assets/img/daily_lunch.png' />
+            <img src="../../../assets/img/daily_lunch.png" />
           </div>
-                        <div class="val">{{day.can.lanuch}}</div>
+          <div class="val">{{ day.can.lanuch }}</div>
         </div>
         <div class="restaurant-item">
           <div class="key">
-                            <img src='../../../assets/img/daily_dinner.png' />
+            <img src="../../../assets/img/daily_dinner.png" />
           </div>
-                        <div class="val">{{day.can.dinner}}</div>
+          <div class="val">{{ day.can.dinner }}</div>
         </div>
-                    <div class="restaurant-item col-24">
-                        <div class="key">
-                            <img  src='../../../assets/img/daily_hotel-1.png' />
       </div>
-                        <div class="val" v-if='day.jiu2.length>0'>
-                            <span v-for="(t,k) in day.jiu2" @click.stop="goUrl(t.url)" style="cursor: pointer"  :key="k">
-                                 {{k==day.jiu2.length-1?t.name:t.name+' / '}}
+      <div class="restaurant">
+        <div class="restaurant-item col-24 row">
+          <div class="key">
+            <img src="../../../assets/img/daily_hotel-1.png" />
+          </div>
+          <div class="val" v-if="day.jiu2.length > 0">
+            <span
+              v-for="(t, k) in day.jiu2"
+              @click.stop="goUrl(t.url)"
+              style="cursor: pointer"
+              :key="k"
+            >
+              {{ k == day.jiu2.length - 1 ? t.name : t.name + " / " }}
             </span>
-                            {{getHotelSuffix()}}
+            {{ getHotelSuffix() }}
           </div>
           <div class="val" v-else>本日无酒店安排</div>
         </div>
@@ -83,28 +147,29 @@
 </template>
 <script>
 export default {
-    props:{
-        day:{},
-        isDirect:{}
-    },
-    mounted() {
-        console.log(this.day,'----')
+  props: {
+    day: {},
+    isDirect: {},
   },
-    methods:{
-        getHotelSuffix(){
+  mounted() {},
+  methods: {
+    getHotelSuffix() {
       let suffix = "";
       if (this.day.jiu2.length > 1) {
         if (this.isDirect === 1) {
-                        suffix = "或同級"
+          suffix = "或同級";
         }
       } else {
-                    if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name !=
-                        '机场附近酒店') {
+        if (
+          this.day.jiu2.length == 1 &&
+          this.day.jiu2[0].name != "温馨的家" &&
+          this.day.jiu2[0].name != "机场附近酒店"
+        ) {
           if (this.day.jiu2[0].status == 1) {
-                            suffix = "【保证入住】"
+            suffix = "【保证入住】";
           } else {
             if (this.isDirect === 1) {
-                                suffix = "或同級"
+              suffix = "或同級";
             }
           }
         }
@@ -112,10 +177,10 @@ export default {
       return suffix;
     },
     goUrl(url) {
-            if(url!=null&&url.length>0){
+      if (url != null && url.length > 0) {
         window.open(url, "_blank");
       }
-        }
-    }
-}
+    },
+  },
+};
 </script>