修改

src/components/Supplier/roomQuery2.vue

@@ -20,7 +20,7 @@
         <div style="display:inline-block;color:red">注意事项:每次导出数据最好不要超过一个月。</div>
         <div class="rq_comSpan" style="display:inline-block;">颜色说明:
           <span class="rq_span1">未操作</span><span class="rq_span2">操作中</span><span class="rq_span3">操作完成</span><span
-            class="rq_span4">机位数和人数不相符</span><span class="rq_span4">取消个数</span>
+            class="rq_span4">机位数和人数不相符</span>
         </div>
       </div><br />
       <table border="0" cellspacing="1" cellpadding="0" class="roomQuery_SupplierTable" v-loading='loading'>
@@ -39,6 +39,7 @@
             <td style="position:relative;">
               {{item.NewCombinationNum}}
               <div class="Add_triangle" v-if="item.IsBookTeam==1&&todayDate==getDateYear(item.HotelBookTimeStr)"></div>
+              <div class="minus_triangle" v-if="item.IsBookTeam==2"></div>
             </td>
             <td>
               {{item.TCNUMS}}({{item.TCID}})
@@ -68,7 +69,7 @@
                 <el-popover placement="bottom" width="800" trigger="click" popper-class="rq_HotelDetails">
                   <table class="rq_HotelTable">
                     <tr>
-                      <th width="180">
+                      <th width="200">
                         时间
                       </th>
                       <th width="200">
@@ -121,8 +122,8 @@
                           </tr>
                           <tr>
                             <td colspan="4">
-                              <span style="display:inline-block;width:40px;vertical-align:top;">提示信息：</span>
-                              <span style="display:inline-block;width:400px;">{{childItem.Remarks}}</span></td>
+                              <span style="display:inline-block;width:60px;vertical-align:top;">提示信息：</span>
+                              <span style="display:inline-block;width:87%;">{{childItem.Remarks}}</span></td>
                           </tr>
                            <tr>
                             <td>
@@ -183,7 +184,7 @@
           </tr>
           <tr>
             <td colspan="8" style="text-align:left;padding-left:5px;">
-              <div class="rQ_HtList" v-if="item.IsBookTeam==2">
+              <div class="rQ_HtList" v-if="item.IsBookTeam==2&&item.Numbers>0">
                   <span v-for="subItem in item.Numbers"></span>
               </div>
               <div>注意事项： {{item.SupplierRemarks}}</div>
@@ -498,7 +499,7 @@
     padding-top:5px;
   }
   .SaveR_Btn{
-    margin:10px 0 0 155px;
+    margin:10px 0 0 45%;
   }
   .Add_triangle{
       width: 0;
@@ -508,7 +509,7 @@
       top:0;
       border-style: solid;
       border-width: 45px 45px 0 0;
-      border-color: red transparent transparent 
+      border-color: #7abd53 transparent transparent 
   }
   .Add_triangle::after {
     content: '新增';
@@ -519,6 +520,26 @@
     color: #FFFFFF;
     font-size: 12px;
 }
+.minus_triangle{
+    width: 0;
+    height: 0;
+    position: absolute;
+    left:0;
+    top:0;
+    border-style: solid;
+    border-width: 45px 45px 0 0;
+    border-color: red transparent transparent 
+}
+  .minus_triangle::after {
+    content: '取消';
+    position: absolute;
+    top: -42px;
+    right: -27px;
+    white-space: nowrap;
+    color: #FFFFFF;
+    font-size: 12px;
+}
+
 .rQ_HtList{
   margin-top:5px 0 3px 0;
 }