|
|
<template>
|
|
|
<scroll-view class="index-bg" scroll-y @scrolltolower="loadMorePlans" lower-threshold="100"
|
|
|
@refresherrefresh="refreshPlans" refresher-enabled="true" :refresher-triggered="planLoading">
|
|
|
<view class="index-content">
|
|
|
<view class="btn-group">
|
|
|
<button class="main-btn" @click="scanInventory">扫码盘点</button>
|
|
|
<button class="main-btn outline" @click="scanView">扫码查看</button>
|
|
|
</view>
|
|
|
|
|
|
<!-- 标签盘点功能区域 -->
|
|
|
<view class="inventory-section">
|
|
|
<view class="inventory-header">
|
|
|
<text class="inventory-title">标签盘点</text>
|
|
|
<text class="tags-amount">标签数量: {{tagsAmount}}</text>
|
|
|
</view>
|
|
|
|
|
|
<!-- 标签列表 -->
|
|
|
<scroll-view class="tag-list" scroll-y @scrolltolower="loadmore" lower-threshold="50">
|
|
|
<view class="list-item-head">
|
|
|
<text class="list-item-text-id">序号</text>
|
|
|
<text class="list-item-text-epc">标签信息</text>
|
|
|
<text class="list-item-text-count">次数</text>
|
|
|
<text class="list-item-text-rssi">信号强度</text>
|
|
|
</view>
|
|
|
<view class="list-item" v-for="item in dataList" :key="item.id">
|
|
|
<text class="list-item-text-id">{{item.id+1}}</text>
|
|
|
<text class="list-item-text-epc">{{item.epc}}</text>
|
|
|
<text class="list-item-text-count">{{item.count}}</text>
|
|
|
<text class="list-item-text-rssi">{{item.rssi}}</text>
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
|
|
|
<!-- 设置选项 -->
|
|
|
<view class="inventory-options">
|
|
|
<!-- <checkbox-group @change="onAsyncChange" class="option-item">
|
|
|
<label class="checkbox-label">
|
|
|
<checkbox value="async_checkbox" :disabled="cbDisabled" />
|
|
|
<text class="option-text">异步</text>
|
|
|
</label>
|
|
|
</checkbox-group> -->
|
|
|
<!-- <checkbox-group @change="onVoiceChange" class="option-item">
|
|
|
<label class="checkbox-label">
|
|
|
<checkbox value="voice_checkbox" :disabled="cbDisabled" :checked="voiceFlag" />
|
|
|
<text class="option-text">声音</text>
|
|
|
</label>
|
|
|
</checkbox-group> -->
|
|
|
<!-- #ifdef APP-PLUS -->
|
|
|
<!-- <checkbox-group @change="onBarcodeChange" class="option-item">
|
|
|
<label class="checkbox-label">
|
|
|
<checkbox value="barcode_checkbox" :disabled="cbDisabled" :checked="barcodeFlag" />
|
|
|
<text class="option-text">手柄扫码</text>
|
|
|
</label>
|
|
|
</checkbox-group> -->
|
|
|
<!-- #endif -->
|
|
|
</view>
|
|
|
|
|
|
<!-- 操作按钮 -->
|
|
|
<view class="inventory-btn-box">
|
|
|
<button type="primary" @click="handleInventory" class="inventory-btn">{{btn1Info}}</button>
|
|
|
<button type="primary" :disabled="btn2Disabled" @click="viewMaterials" class="inventory-btn">查看物资</button>
|
|
|
</view>
|
|
|
<view>
|
|
|
<button type="primary" :disabled="btn3Disabled" @click="clearTags" class="inventory-btn clear-btn">清空</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="task-section">
|
|
|
<view class="task-title">物资列表</view>
|
|
|
<!-- 表头 -->
|
|
|
<view class="task-list">
|
|
|
<view class="task-item" style="font-weight:600;">
|
|
|
<view class="task-info">
|
|
|
<text class="task-name">物资名称</text>
|
|
|
</view>
|
|
|
<view class="task-info" style="flex-direction: row; align-items: center; gap: 8rpx;">
|
|
|
<text class="task-time">库存</text>
|
|
|
</view>
|
|
|
<view class="task-info" style="width: 120rpx; text-align: right;">
|
|
|
<text class="task-time">操作</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 数据行 -->
|
|
|
<view class="task-item" v-for="(item, idx) in taskList" :key="idx">
|
|
|
<view class="task-info">
|
|
|
<text class="task-name">{{item.zichanmingcheng}}</text>
|
|
|
</view>
|
|
|
<view class="task-info" style="flex-direction: row; align-items: center; gap: 8rpx;">
|
|
|
<text class="task-time">{{item.total_num}}</text>
|
|
|
</view>
|
|
|
<view class="task-info" style="width: 120rpx; display:flex; justify-content:flex-end;">
|
|
|
<button size="mini" type="primary" @click.stop="goInventoryFromList(item)">盘点</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 盘点计划 -->
|
|
|
<view class="inventory-plan-section">
|
|
|
<view class="inventory-plan-header">
|
|
|
<text class="inventory-plan-title">盘点计划</text>
|
|
|
<!-- <text class="plan-total">总计: {{planTotal}}</text> -->
|
|
|
</view>
|
|
|
|
|
|
<!-- 表头 -->
|
|
|
<view class="plan-list">
|
|
|
<view class="plan-item" style="font-weight:600;">
|
|
|
<view class="plan-info plan-name-col">
|
|
|
<text class="plan-name">计划名称</text>
|
|
|
</view>
|
|
|
<view class="plan-info plan-status-col">
|
|
|
<text class="plan-time">状态</text>
|
|
|
</view>
|
|
|
<view class="plan-info plan-date-col">
|
|
|
<text class="plan-time">开始日期</text>
|
|
|
</view>
|
|
|
<view class="plan-info plan-date-col">
|
|
|
<text class="plan-time">结束日期</text>
|
|
|
</view>
|
|
|
<view class="plan-info plan-action-col">
|
|
|
<text class="plan-time">操作</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 数据行 -->
|
|
|
<view class="plan-item" v-for="item in inventoryPlanList" :key="item.id">
|
|
|
<view class="plan-info plan-name-col">
|
|
|
<text class="plan-name">{{item.name}}</text>
|
|
|
<!-- <text class="plan-no">{{item.no || '暂无'}}</text> -->
|
|
|
</view>
|
|
|
<view class="plan-info plan-status-col">
|
|
|
<text class="plan-status" :class="'status-' + item.status">{{getStatusText(item.status)}}</text>
|
|
|
</view>
|
|
|
<view class="plan-info plan-date-col">
|
|
|
<text class="plan-time">{{formatDate(item.start_date)}}</text>
|
|
|
</view>
|
|
|
<view class="plan-info plan-date-col">
|
|
|
<text class="plan-time">{{formatDate(item.end_date)}}</text>
|
|
|
</view>
|
|
|
<view class="plan-info plan-action-col">
|
|
|
<button size="mini" type="primary" @click.stop="viewPlanDetail(item)">查看</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 加载更多提示 -->
|
|
|
<view class="load-more" v-if="planLoading">
|
|
|
<view class="loading-spinner"></view>
|
|
|
<text class="loading-text">加载中...</text>
|
|
|
</view>
|
|
|
<view class="load-more" v-else-if="!planHasMore && inventoryPlanList.length > 0">
|
|
|
<text class="no-more-text">— 没有更多数据了 —</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- H5扫码弹窗 -->
|
|
|
<div v-if="showH5Scan" class="h5-scan-modal">
|
|
|
<div id="reader" style="width:300px;height:300px;margin:0 auto;"></div>
|
|
|
<button @click="closeH5Scan">关闭</button>
|
|
|
</div>
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
let keyDownTime = 1
|
|
|
let runtimeBarcodeFlag = false
|
|
|
let runtimeAsyncFlag = false
|
|
|
let runtimeVoiceFlag = true
|
|
|
import { getInventoryTaskList,getInventoryPlanList } from '@/api.js';
|
|
|
// #ifdef H5
|
|
|
import { Html5Qrcode, Html5QrcodeSupportedFormats } from 'html5-qrcode';
|
|
|
// #endif
|
|
|
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
currentDate: '',
|
|
|
taskList: [],
|
|
|
showH5Scan: false,
|
|
|
html5QrCode: null,
|
|
|
scanType: '', // 'inventory' or 'view'
|
|
|
// 标签盘点相关数据
|
|
|
btn1Info: "开始盘点",
|
|
|
tagsAmount: 0, //读取到的标签总数
|
|
|
btn2Disabled: false, //禁用按键
|
|
|
btn3Disabled: false, //禁用按键
|
|
|
cbDisabled: false, //是否禁用
|
|
|
dataList: [], // list展示的标签列表，首次最多加载offset个，待上拉加载更多时，加载tempList中的数据
|
|
|
pageNum: 100, // 每页加载数量
|
|
|
offset: 50, // 第一页加载的数量/已加载的数量
|
|
|
epcList: [], // 过滤所用列表，只存标签的EPC信息
|
|
|
tempList: [], // 标签缓存列表，缓存标签信息，等待上拉至列表底部时，按页加载缓存列表中的数据
|
|
|
asyncFlag: false, // 异步盘点标志
|
|
|
voiceFlag: true, // 声音播放标志
|
|
|
barcodeFlag: false, // 二维码扫描标志
|
|
|
main: null, // Android主Activity
|
|
|
hhwUHFController: null, // UHF控制器
|
|
|
globalEvent: null, // 事件监听
|
|
|
receiver: null, // Android广播接收器
|
|
|
inventoryPlanList: [], // 盘点计划列表
|
|
|
planPage: 1, // 盘点计划当前页码
|
|
|
planPageSize: 5, // 盘点计划每页数量
|
|
|
planTotal: 0, // 盘点计划总数
|
|
|
planLoading: false, // 盘点计划加载状态
|
|
|
planHasMore: true // 是否还有更多数据
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
runtimeAsyncFlag = this.asyncFlag
|
|
|
runtimeVoiceFlag = this.voiceFlag
|
|
|
runtimeBarcodeFlag = this.barcodeFlag
|
|
|
},
|
|
|
onLoad() {
|
|
|
this.updateDate()
|
|
|
// #ifdef APP-PLUS
|
|
|
this.initAndroidComponents()
|
|
|
// #endif
|
|
|
this.initUHFEvent()
|
|
|
// 加载盘点计划列表
|
|
|
this.getInventoryPlanList(true)
|
|
|
},
|
|
|
onShow() {
|
|
|
// #ifdef APP-PLUS
|
|
|
console.log("inventory Show")
|
|
|
// 初始化二维码扫描，以防扫描服务处于关闭状态，而无法调用扫描
|
|
|
this.initBarcodeScan()
|
|
|
// 屏蔽二维码扫描扳机，以便app可以自定义触发
|
|
|
this.disableBarcodeScanKey()
|
|
|
// 监听功能按键，触发扫描
|
|
|
this.registerKeyReceiver()
|
|
|
// #endif
|
|
|
},
|
|
|
onHide() {
|
|
|
// #ifdef APP-PLUS
|
|
|
console.log("inventory Hide")
|
|
|
// 注销按键监听
|
|
|
if (this.main && this.receiver) {
|
|
|
this.main.unregisterReceiver(this.receiver)
|
|
|
}
|
|
|
// #endif
|
|
|
},
|
|
|
methods: {
|
|
|
updateDate() {
|
|
|
const now = new Date()
|
|
|
const year = now.getFullYear()
|
|
|
const month = String(now.getMonth() + 1).padStart(2, '0')
|
|
|
const day = String(now.getDate()).padStart(2, '0')
|
|
|
this.currentDate = `${year}-${month}-${day}`
|
|
|
},
|
|
|
handleScan(type) {
|
|
|
this.scanType = type;
|
|
|
// #ifdef H5
|
|
|
// 先请求摄像头权限
|
|
|
navigator.mediaDevices.getUserMedia({
|
|
|
video: {
|
|
|
facingMode: "environment",
|
|
|
width: { ideal: 1280 },
|
|
|
height: { ideal: 720 }
|
|
|
}
|
|
|
})
|
|
|
.then(() => {
|
|
|
this.showH5Scan = true;
|
|
|
this.$nextTick(() => {
|
|
|
if (!window.Html5Qrcode) {
|
|
|
window.Html5Qrcode = Html5Qrcode;
|
|
|
}
|
|
|
const config = {
|
|
|
fps: 10,
|
|
|
qrbox: { width: 250, height: 250 },
|
|
|
aspectRatio: 1.0,
|
|
|
formatsToSupport: [ Html5QrcodeSupportedFormats.QR_CODE ]
|
|
|
};
|
|
|
|
|
|
this.html5QrCode = new window.Html5Qrcode("reader");
|
|
|
this.html5QrCode.start(
|
|
|
{ facingMode: "environment" },
|
|
|
config,
|
|
|
qrCodeMessage => {
|
|
|
this.closeH5Scan();
|
|
|
// 直接使用扫码结果作为 id
|
|
|
let id = qrCodeMessage.trim();
|
|
|
console.log("id:", id)
|
|
|
// 规范化：允许类似 3715.000 的形式，转换为整数部分字符串
|
|
|
id = this.normalizeScannedId(id)
|
|
|
if (!id) {
|
|
|
uni.showToast({ title: '二维码无效', icon: 'none' });
|
|
|
return;
|
|
|
}
|
|
|
// 验证是否为数字（包括字符串类型的数字）
|
|
|
if (!/^\d+$/.test(id)) {
|
|
|
uni.showToast({ title: '二维码信息错误', icon: 'none' });
|
|
|
return;
|
|
|
}
|
|
|
if (this.scanType === 'inventory') {
|
|
|
uni.navigateTo({ url: `/pages/inventory/inventory?code=${encodeURIComponent(id)}` });
|
|
|
} else {
|
|
|
uni.navigateTo({ url: `/pages/inventory/inventory?code=${encodeURIComponent(id)}&view=1` });
|
|
|
}
|
|
|
},
|
|
|
errorMessage => {
|
|
|
console.log('扫码错误:', errorMessage);
|
|
|
}
|
|
|
).catch(err => {
|
|
|
console.error('启动扫码失败:', err);
|
|
|
uni.showToast({
|
|
|
title: '启动扫码失败，请检查摄像头权限',
|
|
|
icon: 'none',
|
|
|
duration: 2000
|
|
|
});
|
|
|
this.closeH5Scan();
|
|
|
});
|
|
|
});
|
|
|
})
|
|
|
.catch(err => {
|
|
|
console.error('摄像头权限错误:', err);
|
|
|
uni.showModal({
|
|
|
title: '提示',
|
|
|
content: '请允许访问摄像头以使用扫码功能',
|
|
|
confirmText: '确定',
|
|
|
showCancel: false,
|
|
|
success: () => {
|
|
|
// 引导用户去设置页面开启权限
|
|
|
if (uni.getSystemInfoSync().platform === 'android') {
|
|
|
uni.showToast({
|
|
|
title: '请在系统设置中开启摄像头权限',
|
|
|
icon: 'none',
|
|
|
duration: 2000
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
// #endif
|
|
|
// #ifndef H5
|
|
|
uni.scanCode({
|
|
|
success: (res) => {
|
|
|
// 直接使用扫码结果作为 id
|
|
|
let id = res.result.trim();
|
|
|
console.log("id2:", id)
|
|
|
// 规范化：允许类似 3715.000 的形式，转换为整数部分字符串
|
|
|
id = this.normalizeScannedId(id)
|
|
|
if (!id) {
|
|
|
uni.showToast({ title: '二维码无效', icon: 'none' });
|
|
|
return;
|
|
|
}
|
|
|
// 验证是否为数字（包括字符串类型的数字）
|
|
|
if (!/^\d+$/.test(id)) {
|
|
|
uni.showToast({ title: '二维码信息错误', icon: 'none' });
|
|
|
return;
|
|
|
}
|
|
|
if (type === 'inventory') {
|
|
|
uni.navigateTo({ url: `/pages/inventory/inventory?code=${encodeURIComponent(id)}` });
|
|
|
} else {
|
|
|
uni.navigateTo({ url: `/pages/inventory/inventory?code=${encodeURIComponent(id)}&view=1` });
|
|
|
}
|
|
|
},
|
|
|
fail: () => {
|
|
|
uni.showToast({ title: '扫码失败', icon: 'none' });
|
|
|
}
|
|
|
});
|
|
|
// #endif
|
|
|
},
|
|
|
scanInventory() {
|
|
|
this.handleScan('inventory');
|
|
|
},
|
|
|
scanView() {
|
|
|
this.handleScan('view');
|
|
|
},
|
|
|
closeH5Scan() {
|
|
|
this.showH5Scan = false;
|
|
|
if (this.html5QrCode) {
|
|
|
this.html5QrCode.stop().then(() => {
|
|
|
this.html5QrCode.clear();
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
// 获取盘点计划列表
|
|
|
async getInventoryPlanList(isRefresh = false) {
|
|
|
if (this.planLoading) return;
|
|
|
|
|
|
try {
|
|
|
this.planLoading = true;
|
|
|
|
|
|
// 如果是刷新，重置页码
|
|
|
if (isRefresh) {
|
|
|
this.planPage = 1;
|
|
|
this.planHasMore = true;
|
|
|
}
|
|
|
|
|
|
const params = {
|
|
|
page: this.planPage,
|
|
|
page_size: this.planPageSize
|
|
|
};
|
|
|
|
|
|
const res = await getInventoryPlanList(params);
|
|
|
console.log("盘点计划列表响应:", res);
|
|
|
if(res.data && res.data.errcode===40001){
|
|
|
uni.showToast({
|
|
|
title: res.data?.errmsg || '获取盘点计划失败',
|
|
|
icon: 'none'
|
|
|
});
|
|
|
uni.reLaunch({
|
|
|
url: '/pages/login/login'
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
if (res.data && res.data.list) {
|
|
|
const data = res.data.list;
|
|
|
const newList = data.data || [];
|
|
|
|
|
|
if (isRefresh) {
|
|
|
this.inventoryPlanList = newList;
|
|
|
} else {
|
|
|
this.inventoryPlanList = [...this.inventoryPlanList, ...newList];
|
|
|
}
|
|
|
|
|
|
this.planTotal = data.total || 0;
|
|
|
this.planHasMore = newList.length === this.planPageSize;
|
|
|
|
|
|
if (this.planHasMore) {
|
|
|
this.planPage++;
|
|
|
}
|
|
|
} else {
|
|
|
uni.showToast({
|
|
|
title: res.data?.message || '获取盘点计划失败',
|
|
|
icon: 'none'
|
|
|
});
|
|
|
}
|
|
|
} catch (error) {
|
|
|
console.error('获取盘点计划列表失败:', error);
|
|
|
uni.showToast({
|
|
|
title: '获取盘点计划失败',
|
|
|
icon: 'none'
|
|
|
});
|
|
|
} finally {
|
|
|
this.planLoading = false;
|
|
|
}
|
|
|
},
|
|
|
|
|
|
// 刷新盘点计划列表
|
|
|
refreshPlans() {
|
|
|
this.getInventoryPlanList(true);
|
|
|
},
|
|
|
|
|
|
// 加载更多盘点计划
|
|
|
loadMorePlans() {
|
|
|
if (!this.planHasMore || this.planLoading) return;
|
|
|
this.getInventoryPlanList(false);
|
|
|
},
|
|
|
|
|
|
// 获取状态文本
|
|
|
getStatusText(status) {
|
|
|
const statusMap = {
|
|
|
0: '未开始',
|
|
|
1: '进行中',
|
|
|
2: '已完成'
|
|
|
};
|
|
|
return statusMap[status] || '未知状态';
|
|
|
},
|
|
|
|
|
|
// 获取盘点类型文本
|
|
|
getTypeText(type) {
|
|
|
const typeMap = {
|
|
|
1: '年度',
|
|
|
2: '季度'
|
|
|
};
|
|
|
return typeMap[type] || '未知类型';
|
|
|
},
|
|
|
|
|
|
// 格式化日期
|
|
|
formatDate(dateStr) {
|
|
|
if (!dateStr) return '';
|
|
|
const date = new Date(dateStr);
|
|
|
const year = date.getFullYear();
|
|
|
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
|
const day = String(date.getDate()).padStart(2, '0');
|
|
|
return `${year}-${month}-${day}`;
|
|
|
},
|
|
|
|
|
|
// 查看计划详情
|
|
|
viewPlanDetail(item) {
|
|
|
console.log('查看计划详情:', item);
|
|
|
|
|
|
// 将计划信息作为参数传递
|
|
|
const planInfoStr = encodeURIComponent(JSON.stringify(item));
|
|
|
|
|
|
uni.navigateTo({
|
|
|
url: `/pages/plan-detail/plan-detail?planInfo=${planInfoStr}&planId=${item.id}`
|
|
|
});
|
|
|
},
|
|
|
|
|
|
// 计算计划进度
|
|
|
getProgress(item) {
|
|
|
if (item.status === 2) return 100; // 已完成
|
|
|
if (item.status === 0) return 0; // 未开始
|
|
|
|
|
|
// 进行中的计划，根据时间计算进度
|
|
|
const now = new Date();
|
|
|
const startDate = new Date(item.start_date);
|
|
|
const endDate = new Date(item.end_date);
|
|
|
|
|
|
if (now < startDate) return 0;
|
|
|
if (now > endDate) return 100;
|
|
|
|
|
|
const totalTime = endDate.getTime() - startDate.getTime();
|
|
|
const passedTime = now.getTime() - startDate.getTime();
|
|
|
|
|
|
return Math.round((passedTime / totalTime) * 100);
|
|
|
},
|
|
|
// 初始化Android组件
|
|
|
initAndroidComponents() {
|
|
|
// #ifdef APP-PLUS
|
|
|
try {
|
|
|
this.main = plus.android.runtimeMainActivity()
|
|
|
// UHF控制器，在App.vue中初始化
|
|
|
this.hhwUHFController = getApp().globalData.hhwUHFController
|
|
|
// 事件监听，在App.vue中初始化
|
|
|
this.globalEvent = getApp().globalData.globalEvent
|
|
|
} catch (e) {
|
|
|
console.error('初始化Android组件失败:', e)
|
|
|
}
|
|
|
// #endif
|
|
|
},
|
|
|
// 初始化UHF事件监听
|
|
|
initUHFEvent() {
|
|
|
// #ifdef APP-PLUS
|
|
|
if (this.globalEvent) {
|
|
|
this.globalEvent.addEventListener('uhf_tag_event', (e) => {
|
|
|
this.handleUHFEvent(e)
|
|
|
})
|
|
|
}
|
|
|
// #endif
|
|
|
},
|
|
|
// 处理UHF事件
|
|
|
handleUHFEvent(e) {
|
|
|
console.log(e.tag_info_list)
|
|
|
var result = e.tag_info_list
|
|
|
if (result == null) {
|
|
|
// 接收到停止盘点的回调消息
|
|
|
var event = e.inventory_event
|
|
|
if (event == "stopInventory") {
|
|
|
uni.showToast({
|
|
|
title: "停止盘点",
|
|
|
icon: "none"
|
|
|
})
|
|
|
this.btn2Disabled = false
|
|
|
this.btn3Disabled = false
|
|
|
this.cbDisabled = false
|
|
|
this.btn1Info = "开始盘点"
|
|
|
}
|
|
|
return
|
|
|
}
|
|
|
// 接收盘点到的标签信息
|
|
|
for (var i = 0; i < result.length; i++) {
|
|
|
var id = i
|
|
|
var epcHex = this.bytes2HexString(result[i].EpcId)
|
|
|
var epc = this.hexToString(epcHex)
|
|
|
var rssi = result[i].RSSI
|
|
|
var tag = {
|
|
|
id: id,
|
|
|
epc: epc,
|
|
|
count: 1,
|
|
|
rssi: rssi,
|
|
|
}
|
|
|
var index = this.epcList.indexOf(epc)
|
|
|
if (index == -1) {
|
|
|
tag.id = this.epcList.length
|
|
|
if (this.dataList.length < this.offset) {
|
|
|
this.dataList.push(tag)
|
|
|
}
|
|
|
this.tempList.push(tag)
|
|
|
this.epcList.push(epc)
|
|
|
} else {
|
|
|
tag.id = index
|
|
|
tag.count = this.tempList[index].count + 1
|
|
|
if (index < this.dataList.length) {
|
|
|
this.$set(this.dataList, index, tag)
|
|
|
}
|
|
|
this.$set(this.tempList, index, tag)
|
|
|
}
|
|
|
}
|
|
|
this.tagsAmount = this.epcList.length
|
|
|
},
|
|
|
// 注册按键接收器
|
|
|
registerKeyReceiver() {
|
|
|
// #ifdef APP-PLUS
|
|
|
if (!this.main) return
|
|
|
var IntentFilter = plus.android.importClass('android.content.IntentFilter')
|
|
|
var filter = new IntentFilter()
|
|
|
filter.addAction("android.rfid.FUN_KEY")
|
|
|
this.receiver = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver', {
|
|
|
onReceive: (context, intent) => {
|
|
|
plus.android.importClass(intent)
|
|
|
var code = intent.getIntExtra("keyCode", 0)
|
|
|
var keyDown = intent.getBooleanExtra("keydown", false)
|
|
|
if (keyDown && keyDownTime == 1 && code == 137) {
|
|
|
console.log("inventory", "receive keyUp code: " + code)
|
|
|
if (runtimeBarcodeFlag) {
|
|
|
// 开始扫描
|
|
|
this.startBarcodeScan()
|
|
|
} else {
|
|
|
// 开始超高频
|
|
|
this.startInventory()
|
|
|
}
|
|
|
keyDownTime++
|
|
|
} else if (!keyDown) {
|
|
|
if (runtimeBarcodeFlag) {
|
|
|
// 停止扫描
|
|
|
this.stopBarcodeScan()
|
|
|
} else {
|
|
|
// 停止超高频
|
|
|
this.stopInventory()
|
|
|
}
|
|
|
keyDownTime = 1
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
this.main.registerReceiver(this.receiver, filter)
|
|
|
// #endif
|
|
|
},
|
|
|
// 屏蔽二维码扫描扳机
|
|
|
disableBarcodeScanKey() {
|
|
|
// #ifdef APP-PLUS
|
|
|
if (!this.main) return
|
|
|
var Intent = plus.android.importClass("android.content.Intent")
|
|
|
var intent = new Intent("com.rfid.KEY_SET")
|
|
|
var keyValueArray = ["137"]
|
|
|
intent.putExtra("keyValueArray", keyValueArray)
|
|
|
intent.putExtra("137", false)
|
|
|
this.main.sendBroadcast(intent)
|
|
|
// #endif
|
|
|
},
|
|
|
// 字节数组转十六进制字符
|
|
|
bytes2HexString(byteArray) {
|
|
|
return Array.from(byteArray, function(byte) {
|
|
|
return ('0' + (byte & 0xFF).toString(16)).slice(-2)
|
|
|
}).join('')
|
|
|
},
|
|
|
// 十六进制字符串转字节数组
|
|
|
hexString2Bytes(str) {
|
|
|
var pos = 0
|
|
|
var len = str.length
|
|
|
if (len % 2 != 0) {
|
|
|
return null
|
|
|
}
|
|
|
len /= 2
|
|
|
var hexA = new Array()
|
|
|
for (var i = 0; i < len; i++) {
|
|
|
var s = str.substr(pos, 2)
|
|
|
var v = parseInt(s, 16)
|
|
|
hexA.push(v)
|
|
|
pos += 2
|
|
|
}
|
|
|
return hexA
|
|
|
},
|
|
|
// 十六进制字符串转原始数字字符串（反向操作：parseInt(id, 10).toString(16)）
|
|
|
hexToString(hexStr) {
|
|
|
if (!hexStr) return ''
|
|
|
// 去除空格并转为大写
|
|
|
let clean = hexStr.replace(/\s+/g, '').toUpperCase()
|
|
|
// 将十六进制字符串转换为十进制数字，再转为字符串
|
|
|
const num = parseInt(clean, 16)
|
|
|
if (isNaN(num)) {
|
|
|
return hexStr
|
|
|
}
|
|
|
return num.toString()
|
|
|
},
|
|
|
// 格式化物资列表数据
|
|
|
formatMaterialList(res) {
|
|
|
const list = res && res.data && res.data.list && res.data.list.data ? res.data.list.data : []
|
|
|
console.log("list:", list)
|
|
|
return list.map((item) => ({
|
|
|
// 用于跳转的ID，后端字段兼容
|
|
|
id: item.id || item.material_info_id || item.inventory_id || '',
|
|
|
// 表格展示字段
|
|
|
zichanmingcheng: item.zichanmingcheng || '',
|
|
|
total_num: item.total_num ?? item.inventorys_total ?? item.zaikushuliang ?? 0
|
|
|
}))
|
|
|
},
|
|
|
// 规范化扫码ID：允许 "3715.000" => "3715"
|
|
|
normalizeScannedId(value) {
|
|
|
if (!value) return ''
|
|
|
const v = String(value).trim()
|
|
|
// 若是纯数字，直接返回
|
|
|
if (/^\d+$/.test(v)) return v
|
|
|
// 数字（可带小数），取整数部分
|
|
|
if (/^\d+(?:\.\d+)?$/.test(v)) {
|
|
|
const num = Number(v)
|
|
|
if (!Number.isNaN(num) && Number.isFinite(num)) {
|
|
|
return Math.trunc(num).toString()
|
|
|
}
|
|
|
}
|
|
|
// 其他情况返回空，触发无效提示
|
|
|
return ''
|
|
|
},
|
|
|
// 从物资列表进入盘点页面
|
|
|
goInventoryFromList(item) {
|
|
|
const code = item && (item.id)
|
|
|
if (!code) {
|
|
|
uni.showToast({ title: '无法获取物资ID', icon: 'none' })
|
|
|
return
|
|
|
}
|
|
|
uni.navigateTo({ url: `/pages/inventory/inventory?code=${encodeURIComponent(code)}` });
|
|
|
},
|
|
|
// 初始化二维码扫描
|
|
|
initBarcodeScan() {
|
|
|
// #ifdef APP-PLUS
|
|
|
if (!this.main) return
|
|
|
var Intent = plus.android.importClass("android.content.Intent")
|
|
|
var intent = new Intent("com.rfid.SCAN_INIT")
|
|
|
this.main.sendBroadcast(intent)
|
|
|
// #endif
|
|
|
},
|
|
|
// 触发二维码扫描
|
|
|
startBarcodeScan() {
|
|
|
// #ifdef APP-PLUS
|
|
|
if (!this.main) return
|
|
|
var Intent = plus.android.importClass("android.content.Intent")
|
|
|
var intent = new Intent("com.rfid.SCAN_CMD")
|
|
|
this.main.sendBroadcast(intent)
|
|
|
// #endif
|
|
|
},
|
|
|
// 暂停二维码扫描
|
|
|
stopBarcodeScan() {
|
|
|
// #ifdef APP-PLUS
|
|
|
if (!this.main) return
|
|
|
var Intent = plus.android.importClass("android.content.Intent")
|
|
|
var intent = new Intent("com.rfid.STOP_SCAN")
|
|
|
this.main.sendBroadcast(intent)
|
|
|
// #endif
|
|
|
},
|
|
|
// 处理盘点按钮点击
|
|
|
handleInventory() {
|
|
|
if (this.btn1Info == "开始盘点") {
|
|
|
// 按钮点击始终进行超高频盘点，不受手柄扫码选项影响
|
|
|
this.startInventory()
|
|
|
} else {
|
|
|
// 停止超高频盘点
|
|
|
this.stopInventory()
|
|
|
}
|
|
|
},
|
|
|
// 开始盘点
|
|
|
startInventory() {
|
|
|
// #ifdef APP-PLUS
|
|
|
if (!this.hhwUHFController) {
|
|
|
uni.showToast({
|
|
|
title: "UHF控制器未初始化",
|
|
|
icon: "none"
|
|
|
})
|
|
|
return
|
|
|
}
|
|
|
// #endif
|
|
|
this.btn2Disabled = true
|
|
|
this.btn3Disabled = true
|
|
|
this.cbDisabled = true
|
|
|
this.btn1Info = "停止盘点"
|
|
|
// #ifdef APP-PLUS
|
|
|
this.hhwUHFController.setCancleInventoryFilter()
|
|
|
if (runtimeAsyncFlag) {
|
|
|
// 大量标签场景（200张标签以上），开始异步盘点，手动调用停止盘点后，停止盘点
|
|
|
this.hhwUHFController.startInventory(30, 0, true, 0, runtimeVoiceFlag, (result) => {
|
|
|
console.log("inventory inventory", "startInventory " + result)
|
|
|
})
|
|
|
} else {
|
|
|
// 少量标签场景（200张标签以下），开始同步盘点，手动调用停止盘点后，停止盘点
|
|
|
console.log("async_flag")
|
|
|
this.hhwUHFController.startInventory(30, 0, false, 0, runtimeVoiceFlag, (result) => {
|
|
|
console.log("inventory inventory", "startInventory " + result)
|
|
|
})
|
|
|
}
|
|
|
// #endif
|
|
|
},
|
|
|
// 停止盘点
|
|
|
stopInventory() {
|
|
|
// #ifdef APP-PLUS
|
|
|
if (!this.hhwUHFController) {
|
|
|
return
|
|
|
}
|
|
|
// 停止盘点，注意stopInventory中的参数值需要和startInventory第一个参数值对应
|
|
|
if (runtimeAsyncFlag) {
|
|
|
this.hhwUHFController.stopInventory(true)
|
|
|
} else {
|
|
|
this.hhwUHFController.stopInventory(false)
|
|
|
}
|
|
|
// #endif
|
|
|
},
|
|
|
// 清空标签
|
|
|
clearTags() {
|
|
|
this.dataList = []
|
|
|
this.tempList = []
|
|
|
this.epcList = []
|
|
|
this.tagsAmount = 0
|
|
|
this.offset = 50
|
|
|
this.taskList = []
|
|
|
},
|
|
|
// 查看物资
|
|
|
viewMaterials() {
|
|
|
const idsSource = this.epcList.length ? this.epcList : this.dataList.map(item => item.epc).filter(Boolean)
|
|
|
if (!idsSource.length) {
|
|
|
uni.showToast({
|
|
|
title: '请先获取标签数据',
|
|
|
icon: 'none'
|
|
|
})
|
|
|
return
|
|
|
}
|
|
|
const ids = idsSource.join(',')
|
|
|
uni.showLoading({
|
|
|
title: '查询中...'
|
|
|
})
|
|
|
getInventoryTaskList({ ids:ids,page:1,page_size:999 })
|
|
|
.then(res => {
|
|
|
uni.hideLoading()
|
|
|
console.log("res:", res)
|
|
|
const materialList = this.formatMaterialList(res)
|
|
|
if (materialList.length === 0) {
|
|
|
this.taskList = []
|
|
|
uni.showToast({
|
|
|
title: '未查询到物资信息',
|
|
|
icon: 'none'
|
|
|
})
|
|
|
return
|
|
|
}
|
|
|
this.taskList = materialList
|
|
|
})
|
|
|
.catch(err => {
|
|
|
console.error('viewMaterials error', err)
|
|
|
uni.hideLoading()
|
|
|
uni.showToast({
|
|
|
title: '获取物资失败',
|
|
|
icon: 'none'
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
// 加载更多
|
|
|
loadmore() {
|
|
|
console.log("inventory loadmore", "dataList size1: " + this.dataList.length, "temList size: " + this.tempList.length)
|
|
|
if (this.dataList.length >= this.tempList.length) {
|
|
|
console.log("inventory loadmore", "nomore")
|
|
|
return
|
|
|
}
|
|
|
// 每次加载pageNum个
|
|
|
var size
|
|
|
if (this.tempList.length - this.offset >= this.pageNum) {
|
|
|
size = this.pageNum
|
|
|
} else {
|
|
|
size = this.tempList.length - this.offset
|
|
|
}
|
|
|
for (var i = this.offset; i < size + this.offset; i++) {
|
|
|
this.dataList.push(this.tempList[i])
|
|
|
}
|
|
|
this.offset = this.offset + size
|
|
|
},
|
|
|
// 异步选项改变
|
|
|
onAsyncChange(e) {
|
|
|
this.asyncFlag = e.detail.value[0] === 'async_checkbox'
|
|
|
runtimeAsyncFlag = this.asyncFlag
|
|
|
},
|
|
|
// 声音选项改变
|
|
|
onVoiceChange(e) {
|
|
|
this.voiceFlag = e.detail.value[0] === 'voice_checkbox'
|
|
|
runtimeVoiceFlag = this.voiceFlag
|
|
|
},
|
|
|
// 二维码扫描选项改变
|
|
|
onBarcodeChange(e) {
|
|
|
this.barcodeFlag = e.detail.value[0] === 'barcode_checkbox'
|
|
|
runtimeBarcodeFlag = this.barcodeFlag
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
.index-bg {
|
|
|
height: 100vh;
|
|
|
background: linear-gradient(180deg, #eaf1fb 0%, #f7fafd 100%);
|
|
|
}
|
|
|
|
|
|
.index-content {
|
|
|
width: 100%;
|
|
|
max-width: 600px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
padding: 4vw 0 6vw 0;
|
|
|
box-sizing: border-box;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.btn-group {
|
|
|
width: 90%;
|
|
|
max-width: 500px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
margin: 0 auto 48rpx auto;
|
|
|
}
|
|
|
|
|
|
.main-btn {
|
|
|
height: 110rpx;
|
|
|
font-size: 38rpx;
|
|
|
font-weight: 800;
|
|
|
border-radius: 28rpx;
|
|
|
background: linear-gradient(135deg, #409eff 0%, #3b7cff 100%);
|
|
|
color: #fff;
|
|
|
box-shadow: 0 8px 24px rgba(64,158,255,0.25);
|
|
|
letter-spacing: 10rpx;
|
|
|
margin: 0;
|
|
|
border: none;
|
|
|
outline: none;
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
transition: all 0.3s ease;
|
|
|
margin-bottom: 36rpx;
|
|
|
position: relative;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.main-btn::before {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: -100%;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
|
|
|
transition: left 0.6s;
|
|
|
}
|
|
|
|
|
|
.main-btn:active::before {
|
|
|
left: 100%;
|
|
|
}
|
|
|
|
|
|
.main-btn:last-child {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
|
|
|
.main-btn:active {
|
|
|
background: linear-gradient(135deg, #337ecc 0%, #2a5db0 100%);
|
|
|
box-shadow: 0 4px 16px rgba(64,158,255,0.3);
|
|
|
transform: scale(0.98);
|
|
|
}
|
|
|
|
|
|
.main-btn.outline {
|
|
|
background: #fff;
|
|
|
color: #409eff;
|
|
|
border: 3px solid #409eff;
|
|
|
box-shadow: 0 8px 24px rgba(64,158,255,0.15);
|
|
|
}
|
|
|
|
|
|
.main-btn.outline::before {
|
|
|
background: linear-gradient(90deg, transparent, rgba(64,158,255,0.1), transparent);
|
|
|
}
|
|
|
|
|
|
.main-btn.outline:active {
|
|
|
background: #f0f7ff;
|
|
|
transform: scale(0.98);
|
|
|
box-shadow: 0 4px 16px rgba(64,158,255,0.2);
|
|
|
}
|
|
|
|
|
|
.task-section {
|
|
|
width: 92%;
|
|
|
max-width: 520px;
|
|
|
margin: 0 auto 48rpx auto;
|
|
|
background: #fff;
|
|
|
border-radius: 22rpx;
|
|
|
box-shadow: 0 4px 18px rgba(64,158,255,0.07);
|
|
|
padding: 28rpx 20rpx 18rpx 20rpx;
|
|
|
}
|
|
|
|
|
|
.task-title {
|
|
|
font-size: 28rpx;
|
|
|
color: #222;
|
|
|
font-weight: 700;
|
|
|
margin-bottom: 18rpx;
|
|
|
}
|
|
|
|
|
|
.task-list {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
gap: 14rpx;
|
|
|
}
|
|
|
|
|
|
.task-item {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
padding: 14rpx 0;
|
|
|
border-bottom: 1px solid #f0f0f0;
|
|
|
}
|
|
|
|
|
|
.task-item:last-child {
|
|
|
border-bottom: none;
|
|
|
}
|
|
|
|
|
|
.task-info {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
}
|
|
|
|
|
|
.task-name {
|
|
|
font-size: 24rpx;
|
|
|
color: #333;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.task-time {
|
|
|
font-size: 20rpx;
|
|
|
color: #999;
|
|
|
margin-top: 2rpx;
|
|
|
}
|
|
|
|
|
|
.task-list {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
gap: 14rpx;
|
|
|
}
|
|
|
|
|
|
.task-item {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
padding: 14rpx 0;
|
|
|
border-bottom: 1px solid #f0f0f0;
|
|
|
}
|
|
|
|
|
|
.task-item:last-child {
|
|
|
border-bottom: none;
|
|
|
}
|
|
|
|
|
|
.task-info {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
}
|
|
|
|
|
|
.task-name {
|
|
|
font-size: 24rpx;
|
|
|
color: #333;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.task-time {
|
|
|
font-size: 20rpx;
|
|
|
color: #999;
|
|
|
margin-top: 2rpx;
|
|
|
}
|
|
|
|
|
|
.task-status {
|
|
|
font-size: 20rpx;
|
|
|
padding: 4rpx 14rpx;
|
|
|
border-radius: 16rpx;
|
|
|
}
|
|
|
|
|
|
.task-status.pending {
|
|
|
background-color: #fff3e0;
|
|
|
color: #ff9800;
|
|
|
}
|
|
|
|
|
|
.task-status.completed {
|
|
|
background-color: #e8f5e9;
|
|
|
color: #4caf50;
|
|
|
}
|
|
|
|
|
|
.task-status.in-progress {
|
|
|
background-color: #e8f5e9;
|
|
|
color: #4caf50;
|
|
|
}
|
|
|
|
|
|
|
|
|
.h5-scan-modal {
|
|
|
position: fixed;
|
|
|
left: 0; top: 0; right: 0; bottom: 0;
|
|
|
background: rgba(0,0,0,0.6);
|
|
|
z-index: 9999;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
|
|
|
.h5-scan-modal #reader {
|
|
|
width: 300px !important;
|
|
|
height: 300px !important;
|
|
|
margin: 0 auto;
|
|
|
background: #fff;
|
|
|
border-radius: 8px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.h5-scan-modal #reader video {
|
|
|
width: 100% !important;
|
|
|
height: 100% !important;
|
|
|
object-fit: cover;
|
|
|
}
|
|
|
|
|
|
.h5-scan-modal #reader__scan_region {
|
|
|
width: 100% !important;
|
|
|
height: 100% !important;
|
|
|
}
|
|
|
|
|
|
.h5-scan-modal #reader__scan_region video {
|
|
|
width: 100% !important;
|
|
|
height: 100% !important;
|
|
|
}
|
|
|
|
|
|
.h5-scan-modal button {
|
|
|
margin-top: 20px;
|
|
|
padding: 8px 20px;
|
|
|
background: #409eff;
|
|
|
color: #fff;
|
|
|
border: none;
|
|
|
border-radius: 4px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
|
.h5-scan-modal button:hover {
|
|
|
background: #66b1ff;
|
|
|
}
|
|
|
|
|
|
/* 标签盘点区域样式 */
|
|
|
.inventory-section {
|
|
|
width: 92%;
|
|
|
max-width: 520px;
|
|
|
margin: 0 auto 48rpx auto;
|
|
|
background: #fff;
|
|
|
border-radius: 22rpx;
|
|
|
box-shadow: 0 4px 18px rgba(64,158,255,0.07);
|
|
|
padding: 28rpx 20rpx 18rpx 20rpx;
|
|
|
}
|
|
|
|
|
|
.inventory-header {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
margin-bottom: 18rpx;
|
|
|
}
|
|
|
|
|
|
.inventory-title {
|
|
|
font-size: 28rpx;
|
|
|
color: #222;
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
|
|
|
.tags-amount {
|
|
|
font-size: 24rpx;
|
|
|
color: #409eff;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.tag-list {
|
|
|
max-height: 200rpx;
|
|
|
background-color: #ebebeb;
|
|
|
border-radius: 12rpx;
|
|
|
margin-bottom: 18rpx;
|
|
|
}
|
|
|
|
|
|
.list-item-head {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
background-color: #f5f5f5;
|
|
|
border-radius: 12rpx 12rpx 0 0;
|
|
|
padding: 10rpx 0;
|
|
|
}
|
|
|
|
|
|
.list-item {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
background-color: #fff;
|
|
|
border-bottom: 1px solid #f0f0f0;
|
|
|
}
|
|
|
|
|
|
.list-item:last-child {
|
|
|
border-bottom: none;
|
|
|
}
|
|
|
|
|
|
.list-item-text-id {
|
|
|
width: 65px;
|
|
|
padding: 8rpx 10rpx;
|
|
|
font-size: 24rpx;
|
|
|
text-align: center;
|
|
|
flex-shrink: 0;
|
|
|
}
|
|
|
|
|
|
.list-item-text-epc {
|
|
|
flex: 1;
|
|
|
padding: 8rpx 10rpx;
|
|
|
font-size: 24rpx;
|
|
|
word-break: break-all;
|
|
|
min-width: 0;
|
|
|
}
|
|
|
|
|
|
.list-item-text-count {
|
|
|
width: 65px;
|
|
|
padding: 8rpx 10rpx;
|
|
|
font-size: 24rpx;
|
|
|
text-align: center;
|
|
|
flex-shrink: 0;
|
|
|
}
|
|
|
|
|
|
.list-item-text-rssi {
|
|
|
width: 100px;
|
|
|
padding: 8rpx 10rpx;
|
|
|
font-size: 24rpx;
|
|
|
text-align: center;
|
|
|
flex-shrink: 0;
|
|
|
}
|
|
|
|
|
|
.inventory-options {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
padding: 18rpx 0;
|
|
|
flex-wrap: wrap;
|
|
|
gap: 20rpx;
|
|
|
}
|
|
|
|
|
|
.option-item {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
.checkbox-label {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
.option-text {
|
|
|
margin-left: 8rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #333;
|
|
|
}
|
|
|
|
|
|
.inventory-btn-box {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
gap: 10rpx;
|
|
|
margin-top: 5rpx;
|
|
|
}
|
|
|
|
|
|
.inventory-btn {
|
|
|
flex: 1;
|
|
|
/* height: 80rpx; */
|
|
|
font-size: 28rpx;
|
|
|
border-radius: 12rpx;
|
|
|
margin: 0;
|
|
|
}
|
|
|
|
|
|
.inventory-btn.clear-btn {
|
|
|
flex: 0 0 100rpx;
|
|
|
margin-top:10rpx;
|
|
|
}
|
|
|
|
|
|
/* 盘点计划区域样式 */
|
|
|
.inventory-plan-section {
|
|
|
width: 92%;
|
|
|
max-width: 520px;
|
|
|
margin: 0 auto 48rpx auto;
|
|
|
background: #fff;
|
|
|
border-radius: 22rpx;
|
|
|
box-shadow: 0 4px 18px rgba(64,158,255,0.07);
|
|
|
padding: 28rpx 20rpx 18rpx 20rpx;
|
|
|
}
|
|
|
|
|
|
.inventory-plan-header {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
margin-bottom: 18rpx;
|
|
|
}
|
|
|
|
|
|
.inventory-plan-title {
|
|
|
font-size: 28rpx;
|
|
|
color: #222;
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
|
|
|
.plan-total {
|
|
|
font-size: 24rpx;
|
|
|
color: #409eff;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
|
|
|
.plan-list {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
gap: 14rpx;
|
|
|
}
|
|
|
|
|
|
.plan-item {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
padding: 14rpx 0;
|
|
|
border-bottom: 1px solid #f0f0f0;
|
|
|
}
|
|
|
|
|
|
.plan-item:last-child {
|
|
|
border-bottom: none;
|
|
|
}
|
|
|
|
|
|
.plan-info {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
}
|
|
|
|
|
|
.plan-name-col {
|
|
|
flex: 1;
|
|
|
min-width: 0;
|
|
|
}
|
|
|
|
|
|
.plan-status-col {
|
|
|
width: 120rpx;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
.plan-date-col {
|
|
|
width: 140rpx;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
.plan-action-col {
|
|
|
width: 120rpx;
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
.plan-name {
|
|
|
font-size: 24rpx;
|
|
|
color: #333;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.plan-no {
|
|
|
font-size: 20rpx;
|
|
|
color: #999;
|
|
|
margin-top: 4rpx;
|
|
|
}
|
|
|
|
|
|
.plan-time {
|
|
|
font-size: 20rpx;
|
|
|
color: #999;
|
|
|
margin-top: 2rpx;
|
|
|
}
|
|
|
|
|
|
.plan-status {
|
|
|
font-size: 20rpx;
|
|
|
padding: 4rpx 14rpx;
|
|
|
border-radius: 16rpx;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
|
|
|
.plan-status.status-0 {
|
|
|
background-color: #fff3e0;
|
|
|
color: #ff9800;
|
|
|
}
|
|
|
|
|
|
.plan-status.status-1 {
|
|
|
background-color: #e3f2fd;
|
|
|
color: #2196f3;
|
|
|
}
|
|
|
|
|
|
.plan-status.status-2 {
|
|
|
background-color: #e8f5e9;
|
|
|
color: #4caf50;
|
|
|
}
|
|
|
|
|
|
/* 加载更多样式优化 */
|
|
|
.load-more {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
gap: 12rpx;
|
|
|
padding: 30rpx 20rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #999;
|
|
|
}
|
|
|
|
|
|
.loading-spinner {
|
|
|
width: 32rpx;
|
|
|
height: 32rpx;
|
|
|
border: 3rpx solid #f0f0f0;
|
|
|
border-top: 3rpx solid #409eff;
|
|
|
border-radius: 50%;
|
|
|
animation: spin 1s linear infinite;
|
|
|
}
|
|
|
|
|
|
@keyframes spin {
|
|
|
0% { transform: rotate(0deg); }
|
|
|
100% { transform: rotate(360deg); }
|
|
|
}
|
|
|
|
|
|
.loading-text {
|
|
|
color: #409eff;
|
|
|
font-weight: 500;
|
|
|
}
|
|
|
|
|
|
.no-more-text {
|
|
|
color: #ccc;
|
|
|
font-size: 22rpx;
|
|
|
}
|
|
|
</style>
|
