修改增加链接

src/components/commonPage/comCheckHotel.vue

 <style>
 
-  .comCheckHotel>div {
+  .comCheckHotel .comCheckHotel {
     width: 100%;
     height: 150px;
     overflow: auto
   }
 
-  .comCk_list {
-    cursor: pointer;
+  .comCheckHotel .comCk_list {
     padding: 0 20px;
     margin: 0 15px 5px 0;
   }
 
-  .cm_Inventory {
+  .comCheckHotel .cm_Inventory {
     margin-left: 20px;
     color: red;
     display: inline-block;
   }
 
-  .cm_hotelTitle {
+  .comCheckHotel .cm_hotelTitle {
     width: 100%;
     text-align: center;
     margin-bottom: 20px;
@@ -26,15 +25,15 @@
     padding: 0 20px 10px 20px;
   }
 
-  .com_SaveBtn {
+  .comCheckHotel .com_SaveBtn {
     margin: 10px 20px 0 45%;
   }
 
-  .ckedList {
+  .comCheckHotel .ckedList {
     background-color: #E95252;
     color: #fff;
   }
-  .Ck_hotelInfo{
+  .comCheckHotel .Ck_hotelInfo{
     width:100%;
     height:40px;
     background-color: #F6F8FB;
@@ -42,10 +41,15 @@
     line-height: 40px;
     margin-bottom:10px;
   }
+  .comCheckHotel .ck_goUrl{
+      color:blue;
+      cursor: pointer;
+      margin-left:10px;
+  }
 </style>
 
 <template>
-  <div>
+  <div class="comCheckHotel">
     <div class="Ck_hotelInfo">
       <span style="color:red">{{UseDate}}</span> 酒店库存信息
     </div>
@@ -61,13 +65,11 @@
       <el-tabs type="border-card" v-loading="loading" v-if="IsShow" >
         <el-tab-pane :label="item.ProvinceName" v-for="(item,index) in dataList" >
           <div class="clearfix comCheckHotel">
-            <div>
               <div class="comCk_list" v-for="(subItem,subIndex) in item.HotelList">
-                <input type="checkbox" v-model="subItem.isChecked" @click="getCheck(item.HotelList,subIndex)"
-                  style="" />
+                <input type="checkbox" v-model="subItem.isChecked" @click="getCheck(item.HotelList,subIndex)"/>
                 {{subItem.Name}}<span class="cm_Inventory">{{subItem.Inventory}}</span>
+                <span class="ck_goUrl" @click="goUrl(subItem.ID)">新增库存</span>
               </div>
-            </div>
           </div>
         </el-tab-pane>
       </el-tabs>
@@ -85,6 +87,7 @@
         ProvinceList: [],
         ProvinceId: 0, //选择个省份编号
         IsShow:false,
+        ckedHotel:{}
       };
     },
     methods: {
@@ -119,6 +122,7 @@
         hotelList.forEach((x, subIndex) => {
           if (index == subIndex) {
             x.isChecked = !x.isChecked;
+            this.ckedHotel = x;
           } else {
             x.isChecked = false;
           }
@@ -128,18 +132,14 @@
       //向父组件传递选中酒店
       sendCkedHotel() {
         var ckHotelObj = {};
-        this.dataList.forEach((x, index) => {
-          x.HotelList.forEach(subItem => {
-            if (subItem.isChecked) {
-              ckHotelObj.ID = subItem.ID;
-              ckHotelObj.Address = subItem.Address;
-              ckHotelObj.Inventory = subItem.Inventory;
-              ckHotelObj.Name = subItem.Name;
-              ckHotelObj.PayStyle = subItem.PayStyle;
-              ckHotelObj.Tel = subItem.Tel;
-            }
-          });
-        })
+        if(this.ckedHotel){
+            ckHotelObj.ID = this.ckedHotel.ID;
+            ckHotelObj.Address = this.ckedHotel.Address;
+            ckHotelObj.Inventory = this.ckedHotel.Inventory;
+            ckHotelObj.Name = this.ckedHotel.Name;
+            ckHotelObj.PayStyle = this.ckedHotel.PayStyle;
+            ckHotelObj.Tel = this.ckedHotel.Tel;
+        }
         this.$emit("childHotel", ckHotelObj);
       },
       //获取日本下面的市->下拉框用
@@ -157,6 +157,19 @@
           err => {}
         );
       },
+      goUrl(ID){
+         this.$router.push({
+          path: 'HotelProductManage2',
+          query: {
+            id: ID,
+            Country: 651,
+            IsSelfBook: 1,
+            blank: 'y',
+            tab: '报价详情'
+          }
+        });
+
+      }
     },
     mounted() {
       this.getProvinceList();