售后bug处理

src/views/system/retreat/edit.vue

@@ -52,7 +52,7 @@
 <!--              {{ asOrderDetail.images }}-->
               <div v-if="asSrcList.length > 0">
                 <el-image
-                  style="width: 70px; height: 70px;border:1px solid #eee;"
+                  style="width: 70px; height: 70px;border:1px solid #eee;margin-right:10px;"
                   v-for="(itemSrc,index) in asSrcList"
                   :src="itemSrc"
                   :preview-src-list="asSrcList">
@@ -81,7 +81,7 @@
           </el-row>
           <el-row class="row-title">
             <el-col :span="3" class="text-r">商品金额</el-col>
-            <el-col :span="6" class="text-l">{{ goodsOrderDetail.refund_money }}</el-col>
+            <el-col :span="6" class="text-l">{{ goodsOrderDetail.goods_price }}</el-col>
             <el-col :span="3" class="text-r">商品数量</el-col>
             <el-col :span="6" class="text-l">{{ goodsOrderDetail.total }}</el-col>
           </el-row>
@@ -130,7 +130,7 @@
 
       <!-- 售后 操作按钮 -->
       <div class="as-handle-btn" v-if="onlyOrRefundBtnType == 1">
-        <el-button class="as-btn" type="primary" @click="agreeHandle(1)">同意退款</el-button>
+        <el-button class="as-btn" type="primary" @click="agreeHandle(1)" :disabled="onlyButtonDisabled">同意退款</el-button>
         <el-button class="as-btn" type="primary" @click="refuseHandle(2)">拒绝退款</el-button>
       </div>
       <div class="as-handle-btn" v-if="onlyOrRefundBtnType == 2">
@@ -234,7 +234,7 @@
         goodsOrderDetail: {
           goods_status: 0, // 订单状态
           goods_order_sn: '', // 订单编号
-          refund_money: '', // 商品金额/售后金额
+          goods_price: '', // 商品金额/售后金额
           title: '',// 商品名称
           goods_option_title: '', // 商品规格
           total: '', // 商品数量
@@ -252,20 +252,32 @@
         refuseReason: '',
         sellerId: 0,
         asAddressOptions: [],
-        order_refund_address:''
+        order_refund_address:'',
+
+        onlyButtonDisabled: false
       } // return end
     },
-    watch: {},
+    watch: {
+      $route(to,from) {
+        if(this.$route.query.refund_sn) {
+          this.asGoodId = this.$route.query.refund_sn;
+          this.getDetail();
+        }
+      }
+    },
     created() {
       this.sellerId = this.$store.state.user.sellerid;
       /** 获取 当前售后 订单的id */
       this.asGoodId = this.$route.query.refund_sn;
+      //console.log("售后订单号：",this.asGoodId);
       /** 查询 售后订单详情 */
       this.getDetail();
       /** 获取 退货退款的发送 地址 */
       this.getASAdress();
     },
-    mounted() {},
+    mounted() {
+
+    },
     methods: {
       /** Only 代表 仅退款
        *  售后步骤和对应文案提示,
@@ -376,15 +388,10 @@
             // 售后订单详情
             if( res.data.order_refund ) {
               this.asOrderDetail = res.data.order_refund;
-              //------------ 测试数据
-              // this.asOrderDetail.refund_type = 2;
-              // this.asOrderDetail.status = 2;
-              // this.asOrderDetail.close_reason = 2;
-              //--------------
               // 先确定 售后类型
               this.asOrderType = this.asOrderDetail.refund_type
-              this.cdHour = this.asOrderType.dead_line_hour
-              this.cdMinute = this.asOrderType.dead_line_minute
+              this.cdHour = this.asOrderDetail.dead_line_hour
+              this.cdMinute = this.asOrderDetail.dead_line_minute
               // 根据售后订单信息，判断 订单状态，显示对应按钮操作
               this.asHandleBtnType(this.asOrderDetail)
               // 金额处理
@@ -392,23 +399,27 @@
               this.asOrderDetail.price = this.asOrderDetail.price / 100
               // 售后图片 处理
               this.asSrcList = []
-              if(this.asOrderDetail.images) {
-                this.asSrcList = this.asOrderDetail.images.split(',')
+              if(this.asOrderDetail.imgs_arr && this.asOrderDetail.imgs_arr.length > 0) {
+                this.asSrcList = this.asOrderDetail.imgs_arr
               }
 
               // 更新 售后订单 流程和状态
               // 仅退款
               if(this.asOrderDetail.refund_type == 1) {
                 this.returnOnlyStatus(this.asOrderDetail.status,this.asOrderDetail.close_reason);
+                this.$forceUpdate()
               }
               // 退货退款
               if(this.asOrderDetail.refund_type == 2) {
                 this.returnRefundStatus(this.asOrderDetail.status,this.asOrderDetail.close_reason);
+                this.$forceUpdate()
               }
             }
             // 订单 详情
             if(res.data.order_goods) {
               this.goodsOrderDetail = res.data.order_goods;
+              // 商品金额 单位
+              this.goodsOrderDetail.goods_price = res.data.order_goods.goods_price / 100
             }
             // 售后历史
             if(res.data.order_refund_history) {