页面修改

src/components/Hotel/singleProduct/HotelQueryList.vue

@@ -36,8 +36,7 @@
           </span>
         </li>
         <li><span><em>日期</em>
-              <el-date-picker v-model='msg.StartDate' value-format="yyyy-MM-dd" type="date" 
-              :picker-options="beforeCheck">
+            <el-date-picker v-model='msg.StartDate' value-format="yyyy-MM-dd" type="date" :picker-options="beforeCheck">
             </el-date-picker>
             <el-date-picker v-model='msg.EndDate' value-format="yyyy-MM-dd" type="date" :picker-options="afterCheck">
             </el-date-picker>
@@ -53,21 +52,11 @@
               </el-select> -->
           </span>
         </li>
-          <li>
-            <span>
-              <em>来源</em>
-              <el-select v-model="msg.SourceType" :placeholder="$t('pub.pleaseSel')">
-                <el-option :label="$t('pub.unlimitedSel')" :value='0'></el-option>
-                <el-option label="ERP" :value='1'></el-option>
-                <el-option label="PIC" :value='2'></el-option>
-              </el-select>
-            </span>
-          </li>
+       
         <li>
           <input v-if="HOTEL_memorandum&&!pagesTitle" type="button" class="normalBtn" value="备忘录"
             @click="goUrl('memorandumList')" />
-          <input v-if="!pagesTitle" type="button" class="normalBtn" value="温馨提示"
-            @click="showNotice=true" />
+          <input v-if="!pagesTitle" type="button" class="normalBtn" value="温馨提示" @click="showNotice=true" />
           <button style="position: relative;" class="hollowFixedBtn" type="primary" @click="rightCarOpen=true">
             <i class="el-icon-goods"></i>
             购物车
@@ -92,18 +81,15 @@
         <span style="color:#000000;background-color: #808000;padding:2px 4px;border-radius:5px">行前日</span>
       </div>
       <template v-if="isShow">
-          <hotelTableList v-loading='loading' :list="dataList" 
-          :tableHeight="tableHeight"
-          @showOrderSubmitHandler="showOrderSubmitHandler"
-          @success="success"
-          @close="close"></hotelTableList>
+        <hotelTableList v-loading='loading' :list="dataList" :tableHeight="tableHeight"
+          @showOrderSubmitHandler="showOrderSubmitHandler" @success="success" @close="close"></hotelTableList>
         <div class="noDataNotice" v-if="dataList&&dataList.length==0">
           <i class="iconfont icon-kong"></i>
           <p>{{$t("active.ld_noData")}}</p>
         </div>
         <el-pagination v-if="dataList.length>0" background @current-change="handleCurrentChange"
-            :current-page.sync="msg.pageIndex" 
-            layout="total,prev, pager, next, jumper" :page-size='msg.pageSize' :total='total'></el-pagination>
+          :current-page.sync="msg.pageIndex" layout="total,prev, pager, next, jumper" :page-size='msg.pageSize'
+          :total='total'></el-pagination>
       </template>
     </div>
 
@@ -122,8 +108,7 @@
     </template>
     <!-- 暂存购物车 -->
     <el-dialog custom-class="w800" title="酒店信息" :visible.sync="showOrderPreview" center @close="removeEditor">
-        <TableOperation :editorType="editorType" :HotelRow="orderSubmitObj" 
-        :hotelInfor="orderSubmitItemObj" 
+      <TableOperation :editorType="editorType" :HotelRow="orderSubmitObj" :hotelInfor="orderSubmitItemObj"
         @close="close"></TableOperation>
     </el-dialog>
     <!-- 购物车 -->
@@ -133,8 +118,8 @@
       <hotelDetails :hotelId="HotelDetailId"></hotelDetails>
     </el-dialog>
   </div>
-  </template>
-  <script>
+</template>
+<script>
   import SamplePriceList from './components/SamplePriceList'
   import TableOperation from './components/TableOperation'
   import ListCar from './components/ListCar'
@@ -143,22 +128,27 @@
   import WarmReminder from './components/WarmReminder'
   import HotelTipTableList from './components/HotelTipTableList'
   export default {
-      props:['pagesTitle'],
-      components: { SamplePriceList,
-        TableOperation,ListCar,
-        hotelDetails,hotelTableList,
-        WarmReminder,HotelTipTableList },
+    props: ['pagesTitle'],
+    components: {
+      SamplePriceList,
+      TableOperation,
+      ListCar,
+      hotelDetails,
+      hotelTableList,
+      WarmReminder,
+      HotelTipTableList
+    },
     data() {
       return {
         showHotelDetails: false,
         HotelDetailId: 0,
-          editorType:0,
+        editorType: 0,
         rightCarOpen: false,
         HotelLength: 0,
         orderSubmitItemObj: {},
         orderSubmitObj: {},
         showOrderPreview: false,
-          total:0,
+        total: 0,
         pickerOptions: {
           disabledDate(time) {
             return time.getTime() > Date.now();
@@ -169,8 +159,8 @@
           pageSize: 10,
           //酒店选择数组
           HotelChooseArray: [],
-            StartDate: this.getBeforeDate(0,new Date().Format("yyyy-MM-dd")),
-            EndDate: this.getBeforeDate(-30,this.getBeforeDate(0,new Date().Format("yyyy-MM-dd"))),
+          StartDate: this.getBeforeDate(0, new Date().Format("yyyy-MM-dd")),
+          EndDate: this.getBeforeDate(-30, this.getBeforeDate(0, new Date().Format("yyyy-MM-dd"))),
           //只查询日本
           Country: "651",
           Province: 0,
@@ -185,14 +175,14 @@
           MaxPrice: 0,
           MinPrice: 0,
           HotelName: '',
-            SourceType:'',
+          SourceType: 1,
           IsHotelAddPrice: 1
         },
         tableHeight: 0,
         beforeCheck: {
           disabledDate: time => {
             if (this.msg.StartDate) {
-                let endTime = new Date(this.getBeforeDate(-3,new Date().Format("yyyy-MM-dd")));
+              let endTime = new Date(this.getBeforeDate(-3, new Date().Format("yyyy-MM-dd")));
               return time && endTime.getTime() >= time.getTime();
             } else {
               return false;
@@ -266,8 +256,8 @@
       };
     },
     watch: {
-        dataList:{
-          handler(val, oldVal){
+      dataList: {
+        handler(val, oldVal) {
 
         },
         deep: true
@@ -283,42 +273,41 @@
           }
         });
       },
-        removeEditor(){
+      removeEditor() {
         localStorage.removeItem('editor')
       },
       // 编辑购物车
-        editor(x){
-          this.dataList.forEach((item,index) => {
-            if(item.HotelId==x.HotelId){
-              item.subList.forEach((xs,indexs)=>{
-                if(xs.DateStr==x.Date){
+      editor(x) {
+        this.dataList.forEach((item, index) => {
+          if (item.HotelId == x.HotelId) {
+            item.subList.forEach((xs, indexs) => {
+              if (xs.DateStr == x.Date) {
                 this.rightCarOpen = false
-                  this.showOrderSubmitHandler(item,indexs,1)
+                this.showOrderSubmitHandler(item, indexs, 1)
               }
             })
           }
         })
       },
       // 提交预约成功
-        success(){
+      success() {
         this.close()
         this.getList()
       },
       // 取消
-        close(){
-          this.HotelLength = localStorage.getItem("HotelLength")?localStorage.getItem("HotelLength"):0
+      close() {
+        this.HotelLength = localStorage.getItem("HotelLength") ? localStorage.getItem("HotelLength") : 0
         this.showOrderPreview = false
-
         this.rightCarOpen = false
         this.showHotelDetails = false
         localStorage.removeItem("editor")
       },
       // 加入购物车
-        showOrderSubmitHandler(row,index,type){
+      showOrderSubmitHandler(row, index, type) {
         this.orderSubmitObj = row
         this.orderSubmitItemObj = row.subList[index]
         this.showOrderPreview = true
-          this.editorType = type?type:0
+        this.editorType = type ? type : 0
       },
       com_onresize() {
         //clientHeight的值由DIV内容的实际高度和CSS中的padding值决定，
@@ -333,10 +322,10 @@
       getList() {
         this.loading = true;
         if (this.msg.StartDate == null) {
-            this.msg.StartDate = this.getBeforeDate(-20,new Date().Format("yyyy-MM-dd"));
+          this.msg.StartDate = this.getBeforeDate(-20, new Date().Format("yyyy-MM-dd"));
         }
         if (this.msg.EndDate == null) {
-            this.msg.EndDate = this.getBeforeDate(-30,this.getBeforeDate(-20,new Date().Format("yyyy-MM-dd")));
+          this.msg.EndDate = this.getBeforeDate(-30, this.getBeforeDate(-20, new Date().Format("yyyy-MM-dd")));
         }
         this.apipost("dict_post_HotelOffer_GetClientHotelStatics", this.msg,
           res => {
@@ -414,10 +403,10 @@
     },
     mounted() {
       // crm自动登陆传过来的参数
-        if(this.$route.query.crmOrderObj){
+      if (this.$route.query.crmOrderObj) {
         this.crmOrderObj = JSON.parse(this.$route.query.crmOrderObj)
       }
-        this.HotelLength = localStorage.getItem("HotelLength")?localStorage.getItem("HotelLength"):0
+      this.HotelLength = localStorage.getItem("HotelLength") ? localStorage.getItem("HotelLength") : 0
 
       let userinfo = this.getLocalStorage();
       let ActionMenuCode = userinfo.ActionMenuCode;
@@ -434,9 +423,9 @@
     }
   };
 
-  </script>
+</script>
 
-  <style>
+<style>
   .Hq_duoge {
     cursor: pointer;
     text-decoration: underline;
@@ -466,9 +455,11 @@
   .classTe {
     background-color: rgb(2, 247, 142);
   }
+
   .hotelQueryListclass6 {
-      background-color:#808000;
+    background-color: #808000;
   }
+
   .HouseTypeList {
     background: #ccc;
     width: 100%;
@@ -564,13 +555,12 @@
   .HotelQueryList .el-table td {
     padding: 0;
   }
-    .CostPriceHover{
-      height:100%;
-      float:left;
-      width:100%;
+
+  .CostPriceHover {
+    height: 100%;
+    float: left;
+    width: 100%;
     cursor: pointer;
   }
 
-  
-  </style>
-  
\ No newline at end of file
+</style>