zgty/zgty-mas-m
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
houjunxiang
2025-10-09 18:19:55 +08:00
parent f2ffc65094
commit 386f1e7466
1553 changed files with 284685 additions and 32820 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
pages/lims/deviceBusDailyCheck/dailyCheck.data.js Normal file
View File

@@ -0,0 +1,32 @@
import { ref, reactive } from 'vue'
export const detailSchema = [
{ label: '设备名称', value: 'deviceName' },
{ label: '别名', value: 'alias' },
{ label: '设备型号', value: 'modelNo' },
{ label: '设备编码', value: 'deviceCode' },
{ label: '生产厂商', value: 'manufacturer' },
{ label: '使用班组', value: 'deptName' }
]
export const column = reactive([
{
label: '点检人',
name: 'checkUserName',
width: 160
},
{
label: '点检日期',
name: 'checkDate',
width: 180
},
{
label: '备注',
name: 'content',
width: 200
},
{
name: 'operation',
type: 'operation',
label: '操作',
renders: [{ name: '详情', func: 'detail' }]
}
])

138
pages/lims/deviceBusDailyCheck/detail.vue Normal file
View File

@@ -0,0 +1,138 @@
<template>
<up-popup :show="visible" mode="right" closeable @close="handleClose" @open="handleOpen">
<uni-section titleFontSize="18px" type="line" title="设备点检信息"> </uni-section>
<scroll-view scroll-y="true" style="height: 85vh; width: 90vw">
<view class="content">
<up-row class="flex-wrap p10" style="background-color: #f5f7fa">
<up-col class="mb10" :span="gridCol" v-for="(item, index) in detailSchema">
<view style="color: #666"
><span style="color: #333">{{ item.label }}：</span>{{ detailInfo[item.value] }}</view
>
</up-col>
</up-row>
<view class="p5">
<view class="pt5"
>备注：
<text style="color: #666">
{{ detailInfo.content }}
</text>
</view>
<up-row>
<up-col span="6">
<view class="pt5"
>点检人：
<text style="color: #666">
{{ detailInfo.checkUserName }}
</text>
</view>
<view class="pt5"
>点检日期：
<text style="color: #666">
{{ detailInfo.checkDate }}
</text>
</view>
</up-col>
<up-col span="6">
<up-album multiple-size="70" single-size="70" :urls="attachment" row-count="4"> </up-album>
</up-col>
</up-row>
</view>
<view>
<up-row class="font-bold" style="background-color: #f5f5f5">
<up-col span="5">点检项目</up-col>
<up-col span="3">检查标准</up-col>
<up-col span="2"> 频次</up-col>
<up-col span="2">是否正常</up-col>
</up-row>
<view class="pt10">
<up-row class="pb10" v-for="(item, index) in detailInfo.maintainItemList" :key="index">
<up-col span="5">
<view class="x-f">
<text class="pl10">
{{ item.itemName }}
</text>
</view>
</up-col>
<up-col span="3">{{ item.standard }}</up-col>
<up-col span="2">{{ item.frequencyRemark }}</up-col>
<up-col span="2">
<u-tag v-if="item.checkResult == '正常'" text="正常" size="mini" type="success" plain plainFill></u-tag>
<u-tag v-else text="不正常" type="error" size="mini" plain plainFill></u-tag>
</up-col>
</up-row>
</view>
<view class="p10"></view>
</view>
</view>
</scroll-view>
</up-popup>
</template>
<script setup>
import { ref, reactive, onMounted, watch, computed } from 'vue'
import { detailSchema } from './dailyCheck.data'
import dailyCheckApi from '@/nx/api/dailyCheck'
import { getImgBaseUrl } from '@/defaultBaseUrl'
import { useGridCol } from '@/nx/hooks/useGridCol'
const { gridCol } = useGridCol([700], [6, 4])
const props = defineProps({
show: {
type: Boolean,
default: false
},
checkInfo: {
type: Object
}
})
const visible = ref(props.show)
// 监听外部传入的show属性变化
watch(
() => props.show,
newVal => {
visible.value = newVal
}
)
let detailInfo = ref({})
const attachment = ref([])
async function getDetailInfo(id) {
const res = await dailyCheckApi.queryById(id)
res.maintainItemList.forEach(item => {
if (item.checkResult == 'false' || !item.checkResult) {
item.checkResult = false
}
if (item.checkResult == 'true') {
item.checkResult = true
}
})
detailInfo.value = res
attachment.value = []
let files = res?.attachment?.split(',') || []
if (files.length > 0) {
attachment.value = files.map(item => getImgBaseUrl() + item)
}
}
const emit = defineEmits(['close', 'open'])
function handleClose() {
emit('close')
}
function handleOpen() {
getDetailInfo(props.checkInfo.id)
}
</script>
<style lang="scss" scoped>
.content {
background-color: #fff;
height: 100%;
padding: 16px;
padding-top: 10px;
font-size: 16px;
}
:deep(.uicon-close) {
font-size: 22px !important;
}
</style>

293
pages/lims/deviceBusDailyCheck/index.vue Normal file
View File

@@ -0,0 +1,293 @@
<template>
<view>
<up-sticky>
<navbar-back title="点检">
<up-button
v-if="detailInfo.id"
type="primary"
:plain="true"
icon="list"
size="small"
text="设备点检记录"
@click="handleCheckRecord"
></up-button>
</navbar-back>
</up-sticky>
<view class="container">
<n-scanTemp
v-if="!detailInfo.id"
title="请扫描设备条码进行点检"
icon="dailyCheck"
@deviceId="id => getDailyCheckRecord(id)"
/>
<view v-else class="content">
<view>
<uni-section titleFontSize="22px" type="line" title="设备点检信息">
<template v-slot:right>
<up-button
v-if="detailInfo.submitFlag == '1'"
type="success"
text="新建点检"
@click="handleCreateDailyCheck"
></up-button>
</template>
</uni-section>
<up-row class="flex-wrap p10" style="background-color: #f5f7fa">
<up-col class="mb10" :span="gridCol" v-for="(item, index) in detailSchema">
<view style="color: #666"
><span style="color: #333">{{ item.label }}：</span>{{ detailInfo[item.value] }}</view
>
</up-col>
</up-row>
</view>
<view>
<uni-section titleFontSize="22px" type="line" title="检查项"> </uni-section>
<up-row class="p10 font-bold" style="background-color: #f5f5f5">
<up-col span="4">点检项目</up-col>
<up-col span="3">检查标准</up-col>
<up-col span="2"> 频次</up-col>
<up-col style="text-align: center" span="3">是否正常</up-col>
</up-row>
<view class="pt10">
<up-row class="pb12" v-for="(item, index) in detailInfo.maintainItemList" :key="index">
<up-col span="4">
<view class="x-f">
<u-badge type="warning " :value="index + 1"></u-badge>
<text class="pl10">
{{ item.itemName }}
</text>
</view>
</up-col>
<up-col span="3">{{ item.standard }}</up-col>
<up-col span="2">{{ item.frequencyRemark }}</up-col>
<up-col span="3">
<u-radio-group v-model="item.checkResult" placement="row">
<u-radio activeColor="green" label="正常" name="正常"></u-radio>
<u-radio activeColor="red" label="不正常" name="不正常"></u-radio>
</u-radio-group>
</up-col>
</up-row>
</view>
</view>
<view>
<uni-section titleFontSize="22px" type="line" title="备注"> </uni-section>
<up-textarea v-model="detailInfo.content" placeholder="请输入内容"></up-textarea>
<view class="p10">附件照片：</view>
<n-upload v-model="detailInfo.attachment" />
<view class="p10">点检人：</view>
<up-input v-model="detailInfo.checkUserName"></up-input>
<view v-if="detailInfo.submitFlag == '1'">
<view class="p10">点检日期：</view>
<uni-datetime-picker type="datetime" v-model="detailInfo.checkDate" />
</view>
</view>
<view class="mt40 x-bc" v-if="detailInfo.submitFlag == '0'">
<up-button
style="width: 40%"
loadingText="保存中..."
type="warning"
text="暂存"
@click="handleSubmit('0')"
></up-button>
<up-button
style="width: 40%"
loadingText="提交中..."
type="primary"
text="提交"
@click="handleSubmit('1')"
></up-button>
</view>
</view>
</view>
<up-modal
:show="modalShow"
title="提示"
:content="modalText"
ref="uModal"
:asyncClose="true"
showCancelButton
@confirm="confirm"
@cancel="modalShow = false"
></up-modal>
<up-loading-page :loading="pageLoading"></up-loading-page>
</view>
</template>
<script setup>
import { ref, reactive, onMounted, onUnmounted, watch, toRefs, computed } from 'vue'
import { onShow, onLoad } from '@dcloudio/uni-app'
import dailyCheckApi from '@/nx/api/dailyCheck'
import { detailSchema } from './dailyCheck.data'
import { useScreenOrientation } from '@/nx/hooks/useScreenOrientation'
import { useGridCol } from '@/nx/hooks/useGridCol'
import nx from '@/nx'
const { gridCol } = useGridCol([700], [6, 4])
const { lockOrientation } = useScreenOrientation()
const pageLoading = ref(false)
let detailInfo = ref({})
const { scanQRInfo } = toRefs(nx.$store('biz'))
watch(scanQRInfo, newVal => {
if (newVal && nx.$router.getCurrentPage().route == 'pages/lims/deviceBusDailyCheck/index') {
try {
const codeObj = JSON.parse(newVal)
if (!pageLoading.value) {
getDailyCheckRecord(codeObj.id)
}
scanQRInfo.value = ''
} catch (error) {
scanQRInfo.value = ''
uni.showToast({
title: '请扫描设备码',
icon: 'none'
})
}
}
})
const modalText = computed(() => {
return `确定${modalType.value == '0' ? '暂存' : '提交'}吗？${modalType.value == '0' ? '' : '提交后不能修改'} `
})
onShow(() => {
scanQRInfo.value = ''
})
let goBack = ref(false)
onLoad(options => {
if (options.deviceId) {
goBack.value = true
getDailyCheckRecord(options.deviceId)
}
})
async function getDailyCheckRecord(id) {
pageLoading.value = true
const res = await dailyCheckApi
.getCheckRecord({
deviceId: id,
dataType: 'dailyCheck'
})
.finally(() => {
pageLoading.value = false
})
if (!res.checkUserName) {
res.checkUserName = nx.$store('user').userInfo.realname
res.checkUserId = nx.$store('user').userInfo.id
}
detailInfo.value = res
modalType.value = res.submitFlag
lockOrientation('landscape')
}
const modalShow = ref(false)
const modalType = ref('')
// 是否有异常项
const hasAbnormal = computed(() => {
if (modalType.value == '1') {
const items = detailInfo.value.maintainItemList || []
for (let i = 0; i < items.length; i++) {
const checkResult = items[i].checkResult
if (checkResult == '不正常') {
return true
}
}
}
return false
})
function handleSubmit(type) {
// 新增维护保养项验证
if (type == '1') {
const items = detailInfo.value.maintainItemList || []
for (let i = 0; i < items.length; i++) {
const item = items[i]
const itemNumber = `第${i + 1}项`
if (!item.checkResult?.trim()) {
return uni.showToast({ title: `${itemNumber}设备检查状态未选择`, icon: 'none' })
}
}
}
if (!detailInfo.value.checkUserName) {
return uni.showToast({
title: '请输入点检人',
icon: 'none'
})
}
detailInfo.value.checkDate = nx.$dayjs().format('YYYY-MM-DD HH:mm:ss')
modalType.value = type
modalShow.value = true
console.log(detailInfo.value)
}
const submitLoading = ref(false)
async function confirm() {
if (submitLoading.value) return
submitLoading.value = true
await dailyCheckApi.submit({ ...detailInfo.value, submitFlag: modalType.value }).finally(() => {
submitLoading.value = false
modalShow.value = false
reset()
})
if (goBack.value && modalType.value == 1) {
uni.navigateBack()
}
}
function reset() {
detailInfo.value = {}
}
function handleCheckRecord() {
let deviceInfo = {
id: detailInfo.value.deviceId,
deviceName: detailInfo.value.deviceName
}
nx.$store('biz').deviceInfo = deviceInfo
nx.$router.go('/pages/lims/deviceBusDailyCheck/list')
}
// 新建点检
function handleCreateDailyCheck() {
uni.showModal({
title: '提示',
content: '确定新建点检吗？',
success: async function (res) {
if (res.confirm) {
const res = await dailyCheckApi.createDailyCheck({
deviceId: detailInfo.value.deviceId,
dataType: 'dailyCheck'
})
res.checkUserName = nx.$store('user').userInfo.realname
res.checkUserId = nx.$store('user').userInfo.id
res.checkDate = nx.$dayjs().format('YYYY-MM-DD HH:mm:ss')
detailInfo.value = res
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
}
</script>
<style lang="scss" scoped>
.u-sticky {
top: 0 !important;
}
.container {
.content {
background-color: #fff;
height: 100%;
padding: 16px;
padding-top: 10px;
font-size: 18px;
.title {
font-size: 22px;
font-weight: bold;
}
:deep(.u-checkbox) {
justify-content: center;
}
}
}
</style>

84
pages/lims/deviceBusDailyCheck/list.vue Normal file
View File

@@ -0,0 +1,84 @@
<template>
<view>
<up-sticky v-if="!isComponent">
<navbar-back title="点检记录"> </navbar-back>
</up-sticky>
<uni-card spacing="0">
<uni-section v-if="!isComponent" titleFontSize="20px" type="line" :title="deviceText"> </uni-section>
<view :style="{ height: isComponent ? '70vh' : '72vh' }">
<zb-table
ref="zbTableRef"
isShowLoadMore
stripe
:fit="false"
:columns="column"
:cellStyle="setCellStyle"
:cellHeaderStyle="setCellHeaderStyle"
:data="listData"
@detail="handleDetail"
@pullUpLoading="pullUpLoadingAction"
></zb-table>
</view>
</uni-card>
<daily-check-detail-popup :show="detailShow" :checkInfo="checkInfo" @close="detailShow = false" />
</view>
</template>
<script setup>
import { ref, reactive, onMounted, watch, computed } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import { setCellHeaderStyle, setCellStyle } from '@/nx/config/zbTable'
import DailyCheckDetailPopup from './detail.vue'
import dailyCheckApi from '@/nx/api/dailyCheck'
import { useListData } from '@/nx/hooks/usePageListData'
import { column } from './dailyCheck.data'
import nx from '@/nx'
let props = defineProps({
isComponent: {
type: Boolean,
default: false
}
})
const deviceId = ref('')
const deviceText = ref('')
onMounted(() => {
const { id, deviceName } = nx.$store('biz').deviceInfo
deviceId.value = id
deviceText.value = deviceName
getInitData()
})
const searchParams = computed(() => ({
dataType: 'dailyCheck',
deviceId: deviceId.value
}))
const { listData, loadingData, scrollToLower, loadStatus, getInitData } = useListData({
searchParams,
api: dailyCheckApi.list
})
const zbTableRef = ref()
function pullUpLoadingAction() {
if (loadingData.value) return
if (loadStatus.value === 'nomore') {
zbTableRef.value.pullUpCompleteLoading('ok')
} else {
scrollToLower()
}
}
const detailShow = ref(false)
const checkInfo = ref({})
function handleDetail(row) {
checkInfo.value = row
detailShow.value = true
}
</script>
<style lang="scss" scoped>
.u-sticky {
top: 0 !important;
}
:deep(.zb-table uni-button[type='primary']) {
background-color: $uni-color-primary !important;
}
</style>