|
@@ -1,6 +1,8 @@
|
|
|
<template>
|
|
|
<div class="layout">
|
|
|
- <div class="left">场景管理</div>
|
|
|
+ <div class="left">
|
|
|
+ <div><Icon style="color: currentColor" /><span>场景管理</span></div>
|
|
|
+ </div>
|
|
|
<div class="relics-content">
|
|
|
<div class="search" style="text-align: right; padding-bottom: 20px">
|
|
|
<el-button type="primary" @click="gotoSplit">分屏对比</el-button>
|
|
@@ -65,6 +67,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
+import Icon from "@/assets/icon/cjgl_active.svg";
|
|
|
import Layout from "@/view/layout/nav.vue";
|
|
|
import TexToolTip from "@/components/tex-tooltip.vue";
|
|
|
import {
|
|
@@ -76,11 +79,12 @@ import {
|
|
|
SceneTypeDesc,
|
|
|
} from "@/store/scene";
|
|
|
import { dateFormat } from "@/util";
|
|
|
-import { computed, ref, watch } from "vue";
|
|
|
+import { computed, onUnmounted, ref, watch } from "vue";
|
|
|
import { router, setDocTitle } from "@/router";
|
|
|
import { delSceneFetch, repSceneFetch, sendFetch } from "@/request";
|
|
|
import { ElMessageBox } from "element-plus";
|
|
|
import { selectScenes } from "../quisk";
|
|
|
+import { sysTitle } from "../layout/var";
|
|
|
|
|
|
const scenes = ref<Scene[]>([]);
|
|
|
const relicsId = computed(() => (router.currentRoute.value.params.id as unknown) as any);
|
|
@@ -93,12 +97,15 @@ const fetchScenes = async () => {
|
|
|
return router.replace({ name: "scene" });
|
|
|
}
|
|
|
setDocTitle(res.projectName);
|
|
|
+
|
|
|
+ sysTitle.value = res.projectName;
|
|
|
scenes.value = res.sceneList.map((item) => ({
|
|
|
...item,
|
|
|
sceneCode: item.num,
|
|
|
sceneSource: SceneType.CLUNT,
|
|
|
}));
|
|
|
};
|
|
|
+onUnmounted(() => (sysTitle.value = ""));
|
|
|
watch(relicsId, fetchScenes, { immediate: true });
|
|
|
|
|
|
const delHandler = async (scene: Scene) => {
|
|
@@ -131,7 +138,7 @@ const gotoSplit = () => {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
+<style scoped lang="scss">
|
|
|
.layout {
|
|
|
display: flex;
|
|
|
width: 100%;
|
|
@@ -143,9 +150,26 @@ const gotoSplit = () => {
|
|
|
width: 200px;
|
|
|
flex: 0 0 auto;
|
|
|
border-right: 1px solid var(--el-border-color);
|
|
|
+ color: var(--el-menu-active-color);
|
|
|
+
|
|
|
+ div {
|
|
|
+ font-size: var(--el-menu-item-font-size);
|
|
|
+ align-items: center;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ span {
|
|
|
+ margin-left: 8px;
|
|
|
+ }
|
|
|
}
|
|
|
.relics-content {
|
|
|
margin: 8px;
|
|
|
flex: 1;
|
|
|
}
|
|
|
</style>
|
|
|
+
|
|
|
+<style>
|
|
|
+.left path {
|
|
|
+ fill: currentColor;
|
|
|
+}
|
|
|
+</style>
|