no message

src/components/searchdida/kkday.vue

@@ -45,7 +45,7 @@
                         <div class="col q-pa-sm" style="width: 500px;">
                           <div class="w-full row wrap">
                               <div class="CityNameBox-r-kkday col-2 text-center overflow-hidden 
-                              q-mb-xs q-mr-xs text-xxs text-no-wrap q-py-xs cursor-pointer" 
+                              q-mb-xs q-mr-xs text-xxs text-no-wrap q-pa-xs cursor-pointer" 
                               v-for="(y,index) in regionList" :key="index"
                               :class="[msg.regionCode==y.CityCode?'active':'']"
                               @click="msg.regionCode = y.CityCode,
@@ -210,7 +210,7 @@
           StartDate:msg.CheckInDate,
           EndDate:msg.CheckOutDate,
           searchroomGroup:msg.searchroomGroup}"
-          Type="1"
+          Type="2"
           @change="changeMsg"
           @changeCity="changCity"
           @clear="resetQuery"></destination>
@@ -231,7 +231,7 @@
                         <div class="col q-pa-sm" style="width: 500px;">
                           <div class="w-full row wrap">
                               <div class="CityNameBox-r-kkday col-2 text-center overflow-hidden 
-                              q-mb-xs q-mr-xs text-xxs text-no-wrap q-py-xs cursor-pointer" 
+                              q-mb-xs q-mr-xs text-xxs text-no-wrap q-pa-xs cursor-pointer" 
                               v-for="(y,index) in regionList" :key="index"
                               :class="[msg.regionCode==y.CityCode?'active':'']"
                               @click="msg.regionCode = y.CityCode,
@@ -775,6 +775,7 @@ export default {
   methods: {
     changCity(y){
       this.msg.CityCode2 = y.CityCode
+      this.msg.CityCode = y.CityCode
       this.getRegion()
     },
     changeMsg(msg){

src/pages/didaHotel/destination.vue

@@ -67,7 +67,7 @@
         tabindex="0" 
         style="border-radius: 3px;
         box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.2) !important;z-index: 2;"
-        :style="{width:Type==1?'100%':'500px',top:Type==1?'70px':'50px',left:Type==1?'0':'30px'}"
+        :style="{width:Type==1?'100%':'500px',top:Type==2?'70px':'50px',left:Type==1?'0':Type==2?'17px':'30px'}"
         v-show="showSplitPannel">
             <div class="row no-wrap" id="cit">
                     <div class="bg-grey-2" style="border-right: 1px solid rgb(238, 238, 238);">
@@ -96,19 +96,12 @@
                             color: 'black'
                         }">
                             <div class="row wrap">
-                                <div class="CityNameBox-r col-3 text-xxs text-no-wrap q-py-xs cursor-pointer" v-for="(y,index) in CityList" :key="index"
+                                <div class="CityNameBox-r col-2 text-center text-xxs text-no-wrap q-py-xs q-mr-xs q-mb-xs cursor-pointer" v-for="(y,index) in CityList" :key="index"
                                 :class="[HotalMsg.CityCode==y.CityCode?'active':'']"
                                 @click="changeCity(y)">
                                     {{ y.CityName }}
                                 </div>
                             </div>
-                            <div class="row wrap">
-                                <div class="CityNameBox-r col-3 text-xxs text-no-wrap q-py-xs cursor-pointer" v-for="(y,index) in regionList" :key="index"
-                                :class="[HotalMsg.CityCode==y.CityCode?'active':'']"
-                                @click="changeRegion(y)">
-                                    {{ y.CityName_CN }}
-                                </div>
-                            </div>
                         </q-scroll-area>
                     </div>
             </div>
@@ -226,7 +219,7 @@ export default {
                 this.showKeyWordsList = false
                 this.showSplitPannel = false
             }
-            if(this.Type==1) {
+            if(this.Type>0) {
                 this.showSplitPannel = false
                 this.showSplitPannel = false
             }
@@ -347,11 +340,11 @@ export default {
             this.HotalMsg.regionCode = y.CityCode
         },
         changeCity(y){
-            if(this.Type==1) {
+            this.HotalMsg.CityCode = y.CityCode
+            if(this.Type>0) {
                 this.$emit('changeCity', y)
                 this.showSplitPannel = false
             }else{
-                this.HotalMsg.CityCode = y.CityCode
                 this.HotalMsg.KeyWords2 = y.CityName
                 this.HotalMsg.CityName = y.CityName
                 this.searchChangeHandler()
@@ -432,10 +425,15 @@ export default {
     background: var(--q-color-primary);
     color: #fff;
 }
+.CityNameBox-r {
+    border-radius: 3px;
+}
 .CityNameBox-r:hover{
+    background: rgba(0, 0, 0, 0.1);
     color: var(--q-color-primary);
 }
 .CityNameBox-r.active{
+    background: rgba(0, 0, 0, 0.2);
     color: var(--q-color-primary);
 }
 .GNameBox-center{