优化

ghs/src/service/refund/index.js

@@ -24,5 +24,12 @@ export class RefundService extends BaseService {
 		});
 	}
 
+	modifyCause(data) {
+		return this.request({
+			url: '/modify-cause',
+			params: data
+		});
+	}
+
 }
 export default new RefundService();

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

@@ -44,7 +44,18 @@
                     <div class="flex list" style="align-items: center;">
                         <div class="flex" style="align-items: center;">
                             {{ 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>
+                            <span style="margin-left:20px;color:#3385FF;cursor: pointer;" @click="showChoice=true">修改</span>
+                        </div>
+                    </div>
+                </div>
+                <div class="flex refund-item" v-if="showChoice==true">
+                    <div class="refund-label">选择原因：</div>
+                    <div class="flex list" style="align-items: center;">
+                        <div class="flex" style="align-items: center;">
+                            <el-button size="medium" type="primary" @click.stop="changeCause(info,0)">质量问题</el-button>
+                            <el-button size="medium" type="primary" @click.stop="changeCause(info,1)">多开错开</el-button>
+                            <el-button size="medium" type="primary" @click.stop="changeCause(info,2)">打包原因</el-button>
+                            <el-button size="medium" type="primary" @click.stop="changeCause(info,3)">物流原因</el-button>
                         </div>
                     </div>
                 </div>
@@ -123,7 +134,8 @@ export default {
 			info:[],
 			rejectReason:'',
 			from:0,
-			refundAmount:''
+			refundAmount:'',
+            showChoice:false
 		};
 	},
 	methods: {
@@ -155,8 +167,13 @@ export default {
 			// 	})
 			// })
 		},
-        changeCause(info){
-            this.$message.error('开发中')
+        changeCause(info,cause){
+            this.$service.refund.modifyCause({id:info.id,cause:cause}).then(res=>{
+                console.log(res)
+                this.showChoice = false
+                info.cause = cause
+                that.$message.success('修改成功')
+            })
         },
         getDetail(ret){
             this.$service.refund.detail({ id: ret.id }).then(data => {