no message

src/pages/scattered/HotelSure.vue

@@ -12,9 +12,8 @@
         </div>
       </div>
       <div class="col row bg-white rounded-border q-mb-md q-pa-lg">
-        <div class="col-5 row">
-          <q-img v-if="params.imgUrl" class="col-5 q-mr-lg" :src="params.imgUrl" style="height: auto;display: inline-block;" spinner-color="drk" spinner-size="20px" mode="cover"/>
-          <div class="col column q-pl-lg">
+        <q-img v-if="params.imgUrl" class="col-1 q-mr-lg" :src="params.imgUrl" style="height: auto;display: inline-block;" spinner-color="drk" spinner-size="20px" mode="cover"/>
+        <div class="col-3 column q-pl-xs">
           <div class="text-red fz18  text-weight-bold">{{dataList.hotelName}}</div>
           <div class="q-pt-xs">
             <q-icon class="text-grey-13 q-mr-xs" name="place" size="xs"></q-icon>
@@ -48,25 +47,31 @@
             </span>
           </div>
         </div>
+        <div class="col row items-end q-pl-lg">
+            <div class="column">
+              <div class="text-green-6 fz16 text-weight-bold q-pb-xs">{{$t('v101.scatteredOrder.orderamount')}}</div>
+              <div class="row justify-between">
+                <div class="row items-center">
+                  <span class="text-grey-10">円</span>
+                  <span class="text-red fz18 q-pl-xs">{{sureMsg.totalPriceJapanese}}</span>
                 </div>
-        <div class="column q-pl-lg">
-          <div class="text-red fz18 text-weight-bold">{{$t('v101.scatteredOrder.orderamount')}}</div>
-          <div class="q-pt-md">
-            <div>
-              <span class="text-grey-6">円</span>
-              <span class="text-red fz16  text-weight-bold q-pl-lg">{{sureMsg.totalPriceJapanese}}</span>
+                <div class="q-pt-xs q-pl-lg row 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 class="q-pt-xs">
-              <span class="text-grey-6">{{$t('v101.scatteredOrder.renmingbi')}}</span>
-              <span class="text-red fz16  text-weight-bold q-pl-lg">{{sureMsg.totalChargeableRateInfo}}</span>
               </div>
-            <div class="q-pt-xs">
-              <span class="text-grey-6">{{$t('v101.scatteredOrder.youhui')}}</span>
-              <span class="text-red fz16  text-weight-bold q-pl-lg">{{sureMsg.DiscountMoney}}</span>
+              <div class="row justify-between">
+                <div class="q-pt-xs row 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">
+                  <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>
+                <div class="q-pt-xs row items-center" v-if="sureMsg.DiscountMoney==0">
+                  <span>  </span>
                 </div>
-            <div class="q-pt-xs">
-              <span class="text-grey-6">{{$t('v101.scatteredOrder.shifu')}}</span>
-              <span class="text-h6 text-red text-weight-bold q-pl-lg">{{SettlementPrice}}</span>
               </div>
             </div>
         </div>