Project Init

src/components/common/buttonExportExcel.vue

@@ -6,7 +6,7 @@
     <el-table border :data="columns" @selection-change="selectRow">
       <el-table-column type="selection"></el-table-column>
       <el-table-column prop="label" label="列名"></el-table-column>
-      <el-table-column prop="name" label="数据源"></el-table-column>
+      <el-table-column prop="name" label="数据源" v-if="props.showDataColumn"></el-table-column>
     </el-table>
     <template #footer>
       <el-button type="info" @click="showDialog=false">取消</el-button>
@@ -38,8 +38,11 @@ const props = defineProps({
   size: {
     type: String,
     default: "default"
-  }
-
+  },
+  showDataColumn: {
+    type: Boolean,
+    default: false
+  },
 });
 
 defineExpose({

src/views/backend/enterprise/orderManagement/orderHistory/index.vue

@@ -9,17 +9,21 @@
                         v-model="search.beginDate" placeholder="起始日期"></el-date-picker>
         <el-date-picker style="margin-right: 20px;width: 250px" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
                         v-model="search.endDate" placeholder="截止日期"></el-date-picker>
-        <el-button type="primary" @click="getData">搜索</el-button>
+        <el-button type="primary" @click="getData">检索</el-button>
         <buttonExportExcel ref="exportExcelRef" @click="exportExcel">生成Excel</buttonExportExcel>
       </div>
       <el-table :data="tableData" border style="margin-top: 20px">
-        <el-table-column label="门店"></el-table-column>
-        <el-table-column label="客户"></el-table-column>
-        <el-table-column label="交易类型"></el-table-column>
-        <el-table-column label="交易日期"></el-table-column>
-        <el-table-column label="成交金额"></el-table-column>
-        <el-table-column label="会员状态"></el-table-column>
-        <el-table-column label="联系电话"></el-table-column>
+        <el-table-column prop="storeName" label="门店"></el-table-column>
+        <el-table-column prop="memberName" label="会员" min-width="150px"></el-table-column>
+        <el-table-column prop="mobileNumber" label="联系电话" min-width="150px"></el-table-column>
+        <el-table-column prop="goodsName" label="货品"></el-table-column>
+        <el-table-column prop="goodsPrice" label="定价"></el-table-column>
+        <el-table-column prop="discountAmount" label="折扣"></el-table-column>
+        <el-table-column prop="orderAmount" label="订单价"></el-table-column>
+        <el-table-column prop="memberCouponName" label="优惠券"></el-table-column>
+        <el-table-column prop="actualAmount" label="实付金额"></el-table-column>
+        <el-table-column prop="saleCount" label="数量"></el-table-column>
+        <el-table-column prop="createTime" label="订单创建时间" min-width="150px"></el-table-column>
       </el-table>
       <el-pagination style="background: #ffffff;padding: 20px 0"
                      v-model:current-page="page.pageNumber"
@@ -94,14 +98,19 @@ function getInitData() {
 
 async function exportExcel() {
   const columns = [
-    {name:'',label:''},
-    {name:'',label:''},
-    {name:'',label:''},
-    {name:'',label:''},
+    { name: "storeName", label: "门店" },
+    { name: "goodsName", label: "货品" },
+    { name: "goodsPrice", label: "定价" },
+    { name: "discountAmount", label: "折扣" },
+    { name: "orderAmount", label: "订单价" },
+    { name: "memberCouponName", label: "优惠券" },
+    { name: "actualAmount", label: "实付金额" },
+    { name: "saleCount", label: "数量" },
+    { name: "memberName", label: "会员" },
+    { name: "mobileNumber", label: "联系电话" },
+    { name: "createTime", label: "订单创建时间" },
   ];//表头中文名
   const res = await request.edit(orderExport, {
-    limit: page.pageSize,
-    page: page.pageNumber,
     beginDate: search.beginDate,
     endDate: search.endDate,
     storeId: search.storeId