From 3667807a7b7418efc090ee3fa6a6b734bc3080bf Mon Sep 17 00:00:00 2001
From: xieb <vip_xiaobin810@163.com>
Date: Wed, 13 Sep 2023 20:36:29 +0800
Subject: [PATCH] Merge branch 'develop' of http://s16s652780.51mypc.cn:49896/r/yskj/iot_drone_web into develop
---
src/pages/page-web/projects/project_list/list_page/components/ProjectList.vue | 38 +++++++++++++++++++++-----------------
1 files changed, 21 insertions(+), 17 deletions(-)
diff --git a/src/pages/page-web/projects/project_list/list_page/components/ProjectList.vue b/src/pages/page-web/projects/project_list/list_page/components/ProjectList.vue
index 49dbb85..6154fac 100644
--- a/src/pages/page-web/projects/project_list/list_page/components/ProjectList.vue
+++ b/src/pages/page-web/projects/project_list/list_page/components/ProjectList.vue
@@ -1,18 +1,8 @@
-<!--
- * @Author: 胡思旗 931347610@qq.com
- * @Date: 2023-08-28 15:23:47
- * @LastEditors: husq 931347610@qq.com
- * @LastEditTime: 2023-09-08 09:14:02
- * @FilePath: \Cloud-API-Demo-Web\src\pages\page-web\projects\project_list\list_page\components\ProjectList.vue
- * @Description:项目列表组件
- *
- * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
--->
<template>
<div class="project-box flex-common">
<a-spin :spinning="model" style="width: 100%;">
- <div class="project-card" v-for="item in cardList" :key="item.id">
- <div class="project-left">
+ <div class="project-card" :class="{active: index == selectIndex}" v-for="(item, index) in cardList" :key="item.id">
+ <div class="project-left" @click="goCenter(item, index)">
<div class="head mb10 flex-display flex-align-center flex-justify-between">
<div class="head-left flex-display flex-align-center">
<a-tag color="#87d068">{{ status[item.projectStatus] }}</a-tag>
@@ -64,7 +54,10 @@
import { status, projectCard } from './data'
import { del, edit } from '/@/api/project-page'
import { Modal, message } from 'ant-design-vue'
-import { useMyStore} from "/@/store";
+import { useMyStore } from '/@/store'
+import { flyTo, isEntityExist } from '/@/hooks/use-center-point'
+const { appContext } = getCurrentInstance()
+const global = appContext.config.globalProperties
const store = useMyStore()
const router = useRouter()
const emit = defineEmits(['refreshList', 'update:modelValue'])
@@ -84,6 +77,7 @@
}
})
const spinning = ref<boolean>(true)
+const selectIndex = ref(-1)
// 删除方法
const deleteItem = (item: projectCard) => {
Modal.confirm({
@@ -129,17 +123,24 @@
name: ERouterName.EDIT_PROJECT,
query: { id: item.id }
})
+ store.commit('SET_POINT_LIST', [])
}
const goDetail = (item: any) => {
- console.log(11)
+ console.log(item, 'item')
store.commit('SET_PROJECT_ID', item.id)
+ store.commit('SET_POINT_LIST', [])
router.push({
name: ERouterName.WORKSPACE,
- query: { id: item.id }
+ query: { id: item.id },
})
}
-
+const goCenter = (item:any, index:number) => {
+ selectIndex.value === index ? selectIndex.value = -1 : selectIndex.value = index
+ flyTo(global.$viewer, item.longitude, item.latitude)
+ const flag = isEntityExist(global.$viewer, item.longitude, item.latitude)
+ console.log(flag, 'fffff')
+}
</script>
<style scoped lang="scss">
@@ -161,7 +162,10 @@
border-bottom: 1px solid #4f4f4f;
display: flex;
}
-
+ .active {
+ cursor: pointer;
+ background-color: #101010;
+ }
.project-left {
padding: 16px;
flex: 1;
--
Gitblit v1.9.3