现场维修
This commit is contained in:
jiang
parent
417a2b94ab
commit
7fba7e1ea2
|
|
@ -1,201 +1,212 @@
|
||||||
<template>
|
<template>
|
||||||
<uni-nav-bar
|
<uni-nav-bar fixed :border="false" background-color="#dcf4ff" color="black" status-bar title="日期更新"><template
|
||||||
fixed
|
v-slot:left>
|
||||||
:border="false"
|
<view style="display: flex; align-items: center" @click="back">
|
||||||
background-color="#dcf4ff"
|
<!-- 图标 -->
|
||||||
color="black"
|
<uni-icons type="left" size="20" color="black"></uni-icons>
|
||||||
status-bar
|
</view>
|
||||||
title="日期更新"
|
</template>
|
||||||
><template v-slot:left>
|
<template v-slot:right>
|
||||||
<view style="display: flex; align-items: center" @click="back">
|
<view style="display: flex; align-items: center" @click="onQrCode">
|
||||||
<!-- 图标 -->
|
<!-- 文本 -->
|
||||||
<uni-icons type="left" size="20" color="black"></uni-icons>
|
<text>二维码</text>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:right>
|
</uni-nav-bar>
|
||||||
<view style="display: flex; align-items: center" @click="onQrCode">
|
<div class="content">
|
||||||
<!-- 文本 -->
|
<div class="search">
|
||||||
<text>二维码</text>
|
<uni-easyinput v-model="keyWord" placeholder="请输入设备编码"></uni-easyinput>
|
||||||
</view>
|
<button type="primary" size="mini" @click="handleSearch"
|
||||||
</template>
|
style="margin-left: 10px; background-color: #18bc37">
|
||||||
</uni-nav-bar>
|
查询
|
||||||
<div class="content">
|
</button>
|
||||||
<div class="search">
|
</div>
|
||||||
<uni-easyinput v-model="keyWord" placeholder="请输入设备编码"></uni-easyinput>
|
|
||||||
<button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click="handleSearch"
|
|
||||||
style="margin-left: 10px; background-color: #18bc37"
|
|
||||||
>
|
|
||||||
查询
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="popup" @click="handlePopup">{{ typeName }}</div>
|
<div class="popup" @click="handlePopup">{{ typeName }}</div>
|
||||||
|
|
||||||
<div class="search-item">
|
<div class="search-item">
|
||||||
<div>设备类型：{{ formData.maType }}</div>
|
<div>设备类型：{{ formData.maType }}</div>
|
||||||
<div>规格型号：{{ formData.typeName }}</div>
|
<div>规格型号：{{ formData.typeName }}</div>
|
||||||
<div>设备编码：{{ formData.code }}</div>
|
<div>设备编码：{{ formData.code }}</div>
|
||||||
<div>本次检修人员：{{ formData.repairer }}</div>
|
<div>本次检修人员：{{ formData.repairer }}</div>
|
||||||
<div>本次检修时间：{{ formData.repairTime }}</div>
|
<div>本次检修时间：{{ formData.repairTime }}</div>
|
||||||
<div>下次检修时间：{{ formData.nextRepairTime }}</div>
|
<div>下次检修时间：{{ formData.nextRepairTime }}</div>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button type="primary" size="mini" @click="handleSubmit"
|
||||||
type="primary"
|
style="margin-top: 30px; background-color: #18bc37; width: 100%">
|
||||||
size="mini"
|
确认修改
|
||||||
@click="handleSubmit"
|
</button>
|
||||||
style="margin-top: 30px; background-color: #18bc37; width: 100%"
|
</div>
|
||||||
>
|
|
||||||
确认修改
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<uni-popup ref="popup" border-radius="5px 5px 5px 5px" background-color="#fff">
|
<uni-popup ref="popup" border-radius="5px 5px 5px 5px" background-color="#fff">
|
||||||
<div
|
<div v-for="(item, index) in typeList" :key="index" class="popup-item" @click.stop="handleCheck(item)">
|
||||||
v-for="(item, index) in typeList"
|
<div>{{ item.name }}</div>
|
||||||
:key="index"
|
<uni-data-checkbox v-model="item.isChecked" :localdata="range"
|
||||||
class="popup-item"
|
@change="handleCheck(item, $event)"></uni-data-checkbox>
|
||||||
@click.stop="handleCheck(item)"
|
</div>
|
||||||
>
|
</uni-popup>
|
||||||
<div>{{ item.name }}</div>
|
<ScanQrCode ref="scanQrCodeRef" @scanSuccess="handleScanSuccess" @scanError="handleScanError" />
|
||||||
<uni-data-checkbox
|
|
||||||
v-model="item.isChecked"
|
|
||||||
:localdata="range"
|
|
||||||
@change="handleCheck(item, $event)"
|
|
||||||
></uni-data-checkbox>
|
|
||||||
</div>
|
|
||||||
</uni-popup>
|
|
||||||
<ScanQrCode ref="scanQrCodeRef" @scanSuccess="handleScanSuccess" @scanError="handleScanError" />
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { onLoad } from '@dcloudio/uni-app'
|
import {
|
||||||
import { reactive, ref } from 'vue'
|
getWsMaInfoList,
|
||||||
import ScanQrCode from '@/pages/devicesSearch/ScanQrCode'
|
updateCheckTime
|
||||||
|
} from '@/services/wsMaInfo/wsMaInfo.js'
|
||||||
|
import { onLoad } from '@dcloudio/uni-app'
|
||||||
|
import { reactive, ref } from 'vue'
|
||||||
|
import ScanQrCode from '@/pages/devicesSearch/ScanQrCode'
|
||||||
|
|
||||||
const keyWord = ref('')
|
const keyWord = ref('')
|
||||||
const formData = reactive({
|
const formData = reactive({
|
||||||
maType: '', // 设备类型
|
id: '',
|
||||||
typeName: '', // 规格型号
|
maType: '', // 设备类型
|
||||||
code: '', // 设备编码
|
typeName: '', // 规格型号
|
||||||
repairer: '', // 维修人
|
code: '', // 设备编码
|
||||||
repairTime: '', // 维修时间
|
repairer: '', // 维修人
|
||||||
nextRepairTime: '', // 下次维修时间
|
repairTime: '', // 维修时间
|
||||||
})
|
nextRepairTime: '', // 下次维修时间
|
||||||
const scanQrCodeRef = ref()
|
})
|
||||||
const popup = ref()
|
const scanQrCodeRef = ref()
|
||||||
const typeName = ref('请选择对应机具')
|
const popup = ref()
|
||||||
const typeList = ref([
|
const typeName = ref('请选择对应机具')
|
||||||
{
|
const typeList = ref([])
|
||||||
id: '1',
|
const range = ref([{ value: 0, text: '' }])
|
||||||
name: '卸扣DG-50-W202303-7466',
|
|
||||||
isChecked: 1,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '2',
|
|
||||||
name: '卸扣DG-50-W202303-7467',
|
|
||||||
isChecked: 1,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '3',
|
|
||||||
name: '卸扣DG-50-W202303-7468',
|
|
||||||
isChecked: 1,
|
|
||||||
},
|
|
||||||
])
|
|
||||||
const range = ref([{ value: 0, text: '' }])
|
|
||||||
|
|
||||||
onLoad(() => {
|
onLoad(() => {
|
||||||
console.log('onLoad')
|
console.log('onLoad')
|
||||||
})
|
})
|
||||||
|
|
||||||
const back = () => {
|
const back = () => {
|
||||||
uni.navigateBack({
|
uni.navigateBack({
|
||||||
delta: 1,
|
delta: 1,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
const onQrCode = () => {
|
const onQrCode = () => {
|
||||||
console.log('🚀 ~ onQrCode ~ 二维码:')
|
console.log('🚀 ~ onQrCode ~ 二维码:')
|
||||||
if (scanQrCodeRef.value) scanQrCodeRef.value.scanQrCode()
|
if (scanQrCodeRef.value) scanQrCodeRef.value.scanQrCode()
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleSearch = () => {
|
const handleSearch = () => {
|
||||||
console.log('🚀 ~ handleSearch ~ 查询:', keyWord.value)
|
console.log('🚀 ~ handleSearch ~ 查询:', keyWord.value)
|
||||||
if (!keyWord.value) {
|
if (!keyWord.value) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '请输入设备编码',
|
title: '请输入设备编码',
|
||||||
icon: 'none',
|
icon: 'none',
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
typeList.value =[];
|
||||||
|
getWsMaInfoList({ maCode: keyWord.value }).then(res => {
|
||||||
|
if (res.code === 200) {
|
||||||
|
typeList.value = res.data.map(option => {
|
||||||
|
return {
|
||||||
|
id: option.id,
|
||||||
|
name: option.maName + option.maModel,
|
||||||
|
isChecked: 1,
|
||||||
|
item: option
|
||||||
|
|
||||||
const handlePopup = () => {
|
}
|
||||||
console.log('🚀 ~ handlePopup ~ 弹窗:')
|
});
|
||||||
popup.value.open()
|
}
|
||||||
}
|
}).catch(error => {
|
||||||
|
console.log(error)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
const handleCheck = (item) => {
|
const handlePopup = () => {
|
||||||
console.log('🚀 ~ handleCheck ~ 单选:', item)
|
console.log('🚀 ~ handlePopup ~ 弹窗:')
|
||||||
// 循环 typeList 将当前点击的 item.isChecked 设置为 0 其他设置 1
|
popup.value.open()
|
||||||
typeList.value.forEach((i) => {
|
}
|
||||||
i.isChecked = i.id === item.id ? 0 : 1
|
|
||||||
})
|
|
||||||
typeName.value = item.name
|
|
||||||
popup.value.close()
|
|
||||||
}
|
|
||||||
|
|
||||||
// 处理扫描成功事件
|
const handleCheck = (item) => {
|
||||||
const handleScanSuccess = (result) => {
|
console.log('🚀 ~ handleCheck ~ 单选:', item)
|
||||||
keyWord.value = result?.text?.split('?qrcode=')[1] || result?.text
|
// 循环 typeList 将当前点击的 item.isChecked 设置为 0 其他设置 1
|
||||||
if (keyWord.value === '') {
|
typeList.value.forEach((i) => {
|
||||||
uni.showToast({ title: '扫码识别失败', icon: 'none' })
|
i.isChecked = i.id === item.id ? 0 : 1
|
||||||
} else {
|
})
|
||||||
handleSearch()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 处理扫描失败事件
|
typeName.value = item.item.name
|
||||||
const handleScanError = (error) => {
|
formData.id = item.item.id
|
||||||
console.error('扫描出错:', error.message)
|
formData.code = item.item.maCode
|
||||||
uni.showToast({ title: error.message, icon: 'none' })
|
formData.maType = item.item.maName
|
||||||
}
|
formData.nextRepairTime = item.item.nextCheckTime
|
||||||
|
formData.repairTime = item.item.thisCheckTime
|
||||||
|
formData.typeName = item.item.maModel
|
||||||
|
formData.repairer = item.item.repairMan
|
||||||
|
typeName.value = item.name
|
||||||
|
|
||||||
// 提交
|
popup.value.close()
|
||||||
const handleSubmit = () => {}
|
}
|
||||||
|
|
||||||
|
// 处理扫描成功事件
|
||||||
|
const handleScanSuccess = (result) => {
|
||||||
|
keyWord.value = result?.text?.split('?qrcode=')[1] || result?.text
|
||||||
|
if (keyWord.value === '') {
|
||||||
|
uni.showToast({ title: '扫码识别失败', icon: 'none' })
|
||||||
|
} else {
|
||||||
|
handleSearch()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 处理扫描失败事件
|
||||||
|
const handleScanError = (error) => {
|
||||||
|
console.error('扫描出错:', error.message)
|
||||||
|
uni.showToast({ title: error.message, icon: 'none' })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 提交
|
||||||
|
const handleSubmit = () => {
|
||||||
|
updateCheckTime(formData.id).then(res => {
|
||||||
|
if(res.code === 200){
|
||||||
|
uni.showToast({
|
||||||
|
title: res.msg,
|
||||||
|
icon: 'none',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}).catch(error => {
|
||||||
|
console.log(error)
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.content {
|
.content {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
.search {
|
|
||||||
display: flex;
|
.search {
|
||||||
align-items: center;
|
display: flex;
|
||||||
justify-content: space-between;
|
align-items: center;
|
||||||
}
|
justify-content: space-between;
|
||||||
.popup {
|
}
|
||||||
background: #fff;
|
|
||||||
margin: 20px 0 30px;
|
.popup {
|
||||||
padding: 5px 10px;
|
background: #fff;
|
||||||
}
|
margin: 20px 0 30px;
|
||||||
.search-item {
|
padding: 5px 10px;
|
||||||
line-height: 1.9;
|
}
|
||||||
}
|
|
||||||
}
|
.search-item {
|
||||||
.popup-item {
|
line-height: 1.9;
|
||||||
padding: 10px;
|
}
|
||||||
border-bottom: 1px solid #c7c9ce;
|
}
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
.popup-item {
|
||||||
justify-content: space-between;
|
padding: 10px;
|
||||||
}
|
border-bottom: 1px solid #c7c9ce;
|
||||||
::v-deep .uni-popup__wrapper {
|
display: flex;
|
||||||
width: calc(100% - 20px);
|
align-items: center;
|
||||||
/* padding: 10px; */
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
::v-deep .uni-data-checklist {
|
|
||||||
// 去掉 flex: 1
|
::v-deep .uni-popup__wrapper {
|
||||||
flex: none;
|
width: calc(100% - 20px);
|
||||||
}
|
/* padding: 10px; */
|
||||||
</style>
|
}
|
||||||
|
|
||||||
|
::v-deep .uni-data-checklist {
|
||||||
|
// 去掉 flex: 1
|
||||||
|
flex: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -11,10 +11,11 @@ export function getWsMaInfoById(id) {
|
||||||
}
|
}
|
||||||
|
|
||||||
// 查询所有机具信息列表
|
// 查询所有机具信息列表
|
||||||
export function getWsMaInfoList() {
|
export function getWsMaInfoList(data) {
|
||||||
return http({
|
return http({
|
||||||
url: '/material/wsMaInfo/list',
|
url: '/material/wsMaInfo/list',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
|
data: data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -63,6 +64,18 @@ export const getMaModeData = (parentId) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export const updateCheckTime = (id) => {
|
||||||
|
return http({
|
||||||
|
method: 'POST',
|
||||||
|
url: '/material/wsMaInfo/updateCheckTime',
|
||||||
|
data: {id}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
export const getSupplier = () => {
|
export const getSupplier = () => {
|
||||||
return http({
|
return http({
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue