Skip to content

Y
yanshouyi-Minipro
Commit 8efdbe37 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

首页 数据导出

parent ee270356
Hide whitespace changes
Inline Side-by-side
Showing with 247 additions and 177 deletions
.gitignore 0 → 100644
View file @ 8efdbe37
unpackage/
api/home.js 0 → 100644
View file @ 8efdbe37
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
View file @ 8efdbe37
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<h3>露天炮孔验收仪</h3> <h3>露天炮孔验收仪</h3>
<button @click="gosend">获取电量</button> <button @click="gosend">获取电量</button>
</view> </view>
<view class="link-info-wrapper" @click="gosend('POWER')"> <view class="link-info-wrapper" @click="gosend('POWER')">
<div class="left"> <div class="left">
<image :src="`/static/image/paokong/${connected?'linkY':'linkN'}.png`" mode=""></image> <image :src="`/static/image/paokong/${connected?'linkY':'linkN'}.png`" mode=""></image>
<view class="link-status"> <view class="link-status">
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</div> </div>
</view> </view>
<p class="list-item"> <p class="list-item">
<image src="/static/image/home/icon1.png" alt="" /> <image src="/static/image/paokong/impexp.png" alt="" />
<span>炮孔设计数据导入</span> <span>炮孔设计数据导入</span>
<!-- <button size="mini" class="funcBtn" type="primary" @click="navTo('import')">导入导出</button> --> <!-- <button size="mini" class="funcBtn" type="primary" @click="navTo('import')">导入导出</button> -->
</p> </p>
...@@ -34,13 +34,13 @@ ...@@ -34,13 +34,13 @@
<span>设备测试</span> <span>设备测试</span>
<button size="mini" class="funcBtn" type="primary" @click="navTo('measureTest')">测量</button> <button size="mini" class="funcBtn" type="primary" @click="navTo('measureTest')">测量</button>
</p> --> </p> -->
<p class="list-item" @click="navTo('measure')"> <p class="list-item" @click="navTo('measure')">
<image src="/static/image/paokong/measure.png" alt="" /> <image src="/static/image/paokong/measure.png" alt="" />
<span>炮孔测量</span> <span>炮孔测量</span>
<!-- <button size="mini" class="funcBtn" type="primary" @click="navTo('measure')">测量</button> --> <!-- <button size="mini" class="funcBtn" type="primary" @click="navTo('measure')">测量</button> -->
</p> </p>
<p class="list-item"> <p class="list-item" @click="exportExcel">
<image src="/static/image/home/icon1.png" alt="" /> <image src="/static/image/paokong/impexp.png" alt="" />
<span>炮孔测量数据导出</span> <span>炮孔测量数据导出</span>
<!-- <button size="mini" class="funcBtn" type="primary" @click="navTo('export')">导出</button> --> <!-- <button size="mini" class="funcBtn" type="primary" @click="navTo('export')">导出</button> -->
</p> </p>
...@@ -65,31 +65,31 @@ ...@@ -65,31 +65,31 @@
</span> </span>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import CustomNavbar from '@/pages/component/CustomNavbar.vue'; import {
import {formatNumber,formatDateThis,getUnixTime} from "../../common/dateUtil.js" formatNumber,
import {stringToBytes, showCustomModal, showCustomToast, commonStateCodeDeal} from "../../common/util.js" formatDateThis,
// import { getUnixTime
// blueToothMixin } from "../../common/dateUtil.js"
// } from '../../common/mixin.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 { export default {
// mixins: [blueToothMixin],
onBackPress(options) {
// showCustomToast({
// title: '当前页为最后一页，不能继续返回了'
// })
// return true
},
components: {
CustomNavbar,
},
data() { data() {
return { return {
deviceInfo: {} deviceInfo: {},
} }
}, },
/** /**
...@@ -97,39 +97,59 @@ ...@@ -97,39 +97,59 @@
*/ */
onLoad: function(options) { onLoad: function(options) {
uni.hideLoading() uni.hideLoading()
// if(uni.getStorageSync('connected')){
// this.gosend('POWER')
// }else{
// this.initLink()
// }'
}, },
onShow() { onShow() {
uni.hideLoading() uni.hideLoading()
}, },
// watch:{
// connected(newVal){
// if(newVal){ // 已连接
// this.gosend('POWER')
// }
// }
// },
mounted() { mounted() {
const deviceInfo = uni.getStorageSync('deviceInfo') const deviceInfo = uni.getStorageSync('deviceInfo')
if(deviceInfo){ // 获取蓝牙设备型号id if (deviceInfo) { // 获取蓝牙设备型号id
this.deviceInfo = deviceInfo this.deviceInfo = deviceInfo
} }
uni.hideTabBar() uni.hideTabBar()
}, },
methods: { 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 strbuf = new Uint8Array(stringToBytes('POWER'));
var buffer1 = strbuf.buffer; var buffer1 = strbuf.buffer;
setTimeout(()=>{ setTimeout(() => {
uni.writeBLECharacteristicValue({ uni.writeBLECharacteristicValue({
deviceId: 'C8:47:80:52:93:A2', deviceId: 'C8:47:80:52:93:A2',
serviceId: '0000FFE0-0000-1000-8000-00805F9B34FB', serviceId: '0000FFE0-0000-1000-8000-00805F9B34FB',
characteristicId:'0000FFE1-0000-1000-8000-00805F9B34FB', characteristicId: '0000FFE1-0000-1000-8000-00805F9B34FB',
value: buffer1, value: buffer1,
success: (res) => { success: (res) => {
console.log('writeBLECharacteristicValue-success:res=>', res) console.log('writeBLECharacteristicValue-success:res=>', res)
...@@ -137,36 +157,36 @@ ...@@ -137,36 +157,36 @@
fail: (res) => { fail: (res) => {
console.log('writeBLECharacteristicValue-fail:res=>', res) console.log('writeBLECharacteristicValue-fail:res=>', res)
// commonStateCodeDeal(res.errCode || res, 'gosend -> writeBLECharacteristicValue', // commonStateCodeDeal(res.errCode || res, 'gosend -> writeBLECharacteristicValue',
// this) // this)
}, },
}); });
}, 1000) }, 1000)
}, },
navTo(flag){ navTo(flag) {
if(flag === 'export'){ if (flag === 'export') {
this.exportData2Excel() this.exportData2Excel()
return return
} }
let url = '' let url = ''
if(flag === 'login'){ if (flag === 'login') {
// url = 'test' // url = 'test'
url = '/pages/user/login' url = '/pages/user/login'
}else if(flag === 'import'){ } else if (flag === 'import') {
url = '/pages/home/importFile' url = '/pages/home/importFile'
}else if(flag === 'measureTest'){ } else if (flag === 'measureTest') {
url = '/pages/home/blueTest' url = '/pages/home/blueTest'
}else if(flag === 'measure'){ } else if (flag === 'measure') {
url = '/pages/home/blueMeasure' url = '/pages/home/blueMeasure'
}else if(flag === 'link'){ } else if (flag === 'link') {
url = '/pages/home/blueSearch' url = '/pages/home/blueSearch'
}else if(flag === 'importFileDataPreview'){ } else if (flag === 'importFileDataPreview') {
url = '/pages/home/importFileDataPreview' url = '/pages/home/importFileDataPreview'
}else if(flag === 'paokongceliang'){ } else if (flag === 'paokongceliang') {
url = '/pages/home/paokongceliang' url = '/pages/home/paokongceliang'
}else if(flag === 'operateLog'){ } else if (flag === 'operateLog') {
url = '/pages/home/operateLog' url = '/pages/home/operateLog'
} }
uni.navigateTo({ uni.navigateTo({
url url
}) })
...@@ -175,142 +195,156 @@ ...@@ -175,142 +195,156 @@
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.wrapper{ .wrapper {
width: 100vw; width: 100vw;
height: calc(100vh-55rpx); height: calc(100vh-55rpx);
padding-top: 55rpx; padding-top: 55rpx;
background: linear-gradient(180deg, #007AFF 0%, #419AFF 16%, #EFF1F4 43%); background: linear-gradient(180deg, #007AFF 0%, #419AFF 16%, #EFF1F4 43%);
position: relative; position: relative;
.footer{
// position: absolute; .footer {
// bottom: 10rpx; // position: absolute;
width: 100%; // bottom: 10rpx;
// padding-top: 200rpx; width: 100%;
// height: 10rpx; // padding-top: 200rpx;
// height: 120rpx; // height: 10rpx;
// line-height: 120rpx; // height: 120rpx;
text-align: center; // line-height: 120rpx;
span{ text-align: center;
font-weight: 400;
font-size: 27rpx; span {
color: #A0A7AE; font-weight: 400;
font-size: 27rpx;
color: #A0A7AE;
}
} }
} }
}
.body-wrapper{ .body-wrapper {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 20rpx; gap: 20rpx;
background-color: linear-gradient(180deg, #007AFF 0%, #419AFF 16%, #EFF1F4 43%); background-color: linear-gradient(180deg, #007AFF 0%, #419AFF 16%, #EFF1F4 43%);
padding-top: 50rpx; padding-top: 50rpx;
}
.logo-wrapper{
position: relative;
height: 300rpx;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
gap: 50rpx;
font-family: Source Han Sans SC;
.logoImg{
width: 454rpx;
height: 98rpx;
}
h3{
color: #ffffff;
font-size: 37rpx;
font-weight: bold;
} }
}
.link-info-wrapper{ .logo-wrapper {
position: relative;
width: 646rpx; height: 300rpx;
height: 300rpx; display: flex;
background: url('/static/image/paokong/home-title-bg.png'); justify-content: center;
// background-color: linear-gradient(-90deg, #F6F9FF 31%, #E4EFFF 100%); flex-direction: column;
background-position: center right; align-items: center;
background-size: cover; gap: 50rpx;
box-shadow: 0rpx 2rpx 24rpx 0rpx rgba(7,36,72,0.11); font-family: Source Han Sans SC;
border-radius: 10rpx;
border: 2px solid #FFFFFF; .logoImg {
display: flex; width: 454rpx;
align-items: center; height: 98rpx;
gap: 47rpx;
padding-left: 49rpx;
.left{
image{
width: 136rpx;
height: 136rpx;
} }
.link-status{
font-family: Source Han Sans SC; h3 {
color: #ffffff;
font-size: 37rpx;
font-weight: bold; font-weight: bold;
font-size: 30rpx;
color: #007AFF;
::before{
content: '';
width: 12rpx;
height: 12rpx;
background: #007AFF;
border-radius: 50%;
}
} }
} }
.right{
h2{ .link-info-wrapper {
font-size: 34rpx;
font-weight: bold; width: 646rpx;
height: 300rpx;
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);
border-radius: 10rpx;
border: 2px solid #FFFFFF;
display: flex;
align-items: center;
gap: 47rpx;
padding-left: 49rpx;
.left {
image {
width: 136rpx;
height: 136rpx;
}
.link-status {
font-family: Source Han Sans SC;
font-weight: bold;
font-size: 30rpx;
color: #007AFF;
::before {
content: '';
width: 12rpx;
height: 12rpx;
background: #007AFF;
border-radius: 50%;
}
}
} }
p{
font-size: 30rpx; .right {
// font-weight: bold; h2 {
color: #848484; font-size: 34rpx;
margin-top: 20rpx; font-weight: bold;
}
p {
font-size: 30rpx;
// font-weight: bold;
color: #848484;
margin-top: 20rpx;
}
} }
} }
}
.list-item{ .list-item {
width: 660rpx; width: 660rpx;
height: 140rpx; height: 140rpx;
// border-top: 1px solid rgba(187,187,187,1); // border-top: 1px solid rgba(187,187,187,1);
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
gap: 0px 30px; gap: 0px 30px;
padding: 10px; padding: 10px;
background-color: #ffffff; background-color: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
image{
width: 102rpx; image {
height: 102rpx; width: 102rpx;
} height: 102rpx;
span{ }
display: inline-block;
width: 420rpx; span {
font-family: PingFangSC-regular; display: inline-block;
color: rgba(0,0,0,1); width: 420rpx;
font-size: 18px; font-family: PingFangSC-regular;
font-weight: bold; color: rgba(0, 0, 0, 1);
} font-size: 18px;
.funcBtn{ font-weight: bold;
width: 120rpx; }
height: 62rpx;
line-height: 62rpx; .funcBtn {
background: #FFFFFF; width: 120rpx;
border-radius: 36rpx; height: 62rpx;
border: 2rpx solid #007AFF; line-height: 62rpx;
color: #007AFF; background: #FFFFFF;
padding: 0; border-radius: 36rpx;
// font-size: 27rp; border: 2rpx solid #007AFF;
font-family: Source Han Sans SC; color: #007AFF;
font-weight: bold; padding: 0;
// font-size: 27rp;
font-family: Source Han Sans SC;
font-weight: bold;
}
} }
} </style>
</style> \ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment