订单商品退款退款备注

app/Admin/Extensions/MyDetailPage.php

@@ -36,8 +36,10 @@ class MyDetailPage extends LazyRenderable
             var app = new Vue({
                 el:"#detail",
                 data:{
+                    dialogFormVisible: false,
                     order_num: "{$order['order_num']}",
                     name: "{$order['name']}",
+                    state: "{$order['state']}",
                     created_at: "{$order['created_at']}",
                     updated_at: "{$order['updated_at']}",
                     pay_type: "{$order['pay_type']}",
@@ -54,24 +56,25 @@ class MyDetailPage extends LazyRenderable
                     coupon_money: "{$order['coupon_money']}",
                     delivery_money: "{$order['delivery_money']}",
                     horseman_name: "{$order['horseman_name']}",
-                    orders: JSON.parse(orders)
+                    orders: JSON.parse(orders),
+                    refund_2:"退款",
+                    refund_3:"已同意退款",
+                    refund_goods_name:"",
 
                 },
                 methods: {
-                    refund() {
+                    refundNote(name) {
+                        this.dialogFormVisible = true;
+                        this.refund_goods_name ="退款备注商品 ["+name+"]" ;
+                    },
+                    refundConfirm() {
                          this.\$confirm('是否同意该商品退款?', '提示', {
                             confirmButtonText: '同意',
                             cancelButtonText: '取消',
                             type: 'warning'
                         }).then(() => {
-
-
-
-
-                            this.\$message({
-                                type: 'success',
-                                message: '操作成功!'
-                            });
+                            this.dialogFormVisible = false;
+                            alert(this.total_refund_note)
                         }).catch(() => {
                         });
                     }
@@ -79,6 +82,7 @@ class MyDetailPage extends LazyRenderable
             });
 JS
             );
+
         }
         return view('orderdetail');
     }

resources/views/orderdetail.php

@@ -50,10 +50,11 @@
 
                 </div>
                 <p class="mb-0" style="color: red;font-size: 1.4rem;">￥{{goods.price}}</p>
-                <el-button type="danger" style="float: right;" @click="refund()">退款审核</el-button>
+                <el-button type="danger" style="float: right;" @click="refundNote(goods.name)" v-if="state==4">{{refund_2}}</el-button>
+                <p style="float: right;" v-if="goods.status==3">{{refund_3}}</p>
             </div>
         </div>
-        <p v-if="item.note">店铺备注: ({{item.note}})</p>
+        <p v-if="item.note">店铺备注: ({{item.note}})</p>l
     </div>
     <div class="money">
         总金额: {{total_money}} 元
@@ -66,7 +67,14 @@
         &ensp;&ensp;
         实付金额: {{money}} 元
 
+    </div>l
+    <el-dialog :title="refund_goods_name" :visible.sync="dialogFormVisible">
+        <el-input :rows="5" v-model="total_refund_note" placehoder="请备注退款原因" type="textarea"></el-input>
+        <div slot="footer" class="dialog-footer">
+            <el-button @click="dialogFormVisible = false">取 消</el-button>
+            <el-button type="primary" @click="refundConfirm()">确 定</el-button>
         </div>
-    <!-- 店铺END -->
+    </el-dialog>
+
 </div>