From 3c590674cb2b134c676e356d7e5ecef18b1a4399 Mon Sep 17 00:00:00 2001
From: buhuazhen <hua100783@gmail.com>
Date: 星期四, 18 六月 2026 16:56:42 +0800
Subject: [PATCH] feat 设备巡检 调整为一次性完成
---
src/views/equipmentManagement/inspectionManagement/components/uploadFiles.vue | 220 +++++++------------------------
src/views/equipmentManagement/inspectionManagement/components/viewFiles.vue | 167 +++++------------------
2 files changed, 87 insertions(+), 300 deletions(-)
diff --git a/src/views/equipmentManagement/inspectionManagement/components/uploadFiles.vue b/src/views/equipmentManagement/inspectionManagement/components/uploadFiles.vue
index 9ac7b07..7eb3e28 100644
--- a/src/views/equipmentManagement/inspectionManagement/components/uploadFiles.vue
+++ b/src/views/equipmentManagement/inspectionManagement/components/uploadFiles.vue
@@ -6,15 +6,9 @@
width="560px"
:before-close="closeUploadDialog"
>
- <el-tabs v-model="currentUploadType">
- <el-tab-pane label="鐢熶骇鍓�" name="before" />
- <el-tab-pane label="鐢熶骇涓�" name="after" />
- <el-tab-pane label="鐢熶骇鍚�" name="issue" />
- </el-tabs>
-
<div class="exception-section">
<div class="section-title">鏄惁瀛樺湪寮傚父锛�</div>
- <el-radio-group v-model="currentHasException">
+ <el-radio-group v-model="hasException">
<el-radio :value="false">姝ｅ父</el-radio>
<el-radio :value="true">瀛樺湪寮傚父</el-radio>
</el-radio-group>
@@ -33,12 +27,12 @@
:on-success="handleUploadSuccess"
:on-error="handleUploadError"
:on-progress="handleUploadProgress"
- :disabled="uploading || getCurrentFiles().length >= uploadConfig.limit"
+ :disabled="uploading || fileList.length >= uploadConfig.limit"
>
<el-button
type="primary"
:loading="uploading"
- :disabled="getCurrentFiles().length >= uploadConfig.limit"
+ :disabled="fileList.length >= uploadConfig.limit"
>
閫夋嫨鍥剧墖/瑙嗛
</el-button>
@@ -51,9 +45,9 @@
style="margin: 12px 0"
/>
- <div v-if="getCurrentFiles().length" class="file-list">
+ <div v-if="fileList.length" class="file-list">
<div
- v-for="(file, index) in getCurrentFiles()"
+ v-for="(file, index) in fileList"
:key="file.uid || file.id || index"
class="file-item"
>
@@ -86,17 +80,15 @@
<el-empty
v-else
- :description="`璇烽�夋嫨瑕佷笂浼犵殑${getUploadTypeText()}鍥剧墖鎴栬棰慲"
+ description="璇烽�夋嫨瑕佷笂浼犵殑鍥剧墖鎴栬棰�"
/>
<div class="upload-summary">
- 鐢熶骇鍓嶏細{{ beforeModelValue.length }} 涓� |
- 鐢熶骇涓細{{ afterModelValue.length }} 涓� |
- 鐢熶骇鍚庯細{{ issueModelValue.length }} 涓�
+ 宸蹭笂浼� {{ fileList.length }} 涓枃浠�
</div>
<template #footer>
- <el-button type="primary" @click="submitUpload">鎻愪氦</el-button>
+ <el-button type="primary" @click="submitUpload">鎻愪氦</el-button>
<el-button @click="closeUploadDialog">鍙栨秷</el-button>
</template>
</el-dialog>
@@ -131,31 +123,14 @@
const uploadRef = ref(null);
const uploadFileList = ref([]);
-const beforeModelValue = ref([]);
-const afterModelValue = ref([]);
-const issueModelValue = ref([]);
-const currentUploadType = ref("before");
-const hasExceptionBefore = ref(null);
-const hasExceptionAfter = ref(null);
-const hasExceptionIssue = ref(null);
+const fileList = ref([]);
+const hasException = ref(null);
const currentTask = ref(null);
const showVideoDialog = ref(false);
const currentVideoFile = ref(null);
-// 鏍规嵁褰撳墠 Tab 鑾峰彇/璁剧疆瀵瑰簲鐨勫紓甯哥姸鎬�
-const currentHasException = computed({
- get: () => {
- if (currentUploadType.value === "before") return hasExceptionBefore.value;
- if (currentUploadType.value === "after") return hasExceptionAfter.value;
- return hasExceptionIssue.value;
- },
- set: (val) => {
- if (currentUploadType.value === "before") hasExceptionBefore.value = val;
- else if (currentUploadType.value === "after") hasExceptionAfter.value = val;
- else hasExceptionIssue.value = val;
- }
-});
+const INSPECTION_TYPE = 10;
const uploadConfig = {
action: "/file/upload",
@@ -165,8 +140,7 @@
};
const uploadUrl = computed(() => {
- const type = getTabType();
- return `${import.meta.env.VITE_APP_BASE_API}${uploadConfig.action}?type=${type}`;
+ return `${import.meta.env.VITE_APP_BASE_API}${uploadConfig.action}?type=${INSPECTION_TYPE}`;
});
const uploadHeaders = {
Authorization: `Bearer ${getToken()}`,
@@ -207,7 +181,7 @@
return fileUrl;
};
-const mapExistingFile = (file, type) => ({
+const mapExistingFile = (file) => ({
...file,
id: file?.id,
tempId: file?.tempId ?? file?.tempFileId ?? file?.id,
@@ -223,18 +197,13 @@
size: file?.size || file?.byteSize,
byteSize: file?.byteSize || file?.size,
contentType: file?.contentType || "",
- type,
- uid: file?.uid || `${type}-${file?.id || file?.url || Math.random()}`,
+ type: INSPECTION_TYPE,
+ uid: file?.uid || `${INSPECTION_TYPE}-${file?.id || file?.url || Math.random()}`,
});
const resetDialogState = () => {
- beforeModelValue.value = [];
- afterModelValue.value = [];
- issueModelValue.value = [];
- currentUploadType.value = "before";
- hasExceptionBefore.value = null;
- hasExceptionAfter.value = null;
- hasExceptionIssue.value = null;
+ fileList.value = [];
+ hasException.value = null;
currentTask.value = null;
uploadProgress.value = 0;
uploading.value = false;
@@ -250,23 +219,12 @@
storageBlobDTO: [],
};
- beforeModelValue.value = Array.isArray(rawTask.commonFileListBefore)
- ? rawTask.commonFileListBefore.map(file => mapExistingFile(file, 10))
- : [];
- afterModelValue.value = Array.isArray(rawTask.commonFileListAfter)
- ? rawTask.commonFileListAfter.map(file => mapExistingFile(file, 11))
- : [];
- issueModelValue.value = Array.isArray(rawTask.commonFileList)
- ? rawTask.commonFileList.map(file => mapExistingFile(file, 12))
+ fileList.value = Array.isArray(rawTask.commonFileList)
+ ? rawTask.commonFileList.map(file => mapExistingFile(file))
: [];
- currentUploadType.value = "before";
- hasExceptionBefore.value =
- typeof rawTask.hasExceptionBefore === "boolean" ? rawTask.hasExceptionBefore : null;
- hasExceptionAfter.value =
- typeof rawTask.hasExceptionAfter === "boolean" ? rawTask.hasExceptionAfter : null;
- hasExceptionIssue.value =
- typeof rawTask.hasExceptionIssue === "boolean" ? rawTask.hasExceptionIssue : null;
+ hasException.value =
+ typeof rawTask.hasException === "boolean" ? rawTask.hasException : null;
uploadFileList.value = [];
showUploadDialog.value = true;
};
@@ -277,26 +235,8 @@
emit("closeDia");
};
-const getCurrentFiles = () => {
- if (currentUploadType.value === "before") return beforeModelValue.value;
- if (currentUploadType.value === "after") return afterModelValue.value;
- return issueModelValue.value;
-};
-
-const getUploadTypeText = () => {
- if (currentUploadType.value === "before") return "鐢熶骇鍓�";
- if (currentUploadType.value === "after") return "鐢熶骇涓�";
- return "鐢熶骇鍚�";
-};
-
-const getTabType = () => {
- if (currentUploadType.value === "before") return 10;
- if (currentUploadType.value === "after") return 11;
- return 12;
-};
-
const handleBeforeUpload = file => {
- if (getCurrentFiles().length >= uploadConfig.limit) {
+ if (fileList.value.length >= uploadConfig.limit) {
ElMessage.warning(`鏈�澶氬彧鑳介�夋嫨${uploadConfig.limit}涓枃浠禶);
return false;
}
@@ -336,7 +276,6 @@
return;
}
- const type = getTabType();
const objectUrl = file?.raw ? URL.createObjectURL(file.raw) : "";
const fileData = {
id: uploadedFile.id,
@@ -354,18 +293,11 @@
byteSize: uploadedFile.byteSize || uploadedFile.size || file.size,
createTime: uploadedFile.createTime || Date.now(),
contentType: uploadedFile.contentType || file.raw?.type || "",
- type,
+ type: INSPECTION_TYPE,
uid: `${Date.now()}-${Math.random()}`,
};
- if (currentUploadType.value === "before") {
- beforeModelValue.value.push(fileData);
- } else if (currentUploadType.value === "after") {
- afterModelValue.value.push(fileData);
- } else {
- issueModelValue.value.push(fileData);
- }
-
+ fileList.value.push(fileData);
ElMessage.success("涓婁紶鎴愬姛");
};
@@ -382,52 +314,9 @@
await ElMessageBox.confirm("纭畾瑕佸垹闄よ繖涓枃浠跺悧锛�", "纭鍒犻櫎", {
type: "warning",
});
-
- if (currentUploadType.value === "before") {
- beforeModelValue.value.splice(index, 1);
- } else if (currentUploadType.value === "after") {
- afterModelValue.value.splice(index, 1);
- } else {
- issueModelValue.value.splice(index, 1);
- }
-
+ fileList.value.splice(index, 1);
ElMessage.success("鍒犻櫎鎴愬姛");
} catch {}
-};
-
-const buildSubmitFiles = () => {
- const list = [
- ...beforeModelValue.value,
- ...afterModelValue.value,
- ...issueModelValue.value,
- ];
-
- return list.map(item => ({
- ...item,
- url: item?.downloadUrl || item?.url || "",
- }));
-};
-
-const buildSubmitFileItem = item => {
- if (!item) return null;
-
- return {
- id: item.id,
- tempId: item.tempId,
- tempFileId: item.tempFileId,
- type: item.type,
- url: item?.downloadUrl || item?.url || "",
- downloadUrl: item?.downloadUrl || item?.url || "",
- bucketFilename: item.bucketFilename,
- originalFilename: item.originalFilename,
- size: item.size,
- byteSize: item.byteSize,
- contentType: item.contentType,
- };
-};
-
-const buildGroupedFiles = list => {
- return (list || []).map(buildSubmitFileItem).filter(Boolean);
};
const buildSubmitPayload = () => {
@@ -442,35 +331,46 @@
...rest
} = currentTask.value || {};
- const files = buildSubmitFiles();
+ const files = fileList.value.map(item => ({
+ ...item,
+ url: item?.downloadUrl || item?.url || "",
+ }));
+
const tempFileIds = files
.map(item => item?.tempId ?? item?.tempFileId ?? item?.id)
.filter(Boolean);
return {
...rest,
- hasExceptionBefore: hasExceptionBefore.value,
- hasExceptionAfter: hasExceptionAfter.value,
- hasExceptionIssue: hasExceptionIssue.value,
+ hasException: hasException.value,
tempFileIds,
- commonFileListBefore: buildGroupedFiles(beforeModelValue.value),
- commonFileListAfter: buildGroupedFiles(afterModelValue.value),
- commonFileList: buildGroupedFiles(issueModelValue.value),
+ commonFileList: files.map(item => {
+ if (!item) return null;
+ return {
+ id: item.id,
+ tempId: item.tempId,
+ tempFileId: item.tempFileId,
+ type: item.type,
+ url: item?.downloadUrl || item?.url || "",
+ downloadUrl: item?.downloadUrl || item?.url || "",
+ bucketFilename: item.bucketFilename,
+ originalFilename: item.originalFilename,
+ size: item.size,
+ byteSize: item.byteSize,
+ contentType: item.contentType,
+ };
+ }).filter(Boolean),
};
};
const submitUpload = async () => {
- // 鍙獙璇佸綋鍓� Tab 鐨勫紓甯哥姸鎬�
- const currentException = currentHasException.value;
- if (currentException === null) {
- ElMessage.warning(`璇烽�夋嫨${getUploadTypeText()}鏄惁瀛樺湪寮傚父`);
+ if (hasException.value === null) {
+ ElMessage.warning("璇烽�夋嫨鏄惁瀛樺湪寮傚父");
return;
}
- const currentFiles = getCurrentFiles();
- // 鍙湁閫夋嫨"瀛樺湪寮傚父"鏃舵墠闇�瑕佷笂浼犳枃浠�
- if (currentException === true && !currentFiles.length) {
- ElMessage.warning(`${getUploadTypeText()}瀛樺湪寮傚父鏃惰涓婁紶鍥剧墖鎴栬棰慲);
+ if (hasException.value === true && !fileList.value.length) {
+ ElMessage.warning("瀛樺湪寮傚父鏃惰涓婁紶鍥剧墖鎴栬棰�");
return;
}
@@ -481,7 +381,6 @@
try {
const payload = buildSubmitPayload();
-
const result = await uploadInspectionTask(payload);
if (result?.code === 200 || result?.success) {
ElMessage.success("鎻愪氦鎴愬姛");
@@ -497,23 +396,6 @@
} finally {
loadingInstance.close();
}
-};
-
-const goToRepair = () => {
- const taskInfo = {
- taskId: currentTask.value?.taskId || currentTask.value?.id,
- taskName: currentTask.value?.taskName,
- inspectionLocation: currentTask.value?.inspectionLocation,
- inspector: currentTask.value?.inspector,
- uploadedFiles: {
- before: beforeModelValue.value,
- after: afterModelValue.value,
- issue: issueModelValue.value,
- },
- };
-
- sessionStorage.setItem("repairTaskInfo", JSON.stringify(taskInfo));
- window.location.href = "/equipmentManagement/repair";
};
const previewAttachment = file => {
diff --git a/src/views/equipmentManagement/inspectionManagement/components/viewFiles.vue b/src/views/equipmentManagement/inspectionManagement/components/viewFiles.vue
index 982e771..1019df5 100644
--- a/src/views/equipmentManagement/inspectionManagement/components/viewFiles.vue
+++ b/src/views/equipmentManagement/inspectionManagement/components/viewFiles.vue
@@ -3,77 +3,20 @@
<el-dialog title="鏌ョ湅闄勪欢"
v-model="dialogVisitable" width="800px" @close="cancel">
<div class="upload-container">
- <!-- 鐢熶骇鍓� -->
<div class="form-container">
- <div class="title">鐢熶骇鍓�</div>
-
- <!-- 鍥剧墖鍒楄〃 -->
+ <div class="title">宸℃闄勪欢</div>
+
<div style="display: flex; flex-wrap: wrap;">
- <img v-for="(item, index) in beforeProductionImgs" :key="index"
- @click="showMedia(beforeProductionImgs, index, 'image')"
+ <img v-for="(item, index) in images" :key="index"
+ @click="showMedia(images, index, 'image')"
:src="item" style="max-width: 100px; height: 100px; margin: 5px;" alt="">
</div>
-
- <!-- 瑙嗛鍒楄〃 -->
+
<div style="display: flex; flex-wrap: wrap;">
<div
- v-for="(videoUrl, index) in beforeProductionVideos"
+ v-for="(videoUrl, index) in videos"
:key="index"
- @click="showMedia(beforeProductionVideos, index, 'video')"
- style="position: relative; margin: 10px; cursor: pointer;"
- >
- <div style="width: 160px; height: 90px; background-color: #333; display: flex; align-items: center; justify-content: center;">
- <img src="@/assets/images/video.png" alt="鎾斁" style="width: 30px; height: 30px; opacity: 0.8;" />
- </div>
- <div style="text-align: center; font-size: 12px; color: #666;">鐐瑰嚮鎾斁</div>
- </div>
- </div>
- </div>
-
- <!-- 鐢熶骇涓� -->
- <div class="form-container">
- <div class="title">鐢熶骇涓�</div>
-
- <!-- 鍥剧墖鍒楄〃 -->
- <div style="display: flex; flex-wrap: wrap;">
- <img v-for="(item, index) in afterProductionImgs" :key="index"
- @click="showMedia(afterProductionImgs, index, 'image')"
- :src="item" style="max-width: 100px; height: 100px; margin: 5px;" alt="">
- </div>
-
- <!-- 瑙嗛鍒楄〃 -->
- <div style="display: flex; flex-wrap: wrap;">
- <div
- v-for="(videoUrl, index) in afterProductionVideos"
- :key="index"
- @click="showMedia(afterProductionVideos, index, 'video')"
- style="position: relative; margin: 10px; cursor: pointer;"
- >
- <div style="width: 160px; height: 90px; background-color: #333; display: flex; align-items: center; justify-content: center;">
- <img src="@/assets/images/video.png" alt="鎾斁" style="width: 30px; height: 30px; opacity: 0.8;" />
- </div>
- <div style="text-align: center; font-size: 12px; color: #666;">鐐瑰嚮鎾斁</div>
- </div>
- </div>
- </div>
-
- <!-- 鐢熶骇鍚� -->
- <div class="form-container">
- <div class="title">鐢熶骇鍚�</div>
-
- <!-- 鍥剧墖鍒楄〃 -->
- <div style="display: flex; flex-wrap: wrap;">
- <img v-for="(item, index) in productionIssuesImgs" :key="index"
- @click="showMedia(productionIssuesImgs, index, 'image')"
- :src="item" style="max-width: 100px; height: 100px; margin: 5px;" alt="">
- </div>
-
- <!-- 瑙嗛鍒楄〃 -->
- <div style="display: flex; flex-wrap: wrap;">
- <div
- v-for="(videoUrl, index) in productionIssuesVideos"
- :key="index"
- @click="showMedia(productionIssuesVideos, index, 'video')"
+ @click="showMedia(videos, index, 'video')"
style="position: relative; margin: 10px; cursor: pointer;"
>
<div style="width: 160px; height: 90px; background-color: #333; display: flex; align-items: center; justify-content: center;">
@@ -85,11 +28,9 @@
</div>
</div>
</el-dialog>
-
- <!-- 缁熶竴濯掍綋鏌ョ湅鍣� -->
+
<div v-if="isMediaViewerVisible" class="media-viewer-overlay" @click.self="closeMediaViewer">
<div class="media-viewer-content" @click.stop>
- <!-- 鍥剧墖 -->
<vue-easy-lightbox
v-if="mediaType === 'image'"
:visible="isMediaViewerVisible"
@@ -97,8 +38,7 @@
:index="currentMediaIndex"
@hide="closeMediaViewer"
></vue-easy-lightbox>
-
- <!-- 瑙嗛 -->
+
<div v-else-if="mediaType === 'video'" style="position: relative;">
<video
:src="mediaList[currentMediaIndex]"
@@ -116,114 +56,81 @@
import VueEasyLightbox from 'vue-easy-lightbox';
const { proxy } = getCurrentInstance();
-// 鎺у埗寮圭獥鏄剧ず
const dialogVisitable = ref(false);
-// 鍥剧墖鏁扮粍
-const beforeProductionImgs = ref([]);
-const afterProductionImgs = ref([]);
-const productionIssuesImgs = ref([]);
+const images = ref([]);
+const videos = ref([]);
-// 瑙嗛鏁扮粍
-const beforeProductionVideos = ref([]);
-const afterProductionVideos = ref([]);
-const productionIssuesVideos = ref([]);
-
-// 濯掍綋鏌ョ湅鍣ㄧ姸鎬�
const isMediaViewerVisible = ref(false);
const currentMediaIndex = ref(0);
-const mediaList = ref([]); // 瀛樺偍褰撳墠瑕佹煡鐪嬬殑濯掍綋鍒楄〃锛堝惈鍥剧墖鍜岃棰戝璞★級
-const mediaType = ref('image'); // image | video
+const mediaList = ref([]);
+const mediaType = ref('image');
const javaApi = proxy.javaApi;
-// 澶勭悊 URL锛氬皢 Windows 璺緞杞崲涓哄彲璁块棶鐨� URL
function processFileUrl(fileUrl) {
if (!fileUrl) return '';
-
- // 濡傛灉 URL 鏄� Windows 璺緞鏍煎紡锛堝寘鍚弽鏂滄潬锛夛紝闇�瑕佽浆鎹�
+
if (fileUrl && fileUrl.indexOf('\\') > -1) {
- // 鏌ユ壘 uploads 鍏抽敭瀛楃殑浣嶇疆锛屼粠閭ｉ噷寮�濮嬫彁鍙栫浉瀵硅矾寰�
const uploadsIndex = fileUrl.toLowerCase().indexOf('uploads');
if (uploadsIndex > -1) {
- // 浠� uploads 寮�濮嬫彁鍙栬矾寰勶紝骞跺皢鍙嶆枩鏉犳浛鎹负姝ｆ枩鏉�
const relativePath = fileUrl.substring(uploadsIndex).replace(/\\/g, '/');
fileUrl = '/' + relativePath;
} else {
- // 濡傛灉娌℃湁鎵惧埌 uploads锛屾彁鍙栨渶鍚庝竴涓洰褰曞拰鏂囦欢鍚�
const parts = fileUrl.split('\\');
const fileName = parts[parts.length - 1];
fileUrl = '/uploads/' + fileName;
}
}
-
- // 纭繚鎵�鏈夐潪 http 寮�澶寸殑 URL 閮芥嫾鎺� baseUrl
+
if (fileUrl && !fileUrl.startsWith('http')) {
- // 纭繚璺緞浠� / 寮�澶�
if (!fileUrl.startsWith('/')) {
fileUrl = '/' + fileUrl;
}
- // 鎷兼帴 baseUrl
fileUrl = javaApi + fileUrl;
}
-
+
return fileUrl;
}
-// 澶勭悊姣忎竴绫绘暟鎹細鍒嗙鍥剧墖鍜岃棰�
function processItems(items) {
- const images = [];
- const videos = [];
-
- // 妫�鏌� items 鏄惁瀛樺湪涓斾负鏁扮粍
+ const imgList = [];
+ const vidList = [];
+
if (!items || !Array.isArray(items)) {
- return { images, videos };
+ return { images: imgList, videos: vidList };
}
-
+
items.forEach(item => {
if (!item || !item.url) return;
-
- // 澶勭悊鏂囦欢 URL
+
const fileUrl = processFileUrl(item.url);
-
- // 鏍规嵁鏂囦欢鎵╁睍鍚嶅垽鏂槸鍥剧墖杩樻槸瑙嗛
+
const urlLower = fileUrl.toLowerCase();
if (urlLower.match(/\.(jpg|jpeg|png|gif|bmp|webp)$/)) {
- images.push(fileUrl);
+ imgList.push(fileUrl);
} else if (urlLower.match(/\.(mp4|avi|mov|wmv|flv|mkv|webm)$/)) {
- videos.push(fileUrl);
+ vidList.push(fileUrl);
} else if (item.contentType) {
- // 濡傛灉鏈� contentType锛屼娇鐢� contentType 鍒ゆ柇
if (item.contentType.startsWith('image/')) {
- images.push(fileUrl);
+ imgList.push(fileUrl);
} else if (item.contentType.startsWith('video/')) {
- videos.push(fileUrl);
+ vidList.push(fileUrl);
}
}
});
-
- return { images, videos };
+
+ return { images: imgList, videos: vidList };
}
-// 鎵撳紑寮圭獥骞跺姞杞芥暟鎹�
const openDialog = async (row) => {
- // 浣跨敤姝ｇ‘鐨勫瓧娈靛悕锛歝ommonFileListBefore, commonFileListAfter, commonFileList
- const { images: beforeImgs, videos: beforeVids } = processItems(row.commonFileListBefore || []);
- const { images: afterImgs, videos: afterVids } = processItems(row.commonFileListAfter || []);
- const { images: issueImgs, videos: issueVids } = processItems(row.commonFileList || []);
-
- beforeProductionImgs.value = beforeImgs;
- beforeProductionVideos.value = beforeVids;
-
- afterProductionImgs.value = afterImgs;
- afterProductionVideos.value = afterVids;
-
- productionIssuesImgs.value = issueImgs;
- productionIssuesVideos.value = issueVids;
-
+ const { images: imgList, videos: vidList } = processItems(row.commonFileList || []);
+
+ images.value = imgList;
+ videos.value = vidList;
+
dialogVisitable.value = true;
};
-// 鏄剧ず濯掍綋锛堝浘鐗� or 瑙嗛锛�
function showMedia(mediaArray, index, type) {
mediaList.value = mediaArray;
currentMediaIndex.value = index;
@@ -231,14 +138,12 @@
isMediaViewerVisible.value = true;
}
-// 鍏抽棴濯掍綋鏌ョ湅鍣�
function closeMediaViewer() {
isMediaViewerVisible.value = false;
mediaList.value = [];
mediaType.value = 'image';
}
-// 琛ㄥ崟鍏抽棴鏂规硶
const cancel = () => {
dialogVisitable.value = false;
};
@@ -253,7 +158,7 @@
padding: 20px;
border: 1px solid #dcdfe6;
box-sizing: border-box;
-
+
.form-container {
flex: 1;
width: 100%;
@@ -269,7 +174,7 @@
padding-left: 10px;
position: relative;
margin: 6px 0;
-
+
&::before {
content: "";
position: absolute;
--
Gitblit v1.9.3