售后 提测

src/views/system/retreat/edit.vue

@@ -24,8 +24,8 @@
 
     <el-card class="as-order-details">
       <!-- 倒计时 提示 -->
-      <p class="count-down-con" v-if="asOrderType == 1">剩余处理时间： 25小时46分 请在72小时内处理，逾期不处理，系统将自动退款到买家账户</p>
-      <p class="count-down-con" v-if="asOrderType == 2">222剩余处理时间： 25小时46分 请在72小时内处理，逾期不处理，系统将自动退款到买家账户222</p>
+      <p class="count-down-con" v-if="asOrderType == 1"><i class="spec-icon-w el-icon-warning"></i>剩余处理时间： <span class="cd-time-span">{{ cdHour }} 小时 {{ cdMinute }} 分</span> 请在72小时内处理，逾期不处理，系统将自动退款到买家账户</p>
+      <p class="count-down-con" v-if="asOrderType == 2 && onlyOrRefundBtnType == 2"><i class="spec-icon-w el-icon-warning"></i>剩余处理时间： <span class="cd-time-span">{{ cdHour }} 小时 {{ cdMinute }} 分</span> 请在72小时内处理，逾期不处理，系统将自动退款到买家账户</p>
       <!-- 售后信息 -->
       <div>
         <p>售后信息</p>
@@ -143,7 +143,7 @@
       </div>
     </el-card>
 
-    <!-- [仅退款 同意/拒绝] [退货退款 确定退款/拒收包裹] 对话框 -->
+    <!-- 售后所有操作 对话框 -->
     <el-dialog
       :title="dialogASTypeTitle"
       :visible.sync="isASTypeDialog"
@@ -219,6 +219,8 @@
         refundStep3: '售后完成',
         refundStep4: '',
         refundStep5: '',
+        cdHour: 0,
+        cdMinute: 0,
         // 售后订单 信息
         asOrderDetail: {
           status: 0, // 退款状态
@@ -383,6 +385,8 @@
               //--------------
               // 先确定 售后类型
               this.asOrderType = this.asOrderDetail.refund_type
+              this.cdHour = this.asOrderType.dead_line_hour
+              this.cdMinute = this.asOrderType.dead_line_minute
               // 根据售后订单信息，判断 订单状态，显示对应按钮操作
               this.asHandleBtnType(this.asOrderDetail)
               // 金额处理
@@ -707,6 +711,25 @@
     text-align: left;
   }
 
+  .count-down-con {
+    padding: 10px 20px;
+    margin: 0;
+    color: #333;
+    font-size: 14px;
+    font-weight: 400;
+    background: #FFF5ED;
+    border: 1px solid #F1914E;
+  }
+
+  .spec-icon-w {
+    color: #E6A23C;
+    padding: 0 5px;
+  }
+
+  .cd-time-span {
+    margin: 0 10px;
+  }
+
   .as-handle-btn {
     display: flex;
     align-items: center;