售后优化

ghs/src/views/order/components/begin-refund.vue

@@ -71,14 +71,10 @@
 					<div class="accounts-list">
 						退款原因
 						<div class="accounts-center">
-							<div v-if="cause==0">
-								<el-button type="primary" size="small" @click="cause=0">质量问题</el-button>
-								<el-button  @click="cause=1" size="small" style="margin-left:20px;">多开错开</el-button>
-							</div>
-							<div v-else>
-								<el-button @click="cause=0" size="small">质量问题</el-button>
-								<el-button type="primary" size="small" @click="cause=1" style="margin-left:20px;">多开错开</el-button>
-							</div>
+							<el-button size="small" @click="cause=0" :class="[cause == 0 ? 'active-button' : '']">质量问题</el-button>
+							<el-button @click="cause=1" size="small" style="margin-left:20px;" :class="[cause == 1 ? 'active-button' : '']">多开错开</el-button>
+							<el-button @click="cause=2" size="small" style="margin-left:20px;" :class="[cause == 2 ? 'active-button' : '']">打包原因</el-button>
+							<el-button @click="cause=3" size="small" style="margin-left:20px;" :class="[cause == 3 ? 'active-button' : '']">物流原因</el-button>
 						</div>
 					</div>
 				</div>
@@ -309,6 +305,11 @@ export default {
 }
 </style>
 <style lang="scss" scoped>
+.active-button{
+	color: #FFF;
+    background-color: #409EFF;
+    border-color: #409EFF;
+}
 .order-draw-wrap {
 	.title-status-wrap {
 		@include disFlex(center, flex-start);

ghs/src/views/order/components/refund-record.vue

@@ -43,7 +43,8 @@
                     <div class="refund-label">售后原因：</div>
                     <div class="flex list" style="align-items: center;">
                         <div class="flex" style="align-items: center;">
-                            {{ info.cause == 0 ? '质量原因' : '多开错开'}} <span style="margin-left:20px;color:#3385FF;cursor: pointer;" @click="changeCause(info)">修改</span>
+                            {{ info.cause==0?'质量问题' : info.cause==1 ?'多开错开': info.cause==2 ? '打包原因' : info.cause==3 ? '物流原因' : '其它'}}
+                            <span style="margin-left:20px;color:#3385FF;cursor: pointer;" @click="changeCause(info)">修改</span>
                         </div>
                     </div>
                 </div>

ghs/src/views/order/refund-list.vue

@@ -13,7 +13,7 @@
 			</template>
 
 			<template #table-column-cause="{scope}">
-				{{ scope.row.cause==0?'质量问题':'多开错开' }}
+				{{ scope.row.cause==0?'质量问题' : scope.row.cause==1 ?'多开错开': scope.row.cause==2 ? '打包原因' : scope.row.cause==3 ? '物流原因' : '其它'}}
 			</template>
 
 			<template #table-column-book="{scope}">