1
This commit is contained in:
houjunxiang
257
pages/analysis/auncel/auncel-select.vue
Normal file
257
pages/analysis/auncel/auncel-select.vue
Normal file
@@ -0,0 +1,257 @@
|
||||
<template>
|
||||
<view>
|
||||
<navbar-back title="选择天平"></navbar-back>
|
||||
|
||||
<u-grid :col="3" @click="click">
|
||||
<u-grid-item v-for="(auncel, index) in auncelList" :index="index" :key="index">
|
||||
<view
|
||||
style="
|
||||
height: 180px;
|
||||
width: 180px;
|
||||
background-image: url(../../static/images/auncel.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
"
|
||||
>
|
||||
<view style="height: 100px">
|
||||
<view style="padding-top: 20px; text-align: center; font-size: 20rpx"
|
||||
><text>{{ auncel.code }}</text></view
|
||||
>
|
||||
<view style="padding-top: 5px; text-align: center"
|
||||
><text>{{ auncel.controlRealName }}</text></view
|
||||
>
|
||||
</view>
|
||||
<view class="weight">
|
||||
<view
|
||||
:class="
|
||||
auncel.weightStable == 0
|
||||
? 'weight-data-yellow'
|
||||
: auncel.weightStable == 1
|
||||
? 'weight-data'
|
||||
: 'weight-data-warning'
|
||||
"
|
||||
>
|
||||
{{ auncel.weightData }}
|
||||
</view>
|
||||
<view class="weight-unit">{{ auncel.weightUnit }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-grid-item>
|
||||
</u-grid>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
auncelList: [],
|
||||
currentAuncel: '',
|
||||
currentTaskNo: '',
|
||||
currentTaskType: ''
|
||||
}
|
||||
},
|
||||
onLoad(param) {
|
||||
this.currentTaskNo = param.currentTaskNo
|
||||
this.currentTaskType = param.currentTaskType
|
||||
//获取数据
|
||||
this.getPageData()
|
||||
console.log('onLoad')
|
||||
},
|
||||
onShow() {
|
||||
console.log('onShow')
|
||||
// #ifdef H5
|
||||
//注册websocket
|
||||
let regData = {
|
||||
msgId: this.$helper.uuid(),
|
||||
cmd: 'register',
|
||||
clientType: 'caaClient',
|
||||
data: {
|
||||
userId: this.userInfo.user_id,
|
||||
tenantId: this.userInfo.tenant_id,
|
||||
userRealName: this.userInfo.real_name
|
||||
}
|
||||
}
|
||||
this.$measure.setRegData(JSON.stringify(regData))
|
||||
this.$measure.reOpen()
|
||||
// #endif
|
||||
//监听websocket返回来的数据
|
||||
//设备数据
|
||||
uni.$on('deviceData', res => {
|
||||
switch (res.deviceType) {
|
||||
case 'auncel':
|
||||
this.auncelList.forEach((item, index) => {
|
||||
if (item.id === res.deviceId) {
|
||||
item.weightData = res.weightData
|
||||
item.weightUnit = res.weightUnit
|
||||
item.weightStable = res.weightStable
|
||||
item.isConnected = 1
|
||||
item.controlRealName = res.controlRealName
|
||||
}
|
||||
})
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
})
|
||||
//设备状态
|
||||
uni.$on('deviceStatus', res => {
|
||||
this.auncelList.forEach((item, index) => {
|
||||
if (item.id === res.deviceId) {
|
||||
item.isConnected = res.connected
|
||||
if (res.connected == 0) {
|
||||
item.weightData = '天平断开'
|
||||
item.weightUnit = ''
|
||||
item.weightStable = 0
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
//连接断开
|
||||
uni.$on('connClose', res => {
|
||||
//重置
|
||||
this.auncelList.forEach(i => {
|
||||
i.weightData = ''
|
||||
i.weightUnit = ''
|
||||
i.weightStable = 0
|
||||
i.controlRealName = ''
|
||||
i.isConnected = 0
|
||||
})
|
||||
})
|
||||
},
|
||||
onHide() {
|
||||
console.log('onHide')
|
||||
//移除监听websocket返回来的数据
|
||||
uni.$off('deviceData')
|
||||
uni.$off('deviceStatus')
|
||||
uni.$off('connClose')
|
||||
},
|
||||
methods: {
|
||||
getPageData() {
|
||||
//显示loading
|
||||
uni.showLoading({
|
||||
title: '加载中...'
|
||||
})
|
||||
//获取计量点数量
|
||||
this.$u.api
|
||||
.getDeviceLaboratoryListBy({
|
||||
deviceType: 'auncel',
|
||||
pageNo: 0,
|
||||
pageSize: -1,
|
||||
status: '1',
|
||||
isEnable: '1'
|
||||
})
|
||||
.then(res => {
|
||||
let dataList = res.result.records
|
||||
dataList.forEach(i => {
|
||||
i.weightData = ''
|
||||
i.weightUnit = ''
|
||||
i.isConnected = 0
|
||||
i.weightStable = 0
|
||||
i.temperature = 0
|
||||
i.humidity = 0
|
||||
i.controlRealName = ''
|
||||
})
|
||||
this.auncelList = dataList
|
||||
uni.hideLoading()
|
||||
})
|
||||
.catch(err => {
|
||||
uni.hideLoading()
|
||||
console.log(err)
|
||||
})
|
||||
},
|
||||
click(index) {
|
||||
// this.$refs.uToast.show({
|
||||
// title: `点击了第${index + 1}宫格`,
|
||||
// type: 'warning'
|
||||
// });
|
||||
console.log(this.auncelList[index])
|
||||
this.currentAuncel = this.auncelList[index]
|
||||
if (this.currentAuncel.isConnected != 1) {
|
||||
this.$helper.showToast({
|
||||
title: '天平设备尚未连接！'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (this.currentAuncel.controlRealName && this.currentAuncel.controlRealName != this.userInfo.real_name) {
|
||||
this.$helper.showToast({
|
||||
title: '当前天平正被“' + this.currentAuncel.controlRealName + '”使用，请选择其他天平！'
|
||||
})
|
||||
return
|
||||
}
|
||||
//发送控制请求
|
||||
let controlDevice = {
|
||||
msgId: this.currentAuncel.id,
|
||||
cmd: 'controlDevice',
|
||||
clientType: 'caaClient',
|
||||
data: {
|
||||
deviceId: this.currentAuncel.id,
|
||||
isControl: true,
|
||||
controlRealName: this.userInfo.real_name
|
||||
}
|
||||
}
|
||||
//发送控制数据
|
||||
this.$measure.send(JSON.stringify(controlDevice))
|
||||
uni.redirectTo({
|
||||
url:
|
||||
'/pages/auncel/auncel-weigh?currentTaskNo=' +
|
||||
this.currentTaskNo +
|
||||
'¤tTaskType=' +
|
||||
this.currentTaskType +
|
||||
'¤tAuncelId=' +
|
||||
this.currentAuncel.id +
|
||||
'¤tAuncelName=' +
|
||||
this.currentAuncel.name +
|
||||
'¤tAuncelCode=' +
|
||||
this.currentAuncel.code
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.weight {
|
||||
width: 180px;
|
||||
height: 40px;
|
||||
padding: 0 10px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.weight-data {
|
||||
flex-grow: 1;
|
||||
height: 100%;
|
||||
color: #4cd964;
|
||||
text-align: right;
|
||||
line-height: 40px;
|
||||
letter-spacing: 2px;
|
||||
font-size: 32px;
|
||||
font-family: zzjc-lcd;
|
||||
}
|
||||
.weight-data-yellow {
|
||||
flex-grow: 1;
|
||||
height: 100%;
|
||||
color: #ffff00;
|
||||
text-align: right;
|
||||
line-height: 40px;
|
||||
letter-spacing: 2px;
|
||||
font-size: 32px;
|
||||
font-family: zzjc-lcd;
|
||||
}
|
||||
.weight-data-warning {
|
||||
flex-grow: 1;
|
||||
height: 100%;
|
||||
color: #ff3333;
|
||||
text-align: right;
|
||||
line-height: 40px;
|
||||
font-size: 32px;
|
||||
font-family: zzjc-lcd;
|
||||
}
|
||||
.weight-unit {
|
||||
color: #ffffff;
|
||||
font-size: 24px;
|
||||
line-height: 40px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
</style>
|
||||
229
pages/analysis/auncel/auncel-status.vue
Normal file
229
pages/analysis/auncel/auncel-status.vue
Normal file
@@ -0,0 +1,229 @@
|
||||
<template>
|
||||
<view>
|
||||
<navbar-back title="天平状态"></navbar-back>
|
||||
<up-grid border :col="3">
|
||||
<up-grid-item v-for="(auncel, index) in auncelList" :index="index" :key="index">
|
||||
<view
|
||||
class="auncel-item"
|
||||
:style="{
|
||||
backgroundImage: `url(${require('@/static/images/auncel.png')})`
|
||||
}"
|
||||
>
|
||||
<view class="auncel-header">
|
||||
<view class="auncel-code">{{ auncel.code }}</view>
|
||||
<view class="auncel-name">{{ auncel.controlRealName }}</view>
|
||||
</view>
|
||||
<view class="weight">
|
||||
<view
|
||||
:class="{
|
||||
'weight-data-yellow': auncel.weightStable === 0,
|
||||
'weight-data': auncel.weightStable === 1,
|
||||
'weight-data-warning': auncel.weightStable === 2
|
||||
}"
|
||||
>
|
||||
{{ auncel.weightData || '' }}
|
||||
</view>
|
||||
<view class="weight-unit">{{ auncel.weightUnit }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</up-grid-item>
|
||||
</up-grid>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, computed, onMounted, onUnmounted } from 'vue'
|
||||
import { onUnload, onHide } from '@dcloudio/uni-app'
|
||||
import { getTenantId } from '@/defaultBaseUrl'
|
||||
import nx from '@/nx'
|
||||
|
||||
// refs
|
||||
const auncelList = ref([])
|
||||
|
||||
// computed
|
||||
const userInfo = computed(() => nx.$store('user').userInfo)
|
||||
|
||||
// 页面加载
|
||||
onMounted(() => {
|
||||
// getPageData()
|
||||
// #ifdef H5
|
||||
const regData = {
|
||||
msgId: nx.$helper.uuid(),
|
||||
cmd: 'register',
|
||||
clientType: 'caaClient',
|
||||
data: {
|
||||
userId: userInfo.value.id,
|
||||
tenantId: getTenantId(),
|
||||
userRealName: userInfo.value.realname
|
||||
}
|
||||
}
|
||||
nx.$measure.setRegData(JSON.stringify(regData))
|
||||
nx.$measure.reOpen()
|
||||
// #endif
|
||||
|
||||
// 监听 WebSocket 数据
|
||||
uni.$on('deviceData', handleDeviceData)
|
||||
uni.$on('deviceStatus', handleDeviceStatus)
|
||||
uni.$on('connClose', handleConnClose)
|
||||
})
|
||||
onHide(() => {
|
||||
// #ifdef APP-PLUS
|
||||
cleanup()
|
||||
// #endif
|
||||
})
|
||||
onUnmounted(() => {
|
||||
// #ifdef H5
|
||||
cleanup()
|
||||
// #endif
|
||||
})
|
||||
|
||||
function cleanup() {
|
||||
uni.$off('deviceData', handleDeviceData)
|
||||
uni.$off('deviceStatus', handleDeviceStatus)
|
||||
uni.$off('connClose', handleConnClose)
|
||||
}
|
||||
|
||||
// 获取数据
|
||||
function getPageData() {
|
||||
nx.$api.laboratory
|
||||
.getDeviceLaboratoryListBy({
|
||||
deviceType: 'auncel',
|
||||
status: '1',
|
||||
isEnable: '1',
|
||||
pageNo: 0,
|
||||
pageSize: -1
|
||||
})
|
||||
.then(res => {
|
||||
const dataList = res.records || []
|
||||
dataList.forEach(i => {
|
||||
i.weightData = ''
|
||||
i.weightUnit = ''
|
||||
i.isConnected = 0
|
||||
i.weightStable = 0
|
||||
i.temperature = 0
|
||||
i.humidity = 0
|
||||
i.controlRealName = ''
|
||||
})
|
||||
auncelList.value = dataList
|
||||
})
|
||||
.catch(err => {
|
||||
console.error('获取天平列表失败', err)
|
||||
})
|
||||
}
|
||||
|
||||
// WebSocket 事件处理器
|
||||
function handleDeviceData(res) {
|
||||
if (res.deviceType !== 'auncel') return
|
||||
auncelList.value = auncelList.value.map(item => {
|
||||
if (item.id === res.deviceId) {
|
||||
return {
|
||||
...item,
|
||||
weightData: res.weightData,
|
||||
weightUnit: res.weightUnit,
|
||||
weightStable: res.weightStable,
|
||||
isConnected: 1,
|
||||
controlRealName: res.controlRealName
|
||||
}
|
||||
}
|
||||
return item
|
||||
})
|
||||
}
|
||||
|
||||
function handleDeviceStatus(res) {
|
||||
auncelList.value = auncelList.value.map(item => {
|
||||
if (item.id === res.deviceId) {
|
||||
const updated = { ...item, isConnected: res.connected }
|
||||
if (res.connected === 0) {
|
||||
updated.weightData = '天平断开'
|
||||
updated.weightUnit = ''
|
||||
updated.weightStable = 0
|
||||
}
|
||||
return updated
|
||||
}
|
||||
return item
|
||||
})
|
||||
}
|
||||
|
||||
function handleConnClose() {
|
||||
auncelList.value = auncelList.value.map(i => ({
|
||||
...i,
|
||||
weightData: '',
|
||||
weightUnit: '',
|
||||
weightStable: 0,
|
||||
controlRealName: '',
|
||||
isConnected: 0
|
||||
}))
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.auncel-item {
|
||||
height: 180px;
|
||||
width: 180px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.auncel-header {
|
||||
height: 100px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.auncel-code {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.auncel-name {
|
||||
margin-top: 5px;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.weight {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.weight-data,
|
||||
.weight-data-yellow,
|
||||
.weight-data-warning {
|
||||
flex-grow: 1;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
line-height: 40px;
|
||||
letter-spacing: 2px;
|
||||
font-size: 32px;
|
||||
font-family: zzjc-lcd;
|
||||
}
|
||||
|
||||
.weight-data {
|
||||
color: #4cd964;
|
||||
}
|
||||
|
||||
.weight-data-yellow {
|
||||
color: #ffff00;
|
||||
}
|
||||
|
||||
.weight-data-warning {
|
||||
color: #ff3333;
|
||||
}
|
||||
|
||||
.weight-unit {
|
||||
color: #ffffff;
|
||||
font-size: 24px;
|
||||
line-height: 40px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
</style>
|
||||
839
pages/analysis/auncel/auncel-weigh.vue
Normal file
839
pages/analysis/auncel/auncel-weigh.vue
Normal file
@@ -0,0 +1,839 @@
|
||||
<template>
|
||||
<view>
|
||||
<u-navbar
|
||||
title-color="#fff"
|
||||
title-width="360"
|
||||
back-icon-color="#ffffff"
|
||||
:back-text-style="{ color: '#fff' }"
|
||||
back-text="返回"
|
||||
title="样品称重"
|
||||
:border-bottom="false"
|
||||
:custom-back="customBack"
|
||||
:background="{ 'background-color': '#0055A2' }"
|
||||
></u-navbar>
|
||||
|
||||
<u-row class="content-title" gutter="16">
|
||||
<u-col span="3">
|
||||
<view class="content-title-name">
|
||||
<text>待称重样品</text>
|
||||
</view>
|
||||
<u-gap height="10" bg-color="#0055A2"></u-gap>
|
||||
</u-col>
|
||||
<u-col span="6">
|
||||
<view class="content-title-name">
|
||||
<text>{{ currentAuncel.code === '' ? '电子天平' : currentAuncel.code }}</text>
|
||||
</view>
|
||||
<u-gap height="10" bg-color="#0055A2"></u-gap>
|
||||
</u-col>
|
||||
<u-col span="3">
|
||||
<view class="content-title-name">
|
||||
<text>已称重样品</text>
|
||||
</view>
|
||||
<u-gap height="10" bg-color="#0055A2"></u-gap>
|
||||
</u-col>
|
||||
</u-row>
|
||||
|
||||
<u-row gutter="16" class="content-main-height" align="top">
|
||||
<u-col span="3">
|
||||
<scroll-view scroll-y scroll-with-animation class="content-main-left" :scroll-top="scrollTop">
|
||||
<view
|
||||
v-for="(sample, index) in notWeighSampleList"
|
||||
:key="index"
|
||||
class="u-tab-item"
|
||||
:class="[current == index ? 'u-tab-item-active' : '']"
|
||||
:data-current="index"
|
||||
@tap.stop="swichSample(index)"
|
||||
>
|
||||
<u-row gutter="20" style="width: 100%">
|
||||
<u-col span="3" style="padding: 0rpx">
|
||||
<view>
|
||||
<text>【{{ sample.sort }}】</text>
|
||||
</view>
|
||||
</u-col>
|
||||
<u-col span="9">
|
||||
<view>
|
||||
<text>{{ sample.sampleCode }}</text>
|
||||
</view>
|
||||
<view style="padding-top: 20rpx">
|
||||
<text>{{ sample.dataSourceType | getDataSourceTypeShow }}{{ sample.goodsName }}</text>
|
||||
</view>
|
||||
</u-col>
|
||||
</u-row>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="content-main-left-operation">
|
||||
<u-row>
|
||||
<u-col span="2"></u-col>
|
||||
<u-col span="8">
|
||||
<view>
|
||||
<view style="padding: 20rpx; text-align: right">
|
||||
<text style="font-size: 30rpx; height: 50rpx">顺序称重：</text>
|
||||
<u-switch
|
||||
v-model="orderWeighChecked"
|
||||
active-color="#19be6b"
|
||||
inactive-color="#eee"
|
||||
@change="orderWeighChange"
|
||||
></u-switch>
|
||||
</view>
|
||||
</view>
|
||||
</u-col>
|
||||
<u-col span="2"></u-col>
|
||||
</u-row>
|
||||
</view>
|
||||
</u-col>
|
||||
<u-col span="6">
|
||||
<view class="content-main-height">
|
||||
<view class="auncel-container">
|
||||
<view class="auncel">
|
||||
<view class="auncel-title">
|
||||
<view style="padding-top: 40rpx; height: 100rpx; width: 100%; text-align: center">
|
||||
<text style="font-size: 44rpx; font-weight: 300"
|
||||
>【{{ currentSample.sort }}】 {{ currentSample.dataSourceType | getDataSourceTypeShow }}</text
|
||||
>
|
||||
</view>
|
||||
|
||||
<view style="padding-top: 30rpx; height: 100rpx; width: 100%; text-align: center">
|
||||
<text style="font-size: 44rpx; font-weight: 300">{{ currentSample.sampleCode }}</text>
|
||||
</view>
|
||||
<view
|
||||
style="
|
||||
padding-top: 20rpx;
|
||||
padding-left: 140rpx;
|
||||
padding-right: 140rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
"
|
||||
>
|
||||
<block v-if="currentSample.dataSourceType">
|
||||
<u-row v-if="currentSample.dataSourceType == 2 || currentSample.dataSourceType == 3">
|
||||
<u-col span="1"></u-col>
|
||||
<u-col span="3">
|
||||
<u-input
|
||||
style="color: #3b4144; background-color: #ffffff"
|
||||
v-model="currentCupNum"
|
||||
type="number"
|
||||
border="border"
|
||||
:disabled="checkCupNumReadonly"
|
||||
placeholder="杯号"
|
||||
/>
|
||||
</u-col>
|
||||
<u-col span="2">
|
||||
<text style="width: 100%; text-align: left">号杯</text>
|
||||
</u-col>
|
||||
<u-col span="4">
|
||||
<u-input
|
||||
style="color: #3b4144; background-color: #ffffff"
|
||||
v-model="currentSample.remarks"
|
||||
type="number"
|
||||
border="border"
|
||||
placeholder="样重比例"
|
||||
/>
|
||||
</u-col>
|
||||
<u-col span="2">
|
||||
<text style="width: 100%; text-align: left">%</text>
|
||||
</u-col>
|
||||
</u-row>
|
||||
<u-row v-else>
|
||||
<u-col span="2"></u-col>
|
||||
<u-col span="7">
|
||||
<u-input
|
||||
style="color: #3b4144; background-color: #ffffff"
|
||||
v-model="currentCupNum"
|
||||
type="number"
|
||||
border="border"
|
||||
:disabled="checkCupNumReadonly"
|
||||
placeholder="杯号"
|
||||
/>
|
||||
</u-col>
|
||||
<u-col span="3">
|
||||
<text style="width: 100%; text-align: left">号杯</text>
|
||||
</u-col>
|
||||
</u-row>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="auncel-weight">
|
||||
<view class="weight">
|
||||
<view
|
||||
:class="
|
||||
currentAuncel.weightStable == 0
|
||||
? 'weight-data-yellow'
|
||||
: currentAuncel.weightStable == 1
|
||||
? 'weight-data'
|
||||
: 'weight-data-warning'
|
||||
"
|
||||
@click="selectAuncel"
|
||||
>
|
||||
{{ currentAuncel.weightData }}
|
||||
</view>
|
||||
<view class="weight-unit">{{ currentAuncel.weightUnit }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<view style="padding: 0rpx 60rpx 10rpx 60rpx">
|
||||
<block v-if="currentAuncel.code !== ''">
|
||||
<u-button
|
||||
style="height: 140rpx; font-size: 80rpx"
|
||||
type="success"
|
||||
:disabled="confirmWeightDisabled"
|
||||
shape="circle"
|
||||
@click="confirm"
|
||||
>确认采集</u-button
|
||||
>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-col>
|
||||
<u-col span="3">
|
||||
<view class="content-main-height">
|
||||
<scroll-view scroll-y scroll-with-animation class="content-main-right" :scroll-top="scrollTop">
|
||||
<view
|
||||
v-for="(sample, index) in finishWeighSampleList"
|
||||
:key="index"
|
||||
class="u-tab-item"
|
||||
style="height: 240rpx"
|
||||
>
|
||||
<u-row gutter="20" style="width: 100%">
|
||||
<u-col span="3" style="padding: 0rpx">
|
||||
<view>
|
||||
<text>【{{ sample.sort }}】</text>
|
||||
</view>
|
||||
<view style="padding-top: 20rpx">
|
||||
<text>{{ sample.cupNum }}号杯</text>
|
||||
</view>
|
||||
<view v-if="sample.remarks" style="padding-top: 20rpx">
|
||||
<text>{{ sample.remarks }}</text>
|
||||
</view>
|
||||
</u-col>
|
||||
<u-col span="9">
|
||||
<view>
|
||||
<text>{{ sample.sampleCode }}</text>
|
||||
</view>
|
||||
<view style="padding-top: 20rpx">
|
||||
<text>{{ sample.dataSourceType | getDataSourceTypeShow }}{{ sample.goodsName }}</text>
|
||||
</view>
|
||||
<view style="padding-top: 20rpx">
|
||||
<text style="padding-left: 20rpx">{{ sample.sampleWeight }} g</text>
|
||||
<u-button style="margin-left: 20rpx" size="mini" type="error" @click="weighRevoke(sample.id)"
|
||||
>撤销</u-button
|
||||
>
|
||||
</view>
|
||||
</u-col>
|
||||
</u-row>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="content-main-right-operation">
|
||||
<u-row>
|
||||
<u-col span="2"></u-col>
|
||||
<u-col span="8">
|
||||
<u-button
|
||||
:disabled="finishWeighSampleList.length == 0"
|
||||
class="btn-operation"
|
||||
type="success"
|
||||
@click="submit"
|
||||
>立即提交</u-button
|
||||
>
|
||||
</u-col>
|
||||
<u-col span="2"></u-col>
|
||||
</u-row>
|
||||
</view>
|
||||
</view>
|
||||
</u-col>
|
||||
</u-row>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
scrollTop: 0, //tab标题的滚动条位置
|
||||
current: 0, // 预设当前项的值
|
||||
menuHeight: 0, // 左边菜单的高度
|
||||
menuItemHeight: 0, // 左边菜单item的高度
|
||||
orderWeighChecked: true, //顺序称重
|
||||
weightDataIsToZero: false, //重量数据是否归零
|
||||
currentCupNum: '',
|
||||
currentSample: {}, //当前样品
|
||||
currentTaskNo: '', //当前任务样品
|
||||
currentTaskType: '', //当前任务类型
|
||||
currentAuncel: {
|
||||
id: '',
|
||||
name: '',
|
||||
code: '',
|
||||
weightStable: 0,
|
||||
weightData: '请选天平',
|
||||
weightUnit: ''
|
||||
},
|
||||
allWeighSampleCount: 0,
|
||||
notWeighSampleList: [],
|
||||
finishWeighSampleList: []
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
confirmWeightDisabled() {
|
||||
if (
|
||||
this.currentSample.sampleCode &&
|
||||
this.currentAuncel.weightStable == 1 &&
|
||||
Number(this.currentAuncel.weightData) > 0
|
||||
) {
|
||||
return false
|
||||
}
|
||||
return true
|
||||
},
|
||||
checkCupNumReadonly() {
|
||||
if (!this.currentAuncel || this.currentAuncel.id == '') return true
|
||||
return false
|
||||
}
|
||||
},
|
||||
onLoad(param) {
|
||||
//console.log(param);
|
||||
if (param.currentTaskNo) {
|
||||
this.currentTaskNo = param.currentTaskNo
|
||||
this.currentTaskType = param.currentTaskType
|
||||
}
|
||||
if (param.currentAuncelId) {
|
||||
this.currentAuncel.id = param.currentAuncelId
|
||||
this.currentAuncel.weightData = ''
|
||||
}
|
||||
if (param.currentAuncelName) {
|
||||
this.currentAuncel.name = param.currentAuncelName
|
||||
}
|
||||
if (param.currentAuncelCode) {
|
||||
this.currentAuncel.code = param.currentAuncelCode
|
||||
}
|
||||
this.getAssayTaskDetail(this.currentTaskNo)
|
||||
},
|
||||
onShow() {
|
||||
console.log('onShow')
|
||||
|
||||
//注册websocket
|
||||
let regData = {
|
||||
msgId: this.$helper.uuid(),
|
||||
cmd: 'register',
|
||||
clientType: 'caaClient',
|
||||
data: {
|
||||
userId: this.userInfo.user_id,
|
||||
tenantId: this.userInfo.tenant_id,
|
||||
userRealName: this.userInfo.real_name
|
||||
}
|
||||
}
|
||||
this.$measure.setRegData(JSON.stringify(regData))
|
||||
this.$measure.reOpen()
|
||||
|
||||
//监听websocket返回来的数据
|
||||
//设备数据
|
||||
uni.$on('deviceData', res => {
|
||||
switch (res.deviceType) {
|
||||
case 'auncel':
|
||||
//console.log(res);
|
||||
if (this.currentAuncel.id === res.deviceId) {
|
||||
this.currentAuncel.weightData = res.weightData
|
||||
this.currentAuncel.weightUnit = res.weightUnit
|
||||
this.currentAuncel.weightStable = res.weightStable
|
||||
this.currentAuncel.isConnected = 1
|
||||
if (Number(res.weightData) == 0) {
|
||||
this.weightDataIsToZero = true
|
||||
}
|
||||
}
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
})
|
||||
//设备状态
|
||||
uni.$on('deviceStatus', res => {
|
||||
if (this.currentAuncel.id === res.deviceId) {
|
||||
console.log(res)
|
||||
if (res.connected == 0) {
|
||||
this.currentAuncel.weightStable = 0
|
||||
this.currentAuncel.weightData = '天平断开'
|
||||
this.currentAuncel.weightUnit = ''
|
||||
}
|
||||
}
|
||||
this.currentAuncel.isConnected = res.connected
|
||||
})
|
||||
//控制设备状态
|
||||
uni.$on('controlDevice', res => {
|
||||
if (this.currentAuncel.id === res.deviceId) {
|
||||
console.log(res)
|
||||
|
||||
this.currentAuncel.id = ''
|
||||
this.currentAuncel.name = ''
|
||||
this.currentAuncel.code = ''
|
||||
this.currentAuncel.weightStable = 0
|
||||
this.currentAuncel.weightData = '请选天平'
|
||||
this.currentAuncel.weightUnit = ''
|
||||
}
|
||||
})
|
||||
//连接断开
|
||||
uni.$on('connClose', res => {
|
||||
//重置
|
||||
this.currentAuncel.weightData = ''
|
||||
this.currentAuncel.weightUnit = ''
|
||||
this.currentAuncel.weightStable = 0
|
||||
this.currentAuncel.controlUserName = ''
|
||||
this.currentAuncel.isConnected = 0
|
||||
})
|
||||
},
|
||||
onHide() {
|
||||
console.log('onHide')
|
||||
//移除监听websocket返回来的数据
|
||||
uni.$off('deviceData')
|
||||
uni.$off('deviceStatus')
|
||||
uni.$off('controlDevice')
|
||||
uni.$off('connClose')
|
||||
},
|
||||
onUnload() {
|
||||
//取消控制
|
||||
//发送控制请求
|
||||
let controlDevice = {
|
||||
msgId: this.currentAuncel.id,
|
||||
cmd: 'controlDevice',
|
||||
clientType: 'caaClient',
|
||||
data: {
|
||||
deviceId: this.currentAuncel.id,
|
||||
isControl: false,
|
||||
controlRealName: this.userInfo.username
|
||||
}
|
||||
}
|
||||
//发送控制数据
|
||||
this.$measure.send(JSON.stringify(controlDevice))
|
||||
},
|
||||
methods: {
|
||||
//返回上一页
|
||||
customBack() {
|
||||
uni.redirectTo({
|
||||
url: '/pages/sample/sample-weigh'
|
||||
})
|
||||
},
|
||||
//切换样品
|
||||
async swichSample(index) {
|
||||
if (index == this.current) return
|
||||
if (this.orderWeighChecked) return //顺序称重不允许选中
|
||||
this.current = index
|
||||
// 如果为0，意味着尚未初始化
|
||||
if (this.menuHeight == 0 || this.menuItemHeight == 0) {
|
||||
await this.getElRect('menu-scroll-view', 'menuHeight')
|
||||
await this.getElRect('u-tab-item', 'menuItemHeight')
|
||||
}
|
||||
// 将菜单菜单活动item垂直居中
|
||||
this.scrollTop = index * this.menuItemHeight + this.menuItemHeight / 2 - this.menuHeight / 2
|
||||
this.currentSample = this.notWeighSampleList[index]
|
||||
},
|
||||
// 获取一个目标元素的高度
|
||||
getElRect(elClass, dataVal) {
|
||||
new Promise((resolve, reject) => {
|
||||
const query = uni.createSelectorQuery().in(this)
|
||||
query
|
||||
.select('.' + elClass)
|
||||
.fields({ size: true }, res => {
|
||||
// 如果节点尚未生成，res值为null，循环调用执行
|
||||
if (!res) {
|
||||
setTimeout(() => {
|
||||
this.getElRect(elClass)
|
||||
}, 10)
|
||||
return
|
||||
}
|
||||
this[dataVal] = res.height
|
||||
})
|
||||
.exec()
|
||||
})
|
||||
},
|
||||
confirm() {
|
||||
//保存数据
|
||||
if (!this.weightDataIsToZero) {
|
||||
this.$helper.showToast({
|
||||
title: '天平必须先回零！'
|
||||
})
|
||||
return
|
||||
}
|
||||
//获取当前重量
|
||||
let weight = this.currentAuncel.weightData
|
||||
//获取当前样品
|
||||
let sample = this.notWeighSampleList[this.current]
|
||||
//判断杯号
|
||||
if (this.currentCupNum == null || typeof this.currentCupNum == 'undefined') this.currentCupNum = ''
|
||||
if (this.currentCupNum === '') {
|
||||
this.$helper.showToast({
|
||||
title: '杯号不允许为空！'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (this.current < this.notWeighSampleList.length - 1) {
|
||||
this.currentSample = this.notWeighSampleList[this.current + 1]
|
||||
}
|
||||
//杯号
|
||||
sample.cupNum = this.currentCupNum
|
||||
//删除当前样品
|
||||
this.notWeighSampleList.splice(this.current, 1)
|
||||
//样品重量赋值
|
||||
sample.sampleWeight = weight
|
||||
//天平编号赋值
|
||||
sample.auncelNo = this.currentAuncel.code
|
||||
if (sample.remarks) {
|
||||
sample.remarks = sample.remarks + '%'
|
||||
}
|
||||
this.$u.api
|
||||
.auncelWeigh(sample)
|
||||
.then(res => {
|
||||
//this.finishWeighSampleList.push(sample);
|
||||
//确认采集重量后，归零设为false
|
||||
this.weightDataIsToZero = false
|
||||
this.getAssayTaskDetail(this.currentTaskNo)
|
||||
if (this.orderWeighChecked) {
|
||||
this.current = 0
|
||||
} else {
|
||||
this.current = -1
|
||||
this.currentSample = {}
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
this.showLoading = false
|
||||
console.log(err)
|
||||
})
|
||||
},
|
||||
submit() {
|
||||
if (this.notWeighSampleList.length != 0) {
|
||||
this.$helper.showToast({
|
||||
title: '当前任务“' + this.currentTaskNo + '”尚未完成称重！'
|
||||
})
|
||||
return
|
||||
}
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '确定提交数据？',
|
||||
cancelColor: '#0055A2',
|
||||
confirmColor: '#0055A2',
|
||||
success: res => {
|
||||
if (res.cancel) {
|
||||
console.log('用户点击取消')
|
||||
return
|
||||
}
|
||||
//显示loading
|
||||
uni.showLoading({
|
||||
title: '正在提交...'
|
||||
})
|
||||
this.$u.api
|
||||
.weighBatchSubmitByTaskNo(this.currentTaskNo)
|
||||
.then(res => {
|
||||
this.$helper.showToast({
|
||||
title: '提交成功！'
|
||||
})
|
||||
uni.redirectTo({
|
||||
url: '/pages/sample/sample-weigh'
|
||||
})
|
||||
uni.hideLoading()
|
||||
})
|
||||
.catch(err => {
|
||||
uni.hideLoading()
|
||||
this.$helper.showToast({
|
||||
title: '提交失败！'
|
||||
})
|
||||
console.log(err)
|
||||
})
|
||||
}
|
||||
})
|
||||
/**
|
||||
if(this.currentTaskType == 4) { //临时样
|
||||
let ids = [];
|
||||
this.finishWeighSampleList.forEach(item => {
|
||||
ids.push(item.id);
|
||||
});
|
||||
|
||||
this.$u.api
|
||||
.weighBatchSubmitByIds(ids.join(","))
|
||||
.then(res => {
|
||||
this.$helper.showToast({
|
||||
title: '提交成功！'
|
||||
});
|
||||
})
|
||||
.catch(err => {
|
||||
this.showLoading = false;
|
||||
console.log(err);
|
||||
});
|
||||
} else {//其他批量秤完提交
|
||||
//if(this.allWeighSampleCount == this.finishWeighSampleList.length) {
|
||||
console.log(this.notWeighSampleList)
|
||||
if(this.notWeighSampleList.length == 0) {
|
||||
this.$u.api
|
||||
.weighBatchSubmitByTaskNo(this.currentTaskNo)
|
||||
.then(res => {
|
||||
this.$helper.showToast({
|
||||
title: '提交成功！'
|
||||
});
|
||||
uni.redirectTo({
|
||||
url: '/pages/sample/sample-weigh'
|
||||
});
|
||||
})
|
||||
.catch(err => {
|
||||
this.showLoading = false;
|
||||
console.log(err);
|
||||
});
|
||||
} else {
|
||||
this.$helper.showToast({
|
||||
title: '当前任务“'+this.currentTaskNo+'”尚未完成称重！'
|
||||
});
|
||||
return;
|
||||
}
|
||||
}
|
||||
**/
|
||||
},
|
||||
weighRevoke(id) {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '确定撤销当前数据？',
|
||||
cancelColor: '#0055A2',
|
||||
confirmColor: '#0055A2',
|
||||
success: res => {
|
||||
if (!res.confirm) {
|
||||
console.log('用户点击取消')
|
||||
return
|
||||
}
|
||||
this.$u.api
|
||||
.auncelWeighRevoke(id)
|
||||
.then(res => {
|
||||
this.getAssayTaskDetail(this.currentTaskNo)
|
||||
if (this.orderWeighChecked) {
|
||||
this.current = 0
|
||||
} else {
|
||||
this.current = -1
|
||||
this.currentSample = {}
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
this.showLoading = false
|
||||
console.log(err)
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
//自动生成杯号（仅顺序称重）：第一杯：手填，后续杯 = 上一杯 + 1
|
||||
autoGenerateCupNum() {
|
||||
if (!this.orderWeighChecked) return
|
||||
//取上一杯
|
||||
this.currentCupNum = ''
|
||||
let preSample = null
|
||||
if (this.finishWeighSampleList && this.finishWeighSampleList.length > 0) preSample = this.finishWeighSampleList[0]
|
||||
if (preSample == null) {
|
||||
return
|
||||
}
|
||||
const cupNum = preSample.cupNum
|
||||
if (!isNaN(cupNum)) this.currentCupNum = Number(cupNum) + 1
|
||||
},
|
||||
getAssayTaskDetail(taskNo) {
|
||||
this.notWeighSampleList = []
|
||||
this.finishWeighSampleList = []
|
||||
this.$u.api
|
||||
.getAssayTaskDetailListByTaskNo({ taskNo: taskNo })
|
||||
.then(res => {
|
||||
let dataList = res.result
|
||||
this.allWeighSampleCount = dataList.length
|
||||
dataList.forEach((item, index) => {
|
||||
if (item.weightSubmitStatus == 0) {
|
||||
this.notWeighSampleList.push(item)
|
||||
} else if (item.weightSubmitStatus == 1) {
|
||||
this.finishWeighSampleList.unshift(item)
|
||||
//this.finishWeighSampleList.push(item);
|
||||
}
|
||||
})
|
||||
this.showLoading = false
|
||||
//console.log(this.currentSample);
|
||||
if (this.notWeighSampleList[0]) {
|
||||
if (this.orderWeighChecked) {
|
||||
this.current = 0
|
||||
this.currentSample = this.notWeighSampleList[0]
|
||||
} else {
|
||||
this.current = -1
|
||||
this.currentSample = {}
|
||||
}
|
||||
}
|
||||
this.autoGenerateCupNum() //计算生成当前杯号
|
||||
})
|
||||
.catch(err => {
|
||||
this.showLoading = false
|
||||
console.log(err)
|
||||
})
|
||||
},
|
||||
selectAuncel() {
|
||||
if (this.currentAuncel.weightData === '请选天平') {
|
||||
uni.navigateTo({
|
||||
url:
|
||||
'/pages/auncel/auncel-select?currentTaskNo=' +
|
||||
this.currentTaskNo +
|
||||
'¤tTaskType=' +
|
||||
this.currentTaskType
|
||||
})
|
||||
}
|
||||
},
|
||||
orderWeighChange(e) {
|
||||
if (e && this.notWeighSampleList.length > 0) {
|
||||
//this.current = 0;
|
||||
//this.currentSample = this.notWeighSampleList[0];
|
||||
this.getAssayTaskDetail(this.currentTaskNo)
|
||||
return
|
||||
}
|
||||
this.current = -1
|
||||
this.currentSample = {}
|
||||
}
|
||||
},
|
||||
filters: {
|
||||
getDataSourceTypeShow(val) {
|
||||
if (val == 2) return '【筛上】'
|
||||
if (val == 3) return '【筛下】'
|
||||
return ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.content-title {
|
||||
height: 110rpx;
|
||||
width: 100%;
|
||||
font-size: 46rpx;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.content-title-name {
|
||||
padding: 20rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.content-main-height {
|
||||
height: calc(100vh - 250rpx);
|
||||
}
|
||||
|
||||
.content-main-left {
|
||||
height: calc(100vh - 410rpx);
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
|
||||
.u-tab-item {
|
||||
height: 160rpx;
|
||||
background: #f6f6f6;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 36rpx;
|
||||
color: #444;
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
border-width: 4rpx;
|
||||
border-bottom: dotted;
|
||||
}
|
||||
|
||||
.u-tab-item-active {
|
||||
position: relative;
|
||||
color: #0055a2;
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.u-tab-item-active::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
|
||||
height: 32rpx;
|
||||
left: 0;
|
||||
top: 39rpx;
|
||||
}
|
||||
|
||||
.content-main-left-operation {
|
||||
height: 160rpx;
|
||||
padding-top: 30rpx;
|
||||
}
|
||||
|
||||
.content-main-right {
|
||||
height: calc(100vh - 410rpx);
|
||||
}
|
||||
|
||||
.content-main-right-operation {
|
||||
height: 160rpx;
|
||||
padding-top: 30rpx;
|
||||
}
|
||||
|
||||
.btn-operation {
|
||||
height: 100rpx;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
.auncel-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.auncel {
|
||||
width: 800rpx;
|
||||
height: 800rpx;
|
||||
background-image: url(../../static/images/auncel.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.auncel-title {
|
||||
width: 100%;
|
||||
height: 420rpx;
|
||||
}
|
||||
|
||||
.auncel-weight {
|
||||
padding: 40rpx;
|
||||
}
|
||||
|
||||
.weight {
|
||||
width: 100%;
|
||||
min-width: 200px;
|
||||
height: 200rpx;
|
||||
padding: 0 30rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
//background-color: #2c405a;
|
||||
}
|
||||
|
||||
.weight-data {
|
||||
flex-grow: 1;
|
||||
height: 100%;
|
||||
color: #4cd964;
|
||||
text-align: right;
|
||||
line-height: 200rpx;
|
||||
letter-spacing: 4rpx;
|
||||
font-size: 150rpx;
|
||||
font-family: zzjc-lcd;
|
||||
}
|
||||
|
||||
.weight-data-yellow {
|
||||
flex-grow: 1;
|
||||
height: 100%;
|
||||
color: #ffff00;
|
||||
text-align: right;
|
||||
line-height: 200rpx;
|
||||
letter-spacing: 4rpx;
|
||||
font-size: 150rpx;
|
||||
font-family: zzjc-lcd;
|
||||
}
|
||||
|
||||
.weight-data-warning {
|
||||
flex-grow: 1;
|
||||
height: 100%;
|
||||
color: #ff3333;
|
||||
text-align: right;
|
||||
line-height: 200rpx;
|
||||
font-size: 150rpx;
|
||||
font-family: zzjc-lcd;
|
||||
}
|
||||
|
||||
.weight-unit {
|
||||
color: #ffffff;
|
||||
font-size: 130rpx;
|
||||
line-height: 200rpx;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user