首页 数据导出

.gitignore

+unpackage/

api/home.js

+import request from '@/common/request.js'
+
+export function getExportData(data) { // 获取下拉列表数据
+  return request({
+    url: '/product/ryexport',
+    method: 'get',
+	data
+  })
+}
+
+export function getselectList4productName(data) { // 获取下拉列表数据
+  return request({
+    url: '/product/getList',
+    method: 'get',
+	data
+  })
+}
+
+export function getselectList4tester(data) { // 获取下拉列表数据
+  return request({
+    url: '/product/getList',
+    method: 'post',
+	data
+  })
+}
+
+export function getDict(data) { // 获取下拉列表数据
+  return request({
+    url: '/system/dict/data/type/'+data.type,
+    method: 'get',
+  })
+}
+
+
+

pages/home/home.vue

@@ -20,7 +20,7 @@
 				</div>
 			</view>
 			<p class="list-item">
-				<image src="/static/image/home/icon1.png" alt="" />
+				<image src="/static/image/paokong/impexp.png" alt="" />
 				<span>炮孔设计数据导入</span>
 				<!-- <button size="mini" class="funcBtn" type="primary" @click="navTo('import')">导入导出</button> -->
 			</p>
@@ -39,8 +39,8 @@
 				<span>炮孔测量</span>
 				<!-- <button size="mini" class="funcBtn" type="primary" @click="navTo('measure')">测量</button> -->
 			</p>
-			<p class="list-item">
-				<image src="/static/image/home/icon1.png" alt="" />
+			<p class="list-item" @click="exportExcel">
+				<image src="/static/image/paokong/impexp.png" alt="" />
 				<span>炮孔测量数据导出</span>
 				<!-- <button size="mini" class="funcBtn" type="primary" @click="navTo('export')">导出</button> -->
 			</p>
@@ -70,26 +70,26 @@
 </template>
 
 <script>
-	import CustomNavbar from '@/pages/component/CustomNavbar.vue';
-    import {formatNumber,formatDateThis,getUnixTime} from "../../common/dateUtil.js"
-	import {stringToBytes, showCustomModal, showCustomToast, commonStateCodeDeal} from "../../common/util.js"
-	// import {
-	// 	blueToothMixin
-	// } from '../../common/mixin.js'
+	import {
+		formatNumber,
+		formatDateThis,
+		getUnixTime
+	} from "../../common/dateUtil.js"
+	import {
+		stringToBytes,
+		showCustomModal,
+		showCustomToast,
+		commonStateCodeDeal
+	} from "../../common/util.js"
+	import * as XLSX from '@/common/excel.js'
+	import {
+		getExportData,
+	} from '../../api/home.js'
+
 	export default {
-		// mixins: [blueToothMixin],
-		onBackPress(options) {
-			// showCustomToast({
-			// 	title: '当前页为最后一页，不能继续返回了'
-			// })
-			// return true
-		},
-		components: {
-		    CustomNavbar,
-		  },
 		data() {
 			return {
-				deviceInfo: {}
+				deviceInfo: {},
 			}
 		},
 		/**
@@ -97,39 +97,59 @@
 		 */
 		onLoad: function(options) {
 			uni.hideLoading()
-			// if(uni.getStorageSync('connected')){
-			// 	this.gosend('POWER')
-			// }else{
-			// 	this.initLink()
-			// }'
 		},
 		onShow() {
 			uni.hideLoading()
 		},
-		// watch:{
-		// 	connected(newVal){
-		// 		if(newVal){ // 已连接
-		// 			this.gosend('POWER')
-		// 		}
-		// 	}
-		// },
 		mounted() {
 			const deviceInfo = uni.getStorageSync('deviceInfo')
-			if(deviceInfo){ // 获取蓝牙设备型号id
+			if (deviceInfo) { // 获取蓝牙设备型号id
 				this.deviceInfo = deviceInfo
 			}
 			uni.hideTabBar()
 		},
 
 		methods: {
-			gosend(){
+			async exportExcel() { // 导出excel
+				let res = await getExportData({
+				})
+				if (res) {
+					console.log('export', res)
+					const ExcelData = res; //列表数据
+					this.loading = false
+				
+					const fileName='炮孔测量数据导出'
+					const header = ['productName', 'artilleryAreaName', 'cannonHoleArrayNum', 'cannonHoleNum', 'expectedDepth',
+						'remark'
+					];
+					const headerName = {
+						productName: '工程名称',
+						artilleryAreaName: '爆区名称',
+						cannonHoleArrayNum: '炮孔排号',
+						cannonHoleNum: '炮孔编号',
+						expectedDepth: '设计孔深',
+						remark: '备注'
+					};
+					
+					showCustomToast({
+						title: "导出中，请稍后...",
+						duration: 3000,
+					})
+					XLSX.excel_exprot(ExcelData, header, headerName, fileName)
+				}else{
+					showCustomToast({
+						title: '暂无数据'
+					})
+				}
+			},
+			gosend() {
 				var strbuf = new Uint8Array(stringToBytes('POWER'));
 				var buffer1 = strbuf.buffer;
-				setTimeout(()=>{
+				setTimeout(() => {
 					uni.writeBLECharacteristicValue({
 						deviceId: 'C8:47:80:52:93:A2',
 						serviceId: '0000FFE0-0000-1000-8000-00805F9B34FB',
-						characteristicId:'0000FFE1-0000-1000-8000-00805F9B34FB',
+						characteristicId: '0000FFE1-0000-1000-8000-00805F9B34FB',
 						value: buffer1,
 						success: (res) => {
 							console.log('writeBLECharacteristicValue-success:res=>', res)
@@ -142,28 +162,28 @@
 					});
 				}, 1000)
 			},
-			navTo(flag){
-				if(flag === 'export'){
+			navTo(flag) {
+				if (flag === 'export') {
 					this.exportData2Excel()
 					return
 				}
 				let url = ''
-				if(flag === 'login'){
+				if (flag === 'login') {
 					// url = 'test'
 					url = '/pages/user/login'
-				}else if(flag === 'import'){
+				} else if (flag === 'import') {
 					url = '/pages/home/importFile'
-				}else if(flag === 'measureTest'){
+				} else if (flag === 'measureTest') {
 					url = '/pages/home/blueTest'
-				}else if(flag === 'measure'){
+				} else if (flag === 'measure') {
 					url = '/pages/home/blueMeasure'
-				}else if(flag === 'link'){
+				} else if (flag === 'link') {
 					url = '/pages/home/blueSearch'
-				}else if(flag === 'importFileDataPreview'){
+				} else if (flag === 'importFileDataPreview') {
 					url = '/pages/home/importFileDataPreview'
-				}else if(flag === 'paokongceliang'){
+				} else if (flag === 'paokongceliang') {
 					url = '/pages/home/paokongceliang'
-				}else if(flag === 'operateLog'){
+				} else if (flag === 'operateLog') {
 					url = '/pages/home/operateLog'
 				}
 
@@ -175,13 +195,14 @@
 	}
 </script>
 <style lang="scss">
-.wrapper{
+	.wrapper {
 		width: 100vw;
 		height: calc(100vh-55rpx);
 		padding-top: 55rpx;
 		background: linear-gradient(180deg, #007AFF 0%, #419AFF 16%, #EFF1F4 43%);
 		position: relative;
-	.footer{
+
+		.footer {
 			// position: absolute;
 			// bottom: 10rpx;
 			width: 100%;
@@ -190,14 +211,16 @@
 			// height: 120rpx;
 			// line-height: 120rpx;
 			text-align: center;
-		span{
+
+			span {
 				font-weight: 400;
 				font-size: 27rpx;
 				color: #A0A7AE;
 			}
 		}
-}
-.body-wrapper{
+	}
+
+	.body-wrapper {
 		display: flex;
 		justify-content: center;
 		flex-direction: column;
@@ -205,8 +228,9 @@
 		gap: 20rpx;
 		background-color: linear-gradient(180deg, #007AFF 0%, #419AFF 16%, #EFF1F4 43%);
 		padding-top: 50rpx;
-}
-.logo-wrapper{
+	}
+
+	.logo-wrapper {
 		position: relative;
 		height: 300rpx;
 		display: flex;
@@ -215,43 +239,48 @@
 		align-items: center;
 		gap: 50rpx;
 		font-family: Source Han Sans SC;
-	.logoImg{
+
+		.logoImg {
 			width: 454rpx;
 			height: 98rpx;
 		}
-	h3{
+
+		h3 {
 			color: #ffffff;
 			font-size: 37rpx;
 			font-weight: bold;
 		}
-}
+	}
 
-.link-info-wrapper{
+	.link-info-wrapper {
 
 		width: 646rpx;
 		height: 300rpx;
-	background: url('/static/image/paokong/home-title-bg.png');
+		background: url('@/static/image/paokong/home-title-bg.png');
 		// background-color: linear-gradient(-90deg, #F6F9FF 31%, #E4EFFF 100%);
 		background-position: center right;
 		background-size: cover;
-	box-shadow: 0rpx 2rpx 24rpx 0rpx rgba(7,36,72,0.11);
+		box-shadow: 0rpx 2rpx 24rpx 0rpx rgba(7, 36, 72, 0.11);
 		border-radius: 10rpx;
 		border: 2px solid #FFFFFF;
 		display: flex;
 		align-items: center;
 		gap: 47rpx;
 		padding-left: 49rpx;
-	.left{
-		image{
+
+		.left {
+			image {
 				width: 136rpx;
 				height: 136rpx;
 			}
-		.link-status{
+
+			.link-status {
 				font-family: Source Han Sans SC;
 				font-weight: bold;
 				font-size: 30rpx;
 				color: #007AFF;
-			::before{
+
+				::before {
 					content: '';
 					width: 12rpx;
 					height: 12rpx;
@@ -260,22 +289,24 @@
 				}
 			}
 		}
-	.right{
-		h2{
+
+		.right {
+			h2 {
 				font-size: 34rpx;
 				font-weight: bold;
 			}
-		p{
+
+			p {
 				font-size: 30rpx;
 				// font-weight: bold;
 				color: #848484;
 				margin-top: 20rpx;
 			}
 		}
-}
+	}
 
 
-.list-item{
+	.list-item {
 		width: 660rpx;
 		height: 140rpx;
 		// border-top: 1px solid rgba(187,187,187,1);
@@ -286,19 +317,22 @@
 		padding: 10px;
 		background-color: #ffffff;
 		border-radius: 10rpx;
-	image{
+
+		image {
 			width: 102rpx;
 			height: 102rpx;
 		}
-	span{
+
+		span {
 			display: inline-block;
 			width: 420rpx;
 			font-family: PingFangSC-regular;
-		color: rgba(0,0,0,1);
+			color: rgba(0, 0, 0, 1);
 			font-size: 18px;
 			font-weight: bold;
 		}
-	.funcBtn{
+
+		.funcBtn {
 			width: 120rpx;
 			height: 62rpx;
 			line-height: 62rpx;
@@ -312,5 +346,5 @@
 			font-weight: bold;
 
 		}
-}
+	}
 </style>
\ No newline at end of file