优惠

src/assets/css/localtourhome.css

@@ -262,6 +262,31 @@
     cursor: pointer;
     box-shadow:0px 1px 4px 0px rgba(94,94,94,0.61);
 }
+
+
+.AdmissionTicket .hottour_ul li{
+    position: relative;
+    height: 76px;
+    margin-top:10px;
+}
+.AdmissionTicket .hottour_ul li img{
+    position: absolute;
+    width: 60px;
+    height: 60px;
+    top: 8px;
+    left: 10px;
+}
+.AdmissionTicket .hottour_ul li .hotcontent{
+    padding-left: 79px;
+    box-sizing: border-box;
+    padding-top:12px;
+}
+.AdmissionTicket .hottour_ul li:hover{
+    cursor: pointer;
+    box-shadow:0px 1px 4px 0px rgba(94,94,94,0.61);
+}
+
+
 .Localtourhome .ticketContent>div{
     float: left;
 }

src/components/LocalTour/AdmissionTicket.vue

@@ -48,13 +48,13 @@
       </ul>
       <ul class="hottour_ul">
           <p class="pfR font14" style="margin-bottom:8px">热门景点</p>
-            <div class="hotsecn">
-                <span>日本-急乐园 </span>
-                <span>日本-急乐园 </span>
-                <span>日本-豪斯登堡主题乐园</span>
-                <span>韩国-首尔乱打秀</span>
-                <span>日本-豪斯登堡主题乐园</span>
-            </div>
+            <li @click="GoUrl(item)" v-for="(item,index) in hotList" :key="index+2000">
+                <img :src="item.coverImgs[0]" alt="">
+                <div class="hotcontent">
+                    <span class="textHidden font12">{{item.name}}</span>
+                    <p class="font12" style="color:#FDAC11;text-align:right;padding-top:4px;padding-right:6px">￥<span class="pfR font14">{{item.b2bPrice | NoDesnum}}</span>起</p>
+                </div>
+            </li>
         </ul>
       </div>
       
@@ -62,10 +62,11 @@
 </template>
 <script>
 export default {
-    props:["ticketList"],
+    props:["ticketList","hotList"],
   data () {
     return {
       dataList:[],
+      hotdataList:[],
     }
   },
   mounted() {
@@ -73,6 +74,7 @@ export default {
     
   },
   methods: {
+       
       YdUrl(item,ticket){
         sessionStorage.dataDes=JSON.stringify(item);          
         sessionStorage.Ticketinfo=JSON.stringify(ticket);
@@ -91,7 +93,14 @@ export default {
               
              
           }
-      }
+      },
+      hotList:{
+          handler:function(val,oldvalue){
+              this.hotdataList=val;
+              
+             
+          }
+      },
   }
 }
 </script>

src/components/LocalTour/Appointment.vue

@@ -46,7 +46,7 @@
                         
                     </el-form-item>
                     <el-form-item label="购买数量">
-                        <el-input-number size="small" v-model="form.purchaseQuantity" :min="1" :max="10" @change="PurchaseQuantity"></el-input-number>
+                        <el-input-number size="small" v-model="form.purchaseQuantity" :min="1"  @change="PurchaseQuantity"></el-input-number>
                     </el-form-item>
                     <div class="fg"></div>
                     <div style="padding:0 20px">
@@ -95,7 +95,7 @@
                     <div style="text-align:right">
                         <div class="payMoney basefix">
                             <p style="font-size:12px;margin-top:20px">小计：<span>￥{{price}}</span></p>
-                            <p style="margin:7px 0">优惠：<span class="pfR">-￥{{form.discountMoney}}</span></p>
+                            <p style="margin:7px 0">优惠：<span class="pfR">￥{{form.discountMoney}}</span></p>
                             <p class="pfR">实付款：<span style="color:#AAAAAA;font-size:24px">￥<span style="color:#E95252;font-size:24px">{{SettlementPrice}}</span></span></p>
                         </div>
                     </div>
@@ -170,7 +170,7 @@ export default {
       this.dataDes=JSON.parse(sessionStorage.dataDes);
       this.Ticketinfo=JSON.parse(sessionStorage.Ticketinfo);
       this.price=(this.Ticketinfo.b2bPrice*this.form.purchaseQuantity).toFixed(2);
-      this.SettlementPrice=this.price;
+      this.SettlementPrice=this.price-this.form.discountMoney;
       
   },
   mounted() {
@@ -193,7 +193,10 @@ export default {
   
   methods: {
       PurchaseQuantity(val){
+          this.form.discountMoney=0;
           this.price=(this.Ticketinfo.b2bPrice*val).toFixed(2);
+          this.SettlementPrice= this.price;
+          
           
       },
        clickCoupon: function (item) {
@@ -310,7 +313,6 @@ export default {
         });
       },
       SelectChild(item) {
-          console.log(item);
         this.form.useDate=item.date_str;
         this.form.couponsId=item.couponsId;
         this.form.ticketId=item.ticketId;

src/components/LocalTour/LocalTourList.vue

@@ -185,7 +185,7 @@
         <!-- 数据 -->
         <div style="margin-top:14px" v-loading="Loading">
             <OnedayList :onelist="onelist" v-show="tab==1"></OnedayList>
-            <AdmissionTicket :ticketList="ticketList" v-show="tab==2"></AdmissionTicket>
+            <AdmissionTicket :ticketList="ticketList" :hotList="hotList" v-show="tab==2"></AdmissionTicket>
         </div>
         <div style="text-align:right;width:950px;margin-top:15px">
             <el-pagination
@@ -264,6 +264,7 @@ export default {
       cityList:[],
       cityshow:false,
       ticketList:[],
+      hotList:[],
     }
   },
   components:{
@@ -285,9 +286,26 @@ export default {
   },
   mounted() {
     this.CountryCity();
+    this.GetHotScen();
  
   },
   methods: {
+    GetHotScen(){
+        let msg={
+            pageIndex:0,
+            pageSize:5,
+            countryId:0,
+        };
+        msg.countryId=this.msg.countryId;
+        this.apiJavaPost("/api/b2b/scenic/getHotTickeCouponstList",msg,
+            res => {
+          if(res.data.resultCode==1){
+             this.hotList=res.data.data.pageData;
+          }
+        },
+        null
+      );
+    },
     handleCurrentChange(val){
       this.msg.pageIndex=val;
       if(this.tab==1){
@@ -316,6 +334,7 @@ export default {
     },
     SelectCountry(countryId){
       this.msg.countryId=countryId;
+      this.GetHotScen();
       if(countryId==0){
         this.cityList=[];
         this.msg.cityId=0;

src/components/mall/LocalTourCalendar.vue

@@ -58,7 +58,10 @@
 	color: #FF5A00;
     font-size: 12px;
     padding-right: 5px;
-    box-sizing: border-box;
+	box-sizing: border-box;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
     }
   .LocalTourCalendar .monthDayList{
 	  /* overflow: auto; */