Compare commits

...

2 Commits

View File

@ -34,22 +34,26 @@
<!-- 设备基本信息区 -->
<view class="equipment-info">
<view class="info-card">
<text class="device-id">{{equipmentDetail.name || '未知设备'}}</text>
<text class="device-model">{{equipmentDetail.model || '未知型号'}}</text>
<text class="device-id">{{
equipmentDetail.name || "未知设备"
}}</text>
<text class="device-model">{{
equipmentDetail.model || "未知型号"
}}</text>
</view>
</view>
<!-- 维保记录区 -->
<view class="maintenance-records">
<view class="section-title">
<text style="z-index:1;">维保记录</text>
<text style="z-index: 1">维保记录</text>
<view class="title-underline"></view>
</view>
<view class="record-list">
<view
class="record-item"
v-for="(record, index) in maintenanceRecords"
v-for="(record, index) in maintenanceRecords || []"
:key="index"
>
<view class="record-image">
@ -102,7 +106,7 @@
custom-style="font-size:32rpx;"
placeholder="请选择维保类型"
type="select"
v-model="maintenanceType"
v-model="recordForm.type"
@click="handleClickType()"
:clearable="false"
/>
@ -182,9 +186,8 @@ export default {
showTypePicker: false,
maintenanceType: "",
maintenanceTypes: [
{ label: "三方险", value: 1 },
{ label: "设备险", value: 2 },
{ label: "运营险", value: 3 },
{ label: "例行检查", value: 0 },
{ label: "电池损坏", value: 1 },
],
recordForm: {
type: "",
@ -205,14 +208,14 @@ export default {
async loadDeviceDetail() {
try {
const detail = await this.$api.getDevicesDetail(this.deviceId);
console.log('设备详情:', detail);
console.log("设备详情:", detail);
if (detail) {
this.equipmentDetail = detail;
//
if (detail.deviceImages && detail.deviceImages.length > 0) {
this.equipmentImages = detail.deviceImages.map(img => ({
this.equipmentImages = detail.deviceImages.map((img) => ({
image: img.fileFullPath,
title: img.sourceFileName
title: img.sourceFileName,
}));
} else {
this.equipmentImages = [{
@ -222,10 +225,10 @@ export default {
}
}
} catch (err) {
console.error('获取设备详情失败:', err);
console.error("获取设备详情失败:", err);
uni.showToast({
title: '获取设备详情失败',
icon: 'none'
title: "获取设备详情失败",
icon: "none",
});
}
},
@ -234,21 +237,23 @@ export default {
async loadMaintenanceRecords() {
try {
const res = await this.$api.getMaintenanceRecords({
aircraftId: this.deviceId
aircraftId: this.deviceId,
});
if (res && res.records) {
this.maintenanceRecords = res.records.map(record => ({
if (res && res.records && res.records.length > 0) {
this.maintenanceRecords = res.records.map((record) => ({
type: this.getMaintenanceTypeName(record.maintenanceType),
operator: record.createBy || '未知',
time: record.createTime || '未知时间',
description: record.remark || '无'
operator: record.createBy || "未知",
time: record.createTime || "未知时间",
description: record.remark || "无",
}));
} else {
this.maintenanceRecords = [];
}
} catch (err) {
console.error('获取维保记录失败:', err);
console.error("获取维保记录失败:", err);
uni.showToast({
title: '获取维保记录失败',
icon: 'none'
title: "获取维保记录失败",
icon: "none",
});
}
},
@ -256,10 +261,10 @@ export default {
//
getMaintenanceTypeName(type) {
const typeMap = {
0: '例行检查',
1: '电池损坏',
0: "例行检查",
1: "电池损坏",
};
return typeMap[type] || '未知类型';
return typeMap[type] || "未知类型";
},
onPageScroll(e) {
@ -302,7 +307,9 @@ export default {
}
//
const selectedType = this.maintenanceTypes.find(t => t.label === this.recordForm.type);
const selectedType = this.maintenanceTypes.find(
(t) => t.label === this.recordForm.type
);
if (!selectedType) {
uni.showToast({
title: "请选择正确的维保类型",
@ -326,12 +333,13 @@ export default {
aircraftId: this.deviceId,
employeesId: employeesId,
maintenanceType: selectedType.value,
remark: this.recordForm.description
remark: this.recordForm.description,
createTime: new Date().toISOString(),
});
uni.showToast({
title: '添加成功',
icon: 'success'
title: "添加成功",
icon: "success",
});
//
@ -345,22 +353,23 @@ export default {
};
this.maintenanceType = "";
} catch (err) {
console.error('添加维保记录失败:', err);
console.error("添加维保记录失败:", err);
uni.showToast({
title: '添加失败',
icon: 'none'
title: "添加失败",
icon: "none",
});
}
},
//
handleTypeSelect(e) {
if (e && e.indexs && e.indexs.length > 0) {
const selected = this.maintenanceTypes[e.indexs[0]];
if (e && typeof e[0] === "number") {
const selected = this.maintenanceTypes[e[0]];
if (selected) {
this.recordForm.type = selected.label;
this.maintenanceType = selected.label;
}
console.log("选中的维保类型:", this.recordForm.type);
}
},
},
@ -372,7 +381,7 @@ export default {
display: flex;
flex-direction: column;
// min-height: 100vh;
background-color: #F5F5F5;
background-color: #f5f5f5;
.detail-container {
flex: 1;
@ -489,7 +498,8 @@ export default {
gap: 26rpx;
.record-item:first-child {
box-shadow: 0rpx -6rpx 10rpx 0rpx rgba(226,226,226,0.3), 0rpx 6rpx 8rpx 0rpx rgba(218,218,218,0.3);
box-shadow: 0rpx -6rpx 10rpx 0rpx rgba(226, 226, 226, 0.3),
0rpx 6rpx 8rpx 0rpx rgba(218, 218, 218, 0.3);
}
.record-item {
@ -502,7 +512,7 @@ export default {
width: 123rpx;
height: 123rpx;
border-radius: 12rpx;
border: 3rpx solid #FEE547;
border: 3rpx solid #fee547;
.thumbnail {
width: 100%;
height: 100%;
@ -639,6 +649,14 @@ export default {
.textarea-container {
position: relative;
height: 420rpx;
.u-input {
height: 100%;
font-size: 32rpx;
color: #333333;
padding: 20rpx 30rpx;
border-radius: 12rpx;
background-color: #f5f5f5;
}
.word-count {
position: absolute;
right: 20rpx;
@ -646,7 +664,7 @@ export default {
font-family: Arial;
font-weight: 400;
font-size: 32rpx;
color: #B3B3B3;
color: #b3b3b3;
.word-count-max {
color: #333333;