|
|
<template>
|
|
|
<view>
|
|
|
<u-navbar :is-back="false" title="资产扫码" title-color="#fff" :background="{'background':'#107fc9'}"></u-navbar>
|
|
|
|
|
|
<view class="content">
|
|
|
<u-swiper :list="list"></u-swiper>
|
|
|
|
|
|
<u-button :ripple="true" :type="flag ? 'error' : 'primary'" :custom-style="{'margin':'20rpx 30rpx 0 30rpx'}"
|
|
|
@click="scanClick">{{ flag ? "停止扫描" : "开始扫描" }}</u-button>
|
|
|
|
|
|
<u-card title="资产列表" v-show="info.length > 0">
|
|
|
<view class="card-body" slot="body">
|
|
|
<view v-for="(item,index) in info" :key="item.id"
|
|
|
style="display: flex;justify-content: space-between;padding: 10rpx 0;align-items: center;">
|
|
|
<view style="flex:1">{{ item.name }}</view>
|
|
|
<u-button :plain="true" size="medium" type="primary" @click="fund = item">选择
|
|
|
</u-button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</u-card>
|
|
|
|
|
|
<u-card title="资产信息">
|
|
|
<view class="card-body" slot="body">
|
|
|
<view class="info">
|
|
|
<view class="info__name">名称：</view>
|
|
|
<view class="info__value">{{fund.name || " "}}</view>
|
|
|
</view>
|
|
|
<view class="info">
|
|
|
<view class="info__name">编号：</view>
|
|
|
<view class="info__value">{{fund.serial || " "}}</view>
|
|
|
</view>
|
|
|
<view class="info">
|
|
|
<view class="info__name">存放位置：</view>
|
|
|
<view class="info__value">{{fund.position || " "}}</view>
|
|
|
</view>
|
|
|
<view class="info">
|
|
|
<view class="info__name">保管人：</view>
|
|
|
<view class="info__value">{{fund.worker_name || " "}}</view>
|
|
|
</view>
|
|
|
<view class="info">
|
|
|
<view class="info__name">资产状态：</view>
|
|
|
<view class="info__value">{{activeStatusFormat(fund.active_status) || " "}}</view>
|
|
|
</view>
|
|
|
|
|
|
<u-button type="primary" :ripple="true" :custom-style="btnStyle" @click="isShowPop = true">
|
|
|
盘点
|
|
|
</u-button>
|
|
|
</view>
|
|
|
|
|
|
<view class="card-footer" slot="foot">
|
|
|
<view class="footer-title">盘点记录</view>
|
|
|
<u-time-line>
|
|
|
<u-time-line-item v-for="(item,index) in logs" :key="index">
|
|
|
<!-- 此处没有自定义左边的内容，会默认显示一个点 -->
|
|
|
<template v-slot:content>
|
|
|
<view>
|
|
|
<view class="u-order-desc" @click="fund = item">{{ item.remark }}</view>
|
|
|
<view class="u-order-time">
|
|
|
{{$moment(item.created_at).format('YYYY-MM-DD HH:mm:SS')}}
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
</u-time-line-item>
|
|
|
</u-time-line>
|
|
|
</view>
|
|
|
</u-card>
|
|
|
</view>
|
|
|
|
|
|
<u-popup width="76%" v-model="isShowPop" mode="center" :border-radius="10">
|
|
|
<view style="padding: 20rpx 40rpx;">
|
|
|
<u-form :model="fund" ref="form" label-position="top">
|
|
|
<u-form-item label="名称">
|
|
|
<u-input disabled v-model="fund.name" placeholder="资产名称"></u-input>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="盘点时间">
|
|
|
<u-input disabled :value="$moment(new Date()).format('YYYY-MM-DD')" placeholder="盘点时间">
|
|
|
</u-input>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="资产状态">
|
|
|
<u-input :value="activeStatusFormat(fund.active_status)" type="select"
|
|
|
@click="isShowSelect = true" placeholder="请选择资产状态"></u-input>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="备注">
|
|
|
<u-input v-model="fund.remark" type="textarea" :auto-height="true" placeholder="请输入备注">
|
|
|
</u-input>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="图片上传">
|
|
|
<u-upload :show-progress="false" :auto-upload="false" :max-count="1" ref="uUpload"
|
|
|
:file-list="fund.files ? [{url:fund.files}] : []">
|
|
|
</u-upload>
|
|
|
</u-form-item>
|
|
|
</u-form>
|
|
|
|
|
|
<view style="display: flex;margin-top: 20rpx;">
|
|
|
<u-button type="primary" size="medium" @click="confirm">确认</u-button>
|
|
|
<u-button size="medium" @click="isShowPop = false">
|
|
|
取消</u-button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</u-popup>
|
|
|
|
|
|
<u-select :list="statusList" v-model="isShowSelect" @confirm="e => fund.active_status = e[0].value"></u-select>
|
|
|
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
// #ifdef APP-PLUS
|
|
|
let androidModule = uni.requireNativePlugin('uhfr')
|
|
|
let receiver;
|
|
|
let receiverQR;
|
|
|
let timerQR;
|
|
|
let main = plus.android.runtimeMainActivity();
|
|
|
let intent = plus.android.importClass('android.content.Intent');
|
|
|
// #endif
|
|
|
|
|
|
import {
|
|
|
openSqlite,
|
|
|
isOpenSqlite,
|
|
|
closeSqlite,
|
|
|
executeSql,
|
|
|
selectFromTable
|
|
|
} from '@/common/sqlite.js'
|
|
|
import {
|
|
|
byteToString
|
|
|
} from '@/common/util.js'
|
|
|
import {
|
|
|
ROOTPATH
|
|
|
} from '@/common/config.js'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
isShowPop: false,
|
|
|
isShowSelect: false,
|
|
|
action: `${ROOTPATH}/index.php?s=/Home/Worker/upload.html`,
|
|
|
statusList: [{
|
|
|
value: 0,
|
|
|
label: "正常未领用"
|
|
|
},
|
|
|
{
|
|
|
value: 1,
|
|
|
label: "已领用"
|
|
|
},
|
|
|
{
|
|
|
value: -1,
|
|
|
label: "报废"
|
|
|
},
|
|
|
{
|
|
|
value: -2,
|
|
|
label: "维修停用"
|
|
|
}
|
|
|
],
|
|
|
|
|
|
btnStyle: {
|
|
|
'margin': '60rpx 30rpx 0 30rpx'
|
|
|
},
|
|
|
list: [{
|
|
|
image: '/static/pic1.jpeg'
|
|
|
},
|
|
|
{
|
|
|
image: '/static/pic2.jpeg'
|
|
|
}
|
|
|
],
|
|
|
|
|
|
flag: 0, //当前扫码状态0未开始，1进行中
|
|
|
fund: {
|
|
|
id: 0,
|
|
|
name: '',
|
|
|
serial: '',
|
|
|
position: '',
|
|
|
worker_name: '',
|
|
|
active_status: '',
|
|
|
files: '',
|
|
|
remark: ''
|
|
|
},
|
|
|
|
|
|
qrIdList:[],
|
|
|
info: [],
|
|
|
logs: []
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
async getLogs() {
|
|
|
this.logs = await selectFromTable(`
|
|
|
select * from log where type = 1;
|
|
|
`)
|
|
|
},
|
|
|
|
|
|
async confirm() {
|
|
|
|
|
|
if (!this.fund.active_status && this.fund.active_status !== 0) {
|
|
|
uni.showToast({
|
|
|
icon: "none",
|
|
|
title: "请选择资产状态"
|
|
|
})
|
|
|
return
|
|
|
}
|
|
|
try {
|
|
|
if (this.$refs.uUpload.lists[0]?.url) {
|
|
|
const filePath = await uni.saveFile({
|
|
|
tempFilePath: this.$refs.uUpload.lists[0]?.url
|
|
|
})
|
|
|
console.log(filePath);
|
|
|
this.fund.files = filePath[1]?.savedFilePath
|
|
|
}
|
|
|
await executeSql(`
|
|
|
update property set active_status = "${this.fund.active_status}",remark = "${this.fund.remark}",is_check = 1,${this.fund.files ? 'files = "' + this.fund.files + '"' : '' } where id = ${this.fund.id};
|
|
|
`)
|
|
|
uni.showToast({
|
|
|
icon: 'success',
|
|
|
title: '本地保存成功'
|
|
|
})
|
|
|
this.isShowPop = false
|
|
|
|
|
|
await executeSql(`
|
|
|
INSERT INTO log (remark,type) VALUES ('本地盘点:${this.fund.name}',1);
|
|
|
`)
|
|
|
|
|
|
await this.getLogs()
|
|
|
} catch (err) {
|
|
|
console.warn('sqlite-err', err)
|
|
|
androidModule.showToast(err)
|
|
|
}
|
|
|
},
|
|
|
|
|
|
listenRegist() {
|
|
|
receiver = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver', {
|
|
|
onReceive: (context, intent) => {
|
|
|
plus.android.importClass(intent)
|
|
|
let action = intent.getAction()
|
|
|
switch (action){
|
|
|
case "com.rfid.SCAN":
|
|
|
let id = byteToString(intent.getExtra("data"))
|
|
|
this.qrIdList.push(id)
|
|
|
break;
|
|
|
case "android.rfid.FUN_KEY":
|
|
|
let keydown = intent.getBooleanExtra("keydown", false);
|
|
|
if (!keydown) {
|
|
|
this.scanClick()
|
|
|
}
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
let intentFilter = plus.android.importClass('android.content.IntentFilter')
|
|
|
let filter = new intentFilter()
|
|
|
filter.addAction("android.rfid.FUN_KEY")
|
|
|
filter.addAction("com.rfid.SCAN")
|
|
|
main.registerReceiver(receiver, filter)
|
|
|
},
|
|
|
|
|
|
init() {
|
|
|
androidModule.initUhfrManage()
|
|
|
|
|
|
//二维码扫描初始化
|
|
|
let intentStart = new intent("com.rfid.SCAN_INIT")
|
|
|
main.sendBroadcast(intentStart)
|
|
|
let intentTime = new intent("com.rfid.SCAN_TIME")
|
|
|
intentTime.putExtra("time",1000)
|
|
|
let intentBroad = new intent("com.rfid.SET_SCAN_MODE")
|
|
|
intentBroad.putExtra("mode",0)
|
|
|
main.sendBroadcast(intentBroad)
|
|
|
},
|
|
|
|
|
|
async scanClick() {
|
|
|
if (!this.flag) {
|
|
|
this.flag = 1
|
|
|
|
|
|
//二维码扫描
|
|
|
this.qrIdList = []
|
|
|
let intentScan = new intent("com.rfid.SCAN_CMD")
|
|
|
timerQR = setInterval(() => {
|
|
|
main.sendBroadcast(intentScan)
|
|
|
},500)
|
|
|
|
|
|
//rfid扫描
|
|
|
androidModule.asyncStartReading()
|
|
|
|
|
|
try {
|
|
|
await executeSql(`
|
|
|
INSERT INTO log (remark) VALUES ('开始扫描');
|
|
|
`)
|
|
|
} catch (err) {
|
|
|
console.warn('sqlite-err', err)
|
|
|
androidModule.showToast(err)
|
|
|
}
|
|
|
|
|
|
} else {
|
|
|
this.flag = 0
|
|
|
|
|
|
clearInterval(timerQR)
|
|
|
|
|
|
//rfid标签盘点
|
|
|
androidModule.asyncStopReading()
|
|
|
|
|
|
androidModule.tagInventoryRealTime(async res => {
|
|
|
let dataList = JSON.parse(res)
|
|
|
const getSqlIn = () => {
|
|
|
return Array.from(new Set([...dataList,...this.qrIdList])).map(item => {
|
|
|
return `"${item.replace(/^1(0+)/g,"")}"`
|
|
|
}).toString()
|
|
|
}
|
|
|
try {
|
|
|
let propertys = await selectFromTable(`
|
|
|
select * from property where id in (${getSqlIn()});
|
|
|
`)
|
|
|
androidModule.showToast(`扫描到：${propertys.length}件资产`)
|
|
|
this.info = propertys
|
|
|
if(this.info.length > 0)this.fund = this.info[0]
|
|
|
} catch (e) {
|
|
|
console.warn('sqlite-err', e);
|
|
|
androidModule.showToast(err)
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
activeStatusFormat() {
|
|
|
let map = new Map([
|
|
|
[0, '正常未领用'],
|
|
|
[1, '已领用'],
|
|
|
[-1, '报废'],
|
|
|
[-2, '维修停用']
|
|
|
])
|
|
|
return function(status) {
|
|
|
return map.get(status)
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
|
// #ifdef APP-PLUS
|
|
|
this.init()
|
|
|
this.listenRegist()
|
|
|
// #endif
|
|
|
},
|
|
|
onUnload() {
|
|
|
// #ifdef APP-PLUS
|
|
|
//关闭二维码扫描
|
|
|
let intentClose = new intent("com.rfid.CLOSE_SCAN")
|
|
|
main.sendBroadcast(intentClose)
|
|
|
|
|
|
androidModule.stopTagInventory()
|
|
|
androidModule.close()
|
|
|
main.unregisterReceiver(receiver)
|
|
|
// #endif
|
|
|
},
|
|
|
mounted() {
|
|
|
// #ifdef APP-PLUS
|
|
|
try {
|
|
|
this.getLogs()
|
|
|
} catch (e) {
|
|
|
console.warn('sqlite-err', e);
|
|
|
androidModule.showToast(err)
|
|
|
}
|
|
|
// #endif
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
::v-deep .u-drawer {
|
|
|
z-index: 999 !important;
|
|
|
}
|
|
|
|
|
|
.info {
|
|
|
display: flex;
|
|
|
|
|
|
padding-bottom: 30rpx;
|
|
|
|
|
|
&__name {
|
|
|
white-space: nowrap;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
}
|
|
|
|
|
|
&__value {
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
|
|
|
padding-left: 10rpx;
|
|
|
}
|
|
|
|
|
|
&:nth-last-child() {
|
|
|
padding-bottom: 0;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.footer-title {
|
|
|
color: #303133;
|
|
|
|
|
|
padding-bottom: 32rpx;
|
|
|
}
|
|
|
|
|
|
.u-order-desc {
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
</style>
|
