no message

src/pages/scattered/HotelSure.vue

@@ -6,7 +6,7 @@
           <q-btn class="bg-orange-6 text-white" round size="sm" icon="person" />
           <span class="fz18 q-pl-lg">{{$t('v101.scatteredOrder.prompt1')}}</span>
         </div>
-        <div class="row items-center text-green-6 q-mt-xs q-pt-sm">
+        <div class="row no-wrap items-center text-green-6 q-mt-xs q-pt-sm">
           <q-btn class="bg-green-6 text-white" round size="sm" icon="wallet" />
           <span class="fz18 q-pl-lg">{{$t('v101.scatteredOrder.prompt2')}}</span>
         </div>
@@ -51,23 +51,23 @@
         <div class="col row items-end q-pl-lg" :class="{'justify-end':$q.platform.is.mobile}">
             <div class="column">
               <div class="text-green-6 fz20 text-weight-bold q-pb-sm" :class="{'row justify-end':$q.platform.is.mobile}"><span>{{$t('v101.scatteredOrder.orderamount')}}</span></div>
-              <div :class="{'row':$q.platform.is.mobile}">
+              <div :class="{'row justify-end':$q.platform.is.mobile}">
               <div class="row justify-between">
-                <div class="row items-center">
+                <div class="row no-wrap items-center">
                   <span class="text-grey-10">円</span>
                   <span class="text-red fz18 q-pl-xs">{{sureMsg.totalPriceJapanese}}</span>
                 </div>
-                <div class="q-pt-xs q-pl-lg row items-center">
+                <div class="q-pt-xs q-pl-lg row no-wrap items-center">
                   <span class="text-grey-9">{{$t('v101.scatteredOrder.renmingbi')}}</span>
                   <span class="text-red fz18 q-pl-xs">{{sureMsg.totalChargeableRateInfo}}</span>
                 </div>
               </div>
               <div class="row justify-between">
-                <div class="q-pt-xs row items-center" v-if="sureMsg.DiscountMoney>0">
+                <div class="q-pt-xs row no-wrap items-center" v-if="sureMsg.DiscountMoney>0">
                   <span class="text-grey-10">{{$t('v101.scatteredOrder.youhui')}}</span>
                   <span class="text-red fz18 q-pl-xs">{{sureMsg.DiscountMoney}}</span>
                 </div>
-                <div class="q-pt-xs row items-center" :class="{'q-pl-lg':$q.platform.is.mobile}">
+                <div class="q-pt-xs row no-wrap items-center" :class="{'q-pl-lg':$q.platform.is.mobile}">
                   <span class="text-grey-10">{{$t('v101.scatteredOrder.shifu')}}</span>
                   <span class="text-h5 text-red text-weight-bold q-pl-xs">{{SettlementPrice}}</span>
                 </div>
@@ -85,24 +85,24 @@
         </div>
         <div class="q-pa-lg column">
           <div class="row items-center q-mb-md">
-            <span class="text-grey-6">{{$t('v101.scatteredOrder.fangxingxinxi')}}</span>
-            <div class="q-pl-lg">
+            <span class="text-grey-6" :class="{'HotelSure-textMobile':$q.platform.is.mobile}">{{$t('v101.scatteredOrder.fangxingxinxi')}}</span>
+            <div :class="{'q-pl-lg':$q.platform.is.desktop}">
               <span class="q-pr-lg">
                 {{roomRateDetails?getGradeType(roomRateDetails.gradeType):''}}{{roomRateDetails?getRoomType(roomRateDetails.roomType):''}}
               </span>
             </div>
           </div>
           <div class="row items-center q-mb-md">
-            <span class="text-grey-6">{{$t('v101.scatteredOrder.ruzhurenshu')}}</span>
-            <div class="q-pl-lg">
+            <span class="text-grey-6" :class="{'HotelSure-textMobile':$q.platform.is.mobile}">{{$t('v101.scatteredOrder.ruzhurenshu')}}</span>
+            <div :class="{'q-pl-lg':$q.platform.is.desktop}">
               <span>{{$t('v101.scatteredOrder.chengren')}} {{auditNum}} {{$t('v101.scatteredOrder.ren')}}</span>
               <span class="q-pl-lg" v-if="childNum>0">{{$t('v101.scatteredOrder.ertong')}} {{childNum}} {{$t('v101.scatteredOrder.ren')}}</span>
               <span class="q-pl-lg" v-if="isBaoChild">{{$t('v101.scatteredOrder.noertong')}}</span>
             </div>
           </div>
           <div class="row items-center q-mb-md">
-            <span class="text-grey-6">{{$t('v101.scatteredOrder.ruzhuriqi')}}</span>
-            <div class="col q-pl-lg" :class="{'row no-wrap':$q.platform.is.desktop,'column':$q.platform.is.mobile}">
+            <span class="text-grey-6" :class="{'HotelSure-textMobile':$q.platform.is.mobile}">{{$t('v101.scatteredOrder.ruzhuriqi')}}</span>
+            <div class="col" :class="{'row no-wrap q-pl-lg':$q.platform.is.desktop,'column':$q.platform.is.mobile}">
               <div class="row items-center" :class="{'q-pb-md':$q.platform.is.mobile}">
                 <q-field stack-label :label="$t('v101.scatteredOrder.ruzhushijian')" standout class="col-2" style="min-width: 200px" dense>
                   <div class="self-center full-width no-outline" tabindex="0">
@@ -137,8 +137,8 @@
             </div>
           </div>
           <div class="row items-center q-mb-md">
-            <span class="text-grey-6">{{$t('v101.scatteredOrder.fangjianshuliang')}}</span>
-            <div class="q-pl-lg row items-center">
+            <span class="text-grey-6" :class="{'HotelSure-textMobile':$q.platform.is.mobile}">{{$t('v101.scatteredOrder.fangjianshuliang')}}</span>
+            <div class="row items-center" :class="{'q-pl-lg':$q.platform.is.desktop}">
               <span v-if="dataList.roomGroup">{{dataList.roomGroup.length}}</span>
               <div class="relative-position q-ml-md">
                 <q-icon class="absolute text-orange-6" style="left: 0;top: 1px;width: inherit;" name="information" size="18px"></q-icon>
@@ -151,10 +151,10 @@
             </div>
           </div>
           <div class="row no-wrap">
-            <span class="text-grey-6 row">{{$t('v101.scatteredOrder.fangfeiqingkuang')}}</span>
-            <div class="col q-pl-lg row wrap">
+            <span class="text-grey-6 row" :class="{'HotelSure-textMobile':$q.platform.is.mobile}">{{$t('v101.scatteredOrder.fangfeiqingkuang')}}</span>
+            <div class="col row wrap" :class="{'q-pl-lg':$q.platform.is.desktop}">
               <template v-for="(item,index) in dataList.roomGroup">
-                <q-card flatv class="row items-end q-px-md q-pb-sm q-mr-md q-mb-md"  v-for="subItem in item.rateGroup">
+                <q-card flatv class="row no-wrap items-end q-px-md q-pb-sm q-mr-md q-mb-md"  v-for="subItem in item.rateGroup">
                   <div class="text-grey-9">{{subItem.stayDate}}</div>
                   <div class="q-ml-lg row items-end">
                     <span>円</span>