修改样式

src/components/TravelManager/TravelList/RegistrationList.vue

@@ -880,6 +880,19 @@
     margin: 5px;
     text-align: center;
   }
+  .rgsureBtn{
+    color: #fff;
+    padding: 0 15px;
+    height: 25px;
+    background: #297BEF;
+    border: 1px solid #297BEF;
+    cursor: pointer;
+    border-radius: 15px;
+    margin-left: 10px;
+  }
+  .rgsureBtn:hover{
+    background-color: #297BEF;
+  }
 </style>
 
 <template>
@@ -2004,12 +2017,12 @@
                   <span class="RL-redType RL-remarkCon" style="width:80%;display:inline-block;">{{childItem.OP_Remarks ? childItem.OP_Remarks : '无'}}</span>
                 </div>
                 <div style="float:right;" v-if="childItem.IsCanClear==0">
-                    <input type="button" value="确认订单" class="normalBtn" @click="clearSeat(childItem,1)" style="display:block;"/>
-                    <div style="width:85px;color:red;">该订单未确认会被系统自动清位</div>
+                    <input type="button" value="确认订单" class="rgsureBtn" @click="clearSeat(childItem,1)" style="display:block;"/>
+                    <div style="width:85px;">该订单<span style="color:red;">未确认</span>会被系统自动清位</div>
                 </div>
                 <div style="float:right;" v-else>
-                    <input type="button" value="取消订单" class="normalBtn" @click="clearSeat(childItem,2)" style="display:block;"/>
-                    <div style="width:85px;color:red;text-align:left;">该订单已确认不会被系统清位</div>
+                    <input type="button" value="取消订单" class="normalBtn" @click="clearSeat(childItem,2)" style="display:block;padding:0 15px;height:25px;"/>
+                    <div style="width:85px;text-align:left;">该订单<span style="color:green">已确认</span>不会被系统清位</div>
                 </div>
               </td>
               <td colspan="5" style="height: 40px;cursor: pointer;"