售后优化，打包测试

src/views/system/retreat/edit.vue

 <template>
   <div class="app-container after-sale-detail">
     <el-card>
-<!--      <p class="as-detail-title">售后详情</p>-->
       <!-- 仅退款 -->
       <div v-if="asOrderType == 1" class="as-step-info">
         <el-steps :active="step" align-center>
@@ -58,7 +57,7 @@
                   :preview-src-list="asSrcList">
                 </el-image>
               </div>
-              <p v-else style="color:#666">暂无图片</p>
+              <p v-else style="color:#999">暂无图片</p>
             </el-col>
           </el-row>
         </div>
@@ -219,6 +218,7 @@
       return {
         // Refund only   仅退款
         // Return refund 退货退款
+        timer: null,
         asGoodId: 0, // 当前 售后订单的 id
         asOrderType: 1, // 售后类型 1-仅退款； 2-退货退款
         // 仅退款 流程，每个步骤文字提示
@@ -400,6 +400,25 @@
               this.asOrderType = this.asOrderDetail.refund_type
               this.cdHour = this.asOrderDetail.dead_line_hour
               this.cdMinute = this.asOrderDetail.dead_line_minute
+
+              // this.timer = setInterval(() => {
+              //   if (this.cdHour <= 0) {
+              //     this.cdHour = 0
+              //   }
+              //
+              //   if (this.cdMinute <= 0) {
+              //     this.cdMinute = 0
+              //   }
+              //
+              //   if (this.cdMinute && this.cdHour) {
+              //     this.cdMinute--
+              //     if (this.cdMinute <= 0) {
+              //       this.cdMinute = 59
+              //       this.cdHour--
+              //     }
+              //   }
+              // }, 60000)
+
               // 根据售后订单信息，判断 订单状态，显示对应按钮操作
               this.asHandleBtnType(this.asOrderDetail)
               // 金额处理
@@ -489,8 +508,6 @@
        *
        * */
       submitAfterSale(type) {
-        console.log("确定的类型",type);
-
         let params = {
           order_refund_sn: this.asGoodId
         };
@@ -537,7 +554,6 @@
 
         // type 为3，则为，退货退款的 同意退货退款,发送地址
         if(this.onlyIsAgree == 3) {
-          debugger
           if( this.order_refund_address == '' ) {
             this.$message({type:'warning',message: '请选择地址信息'});
             return
@@ -627,15 +643,15 @@
       ASResult(row) {
         let result = ''
 
-        if(row.status == 5) {
+        if (row.status == 5) {
           result = '退款完成，售后完成'
-        }else if(row.status == -1) {
-          if( row.close_reason == 1 || row.close_reason == 2) {
+        } else if (row.status == -1) {
+          if ( row.close_reason == 1 || row.close_reason == 2) {
             result = '卖家拒绝，售后关闭'
           }else if ( row.close_reason == 3 ) {
             result = '买家未退货，售后关闭'
-          }else if ( row.close_reason == 4 ) {
-
+          }else if (row.close_reason == 6) {
+            result = '买家取消，售后关闭'
           }
         }
 
@@ -669,6 +685,9 @@
       formatter(time) {
         return dateFormat(time * 1000, 'Y-m-d H:i:s')
       },
+    },
+    destroyed() {
+      // clearInterval(this.timer)
     }
   }
 </script>

src/views/system/retreat/retreat/index.vue

@@ -45,9 +45,10 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item label="售后订单号" prop="refund_sn" width="220px">
+        <el-form-item label="订单号" prop="goods_order_sn">
           <el-input
-            v-model="queryParams.refund_sn"
+            style="width:250px;"
+            v-model="queryParams.goods_order_sn"
             placeholder="请输入订单号"
             clearable
             @keyup.enter.native="handleQuery"
@@ -68,8 +69,8 @@
       <!-- 列表 -->
       <el-table class="after-sale-table" :data="afterSaleList" :height="afterSaleHeight">
 <!--        <el-table-column label="商品ID" align="center" width="150" prop="goodsId"></el-table-column>-->
-        <el-table-column label="商品名称" align="center" width="180" prop="title"></el-table-column>
-        <el-table-column label="售后订单号" align="center" width="240" prop="refund_sn"></el-table-column>
+        <el-table-column label="商品名称" align="center" width="280" prop="title"></el-table-column>
+        <el-table-column label="订单号" align="center" width="240" prop="goods_order_sn"></el-table-column>
         <el-table-column label="退换货类型" align="center" width="180">
           <template slot-scope="scope">
             <span v-if="scope.row.refund_type == 1">仅退款</span>
@@ -131,7 +132,7 @@
           // goods_id: '',
           goods_title: '',
           refund_type: '',
-          refund_sn: '',
+          goods_order_sn: '',
           reason: '',
         },
         pickerOptions: {
@@ -238,7 +239,7 @@
           //goods_id: this.queryParams.goods_id,
           // goods_title: this.queryParams.goods_title,
           // refund_type: '',
-          // refund_sn: '',
+          // goods_order_sn: '',
           // reason: ''
         }
 
@@ -255,8 +256,8 @@
           params['refund_type'] = this.queryParams.refund_type;
         }
 
-        if (this.queryParams.refund_sn != '') {
-          params['refund_sn'] = this.queryParams.refund_sn;
+        if (this.queryParams.goods_order_sn != '') {
+          params['goods_order_sn'] = this.queryParams.goods_order_sn;
         }
 
         if (this.queryParams.reason != -1 && this.queryParams.reason != '') {
@@ -304,7 +305,7 @@
           //goods_id: '',
           goods_title: '',
           refund_type: '',
-          refund_sn: '',
+          goods_order_sn: '',
           reason: '',
         }
       },