修改vip颜色

src/views/order_manage/components/orderDetail.vue

@@ -1,11 +1,5 @@
 <template>
-  <el-drawer
-    title="订单详情"
-    size="50%"
-    :visible.sync="drawer"
-    direction="rtl"
-    v-loading="loading"
-  >
+  <el-drawer title="订单详情" size="50%" :visible.sync="drawer" direction="rtl" v-loading="loading">
     <div class="header">
       <div class="title">【收银订单】</div>
       <div class="table">
@@ -50,20 +44,13 @@
                 <div>订单原价：￥{{ detail.originAmount }}</div>
                 <div>优惠金额：￥{{ detail.userCouponAmount || "-" }}</div>
                 <div>
-                  实收金额：<span style="color: red;"
-                    >￥{{ detail.payAmount }}</span
-                  >
+                  实收金额：<span style="color: red;">￥{{ detail.payAmount }}</span>
                 </div>
               </div>
               <div class="row">
                 <div>
                   退款金额：￥{{ detail.refundAmount }}
-                  <span
-                    style="color: #FF9731;cursor: pointer;"
-                    v-if="detail.isRefund"
-                    @click="type = '3'"
-                    >退款详情></span
-                  >
+                  <span style="color: #FF9731;cursor: pointer;" v-if="detail.isRefund" @click="type = '3'">退款详情></span>
                 </div>
                 <div>支付方式：{{ detail.payType }}</div>
               </div>
@@ -88,12 +75,9 @@
             <el-table-column label="商品">
               <template v-slot="scope">
                 <div class="shop_info">
-                  <el-image
-                    :src="scope.row.productImg"
-                    style="width: 40px;height: 40px;"
-                  ></el-image>
+                  <el-image :src="scope.row.productImg" style="width: 40px;height: 40px;"></el-image>
                   <div class="info">
-                    <span>{{ scope.row.productName }}</span>
+                    <span :class="[scope.row.isVip == 1 ? 'colorStyle' : '']">{{ scope.row.productName }}</span>
                     <span style="color: #999;">{{
                       scope.row.productSkuName
                     }}</span>
@@ -125,10 +109,7 @@
               <div class="list">
                 <div class="list_row" v-for="val in item.detailList">
                   <div class="item">
-                    <el-image
-                      :src="val.productImg"
-                      style="width: 50px;height: 50px;"
-                    ></el-image>
+                    <el-image :src="val.productImg" style="width: 50px;height: 50px;"></el-image>
                     <span class="name">{{ val.productName }}</span>
                   </div>
                   <div class="item">
@@ -358,4 +339,8 @@ export default {
     }
   }
 }
+
+.colorStyle {
+  color: #ffc315;
+}
 </style>

src/views/order_manage/order_list.vue

@@ -108,7 +108,9 @@
                 <el-image :src="item.productImg" class="cover" lazy></el-image>
                 <div class="info">
                   <div class="name">
-                    {{ item.productName }}
+                    <span :class="[item.isVip==1?'colorStyle':'']">
+                      {{ item.productName }} 
+                    </span>
                     <span class="refund" v-if="item.refundNumber">(退 - {{ item.refundNumber }})</span>
                   </div>
                   <div class="sku">{{ item.productSkuName }}</div>
@@ -518,4 +520,7 @@ export default {
     }
   }
 }
+.colorStyle{
+color: #ffc315;
+}
 </style>