修改支付记录展示

jsowell-ui/.editorconfig

@@ -8,7 +8,7 @@ charset = utf-8
 # 缩进风格，可选space、tab
 indent_style = space
 # 缩进的空格数
-indent_size = 4
+indent_size = 2
 # 结尾换行符，可选lf、cr、crlf
 end_of_line = lf
 # 在文件结尾插入新行

jsowell-ui/src/views/order/order/orderDetail.vue

@@ -202,7 +202,7 @@
     <el-card class="cardStyle">
       <h3>支付信息</h3>
       <template v-if="payDetail.length !== 0">
-        <el-descriptions
+        <!--<el-descriptions
           direction="vertical"
           :column="6"
           border
@@ -217,21 +217,28 @@
           <el-descriptions-item label="支付方式"
             >{{ item.payModeDesc }}
           </el-descriptions-item>
-          <!--<el-descriptions-item label="支付状态">{{
+          &lt;!&ndash;<el-descriptions-item label="支付状态">{{
                       item.payStatus === "1" ? "支付完成" : "待支付"
                     }}
-                    </el-descriptions-item>-->
+                    </el-descriptions-item>&ndash;&gt;
           <el-descriptions-item label="支付时间"
             >{{ item.payTime }}
           </el-descriptions-item>
           <el-descriptions-item label="支付流水号"
             >{{ item.outTradeNo }}
           </el-descriptions-item>
-          <!--<el-descriptions-item label="退款金额">{{
+          &lt;!&ndash;<el-descriptions-item label="退款金额">{{
                             item.refundAmount
                         }}
-                    </el-descriptions-item>-->
-        </el-descriptions>
+                    </el-descriptions-item>&ndash;&gt;
+        </el-descriptions>-->
+
+          <el-table style="width: 100%" :data="payDetail" border>
+              <el-table-column prop="payAmount" label="支付金额" align="center" />
+              <el-table-column prop="payModeDesc" label="支付方式" align="center" />
+              <el-table-column prop="payTime" label="支付时间" align="center" />
+              <el-table-column prop="outTradeNo" label="支付流水号" align="center" />
+          </el-table>
       </template>
       <div v-else style="text-align: center">暂无数据</div>
       <div class="marginTop"></div>