报价与库存页面调整

src/components/Hotel/HotelProductManage2.vue

@@ -52,17 +52,32 @@
           <div>周日</div>
         </div>
         <div class="calendarItem_day">
-            <div  v-for="(subItem, index2) in item.days" :key="index2" :class="subItem.month===item.date?'nowMonth':'otherMonth'">
-             <div :class="stockColor(item,subItem)" 
-                :style="subItem.month===item.date&&msg2.DateList.indexOf(subItem.day)!==-1?'border-color: green':''"
-                @click="calendarDayOn(item, subItem)">
-                {{subItem.date.getDate()}}<br />
-                <template v-if="subItem.data&&subItem.data.SubList && subItem.data.SubList[0]">
-                   <template v-for="(childItem,childIndex) in subItem.data.SubList" >
-                      <span v-if="childItem.BatchNumber>1"> {{childItem.BatchNumber}} </span>
-                   </template>
+          <div v-for="(subItem, index2) in item.days" :key="index2"
+            :class="subItem.month===item.date?'nowMonth':'otherMonth'">
+            <div :class="stockColor(item,subItem)"
+              :style="subItem.month===item.date&&msg2.DateList.indexOf(subItem.day)!==-1?'border-color: green':''"
+              @click="calendarDayOn(item, subItem)">
+              {{subItem.date.getDate()}}<br />
+
+              <div class="detailInfo" :class="{s:index==num}">
+                <div class="triangle_border_up"></div>
+                <div class="popContent">
+                  <template v-if="subItem.data&&subItem.data.SubList && subItem.data.SubList[0]">
+                    <template v-for="(childItem,childIndex) in subItem.data.SubList">
+                      <div class="popList">
+                        <label>批次：{{childItem.BatchNumber}}</label>
+                        <label>价格：{{childItem.CostPrice}}</label>
+                      </div>
+                    </template>
+                  </template>
+                </div>
+              </div>
+              <template v-if="subItem.data&&subItem.data.SubList && subItem.data.SubList[0]">
+                <template v-for="(childItem,childIndex) in subItem.data.SubList">
+                  <span v-if="childItem.BatchNumber>1"> {{childItem.BatchNumber}} </span>
                 </template>
-             </div>
+              </template>
+            </div>
           </div>
         </div>
       </div>
@@ -118,14 +133,15 @@
           </el-col>
           <el-col :span="6">
             <el-form-item label="标准间成本价">
-              <el-input-number v-model="msg2.CostPrice" :precision="2" :min="0"  @keyup.native="checkPrice(msg2,'CostPrice')" maxlength="10"></el-input-number>
+              <el-input-number v-model="msg2.CostPrice" :precision="2" :min="0"
+                @keyup.native="checkPrice(msg2,'CostPrice')" maxlength="10"></el-input-number>
             </el-form-item>
           </el-col>
 
           <el-col :span="6">
             <el-form-item label="散客价">
               <el-input-number v-model="msg2.SanKePrice" :precision="2" :min="0"
-                 @keyup.native="checkPrice(msg2,'SanKePrice')" maxlength="10"></el-input-number>
+                @keyup.native="checkPrice(msg2,'SanKePrice')" maxlength="10"></el-input-number>
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -324,14 +340,14 @@
           <el-col :span="6">
             <el-form-item label="标准间成本价">
               <el-input-number v-model="msg.CostPrice" :precision="2" :min="0"
-               @keyup.native="checkPrice(msg2,'CostPrice')" maxlength="10"></el-input-number>
+                @keyup.native="checkPrice(msg2,'CostPrice')" maxlength="10"></el-input-number>
             </el-form-item>
           </el-col>
 
           <el-col :span="6">
             <el-form-item label="散客价">
               <el-input-number v-model="msg.SanKePrice" :precision="2" :min="0"
-             @keyup.native="checkPrice(msg2,'SanKePrice')" maxlength="10"></el-input-number>
+                @keyup.native="checkPrice(msg2,'SanKePrice')" maxlength="10"></el-input-number>
             </el-form-item>
           </el-col>
 
@@ -764,7 +780,7 @@
     },
     methods: {
       //库存类型
-      stockColor: function (item, item2,childItem) {
+      stockColor: function (item, item2, childItem) {
         if (item.date === item2.month && item2.hasOwnProperty('data')) {
           let type = item2.data.SubList[0].InventoryType;
           if (type === 1) {
@@ -806,7 +822,7 @@
         }, res => {
           if (res.data.resultCode === 1) {
             let json = res.data.data;
-          
+
             this.hotelInfo.HotelName = json.HotelName;
             this.hotelInfo.TotalInventory = json.TotalInventory;
             this.hotelInfo.Validity = json.Validity;
@@ -860,11 +876,11 @@
         this.calendar.show = true;
       },
       // 获取详情
-      getDetail: function (date,BatchNumber) {
+      getDetail: function (date, BatchNumber) {
         this.apipost('dict_post_HotelOffer_GetHotelPriceInfo', {
           HotelId: this.msg.Hotel,
           Time: date,
-          BatchNumber:BatchNumber
+          BatchNumber: BatchNumber
         }, res => {
           if (res.data.resultCode === 1) {
             let data = res.data.data;
@@ -937,12 +953,12 @@
         }, err => {});
       },
       // 打开编辑窗口
-      goEdit: function (type, date,BatchNumber) {
+      goEdit: function (type, date, BatchNumber) {
         let nowDate = new Date().Format('yyyy-MM-dd');
         this.msg.StartDate = date === undefined ? nowDate : date;
         this.msg.EndDate = date === undefined ? nowDate : date;
         if (type === '2' && date) {
-          this.getDetail(date,BatchNumber);
+          this.getDetail(date, BatchNumber);
         }
         this.editShow = true;
       },
@@ -1206,7 +1222,7 @@
     display: flex;
     justify-content: space-around;
     flex-wrap: wrap;
-    padding-bottom:20px;
+    padding-bottom: 20px;
   }
 
   .hotelProductManage2_calendarItem>.calendarItem_day>div {