订单详情页 样式修改 & 退款说明

src/utils/shop/index.js

@@ -128,3 +128,13 @@ export const brokerOwnerListAll = (params) => {
     description: '云鹊店铺-订单管理-招募人列表',
   })
 };
+// 获取退款说明
+export const getRefundDesc = (params) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`/store/orders/admin/queryRefundDesc/${params.orderId}/${params.goodsId}`),
+    method: 'post',
+    data: params,
+    description: '退货',
+  })
+};

src/views/goods/order-manage.vue

@@ -123,7 +123,7 @@
                 >导出订单</el-button
               >
             </div>
-            <div class="button-container">
+            <!-- <div class="button-container">
               <el-button
                 type="primary"
                 size="small"
@@ -136,18 +136,27 @@
                 @click="ShowExportDialog(2)"
                 >批量取消订单</el-button
               >
-            </div>
+            </div> -->
           </el-col>
         </el-row>
       </el-form>
-      <el-tabs v-model="activeName" @tab-click="handleClick">
+      <!-- <el-tabs v-model="activeName" @tab-click="handleClick">
         <el-tab-pane label="全部" name="all"></el-tab-pane>
         <el-tab-pane label="等待买家付款" name="first"></el-tab-pane>
         <el-tab-pane label="等待发货" name="second"></el-tab-pane>
         <el-tab-pane label="已发货" name="third"></el-tab-pane>
         <el-tab-pane label="交易成功" name="fourth"></el-tab-pane>
         <el-tab-pane label="退款/关闭" name="five"></el-tab-pane>
-      </el-tabs>
+      </el-tabs> -->
+      <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane label="全部" name="all"></el-tab-pane>
+        <el-tab-pane label="待支付" name="first"></el-tab-pane>
+        <el-tab-pane label="待发货" name="second"></el-tab-pane>
+        <el-tab-pane label="已发货" name="third"></el-tab-pane>
+        <el-tab-pane label="已完成" name="fourth"></el-tab-pane>
+        <el-tab-pane label="已取消" name="six"></el-tab-pane>
+        <el-tab-pane label="退款/关闭" name="five"></el-tab-pane>
+    </el-tabs>
       <el-table
         :data="tableData"
         border
@@ -187,7 +196,7 @@
         </el-table-column>
         <el-table-column
           prop="amount"
-          label="实收款"
+          label="订单实付"
           min-width="100"
           align="center"
         >
@@ -258,6 +267,38 @@
             </p>
           </template>
         </el-table-column>
+        <el-table-column
+          prop="goodsTotalPrice"
+          label="商品总额"
+          min-width="100"
+          align="center"
+        >
+          <template slot-scope="scope">
+            <p
+              v-for="(item, index) in scope.row.goodsTotalPrice"
+              :key="index"
+              class="p-normal"
+            >
+              ￥{{ item | toFixed2 }}
+            </p>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="goodsRealPay"
+          label="商品实付"
+          min-width="100"
+          align="center"
+        >
+          <template slot-scope="scope">
+            <p
+              v-for="(item, index) in scope.row.goodsRealPay"
+              :key="index"
+              class="p-normal"
+            >
+              ￥{{ item | toFixed2 }}
+            </p>
+          </template>
+        </el-table-column>
 
         <el-table-column
           prop="commissionAmount"
@@ -322,7 +363,7 @@
               <!--<el-button @click="closeTrade(scope.row)" type="text" size="small">关闭交易</el-button>-->
               <!--<el-button @click="changePrice(scope.row)" type="text" size="small">修改价格</el-button>-->
               <!--              <el-button @click="sendGoods(scope.row)" type="text" size="small">发货</el-button>-->
-              <el-button
+              <!-- <el-button
                 v-if="
                   scope.row.storeType == 1 &&
                   scope.row.showStatus == 3 &&
@@ -360,11 +401,11 @@
                 type="text"
                 size="small"
                 >配送完成</el-button
-              >
+              > -->
               <el-button @click="goDetail(scope.row)" type="text" size="small"
                 >查看详情</el-button
               >
-              <el-button
+              <!-- <el-button
                 v-if="
                   (scope.row.storeType == 1 || scope.row.storeType == 2) &&
                   scope.row.showStatus == 3 &&
@@ -374,7 +415,7 @@
                 type="text"
                 size="small"
                 >退款退货</el-button
-              >
+              > -->
               <!-- <el-button type="text" size="small">查看物流</el-button> -->
             </div>
           </template>
@@ -1278,6 +1319,9 @@ export default {
       } else if (this.activeName == "five") {
         //交易关闭
         this.searchForm.showStatus = 5;
+      } else if (this.activeName == "six") {
+        //交易关闭
+        this.searchForm.showStatus = 6;
       }
       this.searchForm.pageNo = 1;
       this.searchList();