页面修改

src/components/sale/orderlist.vue

@@ -62,8 +62,9 @@
             <td :rowspan="3" style="text-align: left">
               <div>
                 <span @click="goOrderdetails(item,1)" class="order_OfferId">{{item.OrderId}}</span>
-                <span v-if="item.JoinType==3&&item.TargetJoinType==1" style="color:red;margin-left:5px;">续费订单</span>
-                <span v-if="item.JoinType==1&&item.TargetJoinType==3" style="color:green;margin-left:5px;">已续费</span>
+                <q-badge v-if="item.JoinType==3" color="red" label="续费订单" style="margin-left:5px;" class="q-mr-xs" />
+                <q-badge v-if="item.TargetJoinType==3" color="green" label="已续费" style="margin-left:5px;"
+                  class="q-mr-xs" />
               </div>
               <div class="order_OferTitle" v-if="item.TargetJoinType==1">
                 <template v-if="item.JoinType==3">