2023-12-26

src/api/cardManage/cardManage.js

@@ -14,4 +14,43 @@ export default {
 	  })
 	},
 	
+	// 导出提货卡报表
+	exportExcel: function(data) {
+		return request({
+			url: '/lpkgiftcard/cardStatisticsListExport',
+			method: 'post',
+			responseType: 'blob', // 表明返回服务器返回的数据类型
+			data: data,
+			headers: {
+				'Content-Type': 'application/json'
+			}
+		});
+	},
+	
+	// 查询企业卡分页列表
+	empCardStatisticsList: function(params) {
+	  return request({
+	    url: '/empcard/empCardStatisticsList',
+	    method: 'post',
+	    data: params,
+	    headers: {
+	      'Content-Type': 'application/json'
+	    }
+	  })
+	},
+	
+	// 导出提货卡报表
+	empCardStatisticsListExport: function(data) {
+		return request({
+			url: '/empcard/empCardStatisticsListExport',
+			method: 'post',
+			responseType: 'blob', // 表明返回服务器返回的数据类型
+			data: data,
+			headers: {
+				'Content-Type': 'application/json'
+			}
+		});
+	},
+	
+	
 }

src/layout/components/Sidebar/index.vue

@@ -112,40 +112,40 @@
 							// },
 						]
 					},
-					// {
+					{
-					// 	alwaysShow: true,
+						alwaysShow: true,
-					// 	component: "carManage",
+						component: "carManage",
-					// 	meta: {
+						meta: {
-					// 		icon: "el-icon-menu",
+							icon: "el-icon-menu",
-					// 		title: "营销卡管理",
+							title: "营销卡管理",
-					// 	},
+						},
-					// 	name: "/cardManage",
+						name: "/cardManage",
-					// 	path: "/cardManage",
+						path: "/cardManage",
-					// 	children: [
+						children: [
 					
-					// 		{
+							{
-					// 			alwaysShow: true,
+								alwaysShow: true,
-					// 			component: "person",
+								component: "person",
-					// 			meta: {
+								meta: {
-					// 				icon: "el-icon-help",
+									icon: "el-icon-help",
-					// 				title: "提货卡统计",
+									title: "提货卡统计",
-					// 			},
+								},
-					// 			name: "/cardManage/person",
+								name: "/cardManage/person",
-					// 			path: "/cardManage/person",
+								path: "/cardManage/person",
-					// 		},
+							},
 					
-					// 		{
+							{
-					// 			alwaysShow: true,
+								alwaysShow: true,
-					// 			component: "enterprise",
+								component: "enterprise",
-					// 			meta: {
+								meta: {
-					// 				icon: "el-icon-help",
+									icon: "el-icon-help",
-					// 				title: "企业卡统计",
+									title: "企业卡统计",
-					// 			},
+								},
-					// 			name: "/cardManage/enterprise",
+								name: "/cardManage/enterprise",
-					// 			path: "/cardManage/enterprise",
+								path: "/cardManage/enterprise",
-					// 		},
+							},
-					// 	]
+						]
-					// },
+					},
 					{
 						alwaysShow: true,
 						component: "pickupPoint",

src/views/cardManage/enterprise.vue

@@ -41,7 +41,7 @@
 				</div>
 				<!-- Start 项目列表头部 -->
 				<div class="listtop">
-					<div class="tit">用户列表</div>
+					<div class="tit">企业卡列表</div>
 				</div>
 				<!-- End 项目列表头部 -->
 				<!-- Start 项目列表 -->
@@ -56,8 +56,8 @@
 							</template>
 						</el-table-column> -->
 					<el-table-column prop="serialNumber" label="卡券序列号" align="center" />
-					<el-table-column prop="createTime" label="发行时间" align="center" />
 					<el-table-column prop="code" label="提货编码" align="center" />
+					<el-table-column prop="createTime" label="发行时间" align="center" />
 					<el-table-column prop="stateValue" label="卡券状态" align="center" />
 					<el-table-column prop="bindDate" label="绑定时间" align="center" />
 					</el-table>
@@ -189,7 +189,7 @@
 			},
 			loadList() {
 				this.tableLoading = true
-				req.customerListPage(this.queryParams).then((resp) => {
+				req.empCardStatisticsList(this.queryParams).then((resp) => {
 					this.tableLoading = false
 					if (resp.success) {
 						const data = resp.data
@@ -274,31 +274,31 @@
 			},
 			// 导出
 			doBuild() {
-			// 	const loading = this.$loading({
+				const loading = this.$loading({
-			// 		lock: true,
+					lock: true,
-			// 		text: 'Loading',
+					text: 'Loading',
-			// 		spinner: 'el-icon-loading',
+					spinner: 'el-icon-loading',
-			// 		background: 'rgba(0, 0, 0, 0.7)'
+					background: 'rgba(0, 0, 0, 0.7)'
-			// 	})
+				})
 			
 			
-			// 	req.bankOrderExportExcel(this.page.params).then((resp) => {
+				req.empCardStatisticsListExport(this.queryParams.params).then((resp) => {
-			// 		loading.close()
+					loading.close()
-			// 		const blob = new Blob([resp], {
+					const blob = new Blob([resp], {
-			// 			type: 'application/vnd.ms-excel'
+						type: 'application/vnd.ms-excel'
-			// 		})
+					})
-			// 		const fileName = '支行配货明细_' + this.page.params.startDate + '.xls'
+					const fileName = '企业卡明细.xls'
-			// 		const elink = document.createElement('a')
+					const elink = document.createElement('a')
-			// 		elink.download = fileName
+					elink.download = fileName
-			// 		elink.style.display = 'nonde'
+					elink.style.display = 'nonde'
-			// 		elink.href = URL.createObjectURL(blob)
+					elink.href = URL.createObjectURL(blob)
-			// 		document.body.appendChild(elink)
+					document.body.appendChild(elink)
-			// 		elink.click()
+					elink.click()
-			// 		URL.revokeObjectURL(elink.href)
+					URL.revokeObjectURL(elink.href)
-			// 		document.body.removeChild(elink)
+					document.body.removeChild(elink)
-			// 	}).catch(() => {
+				}).catch(() => {
-			// 		loading.close()
+					loading.close()
-			// 	})
+				})
 			},
 			
 		}

src/views/cardManage/person.vue

@@ -56,8 +56,8 @@
 							</template>
 						</el-table-column> -->
 						<el-table-column prop="serialNumber" label="卡券序列号" align="center" />
-						<el-table-column prop="createTime" label="发行时间" align="center" />
 						<el-table-column prop="code" label="提货编码" align="center" />
+							<el-table-column prop="createTime" label="发行时间" align="center" />
 						<el-table-column prop="stateValue" label="卡券状态" align="center" />
 						<el-table-column prop="bindDate" label="绑定时间" align="center" />
 					</el-table>
@@ -274,31 +274,31 @@
 			},
 			// 导出
 			doBuild() {
-			// 	const loading = this.$loading({
+				const loading = this.$loading({
-			// 		lock: true,
+					lock: true,
-			// 		text: 'Loading',
+					text: 'Loading',
-			// 		spinner: 'el-icon-loading',
+					spinner: 'el-icon-loading',
-			// 		background: 'rgba(0, 0, 0, 0.7)'
+					background: 'rgba(0, 0, 0, 0.7)'
-			// 	})
+				})
 			
 			
-			// 	req.bankOrderExportExcel(this.page.params).then((resp) => {
+				req.exportExcel(this.queryParams.params).then((resp) => {
-			// 		loading.close()
+					loading.close()
-			// 		const blob = new Blob([resp], {
+					const blob = new Blob([resp], {
-			// 			type: 'application/vnd.ms-excel'
+						type: 'application/vnd.ms-excel'
-			// 		})
+					})
-			// 		const fileName = '支行配货明细_' + this.page.params.startDate + '.xls'
+					const fileName = '提货卡明细.xls'
-			// 		const elink = document.createElement('a')
+					const elink = document.createElement('a')
-			// 		elink.download = fileName
+					elink.download = fileName
-			// 		elink.style.display = 'nonde'
+					elink.style.display = 'nonde'
-			// 		elink.href = URL.createObjectURL(blob)
+					elink.href = URL.createObjectURL(blob)
-			// 		document.body.appendChild(elink)
+					document.body.appendChild(elink)
-			// 		elink.click()
+					elink.click()
-			// 		URL.revokeObjectURL(elink.href)
+					URL.revokeObjectURL(elink.href)
-			// 		document.body.removeChild(elink)
+					document.body.removeChild(elink)
-			// 	}).catch(() => {
+				}).catch(() => {
-			// 		loading.close()
+					loading.close()
-			// 	})
+				})
 			},
 			
 		}