From 2c2bc8614c8ea0ce386369eb4924da1e6aa052d1 Mon Sep 17 00:00:00 2001
From: husq <931347610@qq.com>
Date: Wed, 27 Sep 2023 09:35:57 +0800
Subject: [PATCH] 添加环境配置区分

---
 src/pages/page-web/projects/project_list/list_page/list.vue |   72 ++++++++++++++++++++++++-----------
 1 files changed, 49 insertions(+), 23 deletions(-)

diff --git a/src/pages/page-web/projects/project_list/list_page/list.vue b/src/pages/page-web/projects/project_list/list_page/list.vue
index 1120166..5f27d3f 100644
--- a/src/pages/page-web/projects/project_list/list_page/list.vue
+++ b/src/pages/page-web/projects/project_list/list_page/list.vue
@@ -1,13 +1,23 @@
+<!--
+ * @Author: husq 931347610@qq.com
+ * @Date: 2023-09-13 18:21:08
+ * @LastEditors: husq 931347610@qq.com
+ * @LastEditTime: 2023-09-21 16:45:06
+ * @FilePath: \Cloud-API-Demo-Web\src\pages\page-web\projects\project_list\list_page\list.vue
+ * @Description:
+ *
+ * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
+-->
 <template>
   <div class="project">
     <div class="side-header">
       <div class="side-option flex-display flex-align-center flex-justify-between">
         <h2 class="title">项目列表</h2>
-        <PlusCircleOutlined @click="goAdd(11)" :style="{ fontSize: '20px' }" />
+        <PlusCircleOutlined @click="goAdd" :style="{ fontSize: '20px' }" />
       </div>
       <div class="border-bottom"></div>
     </div>
-    <div class="side-filter-warp">
+    <!-- <div class="side-filter-warp">
       <div class="side-filter flex-display flex-align-center flex-justify-between">
         <Select :bordered="false" :options="statusOption" v-model="params.projectStatus" @handleChange="handleChange" />
         <Select :bordered="false" :options="projectOption" v-model="params.project" @handleChange="handleChange" />
@@ -22,9 +32,9 @@
           </template>
         </a-input>
       </div>
-    </div>
+    </div> -->
     <div class="wrap_card">
-      <List :cardList="cardList" />
+      <List @refreshList="init" v-model="spinning" :cardList="cardList"></List>
     </div>
     <!-- <button @click="goDetail">列表详情</button> -->
   </div>
@@ -34,51 +44,66 @@
 import { ERouterName } from '/@/types/enums'
 import { statusOption, sortOption, projectOption, map, sortEnum } from './data'
 import { getPage as getProjectPage } from '/@/api/project-page'
+import { getPlatform } from '/@/api/manage'
 import { PlusCircleOutlined, MonitorOutlined } from '@ant-design/icons-vue'
 import { projectCard } from './components/data'
+import { useMyStore } from '/@/store'
 import Select from '/@/components/Search/Select.vue'
 import List from './components/ProjectList.vue'
+import { cesiumOperation } from '/@/hooks/use-cesium-tsa'
+const { appContext } = getCurrentInstance()
+const global = appContext.config.globalProperties
 const router = useRouter()
+const store = useMyStore()
 const sort = ref('createTime')
 const searchInput = ref(false)
-const params = ref({
+interface paramsFaca {
+  projectStatus: string
+  project: string
+  column: string
+  sort: string
+  projectName?: string
+}
+const params = ref<paramsFaca>({
   projectStatus: '',
   project: '',
-  orders: [
-    {
-      column: 'createTime',
-      asc: map.get('createTime')
-    }
-  ],
+  column: 'create_time',
+  sort: 'desc',
   projectName: '',
 })
+// ant 加载
+const spinning = ref<boolean>(false)
+
 const goDetail = () => {
   router.push({ name: ERouterName.WORKSPACE })
+  store.commit('SET_POINT_LIST', [])
 }
-const goAdd = (number:number) => {
-  console.log(number, 'number')
+const cesium = cesiumOperation(global.$viewer)
+console.log(global, 'global')
+const goAdd = () => {
   router.push({ name: ERouterName.ADD_PROJECT })
+  store.commit('SET_POINT_LIST', [])
 }
 const cardList = ref<projectCard[]>([])
 // 全部状态、全部项目筛选方法
 const handleChange = (e: any) => {
-  console.log(e, params.value, '=============')
   init()
 }
 // 排序方法
 const sortHandleChange = (e: string) => {
-  params.value.orders = [
-    {
-      column: sortEnum[e],
-      asc: map.get(e)
-    }
-  ]
+  params.value.column = sortEnum[e]
+  params.value.sort = map.get(e) || 'create_time'
   init()
 }
 // 页面初始化
 const init = async () => {
-  const res = await getProjectPage(params.value)
-  cardList.value = res.data.records
+  spinning.value = true
+  const res = await getPlatform(params.value, 1, 20).catch(e => {
+    spinning.value = false
+  })
+  cardList.value = res.data.list
+  cesium.removeAllPoint()
+  spinning.value = false
 }
 onMounted(() => {
   init()
@@ -159,4 +184,5 @@
     flex: 1;
     overflow-y: auto;
   }
-}</style>
+}
+</style>

--
Gitblit v1.9.3