|
@@ -4,9 +4,12 @@
|
|
|
<slot name="action" />
|
|
|
</template>
|
|
|
<template #atom="{ item }">
|
|
|
- <div v-if="item.raw === fuseModel" @click="updateCurrent(item.raw)">
|
|
|
+ <div
|
|
|
+ v-if="item.raw === fuseModel"
|
|
|
+ @click="updateCurrent(item.raw)"
|
|
|
+ class="all-scene-model-list"
|
|
|
+ >
|
|
|
<ModelList
|
|
|
- class="scene-model-list"
|
|
|
:class="{ active: current === fuseModel }"
|
|
|
:title="getModelTypeDesc(fuseModel as any)"
|
|
|
:show-content="showModelList"
|
|
@@ -26,18 +29,22 @@
|
|
|
@click="updateCurrent(item.raw)"
|
|
|
v-else
|
|
|
>
|
|
|
- <p>{{ item.raw.name }}</p>
|
|
|
- <p>
|
|
|
- {{ SceneTypeDesc[item.raw.type as SceneType] }}
|
|
|
- <span
|
|
|
- style="float: right"
|
|
|
- v-if="canSync(item as Scene)"
|
|
|
- @click.stop="sync(item as Scene)"
|
|
|
- class="fun-ctrl"
|
|
|
- >
|
|
|
- 同屏勘验
|
|
|
- </span>
|
|
|
- </p>
|
|
|
+ <div>
|
|
|
+ <p>{{ item.raw.name }}</p>
|
|
|
+ <p>
|
|
|
+ {{ SceneTypeDesc[item.raw.type as SceneType] }}
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <Button
|
|
|
+ size="small"
|
|
|
+ type="primary"
|
|
|
+ ghost
|
|
|
+ style="float: right"
|
|
|
+ v-if="canSync(item as Scene)"
|
|
|
+ @click.stop="sync(item as Scene)"
|
|
|
+ >
|
|
|
+ 同屏勘验
|
|
|
+ </Button>
|
|
|
</div>
|
|
|
</template>
|
|
|
</List>
|
|
@@ -56,6 +63,7 @@ import {
|
|
|
import List from "@/components/list/index.vue";
|
|
|
import ModelList from "../model-list/index.vue";
|
|
|
import { fuseModel, getModelTypeDesc } from "@/model";
|
|
|
+import { Button } from "ant-design-vue";
|
|
|
|
|
|
import type { ModelType, FuseModelType } from "@/model";
|
|
|
import type { Scene } from "@/store";
|
|
@@ -116,6 +124,12 @@ const stopWatch = watch(
|
|
|
|
|
|
.scene {
|
|
|
padding: 0 20px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ > div {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
|
|
|
p {
|
|
|
height: 1.5em;
|
|
@@ -126,7 +140,7 @@ const stopWatch = watch(
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.scene-model-list.list {
|
|
|
+.all-scene-model-list .scene-model-list {
|
|
|
margin-bottom: -20px;
|
|
|
margin-top: -20px;
|
|
|
|