修改订房查询

src/components/Supplier/roomQuery2.vue

@@ -36,8 +36,18 @@
         </tr>
         <tbody v-for="(item,index) in dataList">
           <tr>
-            <td>
+            <td style="position:relative;">
               {{item.NewCombinationNum}}
+              <div class="Add_triangle" v-if="item.IsBookTeam==1&&todayDate==getDateYear(item.HotelBookTimeStr)"></div>
+              {{item.IsBookTeam}}
+              {{item.HotelBookTimeStr}}
+              <div class="rQ_HtList">
+                  <span></span>
+                  <span></span>
+                  <span></span>
+                  <span></span>
+                  <span></span>
+              </div>
             </td>
             <td>
               {{item.TCNUMS}}({{item.TCID}})
@@ -135,16 +145,16 @@
                 <el-popover placement="bottom" width="400" trigger="click" popper-class="rq_HotelDetails">
                   <table>
                     <tr>
-                      <td>
+                      <td class="SP_RemarkTitle">
                         备注：
                       </td>
                       <td>
-                        <el-input class='mt10' v-model='RemarkObj.SupplierToDmcRemarks' type='textarea'></el-input>
+                        <el-input class='w320 SupplierRemarks' v-model='RemarkObj.SupplierToDmcRemarks' type='textarea'></el-input>
                       </td>
                     </tr>
                     <tr>
                       <td colspan="2">
-                        <input type="button" value="保存" @click="saveSupplierToDmcRemarks" class="normalBtn" />
+                        <input type="button" value="保存" @click="saveSupplierToDmcRemarks" class="normalBtn SaveR_Btn" />
                       </td>
                     </tr>
                   </table>
@@ -217,6 +227,9 @@
           HotelId: 0,
           TCID: 0
         },
+        //是否为今天
+        isToday:false,
+        todayDate:'',
       }
     },
     methods: {
@@ -291,9 +304,24 @@
             this.loading = false;
           });
       },
+      timeAdd0(str) {
+        if(str.length<=1){
+            str='0'+str;
+        }
+        return str
+      },
+      //提取年月日
+      getDateYear(date){
+        return date.split(' ')[0];
+      }
     },
     mounted() {
       this.UserInfo = this.getLocalStorageSupplier();
+      //获取当前日期
+      var nowMonth=(new Date().getMonth() + 1).toString()
+      var nowDay=new Date().getDate().toString();
+      this.todayDate = new Date().getFullYear()+'-'+ this.timeAdd0(nowMonth) +'-' + this.timeAdd0(nowDay);
+
       this.getList();
     },
   }
@@ -423,5 +451,42 @@
     position: relative;
     top: 3px;
   }
-
+  .SupplierRemarks .el-textarea__inner{
+    height:75px;
+  }
+  .SP_RemarkTitle{
+    vertical-align: top;
+    padding-top:5px;
+  }
+  .SaveR_Btn{
+    margin:10px 0 0 155px;
+  }
+  .Add_triangle{
+      width: 0;
+      height: 0;
+      position: absolute;
+      left:0;
+      top:0;
+      border-style: solid;
+      border-width: 40px 40px 0 0;
+      border-color: red transparent transparent 
+  }
+  .Add_triangle::after {
+    content: '新增';
+    position: absolute;
+    top: -35px;
+    right: -27px;
+    white-space: nowrap;
+    color: #FFFFFF;
+    font-size: 12px;
+}
+.rQ_HtList{
+  margin-top:10px;
+}
+.rQ_HtList span{
+  display:inline-block;
+  width:15px;
+  height:15px;
+  border:1px solid #d1d1d1;
+}
 </style>