调整订单列表申请售后按钮

pages/order/index.vue

@@ -186,6 +186,20 @@
             <span v-else>{{scope.row.order_status_name}}</span>
           </template>
         </el-table-column>
+
+        <el-table-column
+          prop="name"
+          label="支付状态"
+          align="center"
+          width="180"
+        >
+          <template slot-scope="scope">
+            <span v-if="scope.row.pay.pay_status == 2">已支付</span>
+            <span v-else-if="scope.row.pay.pay_status == 0 && scope.row.pay.pay_money > 0 && scope.row.pay.received_money > 0">部分支付</span>
+            <span v-else-if="scope.row.pay.pay_status == 0 && scope.row.pay.pay_money > 0 && scope.row.pay.received_money == 0">未支付</span>
+          </template>
+        </el-table-column>
+
         <!--待审核是展示-->
         <el-table-column
           prop="refund_status_name"
@@ -201,6 +215,7 @@
           align="center"
           width="120"
         ></el-table-column>
+
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click="detail(scope.row, iSdefaults)"
@@ -228,16 +243,25 @@
               @click="cancelOrder(scope.row)"
               >取消订单</el-button
             >
+<!--            <el-button-->
+<!--              type="text"-->
+<!--              size="small"-->
+<!--              v-if="-->
+<!--                scope.row.order_status == 3 ||-->
+<!--                (scope.row.order_status == 4 && !isEvaluate)-->
+<!--              "-->
+<!--              @click="refund(scope.row)"-->
+<!--              >申请售后</el-button-->
+<!--            >-->
+
             <el-button
               type="text"
               size="small"
-              v-if="
+              v-if="[0,1,3,4].includes(scope.row.order_status) && [0,2].includes(scope.row.pay.pay_status)"
-                scope.row.order_status == 3 ||
+              @click="clickSpsh(scope.row)">
-                (scope.row.order_status == 4 && !isEvaluate)
+              申请售后
-              "
+            </el-button>
-              @click="refund(scope.row)"
+
-              >申请售后</el-button
-            >
             <el-button
               type="text"
               size="small"
@@ -436,15 +460,25 @@
       @clickConfirm="billBtn"
       :cancelText="'返回'"
     ></Dialog>
+
+    <!-- 申请售后 -->
+    <DialogOrderAfterSale
+      :dialogOrderAfterSaleData="orderData"
+      :DialogOrderAfterSaleVisible="DialogOrderAfterSaleVisible"
+      v-if="DialogOrderAfterSaleVisible"
+      :DialogOrderAfterSaleloading="DialogOrderAfterSaleloading"
+      @closrDialogOrderAfterSale="closrDialogOrderAfterSale"
+    ></DialogOrderAfterSale>
   </div>
 </template>
 <script>
 import Setting from "~/setting";
 import EvaluateDetail from "./evaluate_detail.vue";
 import UploadImageOss from "@/components/uploadImageOss.vue";
+import DialogOrderAfterSale from "@/components/dialogOrderAfterSale.vue";
 export default {
   auth: false,
-  components: {UploadImageOss, EvaluateDetail },
+  components: {UploadImageOss, EvaluateDetail,DialogOrderAfterSale },
   data() {
     return {
       userInfo: JSON.parse(localStorage.getItem("userInfo")),
@@ -515,6 +549,12 @@ export default {
         region: "",
       },
       tableRow: {},
+
+      //申请售后相关
+      orderData:{},//需要申请售后的订单详情
+      //申请售后相关
+      DialogOrderAfterSaleVisible: false,//是否展示
+      DialogOrderAfterSaleloading: false,//是否加载完毕
     };
   },
   created() {
@@ -824,6 +864,20 @@ export default {
           this.$message.error(err);
         });
     },
+
+    //申请售后
+    clickSpsh(orderData) {
+      this.orderData = orderData
+      console.log('xx1',this.orderData)
+      //打开售后页面
+      this.DialogOrderAfterSaleVisible = true;
+    },
+    //关闭售后弹出层
+    closrDialogOrderAfterSale(e){
+      console.log('xx1',e)
+      this.DialogOrderAfterSaleData = this.orderData
+      this.DialogOrderAfterSaleVisible = false
+    },
   },
 };
 </script>