diff --git a/index.html b/index.html
index 2b7c391..05d6236 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
新創賦能
-
+
{
+ const name =
+ (instance && (instance.type?.name || instance.type?.__file)) ||
+ "(anonymous component)";
+ // 在 patch/update 階段若報 instance.update is not a function，哪顆元件
+ console.error("[VueError]", name, info, err);
+};
+
+// （選用）開啟 devtools
+// app.config.devtools = true;
+
+// ===========================================
+// 插件與全域元件
+// ===========================================
app.use(createPinia());
app.use(router);
app.use(Antd);
app.use(i18n);
-// 组装成一个对象
+// 全域元件註冊（維持你的寫法）
const allGlobalComponents = { SvgIcon, FontAwesomeIcon };
-const globalComponent = {
+app.use({
install(app) {
- // 循环注册所有的全局组件
- Object.keys(allGlobalComponents).forEach((componentName) => {
- app.component(componentName, allGlobalComponents[componentName]);
+ Object.keys(allGlobalComponents).forEach((k) => {
+ app.component(k, allGlobalComponents[k]);
});
},
-};
-app.use(globalComponent);
+});
+
+// 指令
app.use(focusPlugin);
app.use(draggable);
+
+// ===========================================
+// Mount（保證只呼叫一次）
+// ===========================================
app.mount("#app");
diff --git a/src/router/index.js b/src/router/index.js
index 49db595..fcebba6 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -56,6 +56,12 @@ const router = createRouter({
name: "assetManagement",
component: () => import("@/views/AssetManagement/AssetManagement.vue"),
},
+ {
+ path: "/rtsp",
+ name: "rtsp",
+ component: () => import("@/views/rtsp/Rtsp.vue"),
+ meta: { layout: "map", title: "rtsp" },
+ },
{
path: "/alert",
name: "alert",
diff --git a/src/views/AssetManagement/components/AssetMainList.vue b/src/views/AssetManagement/components/AssetMainList.vue
index f0068c7..ea3fef0 100644
--- a/src/views/AssetManagement/components/AssetMainList.vue
+++ b/src/views/AssetManagement/components/AssetMainList.vue
@@ -91,12 +91,12 @@ watch(selectedBtn, (newValue) => {
:getData="getMainSystems"
:formState="formState"
/>
-
+
{
-
+
{
+ try {
+ console.log(
+ `[AlertActionItem] ${label}:`,
+ JSON.parse(JSON.stringify(payload))
+ );
+ } catch (e) {
+ console.log(`[AlertActionItem] ${label}:`, payload);
+ }
+};
+
+// 初始就印出整個 props 與 editRecord 內容
+debugLog("props", props);
+debugLog("initial props.editRecord", props?.editRecord);
+
+onMounted(() => {
+ debugLog("onMounted props", props);
+ debugLog("onMounted props.editRecord", props?.editRecord);
+});
+
const form = ref(null);
const dateItem = ref([
@@ -64,18 +93,43 @@ const updateFileList = (files) => {
formState.value.lorf = files;
};
+// ---------------------- 告警影片儲存位置：顯示 API 的 video_url ----------------------
+// 重要：你的 會從 value[name] 取值
+// 所以我們把 videoLocation 寫成 { videoLocation: string } 的物件
+const videoLocation = ref({ videoLocation: "" });
+const showTooltip = ref(false);
+
+async function copyToClipboard() {
+ const text = videoLocation.value.videoLocation || "";
+ try {
+ await navigator.clipboard.writeText(text);
+ // 觸發 tooltip 動畫
+ showTooltip.value = false;
+ await nextTick();
+ showTooltip.value = true;
+ setTimeout(() => {
+ showTooltip.value = false;
+ }, 1500);
+ } catch (err) {
+ console.error("複製失敗:", err);
+ }
+}
+
const onOk = async () => {
const formData = new FormData(form.value);
formData.delete("oriFile");
- formState.value?.lorf.forEach((file, index) => {
- formData.append(`lorf[${index}].id`, file.id ? file.id : "");
- formData.append(`lorf[${index}].file`, file.id ? null : file);
+ (formState.value?.lorf ?? []).forEach((file, index) => {
+ formData.append(`lorf[${index}].id`, file?.id ? file.id : "");
+ // 只有新檔案才上傳檔案本體
+ if (!file?.id && file) {
+ formData.append(`lorf[${index}].file`, file);
+ }
formData.append(
`lorf[${index}].save_file_name`,
- file.id ? file.save_file_name : ""
+ file?.id ? file.save_file_name : ""
);
- formData.append(`lorf[${index}].ori_file_name`, file.name);
+ formData.append(`lorf[${index}].ori_file_name`, file?.name ?? "");
});
formData.append(
@@ -83,9 +137,9 @@ const onOk = async () => {
dayjs(dateItem.value[0].value).format("YYYY-MM-DD")
);
- props.editRecord.id && formData.append("id", props.editRecord.id);
-
- props.editRecord.uuid && formData.append("error_code", props.editRecord.uuid);
+ if (props.editRecord.id) formData.append("id", props.editRecord.id);
+ if (props.editRecord.uuid)
+ formData.append("error_code", props.editRecord.uuid);
formData.append("work_type", 2);
formData.append(
@@ -96,7 +150,7 @@ const onOk = async () => {
);
try {
- const value = await handleSubmit(alertSchema, formState.value);
+ await handleSubmit(alertSchema, formState.value);
const res = await postOperationRecord(formData);
if (res.isSuccess) {
search?.();
@@ -123,32 +177,36 @@ const onCancel = () => {
description: "",
lorf: [],
};
+ // 重置顯示用的影片路徑
+ videoLocation.value.videoLocation = "";
handleErrorReset();
updateEditRecord?.(null);
alert_action_item.close();
};
+// 同步 props.editRecord -> formState / 日期 / 維修項目 / 影片網址
watch(
() => props.editRecord,
(newVal) => {
+ debugLog("watch props.editRecord changed", newVal);
if (newVal) {
for (let [key, value] of Object.entries(newVal)) {
- // 僅更新 formState 中已有的屬性
if (key in formState.value) {
formState.value[key] = value;
}
- // 處理 start_time
if (key === "start_time") {
- formState.value.start_time = value
- ? dayjs(value).format("YYYY-MM-DD")
- : dayjs().format("YYYY-MM-DD");
- dateItem.value[0].value = value;
+ const d = value ? dayjs(value) : dayjs();
+ formState.value.start_time = d.format("YYYY-MM-DD");
+ dateItem.value[0].value = d; // 一律用 dayjs 物件
}
- // 維修項目
if (key === "full_name") {
- formState.value.fix_do = value;
+ formState.value.fix_do = value ?? "";
}
}
+ // 取 API 回傳的影片位址（與 device_number 同來源物件）
+ videoLocation.value.videoLocation =
+ newVal?.video_url ?? newVal?.videoUrl ?? newVal?.video_path ?? "";
+ debugLog("derived videoLocation", videoLocation.value.videoLocation);
}
},
{ immediate: true }
@@ -163,7 +221,11 @@ watch(
width="710"
>
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("alert.copied") }}
+
+
+
+
+
{{ props.data?.full_name }}
+
-
-
-
-
+
+
+
+
+
+
+