9 changed files with 2513 additions and 0 deletions
@ -0,0 +1,62 @@ |
|||||||
|
<template> |
||||||
|
<view class="PullDownBox"> |
||||||
|
<view @click="handleShowPullDown" class="Pulldown-title-container"> |
||||||
|
<!-- 标题显示内容 --> |
||||||
|
<view class="Pulldown-title"> |
||||||
|
<slot name="title"></slot> |
||||||
|
</view> |
||||||
|
<u-icon :class="{'icon': true,'normal':isShowPullDownBox, 'active': !isShowPullDownBox}" name="arrow-down" |
||||||
|
color="#2979ff" size="28"></u-icon> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class=""> |
||||||
|
<template v-if="isShowPullDownBox"> |
||||||
|
<slot name="content"></slot> |
||||||
|
</template> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
|
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup lang="ts"> |
||||||
|
import { ref } from 'vue'; |
||||||
|
|
||||||
|
/** 是否显示下拉框 */ |
||||||
|
const isShowPullDownBox = ref(false) |
||||||
|
|
||||||
|
/** 是否显示下拉内容 */ |
||||||
|
const handleShowPullDown = () => { |
||||||
|
isShowPullDownBox.value = !isShowPullDownBox.value |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.PullDownBox { |
||||||
|
background: #fff; |
||||||
|
margin-bottom: 10upx; |
||||||
|
padding: 10upx; |
||||||
|
} |
||||||
|
|
||||||
|
.Pulldown-title-container { |
||||||
|
display: flex; |
||||||
|
} |
||||||
|
|
||||||
|
.Pulldown-title { |
||||||
|
flex: 1; |
||||||
|
} |
||||||
|
|
||||||
|
.icon { |
||||||
|
padding: 0 10upx; |
||||||
|
flex: none; |
||||||
|
transition: all 0.2s; |
||||||
|
} |
||||||
|
|
||||||
|
.normal { |
||||||
|
transform: rotate(0deg); |
||||||
|
} |
||||||
|
|
||||||
|
.active { |
||||||
|
transform: rotate(180deg); |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,87 @@ |
|||||||
|
<template> |
||||||
|
<!-- @scrolltolower触底事件，@scroll滚动事件 --> |
||||||
|
<scroll-view scroll-y="true" :style="{height: containerHeight+'px'}" @scroll="scrollTop = $event.detail.scrollTop" |
||||||
|
@scrolltolower="$emit('@scrolltolower')"> |
||||||
|
<!-- 监听滚动事件使用passive修饰符 --> |
||||||
|
<view :style="paddingStyle"> |
||||||
|
<!-- key使用index，可避免多次渲染该dom --> |
||||||
|
<view id="box" v-for="(item, index) in showList" :key="index"> |
||||||
|
<!-- 使用作用域插槽，将遍历后的数据item和index传递出去 --> |
||||||
|
<slot :item="item" :$index="index"></slot> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</scroll-view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: "App", |
||||||
|
props: { |
||||||
|
// 所有数据 |
||||||
|
allList: { |
||||||
|
type: Array, |
||||||
|
default () { |
||||||
|
return [] |
||||||
|
} |
||||||
|
}, |
||||||
|
// 容器高度 |
||||||
|
containerHeight: { |
||||||
|
type: Number, |
||||||
|
default: 0 |
||||||
|
}, |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
oneHeight: 200, // 单个元素的高度,默认200.在mounted中会再次回去单个元素高度 |
||||||
|
scrollTop: 0 // 滚动距离 |
||||||
|
}; |
||||||
|
}, |
||||||
|
async mounted() { |
||||||
|
// 计算单个元素的高度 |
||||||
|
await this.$nextTick(() => { |
||||||
|
|
||||||
|
}) |
||||||
|
|
||||||
|
// uniapp中获取高度的兼容写法 |
||||||
|
const query = uni.createSelectorQuery(); |
||||||
|
console.log('query.select :>> ', query.select('#box').boundingClientRect); |
||||||
|
query.select('#box').boundingClientRect(data => { |
||||||
|
console.log('data :>> ', data); |
||||||
|
this.oneHeight = data.height |
||||||
|
}).exec(); |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
// 一屏多少条数据 |
||||||
|
showNum() { |
||||||
|
return ~~(this.containerHeight / this.oneHeight) + 2; |
||||||
|
}, |
||||||
|
// 开始索引 |
||||||
|
startIndex() { |
||||||
|
// 可见区域，第一个元素的index |
||||||
|
const curIndex = ~~(this.scrollTop / this.oneHeight) |
||||||
|
// console.log(this.showNum, this.oneHeight) |
||||||
|
// 渲染区域第一个元素的index，这里缓冲区域的列表条数使用的是this.showNum |
||||||
|
return curIndex < this.showNum ? 0 : curIndex - this.showNum |
||||||
|
}, |
||||||
|
// 渲染元素最后的index |
||||||
|
endIndex() { |
||||||
|
// 可见区域，第一个index |
||||||
|
const curIndex = ~~(this.scrollTop / this.oneHeight) |
||||||
|
let end = curIndex + this.showNum * 3; // 2倍是需要预留缓冲区域 |
||||||
|
let len = this.allList.length |
||||||
|
return end >= len ? len : end; // 结束元素大于所有元素的长度时，就取元素长度 |
||||||
|
}, |
||||||
|
// 需要渲染的数据 |
||||||
|
showList() { |
||||||
|
return this.allList.slice(this.startIndex, this.endIndex) |
||||||
|
}, |
||||||
|
// 空白占位的高度 |
||||||
|
paddingStyle() { |
||||||
|
return { |
||||||
|
paddingTop: this.startIndex * this.oneHeight + 'px', |
||||||
|
paddingBottom: (this.allList.length - this.endIndex) * this.oneHeight + 'px' |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
@ -0,0 +1,535 @@ |
|||||||
|
<template> |
||||||
|
<BasicContainer ref="basicContainer" :option="option"> |
||||||
|
<template #head> |
||||||
|
<image mode="widthFix" class="bgimg" src="/pagesHome/static/bgby.png"></image> |
||||||
|
<view class="mabxtop"> |
||||||
|
<view> |
||||||
|
<view> |
||||||
|
<view>{{(detauser?.trayName)||'暂无数据'}}</view> |
||||||
|
<view>托盘名称</view> |
||||||
|
</view> |
||||||
|
<view> |
||||||
|
<view>{{(detauser?.trayCode)||'暂无数据'}}</view> |
||||||
|
<view>托盘码</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view> |
||||||
|
<view> |
||||||
|
<view>{{(details.datelist.length)||0}}</view> |
||||||
|
<view>订单在托数量</view> |
||||||
|
</view> |
||||||
|
<view> |
||||||
|
<view>{{detauser?.trayTypeName || '暂无数据'}}</view> |
||||||
|
<view>打托方式</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view> |
||||||
|
|
||||||
|
<view> |
||||||
|
<view class="printBtn" @click.stop.prevent="handleGetSynchronousData">同步托盘</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<template #body> |
||||||
|
<scroll-view class="scvmabx" :style="{height: details.scrollHeight}" scroll-y="true"> |
||||||
|
<uni-table v-show="!details.isShowSelect" border stripe emptyText="暂无更多数据" |
||||||
|
@selection-change="selectionChange"> |
||||||
|
<!-- 表头行 --> |
||||||
|
<uni-tr> |
||||||
|
<uni-th align="left">订单号</uni-th> |
||||||
|
<uni-th align="left">运单号</uni-th> |
||||||
|
<uni-th align="left">包条码</uni-th> |
||||||
|
<uni-th align="center">数量</uni-th> |
||||||
|
</uni-tr> |
||||||
|
<!-- 表格数据行 --> |
||||||
|
<block v-for="item in details.datelist"> |
||||||
|
<uni-tr> |
||||||
|
<!-- 订单号 --> |
||||||
|
<uni-td>{{item.orderCode}}</uni-td> |
||||||
|
<!-- 运单号 --> |
||||||
|
<uni-td>{{item.waybillNo}}</uni-td> |
||||||
|
<!-- 包条码 --> |
||||||
|
<uni-td>{{item.orderPackageCode}}</uni-td> |
||||||
|
<uni-td align="center">{{item.num}}</uni-td> |
||||||
|
</uni-tr> |
||||||
|
</block> |
||||||
|
</uni-table> |
||||||
|
|
||||||
|
<uni-table v-show="details.isShowSelect" ref="uniTable1" border stripe type="selection" emptyText="暂无更多数据" |
||||||
|
@selection-change="selectionChange"> |
||||||
|
<!-- 表头行 --> |
||||||
|
<uni-tr> |
||||||
|
<uni-th align="left">订单号</uni-th> |
||||||
|
<uni-th align="left">运单号</uni-th> |
||||||
|
<uni-th align="left">包条码</uni-th> |
||||||
|
<uni-th align="center">数量</uni-th> |
||||||
|
</uni-tr> |
||||||
|
<!-- 表格数据行 --> |
||||||
|
<block v-for="item in details.datelist"> |
||||||
|
<uni-tr> |
||||||
|
<!-- 订单号 --> |
||||||
|
<uni-td>{{item.orderCode}}</uni-td> |
||||||
|
<!-- 运单号 --> |
||||||
|
<uni-td>{{item.waybillNo}}</uni-td> |
||||||
|
<!-- 包条码 --> |
||||||
|
<uni-td>{{item.orderPackageCode}}</uni-td> |
||||||
|
<uni-td align="center">{{item.num}}</uni-td> |
||||||
|
</uni-tr> |
||||||
|
</block> |
||||||
|
|
||||||
|
</uni-table> |
||||||
|
|
||||||
|
|
||||||
|
<!-- 底部站位 --> |
||||||
|
<view class="footer"></view> |
||||||
|
<view class="submitBtn" @click="handleSubmit">提交同步</view> |
||||||
|
<!-- <button type="default" @click="moni">moni</button> --> |
||||||
|
</scroll-view> |
||||||
|
|
||||||
|
</template> |
||||||
|
</BasicContainer> |
||||||
|
<!-- #ifdef APP --> |
||||||
|
<saomiao2 :ishidestop="scanState !== 0"></saomiao2> |
||||||
|
<!-- #endif --> |
||||||
|
<tiplist ref="tiplists"></tiplist> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script lang="ts" setup> |
||||||
|
import { |
||||||
|
postFindSyncTrayData, |
||||||
|
postFindSyncOldTrayData, |
||||||
|
postSyncOldTrayData |
||||||
|
} from '@/api/user.js' |
||||||
|
import { |
||||||
|
onLoad, |
||||||
|
onShow, |
||||||
|
} from '@dcloudio/uni-app' |
||||||
|
import utils from '@/utils/utils.js' |
||||||
|
import { nextTick, reactive, ref, toRefs } from "vue"; |
||||||
|
// 引入Pinia仓库 |
||||||
|
import useSystemSettingsStore from '@/store/useSystemSettingsStore'; |
||||||
|
import { storeToRefs } from 'pinia'; |
||||||
|
const { scanState } = storeToRefs(useSystemSettingsStore()) |
||||||
|
|
||||||
|
// 组件实例 |
||||||
|
const uniTable1 = ref(null) |
||||||
|
|
||||||
|
const option = reactive({ |
||||||
|
title: '托盘数据同步', |
||||||
|
haveData: true, |
||||||
|
async pullDownRefreshInitPage() { |
||||||
|
details.isShowSelect = false |
||||||
|
details.datelist = [] |
||||||
|
details.detauser = {} |
||||||
|
details.seletionList = [] |
||||||
|
return null |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
let details = reactive({ |
||||||
|
trayCode: '', |
||||||
|
scancode: '', |
||||||
|
datelist: [], |
||||||
|
seletionList: [], |
||||||
|
waybillCode: '', |
||||||
|
detauser: {} as any, |
||||||
|
/** 设置滚动容器的高度 */ |
||||||
|
scrollHeight: '', |
||||||
|
/** 是否显示复选框 */ |
||||||
|
isShowSelect: false |
||||||
|
}) |
||||||
|
|
||||||
|
|
||||||
|
const tiplists = ref(null) |
||||||
|
const basicContainer = ref(null) |
||||||
|
|
||||||
|
onLoad(() => { |
||||||
|
utils.ttsspke('请扫描托盘码') |
||||||
|
}) |
||||||
|
|
||||||
|
onShow(async () => { |
||||||
|
// #ifdef APP |
||||||
|
uni.$off('scancodedate') |
||||||
|
uni.$on('scancodedate', function (code) { |
||||||
|
if (code) { |
||||||
|
console.log(code); |
||||||
|
details.scancode = code |
||||||
|
|
||||||
|
scandata() |
||||||
|
} |
||||||
|
}) |
||||||
|
// #endif |
||||||
|
|
||||||
|
await nextTick() |
||||||
|
details.scrollHeight = await utils.getViewDistanceFormTop('.scvmabx') |
||||||
|
}) |
||||||
|
|
||||||
|
async function scandata() { |
||||||
|
// uni.showLoading({ |
||||||
|
// mask: true, |
||||||
|
// // duration: 30000 |
||||||
|
// }) |
||||||
|
try { |
||||||
|
// 表格不显示复选框 |
||||||
|
details.isShowSelect = false |
||||||
|
const res = await postFindSyncTrayData({ trayCode: details.scancode }) |
||||||
|
const { code, data } = res |
||||||
|
if (code !== 200 || !data) return |
||||||
|
details.detauser = data |
||||||
|
details.datelist = data.packageList ? data.packageList : [] |
||||||
|
|
||||||
|
} catch (err) { |
||||||
|
console.log('err :>> ', err); |
||||||
|
//TODO handle the exception |
||||||
|
} finally { |
||||||
|
// await nextTick() |
||||||
|
// uni.hideLoading() |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
const selectionChange = (list) => { |
||||||
|
details.seletionList = list.detail.index |
||||||
|
} |
||||||
|
|
||||||
|
/** 获取同步数据 */ |
||||||
|
const handleGetSynchronousData = async () => { |
||||||
|
if (!details.detauser.trayCode) { |
||||||
|
let content = '请先扫描托盘码' |
||||||
|
uni.showToast({ |
||||||
|
title: content, |
||||||
|
icon: "none" |
||||||
|
}) |
||||||
|
// #ifdef APP |
||||||
|
utils.ttsspke(content) |
||||||
|
// #endif |
||||||
|
return |
||||||
|
} |
||||||
|
|
||||||
|
// uni.showLoading({ |
||||||
|
// mask: true |
||||||
|
// }) |
||||||
|
try { |
||||||
|
|
||||||
|
const res = await postFindSyncOldTrayData({ trayCode: details.detauser.trayCode }) |
||||||
|
const { code, data } = res |
||||||
|
if (code !== 200 || !data) return |
||||||
|
details.detauser.trayTypeName = data.trayTypeName |
||||||
|
details.datelist = data.packageList ? data.packageList : [] |
||||||
|
// 表格显示复选框 |
||||||
|
details.isShowSelect = true |
||||||
|
} catch (err) { |
||||||
|
console.log('err :>> ', err); |
||||||
|
//TODO handle the exception |
||||||
|
} finally { |
||||||
|
await nextTick() |
||||||
|
// 开启全选 |
||||||
|
uniTable1.value.selectionAll() |
||||||
|
console.log('111 :>> ', 111); |
||||||
|
// 关闭loading |
||||||
|
// uni.hideLoading() |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** 提交 */ |
||||||
|
const handleSubmit = async () => { |
||||||
|
let content = '' |
||||||
|
if (!details.isShowSelect) content = '请获取同步数据' |
||||||
|
else if (details.seletionList.length <= 0) content = '最少选择一条数据' |
||||||
|
if (content) { |
||||||
|
// #ifdef APP |
||||||
|
utils.ttsspke(content) |
||||||
|
// #endif |
||||||
|
uni.showToast({ |
||||||
|
title: content, |
||||||
|
icon: 'none' |
||||||
|
}) |
||||||
|
return |
||||||
|
} |
||||||
|
|
||||||
|
try { |
||||||
|
uni.showLoading({ |
||||||
|
mask: true |
||||||
|
}) |
||||||
|
|
||||||
|
console.log('details.seletionList :>> ', details.seletionList); |
||||||
|
const orderPackageCodes = [] |
||||||
|
details.datelist.forEach((val, index) => { |
||||||
|
if (details.seletionList.includes(index)) orderPackageCodes.push(val.orderPackageCode) |
||||||
|
}) |
||||||
|
const submitData = { |
||||||
|
trayCode: details.detauser.trayCode, |
||||||
|
trayType: details.detauser.trayType, |
||||||
|
orderPackageCodes, |
||||||
|
} |
||||||
|
const res = await postSyncOldTrayData(submitData) |
||||||
|
const { code } = res |
||||||
|
if (code !== 200) return |
||||||
|
basicContainer.value.startPullDownRefresh() |
||||||
|
} catch (err) { |
||||||
|
console.log('err :>> ', err); |
||||||
|
//TODO handle the exception |
||||||
|
} finally { |
||||||
|
uni.hideLoading() |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// function moni(){ |
||||||
|
// details.scancode = 'T2966' |
||||||
|
// scandata() |
||||||
|
// } |
||||||
|
const { datelist, detauser } = toRefs(details) |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
// 主题色 |
||||||
|
$subjectColor: #d3832a; |
||||||
|
|
||||||
|
.mabxtop { |
||||||
|
position: relative; |
||||||
|
width: 684upx; |
||||||
|
// height: 348upx; |
||||||
|
background: #FFFFFF; |
||||||
|
border-radius: 20upx; |
||||||
|
margin: auto; |
||||||
|
margin-top: 20upx; |
||||||
|
padding: 60upx; |
||||||
|
box-sizing: border-box; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
|
||||||
|
>view { |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
margin-bottom: 10upx; |
||||||
|
|
||||||
|
&:nth-last-child(1) { |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
|
||||||
|
>view { |
||||||
|
&:nth-of-type(1) { |
||||||
|
width: 60%; |
||||||
|
} |
||||||
|
|
||||||
|
&:nth-of-type(2) { |
||||||
|
width: 40%; |
||||||
|
} |
||||||
|
|
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: flex-start; |
||||||
|
|
||||||
|
>view:nth-of-type(1) { |
||||||
|
font-size: 32upx; |
||||||
|
font-weight: 400; |
||||||
|
color: #020B18; |
||||||
|
word-wrap: break-word; |
||||||
|
word-break: break-all; |
||||||
|
} |
||||||
|
|
||||||
|
>view:nth-of-type(2) { |
||||||
|
font-size: 28upx; |
||||||
|
font-weight: 400; |
||||||
|
color: #90A0AF; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.printBtn { |
||||||
|
background: var(--subjectColor); |
||||||
|
color: #fff !important; |
||||||
|
// width: 100upx; |
||||||
|
padding: 10upx 20upx; |
||||||
|
text-align: center; |
||||||
|
border-radius: 5upx; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.bgimg { |
||||||
|
position: fixed; |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.scvmabx { |
||||||
|
width: 684rpx; |
||||||
|
height: 45vh; |
||||||
|
margin: auto; |
||||||
|
margin-top: 20upx; |
||||||
|
|
||||||
|
// 商场名称 |
||||||
|
.marketName { |
||||||
|
display: flex; |
||||||
|
margin-bottom: 20upx; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
|
||||||
|
.maxboxs { |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
.chuanhuo { |
||||||
|
border: #ff0000; |
||||||
|
} |
||||||
|
|
||||||
|
.weiqt { |
||||||
|
position: absolute; |
||||||
|
right: 0; |
||||||
|
top: 0; |
||||||
|
width: 70upx; |
||||||
|
height: 70upx; |
||||||
|
} |
||||||
|
|
||||||
|
.qitao { |
||||||
|
position: absolute; |
||||||
|
right: 0; |
||||||
|
top: 0; |
||||||
|
width: 70upx; |
||||||
|
height: 70upx; |
||||||
|
} |
||||||
|
|
||||||
|
>.items { |
||||||
|
width: 690upx; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
padding: 20upx 30upx; |
||||||
|
box-sizing: border-box; |
||||||
|
background-color: #ffffff; |
||||||
|
border-radius: 10upx; |
||||||
|
margin-bottom: 30upx; |
||||||
|
position: relative; |
||||||
|
|
||||||
|
&:nth-last-child(1) { |
||||||
|
margin-bottom: 20upx; |
||||||
|
} |
||||||
|
|
||||||
|
.tophd { |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
align-items: flex-start; |
||||||
|
justify-content: flex-start; |
||||||
|
padding: 15upx 20upx; |
||||||
|
box-sizing: border-box; |
||||||
|
padding-top: 30upx; |
||||||
|
border-bottom: 4upx solid #EEEEEE; |
||||||
|
|
||||||
|
>image { |
||||||
|
width: 48upx; |
||||||
|
height: 48upx; |
||||||
|
margin-right: 10upx; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
|
||||||
|
>view { |
||||||
|
font-size: 32upx; |
||||||
|
color: #020B18; |
||||||
|
font-weight: 400; |
||||||
|
word-wrap: break-word; |
||||||
|
word-break: break-all; |
||||||
|
|
||||||
|
&:nth-of-type(1) { |
||||||
|
width: 180upx; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
>view:nth-of-type(2) { |
||||||
|
flex: 1; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.tophd1 { |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 15upx 20upx; |
||||||
|
border-bottom: 4upx solid #EEEEEE; |
||||||
|
|
||||||
|
&>view { |
||||||
|
display: flex; |
||||||
|
flex: 1; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
|
||||||
|
image { |
||||||
|
width: 64upx; |
||||||
|
height: 64upx; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.numbxvie { |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-around; |
||||||
|
padding: 15upx 25upx; |
||||||
|
box-sizing: border-box; |
||||||
|
|
||||||
|
.zhon { |
||||||
|
color: $subjectColor; |
||||||
|
} |
||||||
|
|
||||||
|
.yish { |
||||||
|
color: #1197EB; |
||||||
|
} |
||||||
|
|
||||||
|
.weish { |
||||||
|
color: #020B18; |
||||||
|
} |
||||||
|
|
||||||
|
>view { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
>view:nth-of-type(1) { |
||||||
|
font-size: 36upx; |
||||||
|
margin-bottom: 12upx; |
||||||
|
} |
||||||
|
|
||||||
|
>view:nth-of-type(2) { |
||||||
|
font-size: 28upx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// 底部站位 |
||||||
|
.footer { |
||||||
|
height: 150upx; |
||||||
|
} |
||||||
|
|
||||||
|
// 底部提交按钮 |
||||||
|
.submitBtn { |
||||||
|
width: fit-content; |
||||||
|
position: fixed; |
||||||
|
bottom: 20upx; |
||||||
|
background: var(--subjectColor); |
||||||
|
color: #fff; |
||||||
|
padding: 20upx 50upx; |
||||||
|
border-radius: 5upx; |
||||||
|
left: 50%; |
||||||
|
transform: translateX(-50%); |
||||||
|
} |
||||||
|
|
||||||
|
.uni-table-scroll { |
||||||
|
zoom: 0.9; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-table-td, |
||||||
|
.uni-table-th { |
||||||
|
padding: 10upx; |
||||||
|
} |
||||||
|
</style> |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,35 @@ |
|||||||
|
import { |
||||||
|
defineStore |
||||||
|
} from 'pinia'; |
||||||
|
import { |
||||||
|
ref |
||||||
|
} from 'vue'; |
||||||
|
|
||||||
|
const useSearchInfoStore = defineStore('useSearchInfoStore', () => { |
||||||
|
/** 搜索的值 */ |
||||||
|
const searchInfo = ref({}) |
||||||
|
|
||||||
|
/** 新增需要缓存的搜索值 */ |
||||||
|
const HANDLE_EDIT_INFO = (pageName, info) => { |
||||||
|
searchInfo.value[pageName] = info |
||||||
|
} |
||||||
|
|
||||||
|
/** 删除需要缓存的搜索值 */ |
||||||
|
const HANDLE_DELETE = (pageName) => { |
||||||
|
delete searchInfo.value[pageName] |
||||||
|
} |
||||||
|
|
||||||
|
/** 清空搜索框的值 */ |
||||||
|
const HANDLE_CLEAR = () => { |
||||||
|
searchInfo.value = {} |
||||||
|
} |
||||||
|
|
||||||
|
return { |
||||||
|
searchInfo, |
||||||
|
HANDLE_EDIT_INFO, |
||||||
|
HANDLE_DELETE, |
||||||
|
HANDLE_CLEAR |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
export default useSearchInfoStore |
||||||
@ -0,0 +1,60 @@ |
|||||||
|
import { |
||||||
|
defineStore |
||||||
|
} from 'pinia'; |
||||||
|
|
||||||
|
import { |
||||||
|
ref |
||||||
|
} from 'vue'; |
||||||
|
|
||||||
|
import { |
||||||
|
postFindAllAllocationId |
||||||
|
} from '@/api/user.js'; |
||||||
|
|
||||||
|
const useStorageStore = defineStore('useStorageStore', () => { |
||||||
|
/** 存储本仓库位信息 */ |
||||||
|
const storageArr = ref([]) |
||||||
|
|
||||||
|
/** 请求本仓库位信息 */ |
||||||
|
const HANDLE_GETSTORAGEINFO = async () => { |
||||||
|
const response = await postFindAllAllocationId() |
||||||
|
|
||||||
|
const { |
||||||
|
code, |
||||||
|
data |
||||||
|
} = response |
||||||
|
|
||||||
|
if (code !== 200) return |
||||||
|
storageArr.value = data |
||||||
|
} |
||||||
|
|
||||||
|
/** 清空库位信息 */ |
||||||
|
const HANDLE_CLEARSTORAGE = () => { |
||||||
|
storageArr.value.splice(0) |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 检测是否为库位码 |
||||||
|
* @param {string} code 扫描的code码 |
||||||
|
* @return {boolean} 是否为库位码的判断 |
||||||
|
* */ |
||||||
|
const HANDLE_ISSTORAGECODE = (code) => { |
||||||
|
let _flag = false |
||||||
|
for (let item of storageArr.value) { |
||||||
|
if ((item + '') === (code + '')) { |
||||||
|
_flag = true |
||||||
|
// 退出循环
|
||||||
|
break |
||||||
|
} |
||||||
|
} |
||||||
|
return _flag |
||||||
|
} |
||||||
|
|
||||||
|
return { |
||||||
|
storageArr, |
||||||
|
HANDLE_GETSTORAGEINFO, |
||||||
|
HANDLE_CLEARSTORAGE, |
||||||
|
HANDLE_ISSTORAGECODE |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
export default useStorageStore |
||||||
@ -0,0 +1,313 @@ |
|||||||
|
//
|
||||||
|
// THIS FILE IS AUTOMATICALLY GENERATED! DO NOT EDIT BY HAND!
|
||||||
|
//
|
||||||
|
;(function(global, factory) { |
||||||
|
typeof exports === 'object' && typeof module !== 'undefined' |
||||||
|
? module.exports = factory() |
||||||
|
: typeof define === 'function' && define.amd |
||||||
|
? define(factory) : |
||||||
|
// cf. https://github.com/dankogai/js-base64/issues/119
|
||||||
|
(function() { |
||||||
|
// existing version for noConflict()
|
||||||
|
const _Base64 = global.Base64; |
||||||
|
const gBase64 = factory(); |
||||||
|
gBase64.noConflict = () => { |
||||||
|
global.Base64 = _Base64; |
||||||
|
return gBase64; |
||||||
|
}; |
||||||
|
if (global.Meteor) { // Meteor.js
|
||||||
|
Base64 = gBase64; |
||||||
|
} |
||||||
|
global.Base64 = gBase64; |
||||||
|
})(); |
||||||
|
}((typeof self !== 'undefined' ? self |
||||||
|
: typeof window !== 'undefined' ? window |
||||||
|
: typeof global !== 'undefined' ? global |
||||||
|
: this |
||||||
|
), function() { |
||||||
|
'use strict'; |
||||||
|
|
||||||
|
/** |
||||||
|
* base64.ts |
||||||
|
* |
||||||
|
* Licensed under the BSD 3-Clause License. |
||||||
|
* http://opensource.org/licenses/BSD-3-Clause
|
||||||
|
* |
||||||
|
* References: |
||||||
|
* http://en.wikipedia.org/wiki/Base64
|
||||||
|
* |
||||||
|
* @author Dan Kogai (https://github.com/dankogai)
|
||||||
|
*/ |
||||||
|
const version = '3.6.0'; |
||||||
|
/** |
||||||
|
* @deprecated use lowercase `version`. |
||||||
|
*/ |
||||||
|
const VERSION = version; |
||||||
|
const _hasatob = typeof atob === 'function'; |
||||||
|
const _hasbtoa = typeof btoa === 'function'; |
||||||
|
const _hasBuffer = typeof Buffer === 'function'; |
||||||
|
const _TD = typeof TextDecoder === 'function' ? new TextDecoder() : undefined; |
||||||
|
const _TE = typeof TextEncoder === 'function' ? new TextEncoder() : undefined; |
||||||
|
const b64ch = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='; |
||||||
|
const b64chs = [...b64ch]; |
||||||
|
const b64tab = ((a) => { |
||||||
|
let tab = {}; |
||||||
|
a.forEach((c, i) => tab[c] = i); |
||||||
|
return tab; |
||||||
|
})(b64chs); |
||||||
|
const b64re = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/; |
||||||
|
const _fromCC = String.fromCharCode.bind(String); |
||||||
|
const _U8Afrom = typeof Uint8Array.from === 'function' |
||||||
|
? Uint8Array.from.bind(Uint8Array) |
||||||
|
: (it, fn = (x) => x) => new Uint8Array(Array.prototype.slice.call(it, 0).map(fn)); |
||||||
|
const _mkUriSafe = (src) => src |
||||||
|
.replace(/[+\/]/g, (m0) => m0 == '+' ? '-' : '_') |
||||||
|
.replace(/=+$/m, ''); |
||||||
|
const _tidyB64 = (s) => s.replace(/[^A-Za-z0-9\+\/]/g, ''); |
||||||
|
/** |
||||||
|
* polyfill version of `btoa` |
||||||
|
*/ |
||||||
|
const btoaPolyfill = (bin) => { |
||||||
|
// console.log('polyfilled');
|
||||||
|
let u32, c0, c1, c2, asc = ''; |
||||||
|
const pad = bin.length % 3; |
||||||
|
for (let i = 0; i < bin.length;) { |
||||||
|
if ((c0 = bin.charCodeAt(i++)) > 255 || |
||||||
|
(c1 = bin.charCodeAt(i++)) > 255 || |
||||||
|
(c2 = bin.charCodeAt(i++)) > 255) |
||||||
|
throw new TypeError('invalid character found'); |
||||||
|
u32 = (c0 << 16) | (c1 << 8) | c2; |
||||||
|
asc += b64chs[u32 >> 18 & 63] |
||||||
|
+ b64chs[u32 >> 12 & 63] |
||||||
|
+ b64chs[u32 >> 6 & 63] |
||||||
|
+ b64chs[u32 & 63]; |
||||||
|
} |
||||||
|
return pad ? asc.slice(0, pad - 3) + "===".substring(pad) : asc; |
||||||
|
}; |
||||||
|
/** |
||||||
|
* does what `window.btoa` of web browsers do. |
||||||
|
* @param {String} bin binary string |
||||||
|
* @returns {string} Base64-encoded string |
||||||
|
*/ |
||||||
|
const _btoa = _hasbtoa ? (bin) => btoa(bin) |
||||||
|
: _hasBuffer ? (bin) => Buffer.from(bin, 'binary').toString('base64') |
||||||
|
: btoaPolyfill; |
||||||
|
const _fromUint8Array = _hasBuffer |
||||||
|
? (u8a) => Buffer.from(u8a).toString('base64') |
||||||
|
: (u8a) => { |
||||||
|
// cf. https://stackoverflow.com/questions/12710001/how-to-convert-uint8-array-to-base64-encoded-string/12713326#12713326
|
||||||
|
const maxargs = 0x1000; |
||||||
|
let strs = []; |
||||||
|
for (let i = 0, l = u8a.length; i < l; i += maxargs) { |
||||||
|
strs.push(_fromCC.apply(null, u8a.subarray(i, i + maxargs))); |
||||||
|
} |
||||||
|
return _btoa(strs.join('')); |
||||||
|
}; |
||||||
|
/** |
||||||
|
* converts a Uint8Array to a Base64 string. |
||||||
|
* @param {boolean} [urlsafe] URL-and-filename-safe a la RFC4648 §5 |
||||||
|
* @returns {string} Base64 string |
||||||
|
*/ |
||||||
|
const fromUint8Array = (u8a, urlsafe = false) => urlsafe ? _mkUriSafe(_fromUint8Array(u8a)) : _fromUint8Array(u8a); |
||||||
|
// This trick is found broken https://github.com/dankogai/js-base64/issues/130
|
||||||
|
// const utob = (src: string) => unescape(encodeURIComponent(src));
|
||||||
|
// reverting good old fationed regexp
|
||||||
|
const cb_utob = (c) => { |
||||||
|
if (c.length < 2) { |
||||||
|
var cc = c.charCodeAt(0); |
||||||
|
return cc < 0x80 ? c |
||||||
|
: cc < 0x800 ? (_fromCC(0xc0 | (cc >>> 6)) |
||||||
|
+ _fromCC(0x80 | (cc & 0x3f))) |
||||||
|
: (_fromCC(0xe0 | ((cc >>> 12) & 0x0f)) |
||||||
|
+ _fromCC(0x80 | ((cc >>> 6) & 0x3f)) |
||||||
|
+ _fromCC(0x80 | (cc & 0x3f))); |
||||||
|
} |
||||||
|
else { |
||||||
|
var cc = 0x10000 |
||||||
|
+ (c.charCodeAt(0) - 0xD800) * 0x400 |
||||||
|
+ (c.charCodeAt(1) - 0xDC00); |
||||||
|
return (_fromCC(0xf0 | ((cc >>> 18) & 0x07)) |
||||||
|
+ _fromCC(0x80 | ((cc >>> 12) & 0x3f)) |
||||||
|
+ _fromCC(0x80 | ((cc >>> 6) & 0x3f)) |
||||||
|
+ _fromCC(0x80 | (cc & 0x3f))); |
||||||
|
} |
||||||
|
}; |
||||||
|
const re_utob = /[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g; |
||||||
|
/** |
||||||
|
* @deprecated should have been internal use only. |
||||||
|
* @param {string} src UTF-8 string |
||||||
|
* @returns {string} UTF-16 string |
||||||
|
*/ |
||||||
|
const utob = (u) => u.replace(re_utob, cb_utob); |
||||||
|
//
|
||||||
|
const _encode = _hasBuffer |
||||||
|
? (s) => Buffer.from(s, 'utf8').toString('base64') |
||||||
|
: _TE |
||||||
|
? (s) => _fromUint8Array(_TE.encode(s)) |
||||||
|
: (s) => _btoa(utob(s)); |
||||||
|
/** |
||||||
|
* converts a UTF-8-encoded string to a Base64 string. |
||||||
|
* @param {boolean} [urlsafe] if `true` make the result URL-safe |
||||||
|
* @returns {string} Base64 string |
||||||
|
*/ |
||||||
|
const encode = (src, urlsafe = false) => urlsafe |
||||||
|
? _mkUriSafe(_encode(src)) |
||||||
|
: _encode(src); |
||||||
|
/** |
||||||
|
* converts a UTF-8-encoded string to URL-safe Base64 RFC4648 §5. |
||||||
|
* @returns {string} Base64 string |
||||||
|
*/ |
||||||
|
const encodeURI = (src) => encode(src, true); |
||||||
|
// This trick is found broken https://github.com/dankogai/js-base64/issues/130
|
||||||
|
// const btou = (src: string) => decodeURIComponent(escape(src));
|
||||||
|
// reverting good old fationed regexp
|
||||||
|
const re_btou = /[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g; |
||||||
|
const cb_btou = (cccc) => { |
||||||
|
switch (cccc.length) { |
||||||
|
case 4: |
||||||
|
var cp = ((0x07 & cccc.charCodeAt(0)) << 18) |
||||||
|
| ((0x3f & cccc.charCodeAt(1)) << 12) |
||||||
|
| ((0x3f & cccc.charCodeAt(2)) << 6) |
||||||
|
| (0x3f & cccc.charCodeAt(3)), offset = cp - 0x10000; |
||||||
|
return (_fromCC((offset >>> 10) + 0xD800) |
||||||
|
+ _fromCC((offset & 0x3FF) + 0xDC00)); |
||||||
|
case 3: |
||||||
|
return _fromCC(((0x0f & cccc.charCodeAt(0)) << 12) |
||||||
|
| ((0x3f & cccc.charCodeAt(1)) << 6) |
||||||
|
| (0x3f & cccc.charCodeAt(2))); |
||||||
|
default: |
||||||
|
return _fromCC(((0x1f & cccc.charCodeAt(0)) << 6) |
||||||
|
| (0x3f & cccc.charCodeAt(1))); |
||||||
|
} |
||||||
|
}; |
||||||
|
/** |
||||||
|
* @deprecated should have been internal use only. |
||||||
|
* @param {string} src UTF-16 string |
||||||
|
* @returns {string} UTF-8 string |
||||||
|
*/ |
||||||
|
const btou = (b) => b.replace(re_btou, cb_btou); |
||||||
|
/** |
||||||
|
* polyfill version of `atob` |
||||||
|
*/ |
||||||
|
const atobPolyfill = (asc) => { |
||||||
|
// console.log('polyfilled');
|
||||||
|
asc = asc.replace(/\s+/g, ''); |
||||||
|
if (!b64re.test(asc)) |
||||||
|
throw new TypeError('malformed base64.'); |
||||||
|
asc += '=='.slice(2 - (asc.length & 3)); |
||||||
|
let u24, bin = '', r1, r2; |
||||||
|
for (let i = 0; i < asc.length;) { |
||||||
|
u24 = b64tab[asc.charAt(i++)] << 18 |
||||||
|
| b64tab[asc.charAt(i++)] << 12 |
||||||
|
| (r1 = b64tab[asc.charAt(i++)]) << 6 |
||||||
|
| (r2 = b64tab[asc.charAt(i++)]); |
||||||
|
bin += r1 === 64 ? _fromCC(u24 >> 16 & 255) |
||||||
|
: r2 === 64 ? _fromCC(u24 >> 16 & 255, u24 >> 8 & 255) |
||||||
|
: _fromCC(u24 >> 16 & 255, u24 >> 8 & 255, u24 & 255); |
||||||
|
} |
||||||
|
return bin; |
||||||
|
}; |
||||||
|
/** |
||||||
|
* does what `window.atob` of web browsers do. |
||||||
|
* @param {String} asc Base64-encoded string |
||||||
|
* @returns {string} binary string |
||||||
|
*/ |
||||||
|
const _atob = _hasatob ? (asc) => atob(_tidyB64(asc)) |
||||||
|
: _hasBuffer ? (asc) => Buffer.from(asc, 'base64').toString('binary') |
||||||
|
: atobPolyfill; |
||||||
|
//
|
||||||
|
const _toUint8Array = _hasBuffer |
||||||
|
? (a) => _U8Afrom(Buffer.from(a, 'base64')) |
||||||
|
: (a) => _U8Afrom(_atob(a), c => c.charCodeAt(0)); |
||||||
|
/** |
||||||
|
* converts a Base64 string to a Uint8Array. |
||||||
|
*/ |
||||||
|
const toUint8Array = (a) => _toUint8Array(_unURI(a)); |
||||||
|
//
|
||||||
|
const _decode = _hasBuffer |
||||||
|
? (a) => Buffer.from(a, 'base64').toString('utf8') |
||||||
|
: _TD |
||||||
|
? (a) => _TD.decode(_toUint8Array(a)) |
||||||
|
: (a) => btou(_atob(a)); |
||||||
|
const _unURI = (a) => _tidyB64(a.replace(/[-_]/g, (m0) => m0 == '-' ? '+' : '/')); |
||||||
|
/** |
||||||
|
* converts a Base64 string to a UTF-8 string. |
||||||
|
* @param {String} src Base64 string. Both normal and URL-safe are supported |
||||||
|
* @returns {string} UTF-8 string |
||||||
|
*/ |
||||||
|
const decode = (src) => _decode(_unURI(src)); |
||||||
|
/** |
||||||
|
* check if a value is a valid Base64 string |
||||||
|
* @param {String} src a value to check |
||||||
|
*/ |
||||||
|
const isValid = (src) => { |
||||||
|
if (typeof src !== 'string') |
||||||
|
return false; |
||||||
|
const s = src.replace(/\s+/g, '').replace(/=+$/, ''); |
||||||
|
return !/[^\s0-9a-zA-Z\+/]/.test(s) || !/[^\s0-9a-zA-Z\-_]/.test(s); |
||||||
|
}; |
||||||
|
//
|
||||||
|
const _noEnum = (v) => { |
||||||
|
return { |
||||||
|
value: v, enumerable: false, writable: true, configurable: true |
||||||
|
}; |
||||||
|
}; |
||||||
|
/** |
||||||
|
* extend String.prototype with relevant methods |
||||||
|
*/ |
||||||
|
const extendString = function () { |
||||||
|
const _add = (name, body) => Object.defineProperty(String.prototype, name, _noEnum(body)); |
||||||
|
_add('fromBase64', function () { return decode(this); }); |
||||||
|
_add('toBase64', function (urlsafe) { return encode(this, urlsafe); }); |
||||||
|
_add('toBase64URI', function () { return encode(this, true); }); |
||||||
|
_add('toBase64URL', function () { return encode(this, true); }); |
||||||
|
_add('toUint8Array', function () { return toUint8Array(this); }); |
||||||
|
}; |
||||||
|
/** |
||||||
|
* extend Uint8Array.prototype with relevant methods |
||||||
|
*/ |
||||||
|
const extendUint8Array = function () { |
||||||
|
const _add = (name, body) => Object.defineProperty(Uint8Array.prototype, name, _noEnum(body)); |
||||||
|
_add('toBase64', function (urlsafe) { return fromUint8Array(this, urlsafe); }); |
||||||
|
_add('toBase64URI', function () { return fromUint8Array(this, true); }); |
||||||
|
_add('toBase64URL', function () { return fromUint8Array(this, true); }); |
||||||
|
}; |
||||||
|
/** |
||||||
|
* extend Builtin prototypes with relevant methods |
||||||
|
*/ |
||||||
|
const extendBuiltins = () => { |
||||||
|
extendString(); |
||||||
|
extendUint8Array(); |
||||||
|
}; |
||||||
|
const gBase64 = { |
||||||
|
version: version, |
||||||
|
VERSION: VERSION, |
||||||
|
atob: _atob, |
||||||
|
atobPolyfill: atobPolyfill, |
||||||
|
btoa: _btoa, |
||||||
|
btoaPolyfill: btoaPolyfill, |
||||||
|
fromBase64: decode, |
||||||
|
toBase64: encode, |
||||||
|
encode: encode, |
||||||
|
encodeURI: encodeURI, |
||||||
|
encodeURL: encodeURI, |
||||||
|
utob: utob, |
||||||
|
btou: btou, |
||||||
|
decode: decode, |
||||||
|
isValid: isValid, |
||||||
|
fromUint8Array: fromUint8Array, |
||||||
|
toUint8Array: toUint8Array, |
||||||
|
extendString: extendString, |
||||||
|
extendUint8Array: extendUint8Array, |
||||||
|
extendBuiltins: extendBuiltins, |
||||||
|
}; |
||||||
|
|
||||||
|
//
|
||||||
|
// export Base64 to the namespace
|
||||||
|
//
|
||||||
|
// ES5 is yet to have Object.assign() that may make transpilers unhappy.
|
||||||
|
// gBase64.Base64 = Object.assign({}, gBase64);
|
||||||
|
gBase64.Base64 = {}; |
||||||
|
Object.keys(gBase64).forEach(k => gBase64.Base64[k] = gBase64[k]); |
||||||
|
return gBase64; |
||||||
|
})); |
||||||
@ -0,0 +1,170 @@ |
|||||||
|
/* |
||||||
|
使用该类应开启以下权限（读取和写入） |
||||||
|
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/> |
||||||
|
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/> |
||||||
|
*/ |
||||||
|
/* |
||||||
|
文件编码 |
||||||
|
ansi（ascii）：英文标准码0-127，包括控制符和其他英文字符编码，这在后来一直统一没再变过，当然它只需要一个字节保存 |
||||||
|
gb2312和gbk：这两个是ancii码加上汉字的扩展，汉字多达10万，在ancii编码基础上再加一个字节表示汉字，共可表示字符65535个，包括了繁体字。因此一个中文字符包含两个字节。eclipse中默认编码方式为gbk。在Windows中文系统中ANSI是默认的编码方式。对于英文文件是ASCII编码，对于简体中文文件是GB2312编码。 |
||||||
|
Unicode编码：顾名思义，这是国际统一标准编码，在这之前各国标准编码不统一，微软等公司需要为各国的计算机系统定制符合不同编码标准的系统，显然，成本太高，并且互联网的出现让不同编码标准的计算机交互变得困难，如：两国的邮件系统，会因为使用不同的编码标准而导致接受方收到的邮件是乱码。 |
||||||
|
utf-8和utf-16编码：UTF的意思是（UCS Transfer Format），显然是随着互联网的出现，需要解决Unicode在网络上的传输问题。顾名思义，UTF8就是每次8个位传输数据，而UTF16就是每次16个位，只不过为了传输时的可靠性，从UNICODE到UTF时并不是直接的对应，而是要过一些算法和规则来转换。UTF-8就是在互联网上使用最广的一种unicode的实现方式。 |
||||||
|
*/ |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取手机内置存储的根路径 |
||||||
|
* @return {String} |
||||||
|
*/ |
||||||
|
const root = function() { |
||||||
|
const environment = plus.android.importClass("android.os.Environment"); |
||||||
|
return environment.getExternalStorageDirectory(); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取指定文件夹下的所有文件和文件夹列表 |
||||||
|
* @param {String} path 文件夹路径 |
||||||
|
* @return {Array<String>} 文件和文件夹列表 |
||||||
|
*/ |
||||||
|
const filelist = function(dir = '') { |
||||||
|
const File = plus.android.importClass("java.io.File"); |
||||||
|
let list = []; |
||||||
|
let file = new File(dir); |
||||||
|
let tempList = file.listFiles(); |
||||||
|
for (let i = 0; i < tempList.length; i++) { |
||||||
|
let fileName = tempList[i].getName(); |
||||||
|
list.push(fileName); |
||||||
|
} |
||||||
|
return list; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 创建文件 |
||||||
|
* @return {boolean} flase=失败（已存在、操作失败），true=成功 |
||||||
|
*/ |
||||||
|
const createNewFile = function(path = '') { |
||||||
|
const File = plus.android.importClass('java.io.File'); |
||||||
|
let file = new File(path); |
||||||
|
if (!file.exists()) { |
||||||
|
return file.createNewFile(); |
||||||
|
} |
||||||
|
return false; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 创建文件夹 |
||||||
|
* @return {boolean} flase=失败（已存在、操作失败），true=成功 |
||||||
|
*/ |
||||||
|
const mkdirs = function(path = ''){ |
||||||
|
const File = plus.android.importClass('java.io.File'); |
||||||
|
let file = new File(path); |
||||||
|
if (!file.exists()) { |
||||||
|
return file.mkdirs(); |
||||||
|
} |
||||||
|
return false; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 读取文件 |
||||||
|
* @param {String} path 文件路径 |
||||||
|
* @param {String} charset 编码 |
||||||
|
* @return {Array<String>} 内容列表（按行读取）,文件不存在或异常则返回false |
||||||
|
*/ |
||||||
|
const readTxt = function(path = '', charset = 'utf-8') { |
||||||
|
const File = plus.android.importClass('java.io.File'); |
||||||
|
const InputStreamReader = plus.android.importClass('java.io.InputStreamReader'); |
||||||
|
const BufferedReader = plus.android.importClass('java.io.BufferedReader'); |
||||||
|
const FileInputStream = plus.android.importClass('java.io.FileInputStream'); |
||||||
|
let file = new File(path); |
||||||
|
let inputStreamReader = null; |
||||||
|
let bufferedReader = null; |
||||||
|
let list = []; |
||||||
|
try { |
||||||
|
if (!file.exists()) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
inputStreamReader = new InputStreamReader(new FileInputStream(file), charset); |
||||||
|
bufferedReader = new BufferedReader(inputStreamReader); |
||||||
|
let line = ''; |
||||||
|
while (null != (line = bufferedReader.readLine())) { |
||||||
|
list.push(line); |
||||||
|
} |
||||||
|
bufferedReader.close(); |
||||||
|
inputStreamReader.close(); |
||||||
|
} catch (e) { |
||||||
|
if (null != bufferedReader) { |
||||||
|
bufferedReader.close(); |
||||||
|
} |
||||||
|
if (null != inputStreamReader) { |
||||||
|
inputStreamReader.close(); |
||||||
|
} |
||||||
|
return false; |
||||||
|
} |
||||||
|
return list; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 写入文件内容 |
||||||
|
* @param {String} path 文件路径 |
||||||
|
* @param {String} content 内容 |
||||||
|
* @param {boolean} append 内容写入类型，false=不追加（覆盖原有内容），true=追加（从内容尾部写入） |
||||||
|
* @param {String} charset 编码 |
||||||
|
* @return {boolean} true=成功，false=失败 |
||||||
|
*/ |
||||||
|
const writeTxt = function(path = '', content = '', append = false, charset = 'utf-8') { |
||||||
|
const File = plus.android.importClass('java.io.File'); |
||||||
|
const FileOutputStream = plus.android.importClass('java.io.FileOutputStream'); |
||||||
|
const OutputStreamWriter = plus.android.importClass('java.io.OutputStreamWriter'); |
||||||
|
|
||||||
|
let outputStreamWriter; |
||||||
|
let file = new File(path); |
||||||
|
try { |
||||||
|
//不存在则创建新的文件
|
||||||
|
if (!file.exists()) { |
||||||
|
file.createNewFile(); |
||||||
|
} |
||||||
|
outputStreamWriter = new OutputStreamWriter(new FileOutputStream(path, append), charset); |
||||||
|
outputStreamWriter.write(content); |
||||||
|
outputStreamWriter.close(); |
||||||
|
} catch (e) { |
||||||
|
if (null != outputStreamWriter) { |
||||||
|
outputStreamWriter.close(); |
||||||
|
} |
||||||
|
return false; |
||||||
|
} |
||||||
|
return true; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 判断文件是否存在 |
||||||
|
* @param path 文件路径 |
||||||
|
* @return true=存在 false=不存在 |
||||||
|
*/ |
||||||
|
const isFileExist = function(path = ''){ |
||||||
|
const File = plus.android.importClass('java.io.File'); |
||||||
|
return new File(path).exists() |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 删除文件 |
||||||
|
* @param {String} path |
||||||
|
*/ |
||||||
|
const deleteFile = function(path = ''){ |
||||||
|
const File = plus.android.importClass('java.io.File'); |
||||||
|
let file = new File(path); |
||||||
|
if (file.exists()) { |
||||||
|
return file.delete(); |
||||||
|
} |
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export default { |
||||||
|
root, |
||||||
|
filelist, |
||||||
|
createNewFile, |
||||||
|
mkdirs, |
||||||
|
readTxt, |
||||||
|
writeTxt, |
||||||
|
isFileExist, |
||||||
|
deleteFile |
||||||
|
} |
||||||
@ -0,0 +1,205 @@ |
|||||||
|
import |
||||||
|
Base64 |
||||||
|
from './base64.js' |
||||||
|
|
||||||
|
import handleFile from '@/utils/handleFile.js'; |
||||||
|
|
||||||
|
// #ifdef APP
|
||||||
|
|
||||||
|
// 保存文字
|
||||||
|
let logTextData = ''; |
||||||
|
|
||||||
|
const { |
||||||
|
root |
||||||
|
} = handleFile |
||||||
|
|
||||||
|
const file = `${root()}/scanLogs` |
||||||
|
// #endif
|
||||||
|
|
||||||
|
/** |
||||||
|
* js 日期格式化 |
||||||
|
* 传时间戳参数进行时间戳转换，不传时返回当前时间（返回年月日时分秒格式） |
||||||
|
* @param {Object} timeStamp 时间戳参数 非必传 |
||||||
|
* @param {Object} format 格式化样式 非必传 |
||||||
|
*/ |
||||||
|
function getTimeStampDatetime(format = 'yyyy-MM-dd HH:mm:ss', timeStamp) { |
||||||
|
let nowDatetime = new Date() |
||||||
|
timeStamp ? nowDatetime = new Date(timeStamp) : nowDatetime = new Date() |
||||||
|
return nowDatetime.Format(format) |
||||||
|
} |
||||||
|
Date.prototype.Format = function(fmt) { |
||||||
|
var o = { |
||||||
|
"M+": this.getMonth() + 1, //月份
|
||||||
|
"d+": this.getDate(), //日
|
||||||
|
"H+": this.getHours(), //小时
|
||||||
|
"m+": this.getMinutes(), //分
|
||||||
|
"s+": this.getSeconds(), //秒
|
||||||
|
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
|
||||||
|
"S": this.getMilliseconds() //毫秒
|
||||||
|
}; |
||||||
|
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); |
||||||
|
for (var k in o) |
||||||
|
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (( |
||||||
|
"00" + o[ |
||||||
|
k]).substr(("" + o[k]).length))); |
||||||
|
return fmt; |
||||||
|
} |
||||||
|
|
||||||
|
// 获取日志文件名称
|
||||||
|
function getLogFileName() { |
||||||
|
// 今日日期
|
||||||
|
let nowDate = getTimeStampDatetime("yyyy-MM-dd") |
||||||
|
// 当前时间精确到秒
|
||||||
|
let nowTime = getTimeStampDatetime("HH:mm:ss") |
||||||
|
// 文件名称
|
||||||
|
let fileName = 'app-log.txt' |
||||||
|
// fileName = nowDate + 'log.txt'
|
||||||
|
fileName = nowDate + '.txt' |
||||||
|
// 内容换行符(自定义)
|
||||||
|
let newLine = "\r\n" + "======================================" + "\r\n" + nowTime + " =>>>" + "\r\n" |
||||||
|
|
||||||
|
return { |
||||||
|
nowDate: nowDate, |
||||||
|
newLine: newLine, |
||||||
|
fileName: fileName |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 日志内容写入 |
||||||
|
* 文件写入手机地址，华为Android/data/应用包名/documents/app-log/2021-01-17log.text |
||||||
|
* @param {Object} params 写入内容 |
||||||
|
* @param {Object} encryption 是否加密 |
||||||
|
*/ |
||||||
|
// 防抖
|
||||||
|
let writelogtime = null; |
||||||
|
|
||||||
|
function writeLog(params, encryption) { |
||||||
|
let text = JSON.stringify(params) |
||||||
|
|
||||||
|
if (encryption) { |
||||||
|
logTextData += (getLogFileName().newLine + " " + Base64.encode(text)); |
||||||
|
} else { |
||||||
|
logTextData += (getLogFileName().newLine + " " + text); |
||||||
|
} |
||||||
|
if (writelogtime) { |
||||||
|
clearTimeout(writelogtime) |
||||||
|
} |
||||||
|
//不然就创建新的定时器 3秒没有新日志再执行写入操作
|
||||||
|
writelogtime = setTimeout(function() { |
||||||
|
writeLogTxt() |
||||||
|
}, 3000) |
||||||
|
} |
||||||
|
|
||||||
|
function writeLogTxt() { |
||||||
|
plus.io.requestFileSystem(plus.io.PUBLIC_DOCUMENTS, function(fs) { |
||||||
|
// 可通过fs操作PUBLIC_DOCUMENTS文件系统
|
||||||
|
// 创建日志文件夹
|
||||||
|
fs.root.getDirectory("app-log", { |
||||||
|
create: true, |
||||||
|
exclusive: false |
||||||
|
}, function(dir) { |
||||||
|
dir.getDirectory(getLogFileName().nowDate, { |
||||||
|
create: true, |
||||||
|
exclusive: false |
||||||
|
}, function(dir) { |
||||||
|
// 创建或写入文件
|
||||||
|
console.log("Directory Entry Name: " + dir.fullPath + getLogFileName().fileName); |
||||||
|
dir.getFile(getLogFileName().fileName, { |
||||||
|
create: true |
||||||
|
}, function(fileEntry) { |
||||||
|
// 找到文件准备写入操作
|
||||||
|
fileEntry.file(function(file) { |
||||||
|
// create a FileWriter to write to the file
|
||||||
|
fileEntry.createWriter(function(writer) { |
||||||
|
// Write data to file.
|
||||||
|
writer.seek(file.size - 1) |
||||||
|
// 换行插入日志文件
|
||||||
|
writer.write(logTextData); |
||||||
|
console.log('111 :>> ', 111); |
||||||
|
logTextData = ''; |
||||||
|
}, function(e) { |
||||||
|
console.error("日志写入错误", error) |
||||||
|
}); |
||||||
|
}); |
||||||
|
}); |
||||||
|
}, function(err) { |
||||||
|
console.error("文件夹创建失败", err) |
||||||
|
}); |
||||||
|
}, function(err) { |
||||||
|
console.error("文件夹创建失败", err) |
||||||
|
}); |
||||||
|
|
||||||
|
}, function(error) { |
||||||
|
console.error("文件系统进入错误", error) |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function delLogFile() { |
||||||
|
console.log("日志删除") |
||||||
|
plus.io.resolveLocalFileSystemURL( |
||||||
|
file, //指定的目录
|
||||||
|
function(entry) { |
||||||
|
var directoryReader = entry.createReader(); //获取读取目录对象
|
||||||
|
directoryReader.readEntries( |
||||||
|
function(entries) { //历遍子目录即可
|
||||||
|
for (var i = 0; i < entries.length; i++) { |
||||||
|
console.log("文件信息：" + entries[i].name); |
||||||
|
let twoDate = Date.parse(getLogFileName().nowDate) - (86400000 * 2); |
||||||
|
console.log("保留三天内日志", twoDate) |
||||||
|
if (Date.parse(entries[i].name) < twoDate) { |
||||||
|
entries[i].removeRecursively(function(entry) { |
||||||
|
writeLog("日志删除成功" + entries[i].name, false); |
||||||
|
}, function(e) { |
||||||
|
writeLog("日志删除成功" + e.message, false); |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
function(err) { |
||||||
|
console.log("没有异常日志"); |
||||||
|
}); |
||||||
|
}, |
||||||
|
function(err) { |
||||||
|
console.log("没有异常日志"); |
||||||
|
}); |
||||||
|
} |
||||||
|
// 查询本地日志文件（直接当前页面调用，该接口未使用）
|
||||||
|
function selectLogUrl() { |
||||||
|
plus.io.resolveLocalFileSystemURL( |
||||||
|
file, //指定的目录
|
||||||
|
function(entry) { |
||||||
|
var directoryReader = entry.createReader(); //获取读取目录对象
|
||||||
|
directoryReader.readEntries( |
||||||
|
function(entries) { //历遍子目录即可
|
||||||
|
let isLog = false; |
||||||
|
for (var i = 0; i < entries.length; i++) { |
||||||
|
console.log("文件信息：" + entries[i].name); |
||||||
|
if (entries[i].name == getLogFileName().nowDate) { |
||||||
|
console.log("获取到当天文件为", entries[i].name) |
||||||
|
var url = file + '/' + entries[i].name + '/' + getLogFileName().nowDate + '.txt'; |
||||||
|
var path = plus.io.convertLocalFileSystemURL(url); |
||||||
|
var newurl = plus.io.convertAbsoluteFileSystem(path); |
||||||
|
isLog = true; |
||||||
|
return newurl; |
||||||
|
} |
||||||
|
} |
||||||
|
if (isLog) { |
||||||
|
return ''; |
||||||
|
} |
||||||
|
}, |
||||||
|
function(err) { |
||||||
|
console.log("访问目录失败"); |
||||||
|
}); |
||||||
|
}, |
||||||
|
function(err) { |
||||||
|
console.log("访问目录失败"); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
export default { |
||||||
|
writeLog, |
||||||
|
delLogFile, |
||||||
|
getLogFileName, |
||||||
|
selectLogUrl |
||||||
|
} |
||||||
Loading…
Reference in new issue