@@ -24,17 +35,19 @@ import {Search} from '@element-plus/icons-vue'
import rightMenuTs from './components/rightMenuTs.vue'
import {useTreeNode} from "../components/tree/hooks/treeNode";
import {$changeComponentShow} from "../../utils/communication";
+import {debounce} from '@/utils'
const {getSelectedNodes, cusSelectNode, getSameLevel, cusNodeIcon, nodeType} = useTreeNode()
import {showRightMenuTs} from "./tree"
import {TsApi} from "../../api/ts";
import {initMapData} from "./entity";
+import {ElMessage} from "element-plus";
const rightMenuRef: any = ref()
const treeObj = ref() //树形的实例
let zNodes: any = ref([])//树形结构数据
let nodes: any = ref([])//选中的node节点
-let input2 = ref('')
+let searchKey = ref('')
let formData = new FormData()
formData.append('id', window["planId"])
@@ -44,6 +57,34 @@ onMounted(() => {
})
+const clearResult = () => {
+ let string = searchKey.value.trim()
+
+ if (string == '') {
+ let arr = []
+ if ((window as any).searchPlaceMap) {
+ arr = Array.from((window as any).searchPlaceMap)
+ }
+ if (arr.length) {
+ const target = (window as any).searchPlaceMap.get(arr[0][0])
+ if (target && typeof target.remove === 'function') {
+ target.remove()
+ ;(window as any).searchPlaceMap.clear()
+ }
+ }
+ /*poiOptions.value = []
+ value.value = ''*/
+ ;(window as any) && (window as any).treeSearchCb('')
+ }
+}
+const searchPlace = debounce(function () {
+ if (!searchKey.value) {
+ return
+ }
+ // poiOptions.value = []
+ // value.value = ''
+ ;(window as any).treeSearchCb(searchKey.value)
+}, 500)
const initTreeCallBack = () => {
TsApi.queryTsSource(formData).then(async res => {
console.log('queryTsSource', res)
@@ -60,7 +101,15 @@ const initTreeCallBack = () => {
})*/
console.log("zNodes.value", zNodes.value)
treeObj.value = $.fn.zTree.init($(`#treeDemos`), setting, zNodes.value)
- window.treeObj = treeObj.value
+ window.treeObj = treeObj.value;
+
+ (window as any).newFuzzySearch(
+ `treeDemos`,
+ "#keyword",
+ ["bim", "sonShp", "gdbShp"],
+ true,
+ "#queryButton"
+ );
}
console.log("initTreeCallBack++++++++++++++++++++", zNodes.value)
diff --git a/src/renderer/src/views/TS/components/chart.vue b/src/renderer/src/views/TS/components/chart.vue
index 5d09456..d8ceba9 100644
--- a/src/renderer/src/views/TS/components/chart.vue
+++ b/src/renderer/src/views/TS/components/chart.vue
@@ -25,6 +25,8 @@ const eventBus: any = inject('bus')
const props = defineProps(['eventList', 'hr', 'originHrOffset', 'scrollLeft'])
let clickEventBar = (event) => {
console.log("点击事件块", selectedEventId.value, event.id)
+ let entity = window['_entityMap'].get(event.sourceId)
+ entity && entity.flyTo()
selectedEventId.value = (selectedEventId.value == null || selectedEventId.value != event.id) ? event.id : null
eventBus.emit('click-event-show-plane', selectedEventId.value ? event : null)
}
diff --git a/src/renderer/src/views/TS/deduction.vue b/src/renderer/src/views/TS/deduction.vue
index 5416b9e..70fc58d 100644
--- a/src/renderer/src/views/TS/deduction.vue
+++ b/src/renderer/src/views/TS/deduction.vue
@@ -19,15 +19,23 @@
{{ TSOBJ._Store._multiplier }}×
+
+ {{ item }}×
+
@@ -48,12 +56,12 @@
-
+
-
-
+
+
| null>(null);
+let multipliers = [16, 8, 4, 2, 1, 0.5, 0.25]
let currentStamp = ref(window['tsObj']._Store._startTimestamp)
let maxLevel = ref(24)
let minLevel = ref(1)
@@ -120,6 +141,10 @@ window['updateProp'] = (key: string, val: any) => {
const level = ref(20)
const props = defineProps(['TSOBJ'])
console.log(props.TSOBJ)
+let handleMultiplierChange = (multiplier) => {
+ props.TSOBJ._Store._multiplier = multiplier
+ multiplierPopover.value?.hide();
+}
let formatTime = (timeStamp) => {
return props.TSOBJ.parseTime(timeStamp)
}
@@ -245,6 +270,20 @@ let eventCallback = () => {
if (props.TSOBJ._Clock._status == 'play')
fun(dataMap)
}
+// 拖拽时间指示器预览
+let timing = () => {
+ console.log("拖拽时间指示器预览")
+}
+const handleDrag = (newLeft: number) => {
+ console.log("handleDrag", newLeft)
+ // cursorLeft.value = newLeft;
+ // 同步到Store（如果需要保存拖拽后的位置到全局状态）
+ // props.TSOBJ._Store.setScale('cursorLeft', newLeft);
+ // 可选：拖拽时暂停播放（避免动画与拖拽冲突）
+ /*if (props.TSOBJ._Clock._status === 'play') {
+ stopCallBack('pause');
+ }*/
+};
let add = (num) => {
// 大格12个取值，小格间距3个取值，level，8-1
@@ -293,6 +332,7 @@ onBeforeUnmount(() => {
margin: 0 2px;
}
+
.title {
left: 62.5%;
position: absolute;
@@ -333,7 +373,7 @@ onBeforeUnmount(() => {
.timelineCursorBox {
position: absolute;
- border-right: 0.5px red solid;
+ border-right: 0.5px #0ff solid;
height: calc(100% - 16px);
z-index: 9;
//left: 10px;
@@ -343,12 +383,13 @@ onBeforeUnmount(() => {
.timeline-icon16 {
display: block;
position: absolute;
- width: 16px;
+ width: 13px;
height: 16px;
//width: vw(16);
//height: vw(16);
transform: translate(-50%, -16px);
- background: url("../../assets/img/indicator.png") no-repeat;
+ background: url("./img/indicator.png") no-repeat;
+ background-size: contain;
cursor: pointer;
}
}
@@ -357,4 +398,33 @@ onBeforeUnmount(() => {
}
}
+
+:deep(.multiplierBox) {
+ display: flex;
+ flex-direction: column;
+ text-align: center;
+ background: rgba(0, 0, 0, 0.5);
+
+ box-sizing: border-box;
+ border: 1.5px solid rgba(0, 255, 255, 1);
+
+ span {
+ line-height: 25px;
+ }
+
+ .multiplier-item {
+ &:hover {
+ background: rgba(0, 255, 255, 0.5); /* 高亮背景色 */
+ }
+ }
+
+ .active {
+ //background: rgba(0, 255, 255, 0.5); /* 高亮背景色 */
+ font-weight: 600; /* 加粗 */
+ color: #0ff;
+ }
+}
+
+
+
diff --git a/src/renderer/src/views/TS/edit.vue b/src/renderer/src/views/TS/edit.vue
index 3cdf87b..7151ae7 100644
--- a/src/renderer/src/views/TS/edit.vue
+++ b/src/renderer/src/views/TS/edit.vue
@@ -1,20 +1,116 @@
-
-