<template>
|
<view class="container">
|
<cu-custom :bgColor="NavBarColor" :isBack="true" backRouterName="productionTask">
|
<block slot="backText">返回</block>
|
<block slot="content">点检详情</block>
|
</cu-custom>
|
<view class="container">
|
|
<template>
|
<!-- 浮窗遮罩层 -->
|
<view v-if="showPreview" class="overlay" @tap.stop="closePreview">
|
<view class="modal">
|
<!-- 关闭按钮 -->
|
<text class="close-btn" @tap.stop="showPreview = false">×</text>
|
<!-- 图片展示 -->
|
<image :src="previewImageSrc" mode="aspectFit" class="preview-image" />
|
</view>
|
</view>
|
|
</template>
|
<uni-forms ref="form" :modelValue="formData" validate-trigger="bind" err-show-type="undertext">
|
<uni-group top="1">
|
<view class="text-gray margin-bottom-lg">—————————— 基本信息 ——————————</view>
|
<uni-forms-item name="num" :label-width="80" label="工单号:">
|
<uni-easyinput v-model="formData.orderNum" :disabled="true" />
|
</uni-forms-item>
|
<uni-forms-item required name="num" :label-width="80" label="设备编号:">
|
<uni-data-select v-model="formData.num" :localdata="equipmentList" @change="changeEquipmentList"
|
placeholder="请选择" :disabled="true" />
|
</uni-forms-item>
|
<uni-forms-item name="inspectionDate" :label-width="80" label="点检日期:">
|
<uni-easyinput v-model="formData.inspectionDate" :disabled="true" />
|
</uni-forms-item>
|
<uni-forms-item name="outNum" :label-width="80" label="点检人:">
|
<uni-easyinput v-model="formData.operator" :disabled="true" />
|
</uni-forms-item>
|
<uni-forms-item name="outNum" :label-width="80" label="备注">
|
<uni-easyinput type="textarea" v-model="formData.remark" :disabled="true" />
|
</uni-forms-item>
|
<uni-forms-item name="outNum" :label-width="80" label="点检图片:">
|
<uni-file-picker limit="9" :value="fileLists" :image-styles="imageStyles"
|
:sourceType="sourceType" @select="select" @progress="progress" @success="success"
|
@fail="fail" @delete="deletea" :readonly="true" />
|
</uni-forms-item>
|
<uni-forms-item name="outNum" :label-width="80" label="作业指导:">
|
<button class="cu-btn bg-blue" @tap="showPreview = true">查看</button>
|
</uni-forms-item>
|
</uni-group>
|
</uni-forms>
|
<view class="text-gray margin-bottom-lg">—————————— 保养项信息 ——————————</view>
|
<uni-card margin="10px" spacing="1px" v-for="(item,index) in partTakeAdviceDetailList" :key="index">
|
|
|
<view class="flex">
|
<view class="flex-sub text-light bg-white padding-xs margin-xs radius">行号:</view>
|
<view class="flex-sub bg-white padding-xs margin-xs radius text-right">{{index+1}}
|
</view>
|
</view>
|
<view class="flex">
|
<view class="flex-sub text-light bg-white padding-xs margin-xs radius">保养项:</view>
|
<view class="flex-sub bg-white padding-xs margin-xs text-bold radius text-right">
|
{{item.itemName}}
|
</view>
|
</view>
|
<view class="flex">
|
<view class="flex-sub text-light bg-white padding-xs margin-xs radius">保养要求:</view>
|
<view class="flex-sub bg-white padding-xs margin-xs radius text-right">
|
{{item.itemDemand}}
|
</view>
|
<!-- <view class="flex-sub bg-white padding-xs margin-xs radius text-right"
|
v-if="item.itemDemand!=null && item.itemDemand.length>10">
|
{{(item.itemDemand).toString().substr(0,10)+'...'}}
|
</view>
|
|
<view class="flex-sub bg-white padding-xs margin-xs radius text-right" v-else>
|
{{item.itemDemand}}
|
</view> -->
|
</view>
|
|
<view class="flex">
|
<view class="flex-sub text-light bg-white padding-xs margin-xs radius">点检结果:</view>
|
<uni-data-select :localdata="restle" v-model="item.inspectionResult" @change="handleCode()"
|
:clear="true" :disabled="true" />
|
</view>
|
|
<view class="flex">
|
<view class="flex-sub text-light bg-white padding-xs margin-xs radius">异常描述:</view>
|
<view class="flex-sub bg-white padding-xs text-right margin-xs radius">
|
<uni-easyinput v-model="item.exceptionDescription" :disabled="true" />
|
</view>
|
</view>
|
|
<view class="flex">
|
<view class="flex-sub text-light bg-white padding-xs margin-xs radius">异常是否报修:</view>
|
<view class="flex-sub bg-white padding-xs text-right margin-xs radius">
|
<uni-data-select :localdata="item.type" v-model="item.reportFlag" :disabled="true" />
|
</view>
|
</view>
|
</uni-card>
|
|
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
|
import configService from '@/common/service/config.service.js';
|
export default {
|
mixins: [MescrollMixin], // 使用mixin
|
data() {
|
return {
|
showPreview: false,
|
// 图片回显
|
fileLists: [],
|
// 上传图片的样式
|
sourceType: ['album', 'camera'],
|
imageStyles: {
|
width: 90,
|
height: 90,
|
},
|
previewImageSrc: '',
|
ipAndPort: configService.staticURL,
|
scrollLeft: 0,
|
searchValue: '',
|
imgList: [],
|
equipmentList: [],
|
restle: [],
|
uploadUrl: "/sys/common/upload",
|
formData: {
|
num: '',
|
avatar: [],
|
remark: '',
|
inspectionDate: '',
|
},
|
partTakeAdviceDetailList: [],
|
NavBarColor: this.NavBarColor,
|
url: {
|
upload: "/eam/sysFiles/batch_upload",
|
stallList: "/eam/eamInspectionOrder/queryById",
|
getEquipmentList: 'eam/equipment/list',
|
getStandardFile: "eam/maintenanceStandard/queryById",
|
BaoList: 'eam/eamInspectionOrderDetail/queryList'
|
},
|
id: '',
|
standardId: '',
|
inspectionResult: '',
|
upOption: {
|
page: {
|
num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
|
size: 10 // 每页数据的数量
|
},
|
noMoreSize: 4, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
|
empty: {
|
tip: '~ 暂无数据 ~', // 提示
|
},
|
loading: '',
|
text: '全部',
|
isShowNoMore: false,
|
textNoMore: '我是有底线的 >_<'
|
},
|
imgList: [],
|
styles: {
|
color: '#2979FF',
|
borderColor: '#2979FF'
|
},
|
referenceFileList: [],
|
msg1Count: 0,
|
msg2Count: 0,
|
msg1Title: ""
|
}
|
},
|
computed: {
|
top() {
|
return this.CustomBar * 2 + 50
|
},
|
style() {
|
var StatusBar = this.StatusBar;
|
var CustomBar = this.CustomBar;
|
var style = `height:${CustomBar}px;padding-top:${StatusBar}px;`;
|
return style
|
},
|
},
|
onLoad(options) {
|
const annItem = JSON.parse(decodeURIComponent(options.item));
|
this.id = annItem.id
|
},
|
created() {
|
this.upCallback();
|
this.getEquipment();
|
this.getList();
|
|
},
|
methods: {
|
closePreview() {
|
this.showPreview = false;
|
},
|
changeEquipmentList(e) {
|
this.formData.num = e;
|
},
|
handleCode(e) {
|
this.inspectionResult = e;
|
},
|
getEquipment() {
|
this.$http.get(this.url.getEquipmentList, {
|
params: {
|
pageNo: 1,
|
pageSize: 9999,
|
order: 'desc',
|
column: 'createTime'
|
},
|
|
}).then(res => {
|
//设置列表数据
|
if (res.data.success) {
|
this.equipmentList = res.data.result.records
|
} else {
|
uni.showToast({
|
icon: "error",
|
title: res.data.message,
|
duration: 2000
|
});
|
|
}
|
}).catch(() => {
|
this.$tip.error("联网失败")
|
})
|
},
|
|
getList() {
|
this.$http.get(this.url.BaoList, {
|
params: {
|
orderId: this.id
|
},
|
|
}).then(res => {
|
this.partTakeAdviceDetailList = res.data.result
|
console.log("url", res)
|
//设置列表数据
|
if (res.data.success) {
|
console.log("res", res.data.result)
|
|
}
|
}).catch(() => {
|
//联网失败, 结束加载
|
})
|
},
|
|
getStandardFile() {
|
this.$http.get(this.url.getStandardFile, {
|
params: {
|
id: this.standardId
|
}
|
}).then(res => {
|
if (res.data.success) {
|
console.log("res", res.data.result);
|
const referenceFileStr = res.data.result.referenceFile;
|
|
// 判断是否存在 referenceFile 并进行解析
|
if (referenceFileStr) {
|
try {
|
const referenceFileObj = JSON.parse(referenceFileStr);
|
const filePath = `${this.ipAndPort}${referenceFileObj.filePath}`;
|
this.previewImageSrc = filePath;
|
console.log('previewImageSrc:', this.previewImageSrc);
|
} catch (e) {
|
console.error("referenceFile 解析失败", e);
|
this.previewImageSrc = '';
|
}
|
} else {
|
console.warn("referenceFile 不存在");
|
this.previewImageSrc = '';
|
}
|
}
|
}).catch(err => {
|
console.error("网络请求失败", err);
|
// 联网失败, 结束加载
|
});
|
},
|
|
|
// ChooseImage() {
|
// var that = this;
|
// uni.chooseImage({
|
// count: 4,
|
// sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
|
// sourceType: ['album'], // 从相册选择
|
// success: (res) => {
|
// // 存储选择的图片路径
|
// that.imgList = res.tempFilePaths;
|
// that.formData.avatar =[];
|
// // 创建上传任务的 Promise 数组
|
// const uploadPromises = res.tempFilePaths.map((filePath, index) => {
|
// return new Promise((resolve, reject) => {
|
// that.$http.upload(that.url.upload, {
|
// filePath: filePath,
|
// name: 'file'
|
// })
|
// .then(uploadRes => {
|
// // 假设服务器返回的结果中包含文件路径
|
// const filePath = uploadRes.data.result[0];
|
// // 追加到 formData.avatar 中，并用逗号分隔
|
// this.formData.avatar.push(filePath);
|
// resolve(filePath);
|
// })
|
// .catch(err => {
|
// console.error('图片' + index + '上传失败:', err);
|
// reject(err);
|
// });
|
// });
|
// });
|
|
// // 并发执行所有上传任务
|
// Promise.all(uploadPromises)
|
// .then((uploadedFilePaths) => {
|
// console.log('所有图片上传成功:', that.formData.avatar);
|
// })
|
// .catch((err) => {
|
// console.error('图片上传失败:', err);
|
// that.$tip.error('图片上传失败');
|
// });
|
// }
|
// });
|
// },
|
// ViewImage(e) {
|
// uni.previewImage({
|
// urls: this.imgList,
|
// current: e.currentTarget.dataset.url
|
// });
|
// },
|
// DelImg(e) {
|
// uni.showModal({
|
// title: '提示',
|
// content: '确定要删除这段回忆吗？',
|
// cancelText: '再看看',
|
// confirmText: '再见',
|
// success: res => {
|
// if (res.confirm) {
|
// this.imgList.splice(e.currentTarget.dataset.index, 1)
|
// }
|
// }
|
// })
|
// },
|
|
upCallback() {
|
this.$http.get(this.url.stallList, {
|
params: {
|
id: this.id
|
},
|
}).then(res => {
|
this.announcement1 = res.data.result
|
console.log("url", res)
|
//设置列表数据
|
if (res.data.success) {
|
this.formData.num = this.announcement1.equipmentId
|
this.formData.orderNum = this.announcement1.orderNum
|
this.formData.operator = this.announcement1.operator
|
this.formData.remark = this.announcement1.remark
|
this.formData.inspectionDate = this.announcement1.inspectionDate
|
if (this.announcement1.standardId !== null) {
|
this.standardId = this.announcement1.standardId
|
this.getStandardFile()
|
}
|
this.formData.avatar = this.announcement1.imageFiles
|
if (!this.formData.avatar == null) {
|
this.imgList = JSON.parse(this.formData.avatar)
|
const imageObjects = JSON.parse(this.formData.avatar);
|
a
|
// 提取 filePath 并拼接 IP 和端口
|
this.imgList = imageObjects.map(imageObj => {
|
return `${this.ipAndPort}${imageObj.filePath}`;
|
});
|
|
// 根据 imgList 构造 fileLists
|
this.fileLists = this.imgList.map(url => ({
|
url: url,
|
extname: 'png',
|
name: 'eam'
|
}));
|
}
|
|
|
}
|
}).catch(() => {
|
//联网失败, 结束加载
|
})
|
},
|
|
|
|
/* 检索 */
|
getSera(res) {
|
this.msgList = [];
|
if (keyword == 0) {
|
this.$http.get(this.url.stallList, {
|
params: {
|
pageNo: 1,
|
pageSize: 999,
|
order: "desc",
|
column: "createTime",
|
equipmentCode: res
|
}
|
}).then(res => {
|
//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
|
|
this.announcement1 = res.data.result.records
|
this.mescroll.endSuccess(this.announcement1.length);
|
console.log("url", res)
|
//设置列表数据
|
if (res.data.success) {
|
console.log("res", res.data)
|
this.msg1Count = res.data.result.total
|
this.msg1Title = "通知(" + res.data.result.total + ")";
|
for (let annItem of this.announcement1) {
|
this.msgList.push(annItem)
|
}
|
}
|
if (page.num == 1) {
|
this.msgList = []; //如果是第一页需手动制空列表
|
this.msgList = this.msgList.concat(this.announcement1); //追加新数据
|
}
|
|
}).catch(() => {
|
//联网失败, 结束加载
|
this.mescroll.endErr();
|
})
|
}
|
},
|
|
mescrollInit(mescroll) {
|
console.log('mescrollInit')
|
this.mescroll = mescroll;
|
},
|
},
|
|
}
|
</script>
|
|
<style>
|
.is-hover {
|
color: rgba(255, 255, 255, 0.6);
|
background-color: #55aaff;
|
border-color: #55aaff;
|
}
|
|
|
|
.content {
|
margin-top: 5px;
|
}
|
|
.content scroll-view {
|
scrollIndicator: "none"
|
}
|
|
.popupView {
|
margin-top: 85px;
|
height: auto;
|
}
|
|
.overlay {
|
position: fixed;
|
top: 0;
|
left: 0;
|
width: 100%;
|
height: 100%;
|
background-color: rgba(0, 0, 0, 0.7);
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
z-index: 999;
|
}
|
|
.modal {
|
position: relative;
|
width: 90%;
|
max-width: 600px;
|
background: #fff;
|
border-radius: 12rpx;
|
padding: 20rpx;
|
box-sizing: border-box;
|
}
|
|
.preview-image {
|
width: 100%;
|
max-height: 80vh;
|
object-fit: contain;
|
}
|
|
.close-btn {
|
position: absolute;
|
top: 10rpx;
|
right: 20rpx;
|
font-size: 40rpx;
|
color: #333;
|
}
|
</style>
|
