From 7517040d8f063d9dff649e7a61bb5b4496aacb82 Mon Sep 17 00:00:00 2001
From: lSun <15893999301@qq.com>
Date: Fri, 7 Nov 2025 11:11:53 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=9F=E8=83=BD=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/basic/model.js                 |    9 +
 src/api/basic/project.js               |    7 +
 src/layout/components/Navbar.vue       |   24 +-
 src/layout/components/Sidebar/Logo.vue |    8 +-
 src/views/basic/model-manage/index.vue | 2046 ++++++++++++------------
 src/views/basic/project/index.vue      | 1136 ++++++-------
 6 files changed, 1646 insertions(+), 1584 deletions(-)

diff --git a/src/api/basic/model.js b/src/api/basic/model.js
index f3c6ea1..16ed1ff 100644
--- a/src/api/basic/model.js
+++ b/src/api/basic/model.js
@@ -23,6 +23,15 @@ export function openView(data) {
         data,
     })
 }
+
+export function openViewAll(data) {
+  return request({
+    url: '/model/openViews',
+    method: 'post',
+    data,
+  })
+}
+
 // 删除层级
 export function delModelApi(data) {
     return request({
diff --git a/src/api/basic/project.js b/src/api/basic/project.js
index 2479aaf..713d557 100644
--- a/src/api/basic/project.js
+++ b/src/api/basic/project.js
@@ -50,3 +50,10 @@ export function getProjectSelectListApi() {
         method: 'get',
     })
 }
+//项目类型
+export function getProTypeListApi() {
+  return request({
+    url: '/project/proTypeSelect',
+    method: 'get',
+  })
+}
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 97e441c..64d3969 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -12,21 +12,21 @@
 
         <div class="right-menu">
             <template v-if="device !== 'mobile'">
-                <search id="header-search" class="right-menu-item" />
+<!--                <search id="header-search" class="right-menu-item" />-->
 
-                <el-tooltip content="源码地址" effect="dark" placement="bottom">
-                    <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
-                </el-tooltip>
+<!--                <el-tooltip content="源码地址" effect="dark" placement="bottom">-->
+<!--                    <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />-->
+<!--                </el-tooltip>-->
 
-                <el-tooltip content="文档地址" effect="dark" placement="bottom">
-                    <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
-                </el-tooltip>
+<!--                <el-tooltip content="文档地址" effect="dark" placement="bottom">-->
+<!--                    <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />-->
+<!--                </el-tooltip>-->
 
-                <screenfull id="screenfull" class="right-menu-item hover-effect" />
+<!--                <screenfull id="screenfull" class="right-menu-item hover-effect" />-->
 
-                <el-tooltip content="布局大小" effect="dark" placement="bottom">
-                    <size-select id="size-select" class="right-menu-item hover-effect" />
-                </el-tooltip>
+<!--                <el-tooltip content="布局大小" effect="dark" placement="bottom">-->
+<!--                    <size-select id="size-select" class="right-menu-item hover-effect" />-->
+<!--                </el-tooltip>-->
             </template>
 
             <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover">
@@ -45,7 +45,7 @@
             </el-dropdown>
 
             <div class="right-menu-item hover-effect setting" @click="setLayout" v-if="setting">
-                <svg-icon icon-class="more-up" />
+<!--                <svg-icon icon-class="more-up" />-->
             </div>
         </div>
     </div>
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 4ec53eb..1957fd3 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -3,11 +3,13 @@
     <transition name="sidebarLogoFade">
       <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
         <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
+
+        <h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }"> 水运AR应用平台 </h1>
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
         <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
+
+        <h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }"> 水运AR应用平台 </h1>
       </router-link>
     </transition>
   </div>
@@ -58,7 +60,7 @@ export default {
   height: 50px;
   line-height: 50px;
   background: #2b2f3a;
-  text-align: center;
+  //text-align: center;
   overflow: hidden;
 
   & .sidebar-logo-link {
diff --git a/src/views/basic/model-manage/index.vue b/src/views/basic/model-manage/index.vue
index 2808a40..e71319a 100644
--- a/src/views/basic/model-manage/index.vue
+++ b/src/views/basic/model-manage/index.vue
@@ -1,171 +1,171 @@
 <template>
-    <div class="app-container">
-        <el-form size="small" :inline="true" ref="queryForm" :model="queryParams">
-            <el-form-item label="项目名称" prop="projectId">
-                <!-- <el-input
-                    clearable
-                    placeholder="请输入项目名称"
-                    v-model="queryParams.proName"
-                    @keyup.enter.native="handleQuery"
-                /> -->
+  <div class="app-container">
+    <el-form size="small" :inline="true" ref="queryForm" :model="queryParams">
+      <el-form-item label="项目名称" prop="projectId">
+        <!-- <el-input
+            clearable
+            placeholder="请输入项目名称"
+            v-model="queryParams.proName"
+            @keyup.enter.native="handleQuery"
+        /> -->
 
-                <el-select
-                    placeholder="请选择项目名称"
-                    style="width: 240px"
-                    @change="handleProjectChange"
-                    v-model="queryParams.projectId"
-                >
-                    <el-option :key="item.id" :value="item.id" :label="item.name" v-for="item in projectSelectList" />
-                </el-select>
-            </el-form-item>
-            <el-form-item label="所属单位" prop="unit">
-                <el-input
-                    clearable
-                    placeholder="请输入所属单位"
-                    v-model="queryParams.unit"
-                    @keyup.enter.native="handleQuery"
-                />
-            </el-form-item>
-            <el-form-item label="负责人" prop="chargePerson">
-                <el-input
-                    clearable
-                    placeholder="请输入负责人"
-                    v-model="queryParams.chargePerson"
-                    @keyup.enter.native="handleQuery"
-                />
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
-                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-            </el-form-item>
-        </el-form>
+        <el-select
+          placeholder="请选择项目名称"
+          style="width: 240px"
+          @change="handleProjectChange"
+          v-model="queryParams.projectId"
+        >
+          <el-option :key="item.id" :value="item.id" :label="item.name" v-for="item in projectSelectList"/>
+        </el-select>
+      </el-form-item>
+      <!--            <el-form-item label="所属单位" prop="unit">
+                      <el-input
+                          clearable
+                          placeholder="请输入所属单位"
+                          v-model="queryParams.unit"
+                          @keyup.enter.native="handleQuery"
+                      />
+                  </el-form-item>-->
+      <el-form-item label="负责人" prop="chargePerson">
+        <el-input
+          clearable
+          placeholder="请输入负责人"
+          v-model="queryParams.chargePerson"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
 
-        <el-row :gutter="10" class="mb8">
-            <el-col :span="1.5">
-                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAddLevelTwo">
-                    新增
-                </el-button>
-                <el-button type="primary" plain icon="el-icon-view" size="mini" @click="handleModelPreview">
-                    模型预览
-                </el-button>
-            </el-col>
-            <!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getModelList"></right-toolbar> -->
-        </el-row>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAddLevelTwo">
+          新增
+        </el-button>
+        <el-button type="primary" plain icon="el-icon-view" size="mini" @click="handleModelPreview">
+          模型预览
+        </el-button>
+      </el-col>
+      <!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getModelList"></right-toolbar> -->
+    </el-row>
 
-        <el-table border row-key="id" v-loading="loading" :data="modelList" default-expand-all>
-            <el-table-column label="序号" align="center" type="index" />
-            <el-table-column label="分类名称" align="center">
-                <template slot-scope="{ row }">
-                    <span>{{ row.nodeName }}</span>
-                    <el-tag style="margin-left: 10px" size="mini" type="primary">节点{{ row.nodelevel }}</el-tag>
-                </template>
-            </el-table-column>
-            <el-table-column label="所属项目" align="center" prop="proName" />
-            <el-table-column label="层级名称" align="center" prop="levelName" />
-            <el-table-column label="操作" align="center" width="180">
-                <template slot-scope="{ row }">
-                    <el-button
-                        size="mini"
-                        type="text"
-                        icon="el-icon-plus"
-                        @click="handleAddChild(row)"
-                        v-if="row.nodelevel < row.nodeCount"
-                    >
-                        新增
-                    </el-button>
-
-                    <el-button
-                        size="mini"
-                        type="text"
-                        :icon="row.modelUrl ? 'el-icon-view' : 'el-icon-upload'"
-                        @click="row.modelUrl ? handleViewModel(row) : handleUploadModel(row)"
-                        v-if="row.nodeCount == row.nodelevel"
-                    >
-                        {{ row.modelUrl ? '查看模型' : '上传模型' }}
-                    </el-button>
-
-                    <!-- <el-button
+    <el-table border row-key="id" v-loading="loading" :data="modelList" default-expand-all>
+      <el-table-column label="序号" align="center" type="index"/>
+      <el-table-column label="分类名称" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.nodeName }}</span>
+          <el-tag style="margin-left: 10px" size="mini" type="primary">节点{{ row.nodelevel }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="所属项目" align="center" prop="proName"/>
+      <el-table-column label="层级名称" align="center" prop="levelName"/>
+      <el-table-column label="操作" align="center" width="180">
+        <template slot-scope="{ row }">
+          <el-button
             size="mini"
             type="text"
-            icon="el-icon-edit"
-            @click="handleEdit(row)"
-            v-if="row.level != 1"
+            icon="el-icon-plus"
+            @click="handleAddChild(row)"
+            v-if="row.nodelevel < row.nodeCount"
           >
-            修改
-          </el-button> -->
+            新增
+          </el-button>
 
-                    <el-button
-                        size="mini"
-                        type="text"
-                        icon="el-icon-delete"
-                        style="color: #f56c6c"
-                        @click="handleDelete(row.id)"
-                        v-if="row.nodeCount == row.nodelevel || row.children.length == 0"
-                    >
-                        删除
-                    </el-button>
-                </template>
-            </el-table-column>
-        </el-table>
+          <el-button
+            size="mini"
+            type="text"
+            :icon="row.modelUrl ? 'el-icon-view' : 'el-icon-upload'"
+            @click="row.modelUrl ? handleViewModel(row) : handleUploadModel(row)"
+            v-if="row.nodeCount == row.nodelevel"
+          >
+            {{ row.modelUrl ? '查看模型' : '上传模型' }}
+          </el-button>
 
-        <!--  <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getModelList"
-    /> -->
+          <!-- <el-button
+  size="mini"
+  type="text"
+  icon="el-icon-edit"
+  @click="handleEdit(row)"
+  v-if="row.level != 1"
+>
+  修改
+</el-button> -->
 
-        <el-dialog :title="title" :visible.sync="open" width="550px" append-to-body>
-            <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-                <el-form-item label="项目名称" prop="proName">
-                    <el-input v-model="form.proName" placeholder="请输入项目名称" />
-                </el-form-item>
-                <el-form-item label="层级配置" prop="level">
-                    <el-select v-model="form.level" placeholder="请选择层级配置" style="width: 100%">
-                        <el-option
-                            :key="item.configId"
-                            :value="item.configId"
-                            :label="item.configName"
-                            v-for="item in levelList"
-                        />
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="备注" prop="remark">
-                    <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
-                </el-form-item>
-            </el-form>
-            <div slot="footer" class="dialog-footer">
-                <el-button type="primary" @click="submitForm">确 定</el-button>
-                <el-button @click="cancel">取 消</el-button>
-            </div>
-        </el-dialog>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            style="color: #f56c6c"
+            @click="handleDelete(row.id)"
+            v-if="row.nodeCount == row.nodelevel || row.children.length == 0"
+          >
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
 
-        <el-dialog width="80%" append-to-body :title="useOrReturnFormTitle" :visible.sync="useOrReturnFormVisible">
-            <UseOrReturnForm
-                ref="useOrReturnFormComponentRef"
-                v-if="useOrReturnFormVisible"
-                :project-id="currentProjectId"
-                @closeUseOrReturnFormDialog="useOrReturnFormVisible = false"
-                @refreshParentList="getModelList"
+    <!--  <pagination
+  v-show="total > 0"
+  :total="total"
+  :page.sync="queryParams.pageNum"
+  :limit.sync="queryParams.pageSize"
+  @pagination="getModelList"
+/> -->
+
+    <el-dialog :title="title" :visible.sync="open" width="550px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="项目名称" prop="proName">
+          <el-input v-model="form.proName" placeholder="请输入项目名称"/>
+        </el-form-item>
+        <el-form-item label="层级配置" prop="level">
+          <el-select v-model="form.level" placeholder="请选择层级配置" style="width: 100%">
+            <el-option
+              :key="item.configId"
+              :value="item.configId"
+              :label="item.configName"
+              v-for="item in levelList"
             />
-        </el-dialog>
-        <!-- 添加或修改岗位对话框 -->
-        <el-dialog width="40%" append-to-body :title="addOrEditFormTitle" :visible.sync="addOrEditFormVisible">
-            <AddOrEditForm ref="addOrEditComponentRef" @closeAddOrEditFormDialog="closeAddOrEditFormDialog" />
-        </el-dialog>
-        <el-dialog
-            title="模型预览"
-            width="90%"
-            append-to-body
-            @close="onCloseMapView"
-            :visible.sync="modelPreviewVisible"
-        >
-            <!-- <dxf-viewer :entities="dxfPreviewUrl"></dxf-viewer> -->
+          </el-select>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入备注"/>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
 
-            <div id="map-container"> </div>
-        </el-dialog>
-    </div>
+    <el-dialog width="80%" append-to-body :title="useOrReturnFormTitle" :visible.sync="useOrReturnFormVisible">
+      <UseOrReturnForm
+        ref="useOrReturnFormComponentRef"
+        v-if="useOrReturnFormVisible"
+        :project-id="currentProjectId"
+        @closeUseOrReturnFormDialog="useOrReturnFormVisible = false"
+        @refreshParentList="getModelList"
+      />
+    </el-dialog>
+    <!-- 添加或修改岗位对话框 -->
+    <el-dialog width="40%" append-to-body :title="addOrEditFormTitle" :visible.sync="addOrEditFormVisible">
+      <AddOrEditForm ref="addOrEditComponentRef" @closeAddOrEditFormDialog="closeAddOrEditFormDialog"/>
+    </el-dialog>
+    <el-dialog
+      title="模型预览"
+      width="90%"
+      append-to-body
+      @close="onCloseMapView"
+      :visible.sync="modelPreviewVisible"
+    >
+      <!-- <dxf-viewer :entities="dxfPreviewUrl"></dxf-viewer> -->
+
+      <div id="map-container"></div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
@@ -176,923 +176,937 @@ import UseRecordTable from './useRecordTable.vue'
 import DxfViewer from './DxfViewer.vue'
 
 // 引入相关的 API 接口
-import { getModelListApi, delModelApi, openView } from '@/api/basic/model'
+import {getModelListApi, delModelApi, openView, openViewAll} from '@/api/basic/model'
 import {
-    listProject,
-    getProject,
-    delProject,
-    addProject,
-    updateProject,
-    getProjectSelectListApi,
+  listProject,
+  getProject,
+  delProject,
+  addProject,
+  updateProject,
+  getProjectSelectListApi,
 } from '@/api/basic/project'
-import { getLevelListApi } from '@/api/basic/level-manage.js'
+import {getLevelListApi} from '@/api/basic/level-manage.js'
 
 export default {
-    name: 'DeviceManage',
-    components: {
-        AddOrEditForm,
-        UseOrReturnForm,
-        UseRecordTable,
-        DxfViewer,
+  name: 'DeviceManage',
+  components: {
+    AddOrEditForm,
+    UseOrReturnForm,
+    UseRecordTable,
+    DxfViewer,
+  },
+
+  data() {
+    return {
+      // 用于新增/修改项目的对话框
+      open: false,
+      title: '', // 对话框标题
+      form: {
+        proId: undefined,
+        proName: undefined,
+        proType: undefined,
+        unit: undefined,
+        chargePerson: undefined,
+        location: undefined,
+        remark: undefined,
+        level: undefined,
+      },
+      rules: {
+        proName: [{required: true, message: '项目名称不能为空', trigger: 'blur'}],
+        level: [{required: true, message: '请选择层级配置', trigger: 'change'}],
+      },
+      levelList: [], // 层级配置列表
+
+      viewDialogVisible: false,
+      dxfPreviewUrl: [],
+      total: 0, // 总条数
+      loading: false, // 加载中
+      addOrEditFormTitle: '新增', // 新增或编辑对话框标题 (旧的AddOrEditForm组件使用)
+      addOrEditFormVisible: false, // 新增或编辑对话框是否显示 (旧的AddOrEditForm组件使用)
+      useOrReturnFormTitle: '模型上传', // 领用或归还对话框标题
+      useOrReturnFormVisible: false, // 领用或归还对话框是否显示
+      useRecordFormVisible: false, // 使用记录对话框是否显示
+      // 设备列表
+      modelList: [],
+      currentProjectId: null,
+      showSearch: true, // 控制搜索栏显示隐藏
+      // 查询参数
+      queryParams: {
+        // pageNum: 1, // 如果您的API支持分页，可以保留
+        // pageSize: 10, // 如果您的API支持分页，可以保留
+        projectId: undefined,
+        unit: undefined,
+        chargePerson: undefined,
+      },
+      projectSelectList: [],
+      list: [
+        {
+          label: '项目1',
+          id: 1,
+          level: 1,
+          count: 2,
+          children: [
+            // {
+            //     label: '节点1',
+            //     id: 1,
+            //     level: 2,
+            // },
+          ],
+        },
+        {
+          label: '项目2',
+          id: 2,
+          level: 1,
+          count: 3,
+          children: [
+            {
+              label: '节点1',
+              id: 1,
+              level: 2,
+            },
+          ],
+        },
+      ],
+
+      map: null,
+      modelPreviewVisible: false,
+      modelPreviewInfoList: [],
+      projectIdAll: '',
+    }
+  },
+  created() {
+    this.getLevelList() // 获取层级配置数据
+    this.getProjectSelectList()
+  },
+  methods: {
+    /** 获取层级配置列表 */
+    async getLevelList() {
+      try {
+        const res = await getLevelListApi({
+          pageNum: 1,
+          pageSize: 1000,
+        })
+        this.levelList = res.rows
+      } catch (error) {
+        console.error('获取层级配置失败:', error)
+      }
+    },
+    // 打开新增项目对话框
+    handleAdd() {
+      this.reset() // 重置表单
+      this.open = true // 显示对话框
+      this.title = '新增项目' // 设置对话框标题
+    },
+    // 查看模型按钮
+    handleViewModel(row) {
+      /*  const modelUrl = row.modelUrl
+if (!modelUrl || !modelUrl.endsWith('.dxf')) {
+  this.$modal.msgWarning('模型地址无效或不是DXF文件')
+  return
+} */
+      /* 新需求 重新做 上面建议不要删除  有需要直接可以查看 */
+      // openView({ id: row.id })
+      //     .then((response) => {
+      //         this.dxfPreviewUrl = response.data
+      //         this.viewDialogVisible = true
+      //     })
+      //     .catch((error) => {
+      //         // console.error('获取项目详情失败:', error)
+      //     })
+
+      openView({id: row.id})
+        .then((res) => {
+          this.modelPreviewInfoList = res.data
+          this.modelPreviewVisible = true
+
+          console.log('res', res.data)
+          this.initMap()
+        })
+        .catch((err) => {
+          console.error('获取模型详情失败:', err)
+        })
     },
 
-    data() {
-        return {
-            // 用于新增/修改项目的对话框
-            open: false,
-            title: '', // 对话框标题
-            form: {
-                proId: undefined,
-                proName: undefined,
-                proType: undefined,
-                unit: undefined,
-                chargePerson: undefined,
-                location: undefined,
-                remark: undefined,
-                level: undefined,
-            },
-            rules: {
-                proName: [{ required: true, message: '项目名称不能为空', trigger: 'blur' }],
-                level: [{ required: true, message: '请选择层级配置', trigger: 'change' }],
-            },
-            levelList: [], // 层级配置列表
+    // 查询按钮
+    handleQuery() {
+      this.queryParams.pageNum = 1 // 假设有分页，查询时重置页码
+      this.getModelList()
+    },
 
-            viewDialogVisible: false,
-            dxfPreviewUrl: [],
-            total: 0, // 总条数
-            loading: false, // 加载中
-            addOrEditFormTitle: '新增', // 新增或编辑对话框标题 (旧的AddOrEditForm组件使用)
-            addOrEditFormVisible: false, // 新增或编辑对话框是否显示 (旧的AddOrEditForm组件使用)
-            useOrReturnFormTitle: '模型上传', // 领用或归还对话框标题
-            useOrReturnFormVisible: false, // 领用或归还对话框是否显示
-            useRecordFormVisible: false, // 使用记录对话框是否显示
-            // 设备列表
-            modelList: [],
-            currentProjectId: null,
-            showSearch: true, // 控制搜索栏显示隐藏
-            // 查询参数
-            queryParams: {
-                // pageNum: 1, // 如果您的API支持分页，可以保留
-                // pageSize: 10, // 如果您的API支持分页，可以保留
-                projectId: undefined,
-                unit: undefined,
-                chargePerson: undefined,
-            },
-            projectSelectList: [],
-            list: [
-                {
-                    label: '项目1',
-                    id: 1,
-                    level: 1,
-                    count: 2,
-                    children: [
-                        // {
-                        //     label: '节点1',
-                        //     id: 1,
-                        //     level: 2,
-                        // },
-                    ],
-                },
-                {
-                    label: '项目2',
-                    id: 2,
-                    level: 1,
-                    count: 3,
-                    children: [
-                        {
-                            label: '节点1',
-                            id: 1,
-                            level: 2,
-                        },
-                    ],
-                },
-            ],
+    // 重置按钮
+    resetQuery() {
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
 
-            map: null,
-            modelPreviewVisible: false,
-            modelPreviewInfoList: [],
+    // 新增设备 (如果您的旧组件AddOrEditForm.vue仍然需要，可以保留此方法)
+    handleAddDevice() {
+      this.addOrEditFormTitle = '新增'
+      this.editForm = null
+      this.addOrEditFormVisible = true
+    },
+
+    // 新增子节点
+    handleAddChild(row) {
+      const {id, nodeName, nodelevel, nodeCount, projectId} = row
+
+      this.addOrEditFormTitle = '新增'
+      this.editForm = null
+      this.addOrEditFormVisible = true
+
+      const editForm = {deviceName: nodeName, id, level: nodelevel * 1 + 1, nodeCount, projectId}
+      this.$nextTick(() => {
+        this.$refs.addOrEditComponentRef.setFormData(editForm)
+      })
+    },
+
+    // 获取模型列表
+    // 生成 UUID，备用当 nodeId 缺失时
+    generateUUID() {
+      return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+        const r = (Math.random() * 16) | 0
+        const v = c === 'x' ? r : (r & 0x3) | 0x8
+        return v.toString(16)
+      })
+    },
+
+    // 获取模型列表
+    // 获取模型列表 - 最终优化版
+    // 获取模型列表 - 最终优化版
+    async getModelList() {
+      this.loading = true
+
+      const {rows: res} = await getModelListApi(this.queryParams)
+      console.log(res, '模型列表')
+      this.loading = false
+      this.modelList = this.onBuildTree(res)
+      // getModelListApi(this.queryParams)
+      //     .then((response) => {
+      //         const rawList = response.rows || []
+
+      //         // 增强型递归处理
+      //         const formatNodes = (nodes, level = 2) => {
+      //             // 从第二级开始
+      //             if (!Array.isArray(nodes)) return []
+
+      //             return nodes
+      //                 .filter((item) => item && item.nodeId) // 过滤无效节点
+      //                 .map((item) => ({
+      //                     ...item,
+      //                     id: item.nodeId,
+      //                     name: item.nodeName || '未命名节点',
+      //                     level: level, // 添加层级标记
+      //                     // 递归处理子节点，层级+1
+      //                     nodes: formatNodes(item.nodes || item.children || [], level + 1),
+      //                 }))
+      //         }
+
+      //         // 处理项目层数据
+      //         const formatted = rawList.map((project) => {
+      //             const children = project.children || []
+
+      //             // 获取层级名称（项目级才需要）
+      //             let levelName = ''
+      //             let nodeCount = ''
+      //             if (this.levelList && this.levelList.length > 0) {
+      //                 const levelConfig = this.levelList.find(
+      //                     (item) => item.configId == project.level, // 注意类型匹配
+      //                 )
+      //                 levelName = levelConfig ? levelConfig.configName : ''
+      //             }
+
+      //             return {
+      //                 ...project,
+      //                 id: project.projectId,
+      //                 name: project.proName || '未命名项目',
+      //                 level: 1, // 项目级标记为1
+      //                 levelName: project.levelName, // 添加层级名称
+      //                 nodes: formatNodes(children),
+      //                 rawData: project,
+      //                 nodeCount: project.nodeCount,
+      //             }
+      //         })
+
+      //         this.modelList = formatted
+      //         this.total = response.total
+      //         this.loading = false
+      //     })
+      //     .catch((error) => {
+      //         console.error('获取模型列表失败:', error)
+      //         this.loading = false
+      //         this.$message.error('模型数据加载失败，请重试')
+      //     })
+    },
+    // 上传按钮
+    handleUploadModel(row) {
+      this.$nextTick(() => {
+        this.currentProjectId = row.id || null
+        this.useOrReturnFormVisible = true
+        // 找到子组件并调用它的 resetForm 方法 (如果存在)
+        // 确保 useOrReturnFormComponentRef 存在且 resetForm 是一个函数
+        if (
+          this.$refs.useOrReturnFormComponentRef &&
+          typeof this.$refs.useOrReturnFormComponentRef.resetForm === 'function'
+        ) {
+          this.$refs.useOrReturnFormComponentRef.resetForm()
         }
+      })
     },
-    created() {
-        this.getLevelList() // 获取层级配置数据
-        this.getProjectSelectList()
+
+    // 查看记录按钮
+    handleViewRecord(row) {
+      console.log(row)
+      this.useRecordFormVisible = true
     },
-    methods: {
-        /** 获取层级配置列表 */
-        async getLevelList() {
-            try {
-                const res = await getLevelListApi({
-                    pageNum: 1,
-                    pageSize: 1000,
-                })
-                this.levelList = res.rows
-            } catch (error) {
-                console.error('获取层级配置失败:', error)
-            }
-        },
-        // 打开新增项目对话框
-        handleAdd() {
-            this.reset() // 重置表单
-            this.open = true // 显示对话框
-            this.title = '新增项目' // 设置对话框标题
-        },
-        // 查看模型按钮
-        handleViewModel(row) {
-            /*  const modelUrl = row.modelUrl
-      if (!modelUrl || !modelUrl.endsWith('.dxf')) {
-        this.$modal.msgWarning('模型地址无效或不是DXF文件')
-        return
-      } */
-            /* 新需求 重新做 上面建议不要删除  有需要直接可以查看 */
-            // openView({ id: row.id })
-            //     .then((response) => {
-            //         this.dxfPreviewUrl = response.data
-            //         this.viewDialogVisible = true
-            //     })
-            //     .catch((error) => {
-            //         // console.error('获取项目详情失败:', error)
-            //     })
 
-            openView({ id: row.id })
-                .then((res) => {
-                    this.modelPreviewInfoList = res.data
-                    this.modelPreviewVisible = true
+    // 编辑按钮 (旧的AddOrEditForm组件使用)
+    handleEdit(row) {
+      const {id, proName, level, nodeCount} = row
+      this.addOrEditFormTitle = '编辑'
+      this.editForm = null
+      this.addOrEditFormVisible = true
 
-                    console.log('res', res.data)
-                    this.initMap()
-                })
-                .catch((err) => {
-                    console.error('获取模型详情失败:', err)
-                })
-        },
+      const editForm = {deviceName: proName, id, level, nodeCount}
+      this.$nextTick(() => {
+        // 确保 addOrEditComponentRef 存在
+        if (this.$refs.addOrEditComponentRef) {
+          this.$refs.addOrEditComponentRef.setFormData(editForm)
+        }
+      })
+    },
 
-        // 查询按钮
-        handleQuery() {
-            this.queryParams.pageNum = 1 // 假设有分页，查询时重置页码
+    /** 修改按钮操作 (使用新的弹窗) */
+    handleUpdate(row) {
+      this.reset()
+      const proId = row.id // 对于模型列表，id 对应 projectId
+      getProject(proId)
+        .then((response) => {
+          this.form = response.data
+          this.open = true
+          this.title = '修改项目'
+          // 注意：这里 form.level 的赋值可能需要根据您的实际数据结构调整
+          // 比如，如果 response.data.level 是 configId，则可以直接赋值
+          // this.form.level = response.data.level;
+        })
+        .catch((error) => {
+          console.error('获取项目详情失败:', error)
+        })
+    },
+
+    // 删除按钮
+    handleDelete(id) {
+      this.$modal
+        .confirm('是否确认删除当前节点数据吗？')
+        .then(async () => {
+          // 根据 row.level 判断是删除项目还是删除模型节点
+          // let res
+          // if (row.level === 1) {
+          //     // 假设 level 1 是项目
+          //     res = await delProject(row.id) // 使用 delProject API 删除项目
+          // } else {
+          //     res = await delModelApi({ id: row.id }) // 使用 delModelApi 删除模型节点
+          // }
+
+          const res = await delModelApi({id})
+          if (res.code === 200) {
+            this.$modal.msgSuccess('删除成功')
             this.getModelList()
-        },
+          } else {
+            this.$modal.msgError(res.msg || '删除失败')
+          }
+        })
+        .catch(() => {
+          // 用户取消删除
+        })
+    },
 
-        // 重置按钮
-        resetQuery() {
-            this.resetForm('queryForm')
-            this.handleQuery()
-        },
+    // 关闭新增或编辑对话框 (针对旧的AddOrEditForm组件)
+    closeAddOrEditFormDialog(isSuccess) {
+      if (this.$refs.addOrEditComponentRef) {
+        this.$refs.addOrEditComponentRef.resetForm()
+      }
+      this.addOrEditFormVisible = false
+      if (isSuccess) {
+        this.getModelList()
+      }
+    },
 
-        // 新增设备 (如果您的旧组件AddOrEditForm.vue仍然需要，可以保留此方法)
-        handleAddDevice() {
-            this.addOrEditFormTitle = '新增'
-            this.editForm = null
-            this.addOrEditFormVisible = true
-        },
+    // 关闭领用或归还对话框 (UseOrReturnForm)
+    closeUseOrReturnFormDialog() {
+      // 这个方法现在由 @closeUseOrReturnFormDialog="useOrReturnFormVisible = false" 直接处理，
+      // 如果还需要 resetForm，可以取消注释下面两行并确保子组件有此方法
+      // if (this.$refs.useOrReturnFormComponentRef) {
+      //   this.$refs.useOrReturnFormComponentRef.resetForm();
+      // }
+      this.useOrReturnFormVisible = false
+    },
 
-        // 新增子节点
-        handleAddChild(row) {
-            const { id, nodeName, nodelevel, nodeCount, projectId } = row
+    // 新增/修改项目对话框的取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 新增/修改项目对话框的表单重置
+    reset() {
+      this.form = {
+        proId: undefined,
+        proName: undefined,
+        proType: undefined,
+        unit: undefined,
+        chargePerson: undefined,
+        location: undefined,
+        remark: undefined,
+        level: undefined,
+      }
+      this.resetForm('form') // Element UI 的 resetForm 方法
+    },
+    /** 提交按钮 (新增/修改项目) */
+    submitForm: function () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          if (this.form.proId != undefined) {
+            updateProject(this.form)
+              .then((response) => {
+                this.$modal.msgSuccess('修改成功')
+                this.open = false
+                this.getModelList() // 刷新列表
+              })
+              .catch((error) => {
+                console.error('修改项目失败:', error)
+              })
+          } else {
+            addProject(this.form)
+              .then((response) => {
+                this.$modal.msgSuccess('新增成功')
+                this.open = false
+                this.getModelList() // 刷新列表
+              })
+              .catch((error) => {
+                console.error('新增项目失败:', error)
+              })
+          }
+        }
+      })
+    },
 
-            this.addOrEditFormTitle = '新增'
-            this.editForm = null
-            this.addOrEditFormVisible = true
+    // 获取所有的项目下拉选
+    async getProjectSelectList() {
+      const {data: res} = await getProjectSelectListApi()
 
-            const editForm = { deviceName: nodeName, id, level: nodelevel * 1 + 1, nodeCount, projectId }
-            this.$nextTick(() => {
-                this.$refs.addOrEditComponentRef.setFormData(editForm)
+      console.log(res, '下拉选的所有数据')
+      this.projectSelectList = res
+
+      if (res.length > 0) {
+        this.queryParams.projectId = res[0].id
+        this.projectIdAll = res[0].id
+        this.getModelList()
+      }
+    },
+
+    // 新增二级节点
+
+    handleAddLevelTwo() {
+      this.addOrEditFormTitle = '新增'
+      this.editForm = null
+      this.addOrEditFormVisible = true
+      const deviceName = this.projectSelectList.find((item) => item.id === this.queryParams.projectId).name
+      const nodeCount = this.projectSelectList.find((item) => item.id === this.queryParams.projectId).nodeCount
+      const editForm = {
+        deviceName,
+        level: 2,
+        nodeCount,
+        projectId: this.queryParams.projectId,
+        id: this.queryParams.projectId,
+      }
+      this.$nextTick(() => {
+        this.$refs.addOrEditComponentRef.setFormData(editForm)
+      })
+    },
+
+    // 项目切换
+    handleProjectChange() {
+      this.getModelList()
+    },
+
+    // 递归构建树形结构
+    onBuildTree(data) {
+      // 1. 筛选顶级节点（nodelevel为"2"）
+      const topNodes = data.filter((item) => item.nodelevel == '2')
+      return topNodes.map((node) => ({
+        ...node,
+        children: this.findChildren(node, data), // 顶级节点的子节点
+      }))
+    },
+
+    // 查找子节点
+    findChildren(node, data) {
+      // 寻找parentId等于当前节点id的所有项，作为子节点
+      const children = data.filter((item) => item.parentId == node.id)
+      // 如果有子节点，递归处理每个子节点的后代
+      if (children.length > 0) {
+        // 为每个子节点添加nodes属性，并递归查找其后代
+        return children.map((child) => ({
+          ...child,
+          children: this.findChildren(child, data), // 递归关键：子节点的子节点
+        }))
+      }
+      // 没有子节点时返回空数组（或保留null，根据需求调整）
+      return []
+    },
+
+    // 模型预览
+    handleModelPreview() {
+
+      openViewAll({projectId: this.projectIdAll})
+        .then((res) => {
+          this.modelPreviewInfoList = res.data
+          this.modelPreviewVisible = true
+
+          console.log('res', res.data)
+          this.initMap()
+        })
+        .catch((err) => {
+          console.error('获取模型详情失败:', err)
+        })
+      // this.modelPreviewVisible = true
+      //
+      // // 百度地图初始化
+      // this.initMap()
+    },
+
+    // 预览弹框关闭
+    onCloseMapView() {
+      // 销毁地图实例
+      if (this.map) {
+        this.map = null
+      }
+    },
+
+    // 百度地图初始化
+    initMap() {
+      // 初始化开启地球模式
+      const lon = this.projectSelectList.find((item) => item.id == this.queryParams.projectId).lon * 1
+      const lat = this.projectSelectList.find((item) => item.id == this.queryParams.projectId).lat * 1
+      this.$nextTick(() => {
+        this.map = new BMapGL.Map('map-container') // 创建地图实例
+        this.map.setMapType(BMAP_EARTH_MAP) // 地球模式
+        this.map.setDisplayOptions({
+          poiText: false, // 隐藏POI文字
+          poiIcon: false, // 隐藏POI图标
+          building: false, // 隐藏建筑物
+        })
+        let point = new BMapGL.Point(lon, lat) // 创建点坐标
+        this.map.centerAndZoom(point, 16) // 初始化地图，设置中心点坐标和地图级别
+        this.map.enableScrollWheelZoom(true) // 启用滚轮放大缩小
+
+        this.drawModel(this.modelPreviewInfoList)
+      })
+    },
+
+    // drawModel方法
+    async drawModel(modelInfoList) {
+      // 清除现有覆盖物
+      this.map.clearOverlays()
+
+      for (const item of modelInfoList) {
+        console.log(item, 'item')
+        try {
+          // 处理新的LWPOLYLINE数据结构
+          if (item.entityType === 'LWPOLYLINE') {
+            console.log('处理LWPOLYLINE:', item)
+            const pointList = JSON.parse(item.geometry)
+            console.log(pointList, 'pointList')
+            const newPointList = pointList?.segments
+            console.log(newPointList, 'newPointList')
+
+            // 根据newPointList 中的type绘制线和半圆
+            newPointList.forEach((item) => {
+              if (item.type === 'line') {
+                const line = new BMapGL.Polyline(
+                  [
+                    new BMapGL.Point(item.start[0], item.start[1]),
+                    new BMapGL.Point(item.end[0], item.end[1]),
+                  ],
+                  {
+                    strokeColor: 'red',
+                    strokeWeight: 2,
+                    strokeOpacity: 0.8,
+                  },
+                )
+                this.map.addOverlay(line)
+              } else if (item.type === 'arc') {
+                console.log('画半圆', item)
+                // 绘制半圆弧线
+                if (item.start_point && item.end_point && item.center && item.radius) {
+                  const arcPoints = this.generateArcPoints(
+                    item.center,
+                    item.radius,
+                    item.start_point,
+                    item.end_point,
+                  )
+                  const arcPolyline = new BMapGL.Polyline(arcPoints, {
+                    strokeColor: 'red',
+                    strokeWeight: 2,
+                    strokeOpacity: 0.8,
+                  })
+                  this.map.addOverlay(arcPolyline)
+                } else {
+                  // 如果没有起点和终点，则绘制完整圆（备用方案）
+                  const circle = new BMapGL.Circle(
+                    new BMapGL.Point(item.center[0], item.center[1]),
+                    item.radius,
+                    {
+                      strokeColor: 'red',
+                      strokeWeight: 2,
+                      fillColor: 'rgba(0,0,255,0.3)',
+                    },
+                  )
+                  this.map.addOverlay(circle)
+                }
+              }
             })
-        },
 
-        // 获取模型列表
-        // 生成 UUID，备用当 nodeId 缺失时
-        generateUUID() {
-            return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
-                const r = (Math.random() * 16) | 0
-                const v = c === 'x' ? r : (r & 0x3) | 0x8
-                return v.toString(16)
-            })
-        },
-
-        // 获取模型列表
-        // 获取模型列表 - 最终优化版
-        // 获取模型列表 - 最终优化版
-        async getModelList() {
-            this.loading = true
-
-            const { rows: res } = await getModelListApi(this.queryParams)
-            console.log(res, '模型列表')
-            this.loading = false
-            this.modelList = this.onBuildTree(res)
-            // getModelListApi(this.queryParams)
-            //     .then((response) => {
-            //         const rawList = response.rows || []
-
-            //         // 增强型递归处理
-            //         const formatNodes = (nodes, level = 2) => {
-            //             // 从第二级开始
-            //             if (!Array.isArray(nodes)) return []
-
-            //             return nodes
-            //                 .filter((item) => item && item.nodeId) // 过滤无效节点
-            //                 .map((item) => ({
-            //                     ...item,
-            //                     id: item.nodeId,
-            //                     name: item.nodeName || '未命名节点',
-            //                     level: level, // 添加层级标记
-            //                     // 递归处理子节点，层级+1
-            //                     nodes: formatNodes(item.nodes || item.children || [], level + 1),
-            //                 }))
+            // if (pointList.points && pointList.points.length > 0) {
+            //     // 提取坐标点和角度信息
+            //     const pointsWithAngles = pointList.points.map((point) => {
+            //         const [lng, lat, , , angle] = point // 提取经度、纬度和角度
+            //         return {
+            //             point: new BMapGL.Point(lng, lat),
+            //             angle: angle || 40, // 角度信息
             //         }
-
-            //         // 处理项目层数据
-            //         const formatted = rawList.map((project) => {
-            //             const children = project.children || []
-
-            //             // 获取层级名称（项目级才需要）
-            //             let levelName = ''
-            //             let nodeCount = ''
-            //             if (this.levelList && this.levelList.length > 0) {
-            //                 const levelConfig = this.levelList.find(
-            //                     (item) => item.configId == project.level, // 注意类型匹配
-            //                 )
-            //                 levelName = levelConfig ? levelConfig.configName : ''
-            //             }
-
-            //             return {
-            //                 ...project,
-            //                 id: project.projectId,
-            //                 name: project.proName || '未命名项目',
-            //                 level: 1, // 项目级标记为1
-            //                 levelName: project.levelName, // 添加层级名称
-            //                 nodes: formatNodes(children),
-            //                 rawData: project,
-            //                 nodeCount: project.nodeCount,
-            //             }
-            //         })
-
-            //         this.modelList = formatted
-            //         this.total = response.total
-            //         this.loading = false
             //     })
-            //     .catch((error) => {
-            //         console.error('获取模型列表失败:', error)
-            //         this.loading = false
-            //         this.$message.error('模型数据加载失败，请重试')
+
+            //     console.log(pointsWithAngles, 'pointsWithAngles')
+
+            //     // 根据颜色设置线条样式
+            //     const getColorByIndex = (colorIndex) => {
+            //         const colors = ['red', 'yellow', 'green', 'cyan', 'blue', 'magenta', 'white', 'gray']
+            //         return colors[colorIndex] || 'red'
+            //     }
+
+            //     // 生成一个0-7的随机整数作为颜色索引
+            //     const colorIndex = Math.floor(Math.random() * 7)
+
+            //     // 创建带弧度的多段线
+            //     const curvedLinePoints = this.createCurvedLine(pointsWithAngles)
+
+            //     // 创建多段线（带弧度）
+            //     const polyline = new BMapGL.Polyline(curvedLinePoints, {
+            //         strokeColor: getColorByIndex(colorIndex),
+            //         strokeWeight: 2,
+            //         strokeOpacity: 0.8,
+            //         strokeStyle: 'solid',
             //     })
-        },
-        // 上传按钮
-        handleUploadModel(row) {
-            this.$nextTick(() => {
-                this.currentProjectId = row.id || null
-                this.useOrReturnFormVisible = true
-                // 找到子组件并调用它的 resetForm 方法 (如果存在)
-                // 确保 useOrReturnFormComponentRef 存在且 resetForm 是一个函数
-                if (
-                    this.$refs.useOrReturnFormComponentRef &&
-                    typeof this.$refs.useOrReturnFormComponentRef.resetForm === 'function'
-                ) {
-                    this.$refs.useOrReturnFormComponentRef.resetForm()
-                }
-            })
-        },
 
-        // 查看记录按钮
-        handleViewRecord(row) {
-            console.log(row)
-            this.useRecordFormVisible = true
-        },
-
-        // 编辑按钮 (旧的AddOrEditForm组件使用)
-        handleEdit(row) {
-            const { id, proName, level, nodeCount } = row
-            this.addOrEditFormTitle = '编辑'
-            this.editForm = null
-            this.addOrEditFormVisible = true
-
-            const editForm = { deviceName: proName, id, level, nodeCount }
-            this.$nextTick(() => {
-                // 确保 addOrEditComponentRef 存在
-                if (this.$refs.addOrEditComponentRef) {
-                    this.$refs.addOrEditComponentRef.setFormData(editForm)
-                }
-            })
-        },
-
-        /** 修改按钮操作 (使用新的弹窗) */
-        handleUpdate(row) {
-            this.reset()
-            const proId = row.id // 对于模型列表，id 对应 projectId
-            getProject(proId)
-                .then((response) => {
-                    this.form = response.data
-                    this.open = true
-                    this.title = '修改项目'
-                    // 注意：这里 form.level 的赋值可能需要根据您的实际数据结构调整
-                    // 比如，如果 response.data.level 是 configId，则可以直接赋值
-                    // this.form.level = response.data.level;
-                })
-                .catch((error) => {
-                    console.error('获取项目详情失败:', error)
-                })
-        },
-
-        // 删除按钮
-        handleDelete(id) {
-            this.$modal
-                .confirm('是否确认删除当前节点数据吗？')
-                .then(async () => {
-                    // 根据 row.level 判断是删除项目还是删除模型节点
-                    // let res
-                    // if (row.level === 1) {
-                    //     // 假设 level 1 是项目
-                    //     res = await delProject(row.id) // 使用 delProject API 删除项目
-                    // } else {
-                    //     res = await delModelApi({ id: row.id }) // 使用 delModelApi 删除模型节点
-                    // }
-
-                    const res = await delModelApi({ id })
-                    if (res.code === 200) {
-                        this.$modal.msgSuccess('删除成功')
-                        this.getModelList()
-                    } else {
-                        this.$modal.msgError(res.msg || '删除失败')
-                    }
-                })
-                .catch(() => {
-                    // 用户取消删除
-                })
-        },
-
-        // 关闭新增或编辑对话框 (针对旧的AddOrEditForm组件)
-        closeAddOrEditFormDialog(isSuccess) {
-            if (this.$refs.addOrEditComponentRef) {
-                this.$refs.addOrEditComponentRef.resetForm()
-            }
-            this.addOrEditFormVisible = false
-            if (isSuccess) {
-                this.getModelList()
-            }
-        },
-
-        // 关闭领用或归还对话框 (UseOrReturnForm)
-        closeUseOrReturnFormDialog() {
-            // 这个方法现在由 @closeUseOrReturnFormDialog="useOrReturnFormVisible = false" 直接处理，
-            // 如果还需要 resetForm，可以取消注释下面两行并确保子组件有此方法
-            // if (this.$refs.useOrReturnFormComponentRef) {
-            //   this.$refs.useOrReturnFormComponentRef.resetForm();
+            //     this.map.addOverlay(polyline)
             // }
-            this.useOrReturnFormVisible = false
-        },
+          } else if (item.entityType === 'LINE') {
+            const geometry = JSON.parse(item.geometry)
+            const start = geometry.start
+            const end = geometry.end
 
-        // 新增/修改项目对话框的取消按钮
-        cancel() {
-            this.open = false
-            this.reset()
-        },
-        // 新增/修改项目对话框的表单重置
-        reset() {
-            this.form = {
-                proId: undefined,
-                proName: undefined,
-                proType: undefined,
-                unit: undefined,
-                chargePerson: undefined,
-                location: undefined,
-                remark: undefined,
-                level: undefined,
+            // 转换坐标
+
+            const polyline = new BMapGL.Polyline(
+              [new BMapGL.Point(start[0], start[1]), new BMapGL.Point(end[0], end[1])],
+              {strokeColor: 'red', strokeWeight: 2, strokeOpacity: 0.8},
+            )
+            this.map.addOverlay(polyline)
+          } else if (item.entityType === 'CIRCLE') {
+            const geometry = JSON.parse(item.geometry)
+            const center = geometry.center
+            const radius = geometry.radius
+
+            // 转换中心点坐标
+
+            if (center.length > 0) {
+              const circle = new BMapGL.Circle(new BMapGL.Point(center[0], center[1]), radius, {
+                strokeColor: 'blue',
+                strokeWeight: 2,
+                fillColor: 'rgba(0,0,255,0.3)',
+              })
+              this.map.addOverlay(circle)
             }
-            this.resetForm('form') // Element UI 的 resetForm 方法
-        },
-        /** 提交按钮 (新增/修改项目) */
-        submitForm: function () {
-            this.$refs['form'].validate((valid) => {
-                if (valid) {
-                    if (this.form.proId != undefined) {
-                        updateProject(this.form)
-                            .then((response) => {
-                                this.$modal.msgSuccess('修改成功')
-                                this.open = false
-                                this.getModelList() // 刷新列表
-                            })
-                            .catch((error) => {
-                                console.error('修改项目失败:', error)
-                            })
-                    } else {
-                        addProject(this.form)
-                            .then((response) => {
-                                this.$modal.msgSuccess('新增成功')
-                                this.open = false
-                                this.getModelList() // 刷新列表
-                            })
-                            .catch((error) => {
-                                console.error('新增项目失败:', error)
-                            })
-                    }
+          } else {
+            // 处理多边形或其他图形
+            const pointList = JSON.parse(item.geometry)
+
+            console.log(pointList, 'pointList')
+
+            if (pointList.points.length > 0) {
+              // 解析点坐标和角度（假设格式为 [x, y, ..., angle]）
+              const path = pointList.points.map((p) => {
+                const [lng, lat, , , angle] = p // 提取角度（最后一个参数）
+                return {
+                  point: new BMapGL.Point(lng, lat),
+                  angle: angle || 0, // 角度默认为0
                 }
-            })
-        },
+              })
 
-        // 获取所有的项目下拉选
-        async getProjectSelectList() {
-            const { data: res } = await getProjectSelectListApi()
+              let overlay = null
+              if (path.length === 1) {
+                // 1. 单点：绘制带方向的标记（箭头）
+                const {point, angle} = path[0]
 
-            console.log(res, '下拉选的所有数据')
-            this.projectSelectList = res
-
-            if (res.length > 0) {
-                this.queryParams.projectId = res[0].id
-                this.getModelList()
-            }
-        },
-
-        // 新增二级节点
-
-        handleAddLevelTwo() {
-            this.addOrEditFormTitle = '新增'
-            this.editForm = null
-            this.addOrEditFormVisible = true
-            const deviceName = this.projectSelectList.find((item) => item.id === this.queryParams.projectId).name
-            const nodeCount = this.projectSelectList.find((item) => item.id === this.queryParams.projectId).nodeCount
-            const editForm = {
-                deviceName,
-                level: 2,
-                nodeCount,
-                projectId: this.queryParams.projectId,
-                id: this.queryParams.projectId,
-            }
-            this.$nextTick(() => {
-                this.$refs.addOrEditComponentRef.setFormData(editForm)
-            })
-        },
-
-        // 项目切换
-        handleProjectChange() {
-            this.getModelList()
-        },
-
-        // 递归构建树形结构
-        onBuildTree(data) {
-            // 1. 筛选顶级节点（nodelevel为"2"）
-            const topNodes = data.filter((item) => item.nodelevel == '2')
-            return topNodes.map((node) => ({
-                ...node,
-                children: this.findChildren(node, data), // 顶级节点的子节点
-            }))
-        },
-
-        // 查找子节点
-        findChildren(node, data) {
-            // 寻找parentId等于当前节点id的所有项，作为子节点
-            const children = data.filter((item) => item.parentId == node.id)
-            // 如果有子节点，递归处理每个子节点的后代
-            if (children.length > 0) {
-                // 为每个子节点添加nodes属性，并递归查找其后代
-                return children.map((child) => ({
-                    ...child,
-                    children: this.findChildren(child, data), // 递归关键：子节点的子节点
-                }))
-            }
-            // 没有子节点时返回空数组（或保留null，根据需求调整）
-            return []
-        },
-
-        // 模型预览
-        handleModelPreview() {
-            this.modelPreviewVisible = true
-
-            // 百度地图初始化
-            this.initMap()
-        },
-
-        // 预览弹框关闭
-        onCloseMapView() {
-            // 销毁地图实例
-            if (this.map) {
-                this.map = null
-            }
-        },
-
-        // 百度地图初始化
-        initMap() {
-            // 初始化开启地球模式
-            const lon = this.projectSelectList.find((item) => item.id == this.queryParams.projectId).lon * 1
-            const lat = this.projectSelectList.find((item) => item.id == this.queryParams.projectId).lat * 1
-            this.$nextTick(() => {
-                this.map = new BMapGL.Map('map-container') // 创建地图实例
-                this.map.setMapType(BMAP_EARTH_MAP) // 地球模式
-                this.map.setDisplayOptions({
-                    poiText: false, // 隐藏POI文字
-                    poiIcon: false, // 隐藏POI图标
-                    building: false, // 隐藏建筑物
-                })
-                let point = new BMapGL.Point(lon, lat) // 创建点坐标
-                this.map.centerAndZoom(point, 16) // 初始化地图，设置中心点坐标和地图级别
-                this.map.enableScrollWheelZoom(true) // 启用滚轮放大缩小
-
-                this.drawModel(this.modelPreviewInfoList)
-            })
-        },
-
-        // drawModel方法
-        async drawModel(modelInfoList) {
-            // 清除现有覆盖物
-            this.map.clearOverlays()
-
-            for (const item of modelInfoList) {
-                console.log(item, 'item')
-                try {
-                    // 处理新的LWPOLYLINE数据结构
-                    if (item.entityType === 'LWPOLYLINE') {
-                        console.log('处理LWPOLYLINE:', item)
-                        const pointList = JSON.parse(item.geometry)
-                        console.log(pointList, 'pointList')
-                        const newPointList = pointList?.segments
-                        console.log(newPointList, 'newPointList')
-
-                        // 根据newPointList 中的type绘制线和半圆
-                        newPointList.forEach((item) => {
-                            if (item.type === 'line') {
-                                const line = new BMapGL.Polyline(
-                                    [
-                                        new BMapGL.Point(item.start[0], item.start[1]),
-                                        new BMapGL.Point(item.end[0], item.end[1]),
-                                    ],
-                                    {
-                                        strokeColor: 'red',
-                                        strokeWeight: 2,
-                                        strokeOpacity: 0.8,
-                                    },
-                                )
-                                this.map.addOverlay(line)
-                            } else if (item.type === 'arc') {
-                                console.log('画半圆', item)
-                                // 绘制半圆弧线
-                                if (item.start_point && item.end_point && item.center && item.radius) {
-                                    const arcPoints = this.generateArcPoints(
-                                        item.center,
-                                        item.radius,
-                                        item.start_point,
-                                        item.end_point,
-                                    )
-                                    const arcPolyline = new BMapGL.Polyline(arcPoints, {
-                                        strokeColor: 'red',
-                                        strokeWeight: 2,
-                                        strokeOpacity: 0.8,
-                                    })
-                                    this.map.addOverlay(arcPolyline)
-                                } else {
-                                    // 如果没有起点和终点，则绘制完整圆（备用方案）
-                                    const circle = new BMapGL.Circle(
-                                        new BMapGL.Point(item.center[0], item.center[1]),
-                                        item.radius,
-                                        {
-                                            strokeColor: 'red',
-                                            strokeWeight: 2,
-                                            fillColor: 'rgba(0,0,255,0.3)',
-                                        },
-                                    )
-                                    this.map.addOverlay(circle)
-                                }
-                            }
-                        })
-
-                        // if (pointList.points && pointList.points.length > 0) {
-                        //     // 提取坐标点和角度信息
-                        //     const pointsWithAngles = pointList.points.map((point) => {
-                        //         const [lng, lat, , , angle] = point // 提取经度、纬度和角度
-                        //         return {
-                        //             point: new BMapGL.Point(lng, lat),
-                        //             angle: angle || 40, // 角度信息
-                        //         }
-                        //     })
-
-                        //     console.log(pointsWithAngles, 'pointsWithAngles')
-
-                        //     // 根据颜色设置线条样式
-                        //     const getColorByIndex = (colorIndex) => {
-                        //         const colors = ['red', 'yellow', 'green', 'cyan', 'blue', 'magenta', 'white', 'gray']
-                        //         return colors[colorIndex] || 'red'
-                        //     }
-
-                        //     // 生成一个0-7的随机整数作为颜色索引
-                        //     const colorIndex = Math.floor(Math.random() * 7)
-
-                        //     // 创建带弧度的多段线
-                        //     const curvedLinePoints = this.createCurvedLine(pointsWithAngles)
-
-                        //     // 创建多段线（带弧度）
-                        //     const polyline = new BMapGL.Polyline(curvedLinePoints, {
-                        //         strokeColor: getColorByIndex(colorIndex),
-                        //         strokeWeight: 2,
-                        //         strokeOpacity: 0.8,
-                        //         strokeStyle: 'solid',
-                        //     })
-
-                        //     this.map.addOverlay(polyline)
-                        // }
-                    } else if (item.entityType === 'LINE') {
-                        const geometry = JSON.parse(item.geometry)
-                        const start = geometry.start
-                        const end = geometry.end
-
-                        // 转换坐标
-
-                        const polyline = new BMapGL.Polyline(
-                            [new BMapGL.Point(start[0], start[1]), new BMapGL.Point(end[0], end[1])],
-                            { strokeColor: 'red', strokeWeight: 2, strokeOpacity: 0.8 },
-                        )
-                        this.map.addOverlay(polyline)
-                    } else if (item.entityType === 'CIRCLE') {
-                        const geometry = JSON.parse(item.geometry)
-                        const center = geometry.center
-                        const radius = geometry.radius
-
-                        // 转换中心点坐标
-
-                        if (center.length > 0) {
-                            const circle = new BMapGL.Circle(new BMapGL.Point(center[0], center[1]), radius, {
-                                strokeColor: 'blue',
-                                strokeWeight: 2,
-                                fillColor: 'rgba(0,0,255,0.3)',
-                            })
-                            this.map.addOverlay(circle)
-                        }
-                    } else {
-                        // 处理多边形或其他图形
-                        const pointList = JSON.parse(item.geometry)
-
-                        console.log(pointList, 'pointList')
-
-                        if (pointList.points.length > 0) {
-                            // 解析点坐标和角度（假设格式为 [x, y, ..., angle]）
-                            const path = pointList.points.map((p) => {
-                                const [lng, lat, , , angle] = p // 提取角度（最后一个参数）
-                                return {
-                                    point: new BMapGL.Point(lng, lat),
-                                    angle: angle || 0, // 角度默认为0
-                                }
-                            })
-
-                            let overlay = null
-                            if (path.length === 1) {
-                                // 1. 单点：绘制带方向的标记（箭头）
-                                const { point, angle } = path[0]
-
-                                // 创建自定义箭头图标（根据角度旋转）
-                                const arrowIcon = new BMapGL.Icon(
-                                    '//api.map.baidu.com/img/markers.png', // 可替换为箭头图片
-                                    new BMapGL.Size(20, 34),
-                                    {
-                                        anchor: new BMapGL.Size(10, 34), // 图标锚点
-                                        imageOffset: new BMapGL.Size(0, 0), // 图片偏移
-                                    },
-                                )
-
-                                overlay = new BMapGL.Marker(point, {
-                                    icon: arrowIcon,
-                                    rotation: (angle * 180) / Math.PI, // 转为角度制
-                                })
-                            } else if (path.length === 2) {
-                                // 2. 线：绘制带箭头的线（终点显示角度方向）
-                                const linePoints = path.map((p) => p.point)
-                                const endAngle = (path[1].angle * 180) / Math.PI // 终点角度
-
-                                // 绘制基础线条
-                                overlay = new BMapGL.Polyline(linePoints, {
-                                    strokeColor: 'green',
-                                    strokeWeight: 2,
-                                })
-
-                                // 在终点添加带角度的箭头标记
-                                const arrowMarker = new BMapGL.Marker(linePoints[1], {
-                                    icon: new BMapGL.Icon(
-                                        '//api.map.baidu.com/img/markers.png',
-                                        new BMapGL.Size(20, 34),
-                                        { anchor: new BMapGL.Size(10, 34) },
-                                    ),
-                                    rotation: endAngle,
-                                })
-                                this.map.addOverlay(arrowMarker) // 额外添加箭头标记
-                            } else {
-                                // 3. 多边形：保持原有逻辑，可在顶点添加角度标记
-                                const polygonPoints = path.map((p) => p.point)
-                                overlay = new BMapGL.Polygon(polygonPoints, {
-                                    strokeColor: '#3388ff',
-                                    strokeWeight: 2,
-                                    fillColor: 'rgba(51,136,255,0.2)',
-                                })
-                            }
-                            this.map.addOverlay(overlay)
-                        }
-                    }
-                } catch (error) {
-                    console.error('绘制图元失败:', item, error)
-                }
-            }
-
-            const points = this.map
-                .getOverlays()
-                .map((overlay) => {
-                    if (overlay instanceof BMapGL.Marker) {
-                        return overlay.getPosition()
-                    } else if (overlay instanceof BMapGL.Polyline || overlay instanceof BMapGL.Polygon) {
-                        return overlay.getPath()
-                    } else if (overlay instanceof BMapGL.Circle) {
-                        return overlay.getCenter()
-                    }
-                })
-                .flat()
-                .filter(Boolean) // 过滤空值
-
-            if (points.length > 0) {
-                // 计算当前视图的最佳缩放级别
-                const viewport = this.map.getViewport(points)
-
-                // 调整缩放级别：在最佳级别基础上增加n级（值越大视角越近）
-                const zoomOffset = 2 // 视角拉近的幅度（建议1-3）
-                // const adjustedZoom = Math.min(
-                //     viewport.zoom + zoomOffset,
-                //     this.map.getMaxZoom(), // 不超过地图最大缩放级别
-                // )
-
-                const adjustedZoom = Math.min(
-                    16, // 直接设置一个较大的固定值（如18）
-                    this.map.getMaxZoom(),
+                // 创建自定义箭头图标（根据角度旋转）
+                const arrowIcon = new BMapGL.Icon(
+                  '//api.map.baidu.com/img/markers.png', // 可替换为箭头图片
+                  new BMapGL.Size(20, 34),
+                  {
+                    anchor: new BMapGL.Size(10, 34), // 图标锚点
+                    imageOffset: new BMapGL.Size(0, 0), // 图片偏移
+                  },
                 )
 
-                // 应用调整后的视图
-                this.map.setViewport(points, {
-                    zoom: adjustedZoom, // 使用调整后的缩放级别
-                    padding: [50, 50, 50, 50], // 增加边距，避免图形贴边
+                overlay = new BMapGL.Marker(point, {
+                  icon: arrowIcon,
+                  rotation: (angle * 180) / Math.PI, // 转为角度制
                 })
+              } else if (path.length === 2) {
+                // 2. 线：绘制带箭头的线（终点显示角度方向）
+                const linePoints = path.map((p) => p.point)
+                const endAngle = (path[1].angle * 180) / Math.PI // 终点角度
+
+                // 绘制基础线条
+                overlay = new BMapGL.Polyline(linePoints, {
+                  strokeColor: 'green',
+                  strokeWeight: 2,
+                })
+
+                // 在终点添加带角度的箭头标记
+                const arrowMarker = new BMapGL.Marker(linePoints[1], {
+                  icon: new BMapGL.Icon(
+                    '//api.map.baidu.com/img/markers.png',
+                    new BMapGL.Size(20, 34),
+                    {anchor: new BMapGL.Size(10, 34)},
+                  ),
+                  rotation: endAngle,
+                })
+                this.map.addOverlay(arrowMarker) // 额外添加箭头标记
+              } else {
+                // 3. 多边形：保持原有逻辑，可在顶点添加角度标记
+                const polygonPoints = path.map((p) => p.point)
+                overlay = new BMapGL.Polygon(polygonPoints, {
+                  strokeColor: '#3388ff',
+                  strokeWeight: 2,
+                  fillColor: 'rgba(51,136,255,0.2)',
+                })
+              }
+              this.map.addOverlay(overlay)
             }
-        },
+          }
+        } catch (error) {
+          console.error('绘制图元失败:', item, error)
+        }
+      }
 
-        // 创建带弧度的线条
-        createCurvedLine(pointsWithAngles) {
-            if (pointsWithAngles.length < 2) {
-                return pointsWithAngles.map((p) => p.point)
-            }
+      const points = this.map
+        .getOverlays()
+        .map((overlay) => {
+          if (overlay instanceof BMapGL.Marker) {
+            return overlay.getPosition()
+          } else if (overlay instanceof BMapGL.Polyline || overlay instanceof BMapGL.Polygon) {
+            return overlay.getPath()
+          } else if (overlay instanceof BMapGL.Circle) {
+            return overlay.getCenter()
+          }
+        })
+        .flat()
+        .filter(Boolean) // 过滤空值
 
-            const curvedPoints = []
+      if (points.length > 0) {
+        // 计算当前视图的最佳缩放级别
+        const viewport = this.map.getViewport(points)
 
-            for (let i = 0; i < pointsWithAngles.length - 1; i++) {
-                const currentPoint = pointsWithAngles[i]
-                const nextPoint = pointsWithAngles[i + 1]
+        // 调整缩放级别：在最佳级别基础上增加n级（值越大视角越近）
+        const zoomOffset = 2 // 视角拉近的幅度（建议1-3）
+        // const adjustedZoom = Math.min(
+        //     viewport.zoom + zoomOffset,
+        //     this.map.getMaxZoom(), // 不超过地图最大缩放级别
+        // )
 
-                // 添加当前点
-                curvedPoints.push(currentPoint.point)
+        const adjustedZoom = Math.min(
+          16, // 直接设置一个较大的固定值（如18）
+          this.map.getMaxZoom(),
+        )
 
-                // 如果当前点有角度信息，创建弧度
-                if (currentPoint.angle !== 0) {
-                    const controlPoints = this.generateCurveControlPoints(
-                        currentPoint.point,
-                        nextPoint.point,
-                        currentPoint.angle,
-                    )
-                    curvedPoints.push(...controlPoints)
-                }
-            }
-
-            // 添加最后一个点
-            curvedPoints.push(pointsWithAngles[pointsWithAngles.length - 1].point)
-
-            return curvedPoints
-        },
-
-        // 生成曲线控制点（基于角度）
-        generateCurveControlPoints(startPoint, endPoint, angle) {
-            const controlPoints = []
-            const segments = 5 // 在两点之间插入5个控制点来创建平滑曲线
-
-            // 计算起点和终点之间的距离
-            const distance = this.calculateDistance(startPoint, endPoint)
-
-            // 根据角度计算弧度半径
-            const radius = Math.abs(distance * 0.3) // 弧度半径为基础距离的30%
-
-            for (let i = 1; i < segments; i++) {
-                const t = i / segments // 插值参数 (0-1)
-
-                // 线性插值得到基础点
-                const baseLng = startPoint.lng + (endPoint.lng - startPoint.lng) * t
-                const baseLat = startPoint.lat + (endPoint.lat - startPoint.lat) * t
-
-                // 根据角度计算偏移
-                const offsetDistance = radius * Math.sin(t * Math.PI) // 使用正弦函数创建平滑弧度
-                const offsetLng = offsetDistance * Math.cos(angle) * 0.0001 // 经度偏移
-                const offsetLat = offsetDistance * Math.sin(angle) * 0.0001 // 纬度偏移
-
-                // 创建控制点
-                const controlPoint = new BMapGL.Point(baseLng + offsetLng, baseLat + offsetLat)
-
-                controlPoints.push(controlPoint)
-            }
-
-            return controlPoints
-        },
-
-        // 计算两点之间的距离（简化版本）
-        calculateDistance(point1, point2) {
-            const dx = point2.lng - point1.lng
-            const dy = point2.lat - point1.lat
-            return Math.sqrt(dx * dx + dy * dy)
-        },
-
-        // 生成圆弧点序列（用于绘制半圆弧线）
-        generateArcPoints(center, radius, startPoint, endPoint) {
-            // 将坐标转换为 BMapGL.Point 格式（如果还不是）
-            const centerPoint = Array.isArray(center) ? new BMapGL.Point(center[0], center[1]) : center
-            const start = Array.isArray(startPoint) ? new BMapGL.Point(startPoint[0], startPoint[1]) : startPoint
-            const end = Array.isArray(endPoint) ? new BMapGL.Point(endPoint[0], endPoint[1]) : endPoint
-
-            // 计算起点和终点相对于圆心的角度（弧度）
-            const startAngle = Math.atan2(start.lat - centerPoint.lat, start.lng - centerPoint.lng)
-            const endAngle = Math.atan2(end.lat - centerPoint.lat, end.lng - centerPoint.lng)
-
-            // 计算圆心角（弧度）
-            let angleDiff = endAngle - startAngle
-
-            // 标准化角度差到 [-π, π] 范围
-            if (angleDiff > Math.PI) {
-                angleDiff -= 2 * Math.PI
-            } else if (angleDiff < -Math.PI) {
-                angleDiff += 2 * Math.PI
-            }
-
-            // 确定绘制方向：默认按较小角度差的方向绘制
-            // 如果角度差大于 π（180度），则反向绘制
-            if (Math.abs(angleDiff) > Math.PI) {
-                angleDiff = angleDiff > 0 ? angleDiff - 2 * Math.PI : angleDiff + 2 * Math.PI
-            }
-
-            // 计算实际半径（度单位）
-            // 如果半径单位是米，需要转换为度
-            // 1度纬度约等于111公里，1度经度在当前位置约等于111*cos(lat)公里
-            const latRad = (centerPoint.lat * Math.PI) / 180
-            const metersPerDegreeLat = 111000 // 每度纬度约111公里
-
-            // 判断半径单位：如果半径值很大（>1），可能是米；如果很小（<0.1），可能是度
-            // 这里假设如果半径大于1，则是米单位，需要转换
-            let radiusInDegrees = radius
-            if (radius > 1) {
-                // 假设是米单位，转换为度
-                radiusInDegrees = radius / metersPerDegreeLat
-            }
-
-            // 生成圆弧上的点
-            const arcPoints = []
-            // 根据角度动态调整点的数量，确保圆弧平滑
-            const segments = Math.max(30, Math.abs(angleDiff) * 30)
-
-            // 添加起点
-            arcPoints.push(start)
-
-            // 生成圆弧中间的点
-            for (let i = 1; i < segments; i++) {
-                const t = i / segments // 插值参数 (0-1)
-                const angle = startAngle + angleDiff * t
-
-                // 计算圆弧上的点坐标
-                // 考虑经纬度的差异，使用正确的转换
-                const deltaLng = (radiusInDegrees * Math.cos(angle)) / Math.cos(latRad)
-                const deltaLat = radiusInDegrees * Math.sin(angle)
-                const x = centerPoint.lng + deltaLng
-                const y = centerPoint.lat + deltaLat
-
-                arcPoints.push(new BMapGL.Point(x, y))
-            }
-
-            // 添加终点
-            arcPoints.push(end)
-
-            return arcPoints
-        },
+        // 应用调整后的视图
+        this.map.setViewport(points, {
+          zoom: adjustedZoom, // 使用调整后的缩放级别
+          padding: [50, 50, 50, 50], // 增加边距，避免图形贴边
+        })
+      }
     },
+
+    // 创建带弧度的线条
+    createCurvedLine(pointsWithAngles) {
+      if (pointsWithAngles.length < 2) {
+        return pointsWithAngles.map((p) => p.point)
+      }
+
+      const curvedPoints = []
+
+      for (let i = 0; i < pointsWithAngles.length - 1; i++) {
+        const currentPoint = pointsWithAngles[i]
+        const nextPoint = pointsWithAngles[i + 1]
+
+        // 添加当前点
+        curvedPoints.push(currentPoint.point)
+
+        // 如果当前点有角度信息，创建弧度
+        if (currentPoint.angle !== 0) {
+          const controlPoints = this.generateCurveControlPoints(
+            currentPoint.point,
+            nextPoint.point,
+            currentPoint.angle,
+          )
+          curvedPoints.push(...controlPoints)
+        }
+      }
+
+      // 添加最后一个点
+      curvedPoints.push(pointsWithAngles[pointsWithAngles.length - 1].point)
+
+      return curvedPoints
+    },
+
+    // 生成曲线控制点（基于角度）
+    generateCurveControlPoints(startPoint, endPoint, angle) {
+      const controlPoints = []
+      const segments = 5 // 在两点之间插入5个控制点来创建平滑曲线
+
+      // 计算起点和终点之间的距离
+      const distance = this.calculateDistance(startPoint, endPoint)
+
+      // 根据角度计算弧度半径
+      const radius = Math.abs(distance * 0.3) // 弧度半径为基础距离的30%
+
+      for (let i = 1; i < segments; i++) {
+        const t = i / segments // 插值参数 (0-1)
+
+        // 线性插值得到基础点
+        const baseLng = startPoint.lng + (endPoint.lng - startPoint.lng) * t
+        const baseLat = startPoint.lat + (endPoint.lat - startPoint.lat) * t
+
+        // 根据角度计算偏移
+        const offsetDistance = radius * Math.sin(t * Math.PI) // 使用正弦函数创建平滑弧度
+        const offsetLng = offsetDistance * Math.cos(angle) * 0.0001 // 经度偏移
+        const offsetLat = offsetDistance * Math.sin(angle) * 0.0001 // 纬度偏移
+
+        // 创建控制点
+        const controlPoint = new BMapGL.Point(baseLng + offsetLng, baseLat + offsetLat)
+
+        controlPoints.push(controlPoint)
+      }
+
+      return controlPoints
+    },
+
+    // 计算两点之间的距离（简化版本）
+    calculateDistance(point1, point2) {
+      const dx = point2.lng - point1.lng
+      const dy = point2.lat - point1.lat
+      return Math.sqrt(dx * dx + dy * dy)
+    },
+
+    // 生成圆弧点序列（用于绘制半圆弧线）
+    generateArcPoints(center, radius, startPoint, endPoint) {
+      // 将坐标转换为 BMapGL.Point 格式（如果还不是）
+      const centerPoint = Array.isArray(center) ? new BMapGL.Point(center[0], center[1]) : center
+      const start = Array.isArray(startPoint) ? new BMapGL.Point(startPoint[0], startPoint[1]) : startPoint
+      const end = Array.isArray(endPoint) ? new BMapGL.Point(endPoint[0], endPoint[1]) : endPoint
+
+      // 计算起点和终点相对于圆心的角度（弧度）
+      const startAngle = Math.atan2(start.lat - centerPoint.lat, start.lng - centerPoint.lng)
+      const endAngle = Math.atan2(end.lat - centerPoint.lat, end.lng - centerPoint.lng)
+
+      // 计算圆心角（弧度）
+      let angleDiff = endAngle - startAngle
+
+      // 标准化角度差到 [-π, π] 范围
+      if (angleDiff > Math.PI) {
+        angleDiff -= 2 * Math.PI
+      } else if (angleDiff < -Math.PI) {
+        angleDiff += 2 * Math.PI
+      }
+
+      // 确定绘制方向：默认按较小角度差的方向绘制
+      // 如果角度差大于 π（180度），则反向绘制
+      if (Math.abs(angleDiff) > Math.PI) {
+        angleDiff = angleDiff > 0 ? angleDiff - 2 * Math.PI : angleDiff + 2 * Math.PI
+      }
+
+      // 计算实际半径（度单位）
+      // 如果半径单位是米，需要转换为度
+      // 1度纬度约等于111公里，1度经度在当前位置约等于111*cos(lat)公里
+      const latRad = (centerPoint.lat * Math.PI) / 180
+      const metersPerDegreeLat = 111000 // 每度纬度约111公里
+
+      // 判断半径单位：如果半径值很大（>1），可能是米；如果很小（<0.1），可能是度
+      // 这里假设如果半径大于1，则是米单位，需要转换
+      let radiusInDegrees = radius
+      if (radius > 1) {
+        // 假设是米单位，转换为度
+        radiusInDegrees = radius / metersPerDegreeLat
+      }
+
+      // 生成圆弧上的点
+      const arcPoints = []
+      // 根据角度动态调整点的数量，确保圆弧平滑
+      const segments = Math.max(30, Math.abs(angleDiff) * 30)
+
+      // 添加起点
+      arcPoints.push(start)
+
+      // 生成圆弧中间的点
+      for (let i = 1; i < segments; i++) {
+        const t = i / segments // 插值参数 (0-1)
+        const angle = startAngle + angleDiff * t
+
+        // 计算圆弧上的点坐标
+        // 考虑经纬度的差异，使用正确的转换
+        const deltaLng = (radiusInDegrees * Math.cos(angle)) / Math.cos(latRad)
+        const deltaLat = radiusInDegrees * Math.sin(angle)
+        const x = centerPoint.lng + deltaLng
+        const y = centerPoint.lat + deltaLat
+
+        arcPoints.push(new BMapGL.Point(x, y))
+      }
+
+      // 添加终点
+      arcPoints.push(end)
+
+      return arcPoints
+    },
+  },
 }
 </script>
 
 <style lang="scss" scoped>
 /* 修改树形表格的展开图标为 +/- */
 ::v-deep .el-table .el-table__expand-icon {
-    transform: rotate(0deg); /* 取消默认的旋转效果 */
+  transform: rotate(0deg); /* 取消默认的旋转效果 */
 }
 
 ::v-deep .el-table .el-table__expand-icon .el-icon-arrow-right:before {
-    content: '＋'; /* 更大的加号 */
-    font-size: 16px; /* 调整大小 */
-    font-weight: bold;
-    border: 1px solid #409eff;
-    color: #409eff;
-    background-color: #f0f7ff;
+  content: '＋'; /* 更大的加号 */
+  font-size: 16px; /* 调整大小 */
+  font-weight: bold;
+  border: 1px solid #409eff;
+  color: #409eff;
+  background-color: #f0f7ff;
 }
 
 ::v-deep .el-table .el-table__expand-icon--expanded .el-icon-arrow-right:before {
-    content: '－'; /* 更大的减号 */
-    font-size: 16px;
-    font-weight: bold;
-    border: 1px solid #409eff;
-    color: #409eff;
-    background-color: #f0f7ff;
+  content: '－'; /* 更大的减号 */
+  font-size: 16px;
+  font-weight: bold;
+  border: 1px solid #409eff;
+  color: #409eff;
+  background-color: #f0f7ff;
 }
 
 #map-container {
-    min-height: 76vh;
+  min-height: 76vh;
 }
 </style>
diff --git a/src/views/basic/project/index.vue b/src/views/basic/project/index.vue
index 1384eca..f4c4a9f 100644
--- a/src/views/basic/project/index.vue
+++ b/src/views/basic/project/index.vue
@@ -1,578 +1,608 @@
 <template>
-    <!-- 基础管理-项目管理 -->
-    <div class="app-container">
-        <el-form
-            :model="queryParams"
-            ref="queryForm"
-            size="small"
-            :inline="true"
-            v-show="showSearch"
-            label-width="68px"
-        >
-            <el-form-item label="项目名称" prop="proName">
-                <el-input
-                    v-model="queryParams.proName"
-                    placeholder="请输入项目名称"
-                    clearable
-                    @keyup.enter.native="handleQuery"
-                />
-            </el-form-item>
-            <!-- <el-form-item label="负责人" prop="chargePerson">
-                <el-input
-                    v-model="queryParams.chargePerson"
-                    placeholder="请输入负责人"
-                    clearable
-                    @keyup.enter.native="handleQuery"
-                />
-            </el-form-item> -->
-            <el-form-item>
-                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-            </el-form-item>
-        </el-form>
-
-        <el-row :gutter="10" class="mb8">
-            <el-col :span="1.5">
-                <el-button
-                    type="primary"
-                    plain
-                    icon="el-icon-plus"
-                    size="mini"
-                    @click="handleAdd"
-                    v-hasPermi="['basic:project:add']"
-                    >新增</el-button
-                >
-            </el-col>
-            <el-col :span="1.5">
-                <el-button
-                    type="warning"
-                    plain
-                    icon="el-icon-download"
-                    size="mini"
-                    @click="handleExport"
-                    v-hasPermi="['basic:project:export']"
-                    >导出</el-button
-                >
-            </el-col>
-            <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-        </el-row>
-
-        <el-table v-loading="loading" :data="proList" border>
-            <el-table-column label="序号" align="center" type="index" />
-            <el-table-column label="项目名称" align="center" prop="proName" />
-            <el-table-column label="层级配置" align="center" prop="level" />
-            <el-table-column label="负责人" align="center" prop="chargePerson" />
-            <el-table-column label="备注" align="center" prop="remark" width="180" />
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-                <template slot-scope="scope">
-                    <el-button
-                        size="mini"
-                        type="text"
-                        icon="el-icon-edit"
-                        @click="handleUpdate(scope.row)"
-                        v-hasPermi="['basic:project:edit']"
-                        >编辑</el-button
-                    >
-                    <el-button
-                        size="mini"
-                        type="text"
-                        icon="el-icon-delete"
-                        @click="handleDelete(scope.row)"
-                        v-hasPermi="['basic:project:remove']"
-                        >删除</el-button
-                    >
-                </template>
-            </el-table-column>
-        </el-table>
-
-        <pagination
-            v-show="total > 0"
-            :total="total"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getList"
+  <!-- 基础管理-项目管理 -->
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="68px"
+    >
+      <el-form-item label="项目名称" prop="proName">
+        <el-input
+          v-model="queryParams.proName"
+          placeholder="请输入项目名称"
+          clearable
+          @keyup.enter.native="handleQuery"
         />
+      </el-form-item>
+      <!-- <el-form-item label="负责人" prop="chargePerson">
+          <el-input
+              v-model="queryParams.chargePerson"
+              placeholder="请输入负责人"
+              clearable
+              @keyup.enter.native="handleQuery"
+          />
+      </el-form-item> -->
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
 
-        <!-- 添加或修改岗位对话框 -->
-        <el-dialog :title="title" :visible.sync="open" width="40%" append-to-body>
-            <el-form ref="form" :model="form" :rules="addOrEditRules" label-width="auto">
-                <el-form-item label="项目名称" prop="proName">
-                    <el-input v-model="form.proName" placeholder="请输入项目名称" />
-                </el-form-item>
-                <el-form-item label="层级配置" prop="level">
-                    <el-select v-model="form.level" placeholder="请选择层级配置" style="width: 100%">
-                        <el-option
-                            :key="item.configId"
-                            :value="item.configId"
-                            :label="item.configName"
-                            v-for="item in levelList"
-                        />
-                    </el-select>
-                </el-form-item>
-
-                <el-form-item label="负责人" prop="chargePerson">
-                    <el-input v-model="form.chargePerson" placeholder="请输入负责人" />
-                </el-form-item>
-
-                <el-form-item label="项目所在地" prop="location">
-                    <div style="display: flex; align-items: center">
-                        <el-input v-model="form.location" placeholder="请输入项目所在地" />
-                        <el-button type="primary" @click="handleMapAdd" style="margin-left: 10px"> 选择地址 </el-button>
-                    </div>
-                </el-form-item>
-
-                <!-- <el-form-item label="经纬度" prop="longitude">
-                    <el-input disabled style="width: 48%" v-model="form.longitude" />
-                    <el-input disabled style="width: 48%; margin-left: 4%" v-model="form.latitude" />
-                </el-form-item> -->
-
-                <el-row :gutter="10">
-                    <el-col :span="12">
-                        <el-form-item label="经度" prop="longitude">
-                            <el-input disabled v-model="form.longitude" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item prop="longitude" label="纬度">
-                            <el-input disabled v-model="form.latitude" />
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-form-item label="备注" prop="remark">
-                    <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
-                </el-form-item>
-            </el-form>
-            <div slot="footer" class="dialog-footer">
-                <el-button type="primary" @click="submitForm">确 定</el-button>
-                <el-button @click="cancel">取 消</el-button>
-            </div>
-        </el-dialog>
-
-        <!-- 地图选点对话框 -->
-        <el-dialog
-            title="地图选点"
-            id="mapDialog"
-            :fullscreen="false"
-            :visible.sync="mapVisible"
-            :close-on-click-modal="false"
-            @close="handleMapClose"
-            width="80%"
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['basic:project:add']"
+        >新增
+        </el-button
         >
-            <div style="display: flex; align-items: center; margin-bottom: 14px">
-                <el-input v-model="searchAddress" placeholder="请输入地址" />
-                <el-button type="primary" @click="handleSearch" style="margin-left: 6px">搜索</el-button>
-            </div>
-            <div id="map-container" style="height: 70vh; background-color: #bfc"> </div>
+      </el-col>
+<!--      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['basic:project:export']"
+        >导出
+        </el-button
+        >
+      </el-col>-->
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
 
-            <div style="text-align: right; margin-top: 10px">
-                <el-button type="primary" size="small" @click="findLocation">确定</el-button>
-            </div>
-            <!-- <div style="margin-bottom: 10px">
-                <label>关键词：<input v-model="keyword" class="lineinput" style="width: 200px" size="mini" /></label>
-                <label>地区：<input v-model="location2" class="lineinput" style="width: 200px" size="mini" /></label>
-            </div>
-            <baidu-map
-                class="map"
-                :center="center"
-                :zoom="zoom"
-                @ready="handler"
-                :scroll-wheel-zoom="true"
-                @click="clickEvent"
-                ak="你的ak"
-            >
-                <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>
-                <bm-city-list anchor="BMAP_ANCHOR_TOP_LEFT"></bm-city-list>
-                <bm-geolocation
-                    anchor="BMAP_ANCHOR_BOTTOM_RIGHT"
-                    :showAddressBar="true"
-                    :autoLocation="true"
-                    @locationSuccess="getLoctionSuccess"
-                ></bm-geolocation>
-                <bm-view :style="{ width: '100%', height: '300px', flex: 1, marginTop: '0px' }"></bm-view>
-                <bm-local-search
-                    :keyword="keyword"
-                    :auto-viewport="false"
-                    :location="location2"
-                    style="height: 150px; overflow-y: scroll; margin: 2px 0"
-                ></bm-local-search>
-            </baidu-map>
-            <div class="demo-input-suffix" style="margin-top: 2vh">
-                <el-link type="info">经度：</el-link
-                ><el-input
-                    class="lineinput"
-                    style="width: 200px"
-                    size="mini"
-                    v-model.number="form.longitude"
-                    :disabled="true"
-                ></el-input>
-                <el-link type="info"> 纬度：</el-link
-                ><el-input
-                    class="lineinput"
-                    style="width: 200px"
-                    size="mini"
-                    v-model.number="form.latitude"
-                    :disabled="true"
-                ></el-input>
-                <el-link type="info"> 位置：</el-link
-                ><el-input
-                    class="lineinput"
-                    style="width: 200px"
-                    size="mini"
-                    v-model="form.location"
-                    :disabled="true"
-                ></el-input>
-            </div>
-            <div slot="footer" class="dialog-footer" style="margin-top: -30px">
-                <el-button type="warning" size="small" icon="el-icon-close" @click.native="mapVisible = false"
-                    >取消</el-button
-                >
-                <el-button type="primary" size="small" icon="el-icon-check" @click="findLocation">确定</el-button>
-            </div> -->
-        </el-dialog>
-    </div>
+    <el-table v-loading="loading" :data="proList" border>
+      <el-table-column label="序号" align="center" type="index"/>
+      <el-table-column label="项目名称" align="center" prop="proName"/>
+      <el-table-column label="层级配置" align="center" prop="level"/>
+      <el-table-column label="项目类型" align="center" prop="proType"/>
+      <el-table-column label="负责人" align="center" prop="chargePerson"/>
+      <el-table-column label="备注" align="center" prop="remark" width="180"/>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['basic:project:edit']"
+          >编辑
+          </el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['basic:project:remove']"
+          >删除
+          </el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改岗位对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="40%" append-to-body>
+      <el-form ref="form" :model="form" :rules="addOrEditRules" label-width="auto">
+        <el-form-item label="项目名称" prop="proName">
+          <el-input v-model="form.proName" placeholder="请输入项目名称"/>
+        </el-form-item>
+        <el-form-item label="层级配置" prop="level">
+          <el-select v-model="form.level" placeholder="请选择层级配置" style="width: 100%">
+            <el-option
+              :key="item.configId"
+              :value="item.configId"
+              :label="item.configName"
+              v-for="item in levelList"
+            />
+          </el-select>
+        </el-form-item>
+
+
+        <el-form-item label="项目类型" prop="proType">
+          <el-select v-model="form.proType" placeholder="请选择项目类型" style="width: 100%">
+            <el-option
+              :key="item.id"
+              :value="item.id"
+              :label="item.name"
+              v-for="item in proTypeList"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="负责人" prop="chargePerson">
+          <el-input v-model="form.chargePerson" placeholder="请输入负责人"/>
+        </el-form-item>
+
+        <el-form-item label="项目所在地" prop="location">
+          <div style="display: flex; align-items: center">
+            <el-input v-model="form.location" placeholder="请输入项目所在地"/>
+            <el-button type="primary" @click="handleMapAdd" style="margin-left: 10px"> 选择地址</el-button>
+          </div>
+        </el-form-item>
+
+        <!-- <el-form-item label="经纬度" prop="longitude">
+            <el-input disabled style="width: 48%" v-model="form.longitude" />
+            <el-input disabled style="width: 48%; margin-left: 4%" v-model="form.latitude" />
+        </el-form-item> -->
+
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="经度" prop="longitude">
+              <el-input disabled v-model="form.longitude"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item prop="longitude" label="纬度">
+              <el-input disabled v-model="form.latitude"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入备注"/>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 地图选点对话框 -->
+    <el-dialog
+      title="地图选点"
+      id="mapDialog"
+      :fullscreen="false"
+      :visible.sync="mapVisible"
+      :close-on-click-modal="false"
+      @close="handleMapClose"
+      width="80%"
+    >
+      <div style="display: flex; align-items: center; margin-bottom: 14px">
+        <el-input v-model="searchAddress" placeholder="请输入地址"/>
+        <el-button type="primary" @click="handleSearch" style="margin-left: 6px">搜索</el-button>
+      </div>
+      <div id="map-container" style="height: 70vh; background-color: #bfc"></div>
+
+      <div style="text-align: right; margin-top: 10px">
+        <el-button type="primary" size="small" @click="findLocation">确定</el-button>
+      </div>
+      <!-- <div style="margin-bottom: 10px">
+          <label>关键词：<input v-model="keyword" class="lineinput" style="width: 200px" size="mini" /></label>
+          <label>地区：<input v-model="location2" class="lineinput" style="width: 200px" size="mini" /></label>
+      </div>
+      <baidu-map
+          class="map"
+          :center="center"
+          :zoom="zoom"
+          @ready="handler"
+          :scroll-wheel-zoom="true"
+          @click="clickEvent"
+          ak="你的ak"
+      >
+          <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>
+          <bm-city-list anchor="BMAP_ANCHOR_TOP_LEFT"></bm-city-list>
+          <bm-geolocation
+              anchor="BMAP_ANCHOR_BOTTOM_RIGHT"
+              :showAddressBar="true"
+              :autoLocation="true"
+              @locationSuccess="getLoctionSuccess"
+          ></bm-geolocation>
+          <bm-view :style="{ width: '100%', height: '300px', flex: 1, marginTop: '0px' }"></bm-view>
+          <bm-local-search
+              :keyword="keyword"
+              :auto-viewport="false"
+              :location="location2"
+              style="height: 150px; overflow-y: scroll; margin: 2px 0"
+          ></bm-local-search>
+      </baidu-map>
+      <div class="demo-input-suffix" style="margin-top: 2vh">
+          <el-link type="info">经度：</el-link
+          ><el-input
+              class="lineinput"
+              style="width: 200px"
+              size="mini"
+              v-model.number="form.longitude"
+              :disabled="true"
+          ></el-input>
+          <el-link type="info"> 纬度：</el-link
+          ><el-input
+              class="lineinput"
+              style="width: 200px"
+              size="mini"
+              v-model.number="form.latitude"
+              :disabled="true"
+          ></el-input>
+          <el-link type="info"> 位置：</el-link
+          ><el-input
+              class="lineinput"
+              style="width: 200px"
+              size="mini"
+              v-model="form.location"
+              :disabled="true"
+          ></el-input>
+      </div>
+      <div slot="footer" class="dialog-footer" style="margin-top: -30px">
+          <el-button type="warning" size="small" icon="el-icon-close" @click.native="mapVisible = false"
+              >取消</el-button
+          >
+          <el-button type="primary" size="small" icon="el-icon-check" @click="findLocation">确定</el-button>
+      </div> -->
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-import { listProject, getProject, delProject, addProject, updateProject } from '@/api/basic/project'
-import { getLevelListApi } from '@/api/basic/level-manage.js'
-import { BaiduMap, BmNavigation, BmView, BmGeolocation, BmCityList, BmLocalSearch } from 'vue-baidu-map'
+import {listProject, getProject, delProject, addProject, updateProject,getProTypeListApi} from '@/api/basic/project'
+import {getLevelListApi} from '@/api/basic/level-manage.js'
+import {BaiduMap, BmNavigation, BmView, BmGeolocation, BmCityList, BmLocalSearch} from 'vue-baidu-map'
 
 export default {
-    name: 'Post',
-    dicts: ['sys_normal_disable'],
-    data() {
-        return {
-            location2: '',
-            keyword: '',
-            center: { lng: 111.752912, lat: 40.832246 },
-            zoom: 12,
-            mapVisible: false,
-            iconUrl: 'http://api0.map.bdimg.com/images/marker_red_sprite.png',
-            // 遮罩层
-            loading: true,
-            // 选中数组
-            ids: [],
-            // 非单个禁用
-            single: true,
-            // 非多个禁用
-            multiple: true,
-            // 显示搜索条件
-            showSearch: true,
-            // 总条数
-            total: 0,
-            // 岗位表格数据
-            proList: [],
-            // 弹出层标题
-            title: '',
-            // 是否显示弹出层
-            open: false,
-            // 查询参数
-            queryParams: {
-                pageNum: 1,
-                pageSize: 10,
-                proName: undefined,
-                unit: undefined,
-                chargePerson: undefined,
-            },
-            // 表单参数
-            form: {
-                proName: '', // 项目名称
-                level: '', // 层级配置
-                chargePerson: '', // 负责人
-                location: '', // 项目所在地
-                longitude: '', // 经度
-                latitude: '', // 纬度
-                remark: '', // 备注
-            },
-            // 表单校验
-            addOrEditRules: {
-                proName: [{ required: true, message: '项目名称不能为空', trigger: 'blur' }],
-                level: [{ required: true, message: '请选择层级配置', trigger: 'change' }],
-                chargePerson: [{ required: true, message: '请输入负责人', trigger: 'blur' }],
-                location: [{ required: true, message: '请选择项目所在地', trigger: 'blur' }],
-                longitude: [{ required: true, message: '请选择项目所在地', trigger: 'blur' }],
-                latitude: [{ required: true, message: '请选择项目所在地', trigger: 'blur' }],
-            },
+  name: 'Post',
+  dicts: ['sys_normal_disable'],
+  data() {
+    return {
+      location2: '',
+      keyword: '',
+      center: {lng: 111.752912, lat: 40.832246},
+      zoom: 12,
+      mapVisible: false,
+      iconUrl: 'http://api0.map.bdimg.com/images/marker_red_sprite.png',
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 岗位表格数据
+      proList: [],
+      // 弹出层标题
+      title: '',
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        proName: undefined,
+        unit: undefined,
+        chargePerson: undefined,
+      },
+      // 表单参数
+      form: {
+        proName: '', // 项目名称
+        level: '', // 层级配置
+        proType:'', // 项目类型
+        chargePerson: '', // 负责人
+        location: '', // 项目所在地
+        longitude: '', // 经度
+        latitude: '', // 纬度
+        remark: '', // 备注
+      },
+      // 表单校验
+      addOrEditRules: {
+        proName: [{required: true, message: '项目名称不能为空', trigger: 'blur'}],
+        level: [{required: true, message: '请选择层级配置', trigger: 'change'}],
+        proType: [{required: true, message: '请选择项目类型', trigger: 'change'}],
+        chargePerson: [{required: true, message: '请输入负责人', trigger: 'blur'}],
+        location: [{required: true, message: '请选择项目所在地', trigger: 'blur'}],
+        longitude: [{required: true, message: '请选择项目所在地', trigger: 'blur'}],
+        latitude: [{required: true, message: '请选择项目所在地', trigger: 'blur'}],
+      },
 
-            levelList: [],
+      levelList: [],
+      proTypeList: [],
 
-            searchAddress: '',
-            marker: null,
+      searchAddress: '',
+      marker: null,
+    }
+  },
+  created() {
+    this.getList()
+    this.getLevelList()
+    this.getProTypeList()
+  },
+  methods: {
+    async getLevelList() {
+      const res = await getLevelListApi({
+        pageNum: 1,
+        pageSize: 1000,
+      })
+      this.levelList = res.rows
+    },
+
+
+    async getProTypeList() {
+      const res = await getProTypeListApi()
+      this.proTypeList = res.data
+    },
+
+    /** 查询岗位列表 */
+    getList() {
+      this.loading = true
+      listProject(this.queryParams).then((response) => {
+        this.proList = response.rows
+        this.total = response.total
+        this.loading = false
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        proName: '', // 项目名称
+        level: '', // 层级配置
+        proType: '', // 层级配置
+        chargePerson: '', // 负责人
+        location: '', // 项目所在地
+        longitude: '', // 经度
+        latitude: '', // 纬度
+        remark: '', // 备注
+      }
+      this.resetForm('form')
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = '新增项目'
+    },
+    /** 地图选点操作 */
+    handleMapAdd() {
+      const this_ = this
+      this_.mapVisible = true
+      this.$nextTick(() => {
+        this_.map = new BMapGL.Map('map-container') // 创建地图实例
+        let point = new BMapGL.Point(117.13805, 31.8734) // 创建点坐标
+        // let point = new BMapGL.Point(116.404, 39.915) // 创建点坐标
+        this_.map.centerAndZoom(point, 12) // 初始化地图，设置中心点坐标和地图级别
+        this_.map.enableScrollWheelZoom(true) // 启用滚轮放大缩小
+        this_.map.setHeading(64.5) //设置地图旋转角度
+        this_.map.setTilt(73) //设置地图的倾斜角度
+
+        var geoc = new BMapGL.Geocoder()
+
+        this_.map.addEventListener('click', function (e) {
+          var pt = e.latlng
+          geoc.getLocation(pt, function (res) {
+            var addComp = res.addressComponents
+            this_.form.location = `${addComp.province}${addComp.city}${addComp.district}${addComp.street}${addComp.streetNumber}`
+            this_.form.longitude = e.latlng.lng
+            this_.form.latitude = e.latlng.lat
+          })
+          this_.map.clearOverlays()
+          const points = new BMapGL.Point(e.latlng.lng, e.latlng.lat)
+          // let marker = new BMapGL.Marker(point) // 创建标点
+          // this_.map.addOverlay(marker)
+
+          if (this_.marker) {
+            this_.map.removeOverlay(this_.marker)
+          }
+
+          // 创建新标记
+          this_.marker = new BMapGL.Marker(points)
+          this_.map.addOverlay(this_.marker)
+
+          // 设置地图中心点
+          this_.map.centerAndZoom(points, 16)
+
+          // 可以添加信息窗口
+          const infoWindow = new BMapGL.InfoWindow(this_.form.location)
+          this_.marker.addEventListener('click', () => {
+            this_.map.openInfoWindow(infoWindow, points)
+          })
+
+          // 自动打开信息窗口
+          this_.map.openInfoWindow(infoWindow, points)
+        })
+      })
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      const proId = row.proId || this.ids
+      getProject(proId).then((response) => {
+        this.form = response.data
+        this.open = true
+        this.title = '修改项目'
+        this.form.level = response.data.proId
+      })
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          if (this.form.proId != undefined) {
+            updateProject(this.form).then((response) => {
+              this.$modal.msgSuccess('修改成功')
+              this.open = false
+              this.getList()
+            })
+          } else {
+            addProject(this.form).then((response) => {
+              this.$modal.msgSuccess('新增成功')
+              this.open = false
+              this.getList()
+            })
+          }
         }
+      })
     },
-    created() {
-        this.getList()
-        this.getLevelList()
+
+    /** 地图选点 */
+    handler({BMap, map}) {
+      let _this = this // 设置一个临时变量指向vue实例，因为在百度地图回调里使用this，指向的不是vue实例；
+      let geolocation = new BMap.Geolocation()
+      geolocation.getCurrentPosition(
+        function (r) {
+          console.log(r)
+          _this.center = {lng: r.longitude, lat: r.latitude} // 设置center属性值
+          _this.autoLocationPoint = {lng: r.longitude, lat: r.latitude} // 自定义覆盖物
+          _this.initLocation = true
+        },
+        {enableHighAccuracy: true},
+      )
+      window.map = map
     },
-    methods: {
-        async getLevelList() {
-            const res = await getLevelListApi({
-                pageNum: 1,
-                pageSize: 1000,
-            })
-            this.levelList = res.rows
+    //点击地图监听
+    clickEvent(e) {
+      map.clearOverlays()
+      let Icon_0 = new BMap.Icon(
+        'http://api0.map.bdimg.com/images/marker_red_sprite.png',
+        new BMap.Size(64, 64),
+        {anchor: new BMap.Size(18, 32), imageSize: new BMap.Size(36, 25)},
+      )
+      let myMarker = new BMap.Marker(new BMap.Point(e.point.lng, e.point.lat), {icon: Icon_0})
+      map.addOverlay(myMarker)
+      //用所定位的经纬度查找所在地省市街道等信息
+      let point = new BMap.Point(e.point.lng, e.point.lat)
+      let gc = new BMap.Geocoder()
+      let _this = this
+      gc.getLocation(point, function (rs) {
+        let addComp = rs.addressComponents
+        _this.form.location = rs.address
+      })
+      this.form.longitude = e.point.lng
+      this.form.latitude = e.point.lat
+    },
+    //定位成功回调
+    getLoctionSuccess(point, AddressComponent, marker) {
+      map.clearOverlays()
+      let Icon_0 = new BMap.Icon(
+        'http://api0.map.bdimg.com/images/marker_red_sprite.png',
+        new BMap.Size(64, 64),
+        {anchor: new BMap.Size(18, 32), imageSize: new BMap.Size(36, 36)},
+      )
+      let myMarker = new BMap.Marker(new BMap.Point(point.point.lng, point.point.lat), {icon: Icon_0})
+      map.addOverlay(myMarker)
+      this.form.longitude = point.point.lng
+      this.form.latitude = point.point.lat
+    },
+    //返回选中点的位置
+    findLocation() {
+      this.mapVisible = false
+      // this.$emit('findlocdata', this.form)
+      // this.temp.location = this.keyword
+      // this.temp.lng = this.form.longitude
+      // this.temp.lat = this.form.latitude
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const proIds = row.proId || this.ids
+      this.$modal
+        .confirm('是否确认删除项目编号为"' + proIds + '"的数据项？')
+        .then(function () {
+          return delProject(proIds)
+        })
+        .then(() => {
+          this.getList()
+          this.$modal.msgSuccess('删除成功')
+        })
+        .catch(() => {
+        })
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download(
+        'project/export',
+        {
+          ...this.queryParams,
         },
-        /** 查询岗位列表 */
-        getList() {
-            this.loading = true
-            listProject(this.queryParams).then((response) => {
-                this.proList = response.rows
-                this.total = response.total
-                this.loading = false
-            })
-        },
-        // 取消按钮
-        cancel() {
-            this.open = false
-            this.reset()
-        },
-        // 表单重置
-        reset() {
-            this.form = {
-                proName: '', // 项目名称
-                level: '', // 层级配置
-                chargePerson: '', // 负责人
-                location: '', // 项目所在地
-                longitude: '', // 经度
-                latitude: '', // 纬度
-                remark: '', // 备注
-            }
-            this.resetForm('form')
-        },
-        /** 搜索按钮操作 */
-        handleQuery() {
-            this.queryParams.pageNum = 1
-            this.getList()
-        },
-        /** 重置按钮操作 */
-        resetQuery() {
-            this.resetForm('queryForm')
-            this.handleQuery()
-        },
-        /** 新增按钮操作 */
-        handleAdd() {
-            this.reset()
-            this.open = true
-            this.title = '新增项目'
-        },
-        /** 地图选点操作 */
-        handleMapAdd() {
-            const this_ = this
-            this_.mapVisible = true
-            this.$nextTick(() => {
-                this_.map = new BMapGL.Map('map-container') // 创建地图实例
-                let point = new BMapGL.Point(117.13805, 31.8734) // 创建点坐标
-                // let point = new BMapGL.Point(116.404, 39.915) // 创建点坐标
-                this_.map.centerAndZoom(point, 12) // 初始化地图，设置中心点坐标和地图级别
-                this_.map.enableScrollWheelZoom(true) // 启用滚轮放大缩小
-                this_.map.setHeading(64.5) //设置地图旋转角度
-                this_.map.setTilt(73) //设置地图的倾斜角度
+        `项目信息表.xlsx`,
+      )
+    },
 
-                var geoc = new BMapGL.Geocoder()
+    // 根据地址定位 并获取经纬度
+    handleSearch() {
+      console.log(this.searchAddress, '搜索地址')
 
-                this_.map.addEventListener('click', function (e) {
-                    var pt = e.latlng
-                    geoc.getLocation(pt, function (res) {
-                        var addComp = res.addressComponents
-                        this_.form.location = `${addComp.province}${addComp.city}${addComp.district}${addComp.street}${addComp.streetNumber}`
-                        this_.form.longitude = e.latlng.lng
-                        this_.form.latitude = e.latlng.lat
-                    })
-                    this_.map.clearOverlays()
-                    const points = new BMapGL.Point(e.latlng.lng, e.latlng.lat)
-                    // let marker = new BMapGL.Marker(point) // 创建标点
-                    // this_.map.addOverlay(marker)
+      const geoc = new BMapGL.Geocoder()
 
-                    if (this_.marker) {
-                        this_.map.removeOverlay(this_.marker)
-                    }
-
-                    // 创建新标记
-                    this_.marker = new BMapGL.Marker(points)
-                    this_.map.addOverlay(this_.marker)
-
-                    // 设置地图中心点
-                    this_.map.centerAndZoom(points, 16)
-
-                    // 可以添加信息窗口
-                    const infoWindow = new BMapGL.InfoWindow(this_.form.location)
-                    this_.marker.addEventListener('click', () => {
-                        this_.map.openInfoWindow(infoWindow, points)
-                    })
-
-                    // 自动打开信息窗口
-                    this_.map.openInfoWindow(infoWindow, points)
-                })
-            })
-        },
-        /** 修改按钮操作 */
-        handleUpdate(row) {
-            this.reset()
-            const proId = row.proId || this.ids
-            getProject(proId).then((response) => {
-                this.form = response.data
-                this.open = true
-                this.title = '修改项目'
-                this.form.level = response.data.proId
-            })
-        },
-        /** 提交按钮 */
-        submitForm: function () {
-            this.$refs['form'].validate((valid) => {
-                if (valid) {
-                    if (this.form.proId != undefined) {
-                        updateProject(this.form).then((response) => {
-                            this.$modal.msgSuccess('修改成功')
-                            this.open = false
-                            this.getList()
-                        })
-                    } else {
-                        addProject(this.form).then((response) => {
-                            this.$modal.msgSuccess('新增成功')
-                            this.open = false
-                            this.getList()
-                        })
-                    }
-                }
-            })
-        },
-
-        /** 地图选点 */
-        handler({ BMap, map }) {
-            let _this = this // 设置一个临时变量指向vue实例，因为在百度地图回调里使用this，指向的不是vue实例；
-            let geolocation = new BMap.Geolocation()
-            geolocation.getCurrentPosition(
-                function (r) {
-                    console.log(r)
-                    _this.center = { lng: r.longitude, lat: r.latitude } // 设置center属性值
-                    _this.autoLocationPoint = { lng: r.longitude, lat: r.latitude } // 自定义覆盖物
-                    _this.initLocation = true
-                },
-                { enableHighAccuracy: true },
-            )
-            window.map = map
-        },
-        //点击地图监听
-        clickEvent(e) {
-            map.clearOverlays()
-            let Icon_0 = new BMap.Icon(
-                'http://api0.map.bdimg.com/images/marker_red_sprite.png',
-                new BMap.Size(64, 64),
-                { anchor: new BMap.Size(18, 32), imageSize: new BMap.Size(36, 25) },
-            )
-            let myMarker = new BMap.Marker(new BMap.Point(e.point.lng, e.point.lat), { icon: Icon_0 })
-            map.addOverlay(myMarker)
-            //用所定位的经纬度查找所在地省市街道等信息
-            let point = new BMap.Point(e.point.lng, e.point.lat)
-            let gc = new BMap.Geocoder()
-            let _this = this
-            gc.getLocation(point, function (rs) {
-                let addComp = rs.addressComponents
-                _this.form.location = rs.address
-            })
-            this.form.longitude = e.point.lng
-            this.form.latitude = e.point.lat
-        },
-        //定位成功回调
-        getLoctionSuccess(point, AddressComponent, marker) {
-            map.clearOverlays()
-            let Icon_0 = new BMap.Icon(
-                'http://api0.map.bdimg.com/images/marker_red_sprite.png',
-                new BMap.Size(64, 64),
-                { anchor: new BMap.Size(18, 32), imageSize: new BMap.Size(36, 36) },
-            )
-            let myMarker = new BMap.Marker(new BMap.Point(point.point.lng, point.point.lat), { icon: Icon_0 })
-            map.addOverlay(myMarker)
-            this.form.longitude = point.point.lng
-            this.form.latitude = point.point.lat
-        },
-        //返回选中点的位置
-        findLocation() {
-            this.mapVisible = false
-            // this.$emit('findlocdata', this.form)
-            // this.temp.location = this.keyword
-            // this.temp.lng = this.form.longitude
-            // this.temp.lat = this.form.latitude
-        },
-        /** 删除按钮操作 */
-        handleDelete(row) {
-            const proIds = row.proId || this.ids
-            this.$modal
-                .confirm('是否确认删除项目编号为"' + proIds + '"的数据项？')
-                .then(function () {
-                    return delProject(proIds)
-                })
-                .then(() => {
-                    this.getList()
-                    this.$modal.msgSuccess('删除成功')
-                })
-                .catch(() => {})
-        },
-        /** 导出按钮操作 */
-        handleExport() {
-            this.download(
-                'project/export',
-                {
-                    ...this.queryParams,
-                },
-                `项目信息表.xlsx`,
-            )
-        },
-
-        // 根据地址定位 并获取经纬度
-        handleSearch() {
-            console.log(this.searchAddress, '搜索地址')
-
-            const geoc = new BMapGL.Geocoder()
-
-            geoc.getPoint(
-                this.searchAddress,
-                (point) => {
-                    if (point) {
-                        // 清除旧标记
-                        if (this.marker) {
-                            this.map.removeOverlay(this.marker)
-                        }
-
-                        // 创建新标记
-                        this.marker = new BMapGL.Marker(point)
-                        this.map.addOverlay(this.marker)
-
-                        // 设置地图中心点
-                        this.map.centerAndZoom(point, 16)
-
-                        // 可以添加信息窗口
-                        const infoWindow = new BMapGL.InfoWindow(this.searchAddress)
-                        this.marker.addEventListener('click', () => {
-                            this.map.openInfoWindow(infoWindow, point)
-                        })
-
-                        // 自动打开信息窗口
-                        this.map.openInfoWindow(infoWindow, point)
-
-                        console.log('坐标点:', point)
-                    } else {
-                        this.$message.error('未找到该地址对应的位置')
-                    }
-                },
-                '全国',
-            ) // '全国'是可选的城市参数
-        },
-
-        // 关闭地图选点
-        handleMapClose() {
-            this.mapVisible = false
+      geoc.getPoint(
+        this.searchAddress,
+        (point) => {
+          if (point) {
+            // 清除旧标记
             if (this.marker) {
-                this.map.removeOverlay(this.marker)
-            }
-            // 清除地图
-            if (this.map) {
-                this.map.removeAllOverlays()
-                this.map.removeAllListeners()
-                this.map.clear()
-                this.map = null
+              this.map.removeOverlay(this.marker)
             }
+
+            // 创建新标记
+            this.marker = new BMapGL.Marker(point)
+            this.map.addOverlay(this.marker)
+
+            // 设置地图中心点
+            this.map.centerAndZoom(point, 16)
+
+            // 可以添加信息窗口
+            const infoWindow = new BMapGL.InfoWindow(this.searchAddress)
+            this.marker.addEventListener('click', () => {
+              this.map.openInfoWindow(infoWindow, point)
+            })
+
+            // 自动打开信息窗口
+            this.map.openInfoWindow(infoWindow, point)
+
+            console.log('坐标点:', point)
+          } else {
+            this.$message.error('未找到该地址对应的位置')
+          }
         },
+        '全国',
+      ) // '全国'是可选的城市参数
     },
+
+    // 关闭地图选点
+    handleMapClose() {
+      this.mapVisible = false
+      if (this.marker) {
+        this.map.removeOverlay(this.marker)
+      }
+      // 清除地图
+      if (this.map) {
+        this.map.removeAllOverlays()
+        this.map.removeAllListeners()
+        this.map.clear()
+        this.map = null
+      }
+    },
+  },
 }
 </script>