页面修改

src/components/Hotel/singleProduct/ModifyHotelOrder.vue

@@ -347,8 +347,8 @@
                 <span>入汤税： {{ moneyFormat(y.PriceInTangTax) }}/人</span>
               </div>
               <div class="content-Car-heji">
-                <span>合计：<span>
-                    <!-- ¥ -->円{{ moneyFormat(y.HotelMoeny) }}</span></span>
+                <span>合计：<span>{{y.CurrencyCode}}
+                     {{ moneyFormat(y.HotelMoeny) }}</span></span>
               </div>
             </div>
           </div>

src/components/Hotel/singleProduct/components/ChosenHotel.vue

@@ -5,19 +5,20 @@
         <li>
           <span>
             <em>{{$t('system.quety_area')}}</em>
-              <el-select class="option" v-model="msg.Province" filterable @change="getProvinceList(msg.Province,2)"
-                :placeholder="$t('hotel.hotel_province')">
+            <el-select class="option" v-model="msg.Province" filterable @change="getCityList(msg.Province)"
+              :placeholder="$t('hotel.hotel_province')" clearable @clear="msg.Province=0,msg.City=0">
               <el-option :key="0" :value="0" :label="$t('pub.pleaseSel')"></el-option>
               <el-option v-for="item in provinceList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
             </el-select>
-              <el-select class="option" v-model="msg.City" filterable :placeholder="$t('hotel.hotel_city')">
+            <el-select class="option" v-model="msg.City" filterable :placeholder="$t('hotel.hotel_city')" clearable @clear="msg.City=0">
               <el-option :key="0" :value="0" :label="$t('pub.pleaseSel')"></el-option>
               <el-option v-for="item in cityList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
             </el-select>
           </span>
         </li>
         <li><span><em>{{$t('pub.date')}}</em>
-            <el-date-picker disabled style="width: 135px;" v-model='msg.StartDate' value-format="yyyy-MM-dd" type="date">
+            <el-date-picker disabled style="width: 135px;" v-model='msg.StartDate' value-format="yyyy-MM-dd"
+              type="date">
             </el-date-picker>
             <el-date-picker disabled style="width: 135px;" v-model='msg.EndDate' value-format="yyyy-MM-dd" type="date">
             </el-date-picker>
@@ -26,8 +27,8 @@
         <li>
           <span>
             <em>{{$t('hotel.hotel')}}</em>
-            <el-select v-model="msg.HotelChooseArray" :placeholder="$t('pub.pleaseSel')" class="multiple_input HotelChooseArray"
-              filterable multiple collapse-tags :multiple-limit="3">
+            <el-select v-model="msg.HotelChooseArray" :placeholder="$t('pub.pleaseSel')"
+              class="multiple_input HotelChooseArray" filterable multiple collapse-tags :multiple-limit="3">
               <el-option v-for="item in HotelList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
             </el-select>
           </span>
@@ -61,12 +62,18 @@
     <div style="width: 100%;min-height:200px;  overflow-x: auto;padding-bottom: 10px; " class="HotelQueryList"
       v-loading="loading">
       <div class="hotelProductManage2_tableBox" style="margin-bottom:20px;">
-          <span style="color:#000000;background-color: #ff3737;padding:2px 4px;border-radius:5px">{{$t('objFill.hongri')}}</span>
-          <span style="color:#000000;background-color: #ff99cc;padding:2px 4px;border-radius:5px">{{$t('objFill.wanji')}}</span>
-          <span style="color:#000000;background-color: #bcd6ee;padding:2px 4px;border-radius:5px">{{$t('objFill.pingji')}}</span>
-          <span style="color:#000000;background-color: #DDDDDD;padding:2px 4px;border-radius:5px">{{$t('objFill.danji')}}</span>
-          <span style="color:#000000;background-color: #02F78E;padding:2px 4px;border-radius:5px">{{$t('objFill.tiebiejia')}}</span>
-          <span style="color:#000000;background-color: #808000;padding:2px 4px;border-radius:5px">{{$t('objFill.xingqianri')}}</span>
+        <span
+          style="color:#000000;background-color: #ff3737;padding:2px 4px;border-radius:5px">{{$t('objFill.hongri')}}</span>
+        <span
+          style="color:#000000;background-color: #ff99cc;padding:2px 4px;border-radius:5px">{{$t('objFill.wanji')}}</span>
+        <span
+          style="color:#000000;background-color: #bcd6ee;padding:2px 4px;border-radius:5px">{{$t('objFill.pingji')}}</span>
+        <span
+          style="color:#000000;background-color: #DDDDDD;padding:2px 4px;border-radius:5px">{{$t('objFill.danji')}}</span>
+        <span
+          style="color:#000000;background-color: #02F78E;padding:2px 4px;border-radius:5px">{{$t('objFill.tiebiejia')}}</span>
+        <span
+          style="color:#000000;background-color: #808000;padding:2px 4px;border-radius:5px">{{$t('objFill.xingqianri')}}</span>
       </div>
       <template v-if="isShow">
         <el-table v-if="dataList.length>0" :data="dataList" style="width:100%" border v-loading='loading'
@@ -94,16 +101,13 @@
                     <template v-for="childItem in scope.row.subList[index].PriceList">
                       <div :class="getClass(1,childItem.InventoryType)"
                         :style="{width:(100/scope.row.subList[index].PriceList.length)+'%'}" class="CostPriceHover">
-                        <el-popover
-                          placement="bottom"
-                          width="300"
-                          trigger="hover">
-                          <SamplePriceList 
-                          v-if="
+                        <el-popover placement="bottom" width="300" trigger="hover">
+                          <SamplePriceList v-if="
                           scope.row.subList[index].PriceList[0].BidroomPrice>0||
                           scope.row.subList[index].PriceList[0].SingleroomPrice>0||
                           scope.row.subList[index].PriceList[0].AddBedPrice>0||
-                          scope.row.subList[index].PriceList[0].GuideRoomPrice>0" :price="scope.row.subList[index]"></SamplePriceList>
+                          scope.row.subList[index].PriceList[0].GuideRoomPrice>0" :price="scope.row.subList[index]">
+                          </SamplePriceList>
                           <div v-else style="text-align: center;width: 100%;">{{$t('objFill.wuqitafangxingbj')}}</div>
                           <span slot="reference" class="CostPriceHover">{{childItem.CostPrice}}</span>
                         </el-popover>
@@ -121,8 +125,7 @@
                   {{item.ConfirmNum}}/{{item.ReserveNum}}
                 </div>
                 <div class="Hotel_kong Com_hoteldiv">
-                  <span v-if="item.UseInventory-item.Inventory>0"
-                    style="color:red;">
+                  <span v-if="item.UseInventory-item.Inventory>0" style="color:red;">
                     {{item.UseInventory-item.Inventory}}
                   </span>
                 </div>
@@ -142,32 +145,34 @@
           <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>
   </div>
-  </template>
-  <script>
+</template>
+<script>
   import SamplePriceList from './SamplePriceList'
   import TableOperation from './TableOperation'
   import ListCar from './ListCar'
   import hotelDetails from './hotelDetails'
   export default {
-      components: { SamplePriceList, },
-      props:['newDate'],
+    components: {
+      SamplePriceList,
+    },
+    props: ['newDate'],
     data() {
       return {
-          total:0,
+        total: 0,
         msg: {
         pageIndex: 1,
           pageSize: 10,
           //酒店选择数组
           HotelChooseArray: [],
-            StartDate: '',
-            EndDate: '',
+          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",
+          Country: "0",
           Province: 0,
           City: 0,
           OutBranchId: -1,
@@ -178,7 +183,10 @@
           //供应商
           Supplier: 0,
           MaxPrice: 0,
-            MinPrice: 0
+          MinPrice: 0,
+          HotelName: '',
+          SourceType: 1,
+          IsHotelAddPrice: 1
         },
         tableHeight: 0,
         //分公司列表
@@ -209,12 +217,13 @@
         dataList: [],
         isShow: false,
         loading: false,
+        userInfo: {},
       };
     },
     watch: {
       newDate: {
-          handler(newValue,onldValue) {
-            if(newValue!=onldValue){
+        handler(newValue, onldValue) {
+          if (newValue != onldValue) {
             this.getList()
           }
         },
@@ -222,8 +231,8 @@
       },
     },
     methods: {
-        finishHanler(hotel){
-          this.$emit('finish',hotel)
+      finishHanler(hotel) {
+        this.$emit('finish', hotel)
       },
       com_onresize() {
         //clientHeight的值由DIV内容的实际高度和CSS中的padding值决定，
@@ -239,7 +248,7 @@
         this.loading = true;
         this.msg.StartDate = this.newDate;
         this.msg.EndDate = this.newDate;
-          if(!this.msg.StartDate) return
+        if (!this.msg.StartDate) return
         this.apipost("dict_post_HotelOffer_GetClientHotelStatics", this.msg,
           res => {
             this.loading = false;
@@ -256,11 +265,15 @@
       },
       //获取酒店列表
       GetHotelList() {
-          this.apipost(
-            "hotel_post_GetHasStockHotelList", {
-              QCountry: "651",
+        var postMsg = {
+          QCountry: "",
           IsMoreThanZero: 1
-            },
+        }
+        if (this.userInfo && this.userInfo.RB_Group_id == 2) {
+          postMsg.QCountry = "651";
+        }
+        this.apipost(
+          "hotel_post_GetHasStockHotelList", postMsg,
           res => {
             if (res.data.resultCode == 1) {
               this.HotelList = res.data.data;
@@ -274,7 +287,6 @@
         var str = dateStr.split('-');
         var weekDay = ["天", "一", "二", "三", "四", "五", "六"];
         var myDate = new Date(Date.parse(dateStr));
-  
         return str[1] + '/' + str[2] + "（" + weekDay[myDate.getDay()] + "）";
       },
       //获取星期几
@@ -348,37 +360,41 @@
           err => {}
         );
       },
-        getProvinceList(ID, type) {
+      getCityList(ID) {
         //根据省份获取城市
         let msg = {
           Id: ID
         };
-          if (type == 1) {
-            this.msg.Province = 0;
-            this.msg.City = 0;
-            this.provinceList = [];
-            this.cityList = [];
-          } else if (type == 2) {
-            this.msg.City = 0;
         this.cityList = [];
-          }
         this.apipost(
           "dict_post_Destination_GetChildList",
           msg,
           res => {
-              if (type == 1) {
-                this.provinceList = res.data.data;
-              } else if (type == 2) {
             this.cityList = res.data.data;
+          },
+        );
+      },
+      getProvinceList(countryId) {
+        //根据省份获取城市
+        this.provinceList = [];
+        let msg = {
+          CodeLevel: 2,
+          ParentID: 0
+        };
+        if (countryId && countryId > 0) {
+          msg.ParentID = countryId;
         }
+        this.apipost(
+          "dict_get_Destination_GetCityExtList",
+          msg,
+          res => {
+            this.provinceList = res.data.data;
           },
-            err => {}
         );
       },
       getBranchList() {
-          let UserInfo = this.getLocalStorage();
         this.apipost('admin_get_BranchGetList', {
-            RB_Group_Id: UserInfo.RB_Group_id,
+          RB_Group_Id: this.userInfo.RB_Group_id,
           Status: 0,
         }, res => {
           if (res.data.resultCode == 1) {
@@ -387,9 +403,17 @@
         }, err => {})
       },
     },
+    created() {
+      this.userInfo = this.getLocalStorage();
+    },
     mounted() {
+      if (this.userInfo && this.userInfo.RB_Group_id == 2) {
+        this.msg.Country = "651";
+        this.getProvinceList("651");
+      } else {
+        this.getProvinceList("0");
+      }
       this.getBranchList();
-        this.getProvinceList("651", 1);
       this.GetHotelList();
       this.getList();
       this.GetHotelTipList();
@@ -400,9 +424,9 @@
     }
   };
 
-  </script>
+</script>
 
-  <style scoped>
+<style scoped>
   .Hq_duoge {
     cursor: pointer;
     text-decoration: underline;
@@ -432,9 +456,11 @@
   .classTe {
     background-color: rgb(2, 247, 142);
   }
+
   .hotelQueryListclass6 {
-      background-color:#808000;
+    background-color: #808000;
   }
+
   .HouseTypeList {
     background: #ccc;
     width: 100%;
@@ -530,41 +556,51 @@
   .HotelQueryList .el-table td {
     padding: 0;
   }
-    .CostPriceHover{
-      height:100%;
-      float:left;
-      width:100%;
+
+  .CostPriceHover {
+    height: 100%;
+    float: left;
+    width: 100%;
     cursor: pointer;
   }
-    .query-box li{
+
+  .query-box li {
     margin: 0 0 10px 0;
   }
-    .query-box li span>em{
+
+  .query-box li span>em {
     min-width: 58px;
   }
-    /deep/.query-box .option .el-input{
+
+  /deep/.query-box .option .el-input {
     width: 120px !important;
   }
-    /deep/.query-box .HotelChooseArray .el-input{
+
+  /deep/.query-box .HotelChooseArray .el-input {
     width: 200px !important;
   }
-    /deep/.query-box .Star .el-input{
+
+  /deep/.query-box .Star .el-input {
     width: 100px !important;
   }
-    /deep/.el-table td{
+
+  /deep/.el-table td {
     padding: 0;
   }
-    /deep/.el-table .cell{
+
+  /deep/.el-table .cell {
     padding-left: 0;
     padding-right: 0;
   }
-    .choose-hotel{
+
+  .choose-hotel {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 10px 0;
   }
-    .choose-hotel span{
+
+  .choose-hotel span {
     padding: 0 15px;
     border-radius: 5px;
     border: 1px solid #009EF7;
@@ -573,7 +609,4 @@
     cursor: pointer;
   }
 
-    
-  
-  </style>
-  
+</style>
\ No newline at end of file