From d176ab8e28af8f9e477a9be2a3de5f399f68a47e Mon Sep 17 00:00:00 2001
From: yyb <995253665@qq.com>
Date: 星期一, 18 五月 2026 17:16:50 +0800
Subject: [PATCH] 保养项目改成保养内容
---
src/pages/equipmentManagement/upkeep/add.vue | 407 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 392 insertions(+), 15 deletions(-)
diff --git a/src/pages/equipmentManagement/upkeep/add.vue b/src/pages/equipmentManagement/upkeep/add.vue
index 8dedb1b..194062b 100644
--- a/src/pages/equipmentManagement/upkeep/add.vue
+++ b/src/pages/equipmentManagement/upkeep/add.vue
@@ -40,6 +40,80 @@
<u-icon name="arrow-right" @click="showDatePicker" />
</template>
</u-form-item>
+
+ <u-form-item label="淇濆吇浜�" prop="maintenancePerson" required border-bottom>
+ <u-input
+ v-model="form.maintenancePerson"
+ placeholder="璇烽�夋嫨淇濆吇浜�"
+ readonly
+ @click="showPersonPicker"
+ clearable
+ />
+ <template #right>
+ <u-icon name="arrow-right" @click="showPersonPicker" />
+ </template>
+ </u-form-item>
+
+ <u-form-item label="淇濆吇閮ㄤ綅" prop="maintenanceLocation" required border-bottom>
+ <u-input
+ v-model="form.maintenanceLocation"
+ placeholder="璇疯緭鍏ヤ繚鍏婚儴浣�"
+ clearable
+ />
+ </u-form-item>
+
+ <u-form-item label="淇濆吇鍐呭" prop="maintenanceItems" required border-bottom>
+ <u-input
+ v-model="form.maintenanceItems"
+ placeholder="璇疯緭鍏ヤ繚鍏诲唴瀹�"
+ clearable
+ />
+ </u-form-item>
+
+ <u-form-item label="闄勪欢" border-bottom>
+ <view class="attachment-upload">
+ <view class="upload-buttons">
+ <u-button
+ type="primary"
+ @click="chooseAttachment('camera')"
+ :loading="uploading"
+ :disabled="uploading"
+ :customStyle="{ marginRight: '10px', flex: 1 }"
+ >
+ <u-icon name="camera" size="18" color="#fff" style="margin-right: 5px;"></u-icon>
+ {{ uploading ? '涓婁紶涓�...' : '鎷嶇収' }}
+ </u-button>
+ <u-button
+ type="success"
+ @click="chooseAttachment('album')"
+ :loading="uploading"
+ :disabled="uploading"
+ :customStyle="{ flex: 1 }"
+ >
+ <u-icon name="photo" size="18" color="#fff" style="margin-right: 5px;"></u-icon>
+ {{ uploading ? '涓婁紶涓�...' : '鐩稿唽' }}
+ </u-button>
+ </view>
+ <view v-if="attachmentList.length" class="attachment-list">
+ <view
+ v-for="(file, index) in attachmentList"
+ :key="file.id || index"
+ class="attachment-item"
+ >
+ <image
+ :src="getFileAccessUrl(file)"
+ mode="aspectFill"
+ class="attachment-preview"
+ @click="previewAttachment(index)"
+ />
+ <view class="attachment-delete" @click="removeAttachment(file, index)">
+ <u-icon name="close" size="12" color="#fff" />
+ </view>
+ </view>
+ </view>
+ <view v-else class="attachment-empty">鏆傛棤闄勪欢锛屽彲鎷嶇収鎴栦粠鐩稿唽閫夋嫨</view>
+ </view>
+ </u-form-item>
<!-- 鎻愪氦鎸夐挳 -->
<view class="footer-btns">
@@ -56,6 +130,14 @@
@select="onDeviceConfirm"
@close="showDevice = false"
/>
+ <!-- 淇濆吇浜洪�夋嫨鍣� -->
+ <up-action-sheet
+ :show="showPerson"
+ :actions="personActions"
+ title="閫夋嫨淇濆吇浜�"
+ @select="onPersonConfirm"
+ @close="showPerson = false"
+ />
<up-datetime-picker
:show="showDate"
v-model="pickerDateValue"
@@ -69,12 +151,25 @@
<script setup>
import { ref, computed, onMounted, onUnmounted } from 'vue';
-import { onShow } from '@dcloudio/uni-app';
+import { onShow, onUnload } from '@dcloudio/uni-app';
import PageHeader from '@/components/PageHeader.vue';
+import config from '@/config';
+import { getToken } from '@/utils/auth';
import { getDeviceLedger } from '@/api/equipmentManagement/ledger';
-import { addUpkeep, editUpkeep, getUpkeepById } from '@/api/equipmentManagement/upkeep';
+import {
+ addUpkeep,
+ editUpkeep,
+ getUpkeepById,
+ listMaintenanceTaskFiles,
+ addMaintenanceTaskFile,
+ delMaintenanceTaskFile,
+} from '@/api/equipmentManagement/upkeep';
+import { userListNoPageByTenantId } from '@/api/system/user';
+import useUserStore from '@/store/modules/user';
import dayjs from "dayjs";
import { formatDateToYMD } from '@/utils/ruoyi';
+
+const userStore = useUserStore();
defineOptions({
name: "璁惧淇濆吇璁″垝琛ㄥ崟",
@@ -86,11 +181,21 @@
})
}
+const normalizeId = (raw) => {
+ if (raw === null || raw === undefined) return undefined;
+ const val = String(raw).trim();
+ if (!val || val === 'undefined' || val === 'null') return undefined;
+ return val;
+};
+
// 琛ㄥ崟寮曠敤
const formRef = ref(null);
const operationType = ref('add');
const loading = ref(false);
+const uploading = ref(false);
+const attachmentList = ref([]);
const showDevice = ref(false);
+const showPerson = ref(false);
const showDate = ref(false);
const pickerDateValue = ref(Date.now());
const currentDate = ref([new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate()]);
@@ -98,12 +203,20 @@
// 璁惧閫夐」
const deviceOptions = ref([]);
const deviceNameText = ref('');
+// 淇濆吇浜洪�夐」
+const userOptions = ref([]);
// 杞崲涓� action-sheet 闇�瑕佺殑鏍煎紡
const deviceActions = computed(() => {
return deviceOptions.value.map(item => ({
text: item.deviceName,
value: item.id,
data: item
+ }));
+});
+const personActions = computed(() => {
+ return userOptions.value.map(item => ({
+ name: item.nickName,
+ value: item.userId,
}));
});
@@ -115,6 +228,9 @@
const formRules = {
deviceLedgerId: [{ required: true, trigger: "change", message: "璇烽�夋嫨璁惧鍚嶇О" }],
maintenancePlanTime: [{ required: true, trigger: "change", message: "璇烽�夋嫨璁″垝淇濆吇鏃ユ湡" }],
+ maintenancePerson: [{ required: true, trigger: "change", message: "璇烽�夋嫨淇濆吇浜�" }],
+ maintenanceLocation: [{ required: true, trigger: "blur", message: "璇疯緭鍏ヤ繚鍏婚儴浣�" }],
+ maintenanceItems: [{ required: true, trigger: "blur", message: "璇疯緭鍏ヤ繚鍏诲唴瀹�" }],
};
// 浣跨敤 ref 澹版槑琛ㄥ崟鏁版嵁
@@ -122,6 +238,9 @@
deviceLedgerId: undefined, // 璁惧ID
deviceModel: undefined, // 瑙勬牸鍨嬪彿
maintenancePlanTime: dayjs().format("YYYY-MM-DD"), // 璁″垝淇濆吇鏃ユ湡
+ maintenancePerson: userStore.nickName || undefined, // 淇濆吇浜�
+ maintenanceLocation: undefined, // 淇濆吇閮ㄤ綅
+ maintenanceItems: undefined, // 淇濆吇鍐呭
});
// 鍔犺浇璁惧鍒楄〃
@@ -134,6 +253,179 @@
}
};
+// 鍔犺浇淇濆吇浜哄垪琛�
+const loadUserOptions = async () => {
+ try {
+ const { data } = await userListNoPageByTenantId();
+ userOptions.value = data || [];
+ } catch (e) {
+ showToast('鑾峰彇淇濆吇浜哄垪琛ㄥけ璐�');
+ }
+};
+
+// 闄勪欢鐩稿叧
+const getFileAccessUrl = (file = {}) => {
+ const url = file.url || file.tempFilePath || file.path || '';
+ if (!url) return '';
+ if (String(url).startsWith('http') || String(url).startsWith('blob:') || String(url).startsWith('file:') || String(url).startsWith('wxfile:')) {
+ return url;
+ }
+ const path = String(url).startsWith('/') ? url : `/${url}`;
+ return `${config.fileUrl}${path}`;
+};
+
+const fetchAttachmentList = async (id) => {
+ if (!id) {
+ attachmentList.value = [];
+ return;
+ }
+ try {
+ const { code, data } = await listMaintenanceTaskFiles({
+ current: 1,
+ size: 100,
+ deviceMaintenanceId: id,
+ });
+ if (code === 200) {
+ attachmentList.value = data?.records || [];
+ } else {
+ attachmentList.value = [];
+ }
+ } catch (e) {
+ attachmentList.value = [];
+ }
+};
+
+const chooseAttachment = (sourceType) => {
+ const source = sourceType === 'camera' ? ['camera'] : ['album'];
+ uni.chooseImage({
+ count: 9,
+ sizeType: ['original', 'compressed'],
+ sourceType: source,
+ success: (res) => {
+ const files = res.tempFiles || [];
+ if (!files.length) return;
+ const id = getPageId();
+ if (id) {
+ uploadAttachments(files, id);
+ return;
+ }
+ const tempItems = files.map((file, idx) => {
+ const filePath = file.path || res.tempFilePaths?.[idx];
+ return {
+ id: `temp_${Date.now()}_${idx}`,
+ url: filePath,
+ tempFilePath: filePath,
+ name: file.name || `闄勪欢_${Date.now()}_${idx}.jpg`,
+ isTemp: true,
+ };
+ });
+ attachmentList.value = [...attachmentList.value, ...tempItems];
+ showToast('宸叉坊鍔狅紝淇濆瓨璁″垝鍚庤嚜鍔ㄤ笂浼�');
+ },
+ fail: () => {
+ showToast('閫夋嫨鍥剧墖澶辫触');
+ },
+ });
+};
+
+const uploadAttachments = async (files, maintenanceId) => {
+ const commonId = normalizeId(maintenanceId);
+ if (!commonId) {
+ showToast('鏈幏鍙栧埌淇濆吇璁″垝ID锛屼笂浼犲け璐�');
+ return;
+ }
+ const token = getToken();
+ if (!token) {
+ showToast('鐧诲綍宸插け鏁堬紝璇烽噸鏂扮櫥褰�');
+ return;
+ }
+ uploading.value = true;
+ try {
+ for (const file of files) {
+ const filePath = file.path || file.tempFilePath;
+ if (!filePath) continue;
+ await new Promise((resolve, reject) => {
+ uni.uploadFile({
+ url: `${config.baseUrl}/file/upload`,
+ filePath,
+ name: 'file',
+ header: {
+ Authorization: `Bearer ${token}`,
+ },
+ success: (uploadRes) => {
+ try {
+ const parsed = JSON.parse(uploadRes.data || '{}');
+ if (uploadRes.statusCode === 200 && parsed.code === 200) {
+ const fileName = file.name || filePath.split('/').pop();
+ addMaintenanceTaskFile({
+ name: fileName,
+ deviceMaintenanceId: commonId,
+ url: parsed.data?.tempPath || parsed.data?.url || '',
+ })
+ .then((addRes) => {
+ if (addRes.code === 200) {
+ resolve(addRes);
+ } else {
+ reject(new Error(addRes.msg || '淇濆瓨闄勪欢淇℃伅澶辫触'));
+ }
+ })
+ .catch(reject);
+ } else {
+ reject(new Error(parsed.msg || '涓婁紶澶辫触'));
+ }
+ } catch (err) {
+ reject(new Error('涓婁紶鍝嶅簲瑙ｆ瀽澶辫触'));
+ }
+ },
+ fail: () => reject(new Error('涓婁紶澶辫触')),
+ });
+ });
+ }
+ showToast('涓婁紶鎴愬姛');
+ await fetchAttachmentList(commonId);
+ } catch (e) {
+ showToast(e?.message || '涓婁紶澶辫触');
+ } finally {
+ uploading.value = false;
+ }
+};
+
+const previewAttachment = (index) => {
+ const urls = attachmentList.value
+ .map((item) => getFileAccessUrl(item))
+ .filter(Boolean);
+ if (!urls.length) return;
+ uni.previewImage({
+ urls,
+ current: urls[index] || urls[0],
+ });
+};
+
+const removeAttachment = (file, index) => {
+ if (!file?.id || file?.isTemp) {
+ attachmentList.value.splice(index, 1);
+ return;
+ }
+ uni.showModal({
+ title: '鎻愮ず',
+ content: '纭鍒犻櫎璇ラ檮浠跺悧锛�',
+ success: async (res) => {
+ if (!res.confirm) return;
+ try {
+ const { code } = await delMaintenanceTaskFile(file.id);
+ if (code === 200) {
+ attachmentList.value.splice(index, 1);
+ showToast('鍒犻櫎鎴愬姛');
+ } else {
+ showToast('鍒犻櫎澶辫触');
+ }
+ } catch (e) {
+ showToast('鍒犻櫎澶辫触');
+ }
+ },
+ });
+};
+
// 鍔犺浇琛ㄥ崟鏁版嵁锛堢紪杈戞ā寮忥級
const loadForm = async (id) => {
if (id) {
@@ -144,11 +436,15 @@
form.value.deviceLedgerId = data.deviceLedgerId;
form.value.deviceModel = data.deviceModel;
form.value.maintenancePlanTime = dayjs(data.maintenancePlanTime).format("YYYY-MM-DD");
+ form.value.maintenancePerson = data.maintenancePerson;
+ form.value.maintenanceLocation = data.maintenanceLocation;
+ form.value.maintenanceItems = data.maintenanceItems;
// 璁剧疆璁惧鍚嶇О鏄剧ず
const device = deviceOptions.value.find(item => item.id === data.deviceLedgerId);
if (device) {
form.value.deviceNameText = device.deviceName;
}
+ await fetchAttachmentList(id);
}
} catch (e) {
showToast('鑾峰彇璇︽儏澶辫触');
@@ -156,6 +452,7 @@
} else {
// 鏂板妯″紡
operationType.value = 'add';
+ attachmentList.value = [];
}
};
@@ -224,6 +521,22 @@
showDevice.value = true;
};
+// 鏄剧ず淇濆吇浜洪�夋嫨鍣�
+const showPersonPicker = () => {
+ if (!userOptions.value.length) {
+ showToast('鏆傛棤鍙�変繚鍏讳汉');
+ return;
+ }
+ showPerson.value = true;
+};
+
+// 纭淇濆吇浜洪�夋嫨
+const onPersonConfirm = (selected) => {
+ const user = userOptions.value.find(item => item.userId === selected.value);
+ form.value.maintenancePerson = user?.nickName || selected.name || '';
+ showPerson.value = false;
+};
+
// 纭璁惧閫夋嫨
const onDeviceConfirm = (selected) => {
// selected 杩斿洖鐨勬槸閫変腑椤�
@@ -253,8 +566,9 @@
});
onMounted(() => {
- // 椤甸潰鍔犺浇鏃惰幏鍙栬澶囧垪琛ㄥ拰鍙傛暟
+ // 椤甸潰鍔犺浇鏃惰幏鍙栬澶囧垪琛ㄣ�佷繚鍏讳汉鍒楄〃鍜屽弬鏁�
loadDeviceName();
+ loadUserOptions();
getPageParams();
});
@@ -282,13 +596,30 @@
submitData.maintenancePlanTime = submitData.maintenancePlanTime + ' 00:00:00';
}
- const { code } = id
+ const result = id
? await editUpkeep({ id: id, ...submitData })
: await addUpkeep(submitData);
+ const { code, data } = result || {};
if (code == 200) {
+ if (!id) {
+ const newId = data?.id || data?.maintenanceId || data;
+ if (newId) {
+ const tempFiles = attachmentList.value
+ .filter((item) => item?.isTemp && (item.tempFilePath || item.url))
+ .map((item) => ({
+ path: item.tempFilePath || item.url,
+ tempFilePath: item.tempFilePath || item.url,
+ name: item.name,
+ }));
+ if (tempFiles.length) {
+ await uploadAttachments(tempFiles, newId);
+ }
+ }
+ }
showToast(`${id ? "缂栬緫" : "鏂板"}璁″垝鎴愬姛`);
setTimeout(() => {
+ uni.removeStorageSync('repairId');
uni.navigateBack();
}, 1500);
} else {
@@ -307,26 +638,26 @@
uni.navigateBack();
};
+// 鑾峰彇椤甸潰ID
+const getPageId = () => {
+ return normalizeId(uni.getStorageSync('repairId'));
+};
+
// 鑾峰彇椤甸潰鍙傛暟
const getPageParams = () => {
- // 浠庢湰鍦板瓨鍌ㄨ幏鍙杋d
- const id = uni.getStorageSync('repairId');
-
- // 鏍规嵁鏄惁鏈塱d鍙傛暟鏉ュ垽鏂槸鏂板杩樻槸缂栬緫
+ const id = getPageId();
if (id) {
- // 缂栬緫妯″紡锛岃幏鍙栬鎯�
loadForm(id);
} else {
- // 鏂板妯″紡
+ operationType.value = 'add';
+ attachmentList.value = [];
loadForm();
}
};
-// 鑾峰彇椤甸潰ID
-const getPageId = () => {
- // 浠庢湰鍦板瓨鍌ㄨ幏鍙杋d
- return uni.getStorageSync('repairId');
-};
+onUnload(() => {
+ uni.removeStorageSync('repairId');
+});
</script>
<style scoped lang="scss">
@@ -390,4 +721,50 @@
margin-left: 8px;
cursor: pointer;
}
+
+.attachment-upload {
+ width: 100%;
+}
+
+.upload-buttons {
+ display: flex;
+ margin-bottom: 12px;
+}
+
+.attachment-list {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 10px;
+}
+
+.attachment-item {
+ position: relative;
+ width: 80px;
+ height: 80px;
+}
+
+.attachment-preview {
+ width: 80px;
+ height: 80px;
+ border-radius: 6px;
+ background: #f5f5f5;
+}
+
+.attachment-delete {
+ position: absolute;
+ top: -6px;
+ right: -6px;
+ width: 18px;
+ height: 18px;
+ border-radius: 50%;
+ background: rgba(0, 0, 0, 0.65);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.attachment-empty {
+ font-size: 12px;
+ color: #909399;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3