删除

src/router/index-old.js

@@ -1,60 +0,0 @@
-import { createRouter, createWebHistory } from 'vue-router'
-
-const routes = [
-  {
-    path: '/',
-    name: 'home',
-    component: function () {
-      return import(/* webpackChunkName: "homepage" */ '../views/HomePage.vue')
-    }
-  },
-  {
-    path: '/data',
-    name: 'data',
-    component: function () {
-      return import(/* webpackChunkName: "data" */ '../views/Data.vue')
-    }
-  },
-  {
-    path: '/application',
-    name: 'application',
-    component: function () {
-      return import(/* webpackChunkName: "application" */ '../views/Application.vue')
-    }
-  },
-  {
-    path: '/function',
-    name: 'function',
-    component: function () {
-      return import(/* webpackChunkName: "funtcion" */ '../views/Function.vue')
-    }
-  },
-  {
-    path: '/development',
-    name: 'development',
-    component: function () {
-      return import(/* webpackChunkName: "development" */ '../views/Development.vue')
-    }
-  },
-  {
-    path: '/oamc',
-    name: 'oamc',
-    component: function () {
-      return import(/* webpackChunkName: "oamc" */ '../views/OAMC.vue')
-    }
-  },
-  {
-    path: '/display',
-    name: 'display',
-    component: function () {
-      return import(/* webpackChunkName: "display" */ '../views/Display.vue')
-    }
-  }
-]
-
-const router = createRouter({
-  history: createWebHistory(process.env.BASE_URL),
-  routes
-})
-
-export default router

src/views-old/Application.vue

@@ -1,157 +0,0 @@
-<template>
-  <div class="application container">
-    <div class="part1">
-      <div class="title">应用中心</div>
-      <p>收集、管理区级应用的访问地址、使用单位、使用情况等。区委办局、街镇、居村应基于区级节点开展区级时空应用建设。</p>
-    </div>
-    <div class="part2">
-      <div class="service" v-for="(item, index) in projectList" :key="index">
-        <div class="img" :style="{backgroundImage: 'url(' + item.bgUrl + ')' }"></div>
-        <h2 class="title">{{item.title}}</h2>
-        <div class="type">访问类型：{{item.visitType}}</div>
-        <div class="company">建设单位：{{item.company}}</div>
-        <div class="time">建设时间：{{item.time}}</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import bg1 from "@/assets/images/common/app-bg-1.png";
-import bg2 from "@/assets/images/common/app-bg-2.png";
-import bg3 from "@/assets/images/common/app-bg-3.png";
-import bg4 from "@/assets/images/common/app-bg-4.png";
-export default {
-  name: "Application",
-  data() {
-    return {
-      projectList: [
-        {
-          title: "青浦区环境自动监测信息化平台",
-          visitType: "公开",
-          company: "青浦区环境局",
-          time: "2024.10.25",
-          bgUrl: bg1
-        },
-        {
-          title: "青浦区燃气行业监管平台",
-          visitType: "公开",
-          company: "青浦区环境局",
-          time: "2024.10.25",
-          bgUrl: bg2
-        },
-        {
-          title: "青浦区环境自动监测信息化平台",
-          visitType: "公开",
-          company: "青浦区环境局",
-          time: "2024.10.25",
-          bgUrl: bg3
-        },
-        {
-          title: "青浦区消防救援平台支队一网统管平台",
-          visitType: "公开",
-          company: "青浦区环境局",
-          time: "2024.10.25",
-          bgUrl: bg4
-        }
-      ]
-    };
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.container {
-  width: 1920px;
-  margin: 0 auto;
-}
-.application {
-  .part1 {
-    width: 100%;
-    height: 644px;
-    background: url(~@/assets/images/common/u661.png) no-repeat;
-    position: relative;
-    color: #ffffff;
-    .title {
-      position: absolute;
-      top: 160px;
-      left: 120px;
-      font-family: "微软雅黑 Bold", "微软雅黑", sans-serif;
-      font-size: 50px;
-      font-weight: bold;
-    }
-    p {
-      position: absolute;
-      top: 250px;
-      left: 120px;
-      font-family: "微软雅黑 Light", "微软雅黑", sans-serif;
-      font-size: 24px;
-      width: 630px;
-    }
-  }
-
-  .part2 {
-    width: 100%;
-    background: #08224a;
-    padding-top: 40px;
-    padding-bottom: 1px;
-    .service {
-      margin: 0 30px;
-      width: 730px;
-      height: 520px;
-      display: inline-block;
-      box-sizing: border-box;
-      overflow: hidden;
-      position: relative;
-      color: #ffffff;
-
-      .img {
-        width: 730px;
-        height: 360px;
-        background-repeat: no-repeat;
-        background-size: 100% 100%;
-        border-radius: 10px;
-      }
-
-      .tag {
-        border-width: 0px;
-        width: 213px;
-        height: 52px;
-        line-height: 52px;
-        text-align: center;
-        background: inherit;
-        background-color: rgba(226, 228, 244, 1);
-        border-radius: 5px;
-        filter: drop-shadow(none);
-        transition: none;
-        font-size: 20px;
-        color: #7281ee;
-        margin-bottom: 20px;
-      }
-      .title {
-        position: relative;
-        height: 30px;
-        line-height: 30px;
-        font-size: 30px;
-        text-align: left;
-        padding-bottom: 20px;
-        margin-top: 20px;
-      }
-
-      p {
-        font-size: 20px;
-        line-height: 1.5;
-      }
-    }
-    > :nth-child(2n + 1) {
-      margin-left: 140px;
-      margin-right: 90px;
-    }
-
-    > :nth-child(2n) {
-      margin-left: 90px;
-      margin-right: 140px;
-    }
-  }
-}
-</style>

src/views-old/Data.vue

@@ -1,19 +0,0 @@
-<template>
-  <div class="data container">数据中心</div>
-</template>
-
-<script>
-export default {
-  name: "Data"
-};
-</script>
-
-<style lang="less" scoped>
-.container {
-  width: 1920px;
-  margin: 0 auto;
-}
-.data {
-   
-}
-</style>

src/views-old/Development.vue

@@ -1,135 +0,0 @@
-<template>
-  <div class="development container">
-    <div class="part1">
-      <div class="title">开发中心</div>
-      <p>提供集成低代码、开发示例、开发手册等模块内容，实现代码、文档和多种开发资源的集中管理，为开发人员提供有关软件、应用程序或系统的全面指导。</p>
-      <el-button size="large" type="primary">点击进入</el-button>
-    </div>
-    <div class="part2">
-      <div class="service" v-for="(item, index) in projectList" :key="index">
-        <div class="img" :style="{backgroundImage: 'url(' + item.bgUrl + ')' }">
-          <div class="label">{{ item.label }}</div>
-        </div>
-        <div class="content">{{ item.content }}</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import bg1 from "@/assets/images/common/dev-bg-1.png";
-import bg2 from "@/assets/images/common/dev-bg-2.png";
-export default {
-  name: "Development",
-  data() {
-    return {
-      projectList: [
-        {
-          label: "开发示例",
-          content:
-            "提供开发示例。展示多模型示例，提供详细于发样例，演示技术的框架或库的用法，通过查看和理解示例代码，开发者可以更迅速地掌握新技术的基本用法和功能。",
-          bgUrl: bg1
-        },
-        {
-          label: "开发手册",
-          content:
-            "包含二三维一体化平台。实现场景快速搭建能力，允许用户以较少的代码量快速开发应用程序，通过最小化手动编码的需求，加速应用程序和业务流程的开发，使非专业开发人员也能参与应用程序的构建和定制。",
-          bgUrl: bg2
-        }
-      ]
-    };
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.container {
-  width: 1920px;
-  margin: 0 auto;
-}
-.development {
-  .part1 {
-    width: 100%;
-    height: 500px;
-    background: url(~@/assets/images/common/u720.png) no-repeat;
-    position: relative;
-    color: #ffffff;
-    .title {
-      position: absolute;
-      top: 120px;
-      left: 120px;
-      font-family: "微软雅黑 Bold", "微软雅黑", sans-serif;
-      font-size: 50px;
-      font-weight: bold;
-    }
-    p {
-      position: absolute;
-      top: 210px;
-      left: 120px;
-      font-family: "微软雅黑 Light", "微软雅黑", sans-serif;
-      font-size: 24px;
-      width: 630px;
-    }
-    .el-button {
-      position: absolute;
-      top: 330px;
-      left: 120px;
-      font-size: 24px;
-      padding-top: 20px;
-      padding-bottom: 20px;
-    }
-  }
-  .part2 {
-    width: 100%;
-    background: #08224a;
-    padding-top: 40px;
-    padding-bottom: 1px;
-    .service {
-      margin: 0 30px;
-      width: 560px;
-      height: 700px;
-      display: inline-block;
-      box-sizing: border-box;
-      overflow: hidden;
-      position: relative;
-      color: #ffffff;
-      .img {
-        width: 480px;
-        height: 480px;
-        background-repeat: no-repeat;
-        background-size: 100% 100%;
-        border-radius: 10px;
-        position: relative;
-        margin: 0 auto;
-      }
-      .label {
-        position: absolute;
-        height: 30px;
-        line-height: 30px;
-        font-size: 30px;
-        text-align: left;
-        bottom: 80px;
-        width: 120px;
-        padding: 10px 10px;
-        border-radius: 5px;
-        left: calc(50% - 70px);
-        background: #062141;
-      }
-      .content {
-        margin-top: 20px;
-        font-size: 20px;
-        line-height: 1.5;
-      }
-    }
-    > :nth-child(2n + 1) {
-      margin-left: 280px;
-      margin-right: 120px;
-    }
-
-    > :nth-child(2n) {
-      margin-left: 120px;
-      margin-right: 280px;
-    }
-  }
-}
-</style>

src/views-old/Display.vue

@@ -1,19 +0,0 @@
-<template>
-  <div class="display container">综合展示</div>
-</template>
-
-<script>
-export default {
-  name: "Display"
-};
-</script>
-
-<style lang="less" scoped>
-.container {
-  width: 1920px;
-  margin: 0 auto;
-}
-.display {
-  height: 1500px;
-}
-</style>

src/views-old/Function.vue

@@ -1,28 +0,0 @@
-<template>
-  <div class="function container">
-    <div class="part1">
-      <div class="title">微功能中心</div>
-      <div class="subtitle">服务介绍</div>
-      三数据服务是围绕二维地理信息数据展开的综合服务体系。它涵盖以像元阵列形式存储的栅格服务，广泛应用于影像地图展示、地形分析等；通过将地图切割成小图片进行快速加载的瓦片服务，提升地图浏览流畅度；能够精确表达地理要素几何形状和属性的矢量时空数据服务，记录地理对象随时间的变化；以及包含特定主题数据集合的专题库服务，如交通专题库、土地利用专题库等，满足不同行业对特定地理信息的深度挖掘与分析需求，为城市规划、资源管理、环境监测等领域提供有力的数据支撑。
-    </div>
-    <div class="part2"></div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "Function"
-};
-</script>
-
-<style lang="less" scoped>
-.container {
-  width: 1920px;
-  margin: 0 auto;
-}
-
-.function {
-  width: 100%;
-  height: 644px;
-}
-</style>

src/views-old/HomePage.vue

@@ -1,791 +0,0 @@
-<template>
-  <div class="home container">
-    <div class="part1">
-      <div class="part1-1">
-        <div class="part1-1-1">
-          <div class="number-container">
-            <span class="text">调用总数</span>
-            <span v-for="(num,index) in totalCall" :key="index">
-              <span v-if="num.indexOf(',')>-1">
-                <span class="separator">,</span>
-              </span>
-              <span v-else>
-                <span class="number-item">{{ num }}</span>
-              </span>
-            </span>
-            <span class="text">次</span>
-          </div>
-        </div>
-        <div class="part1-1-2">
-          <div class="call-count-container">
-            <div class="line"></div>
-            <div>
-              <span class="text1">当日调用量</span>
-              <span class="count">{{ todayCall }}</span>
-              <span class="text2">次</span>
-            </div>
-            <div class="line"></div>
-          </div>
-        </div>
-      </div>
-      <div class="part1-2">
-        <div class="part1-2-1">
-          <div>服务总数</div>
-          <div>{{ serveNum }}个</div>
-        </div>
-        <div class="part1-2-2">
-          <div>授权用户数</div>
-          <div>{{ userNum }}个</div>
-        </div>
-        <div class="part1-2-3">
-          <div>授权应用数</div>
-          <div>{{ appNum }}个</div>
-        </div>
-      </div>
-      <div class="part1-3">
-        <div id="echart1"></div>
-      </div>
-    </div>
-    <div class="part2">
-      <div class="chapter">核心服务</div>
-      <div class="row">
-        <div class="service">
-          <h2 class="title yellow">空间数据查询</h2>
-          <p>空间数据查询是从空间数据集中检索特定信息的操作。它可在关系型数据库如MySQL和SQL Server中进行，也能在NoSQL数据库如MongoDB里实现。通过特定函数和方法，能快速找到符合条件的数据，为地理信息等领域提供重要支持。</p>
-        </div>
-        <div class="service">
-          <h2 class="title gray">数据分析</h2>
-          <p>空间数据查询是从空间数据集中检索特定信息的操作。它可在关系型数据库如MySQL和SQL Server中进行，也能在NoSQL数据库如MongoDB里实现。通过特定函数和方法，能快速找到符合条件的数据，为地理信息等领域提供重要支持。</p>
-        </div>
-        <div class="service">
-          <h2 class="title blue">可视化服务</h2>
-          <p>空间数据查询是从空间数据集中检索特定信息的操作。它可在关系型数据库如MySQL和SQL Server中进行，也能在NoSQL数据库如MongoDB里实现。通过特定函数和方法，能快速找到符合条件的数据，为地理信息等领域提供重要支持。</p>
-        </div>
-      </div>
-      <div class="row">
-        <div class="service">
-          <h2 class="title orange">空间数据查询</h2>
-          <p>空间数据查询是从空间数据集中检索特定信息的操作。它可在关系型数据库如MySQL和SQL Server中进行，也能在NoSQL数据库如MongoDB里实现。通过特定函数和方法，能快速找到符合条件的数据，为地理信息等领域提供重要支持。</p>
-        </div>
-        <div class="service">
-          <h2 class="title green">数据分析</h2>
-          <p>空间数据查询是从空间数据集中检索特定信息的操作。它可在关系型数据库如MySQL和SQL Server中进行，也能在NoSQL数据库如MongoDB里实现。通过特定函数和方法，能快速找到符合条件的数据，为地理信息等领域提供重要支持。</p>
-        </div>
-        <div class="service">
-          <h2 class="title yellow-green">可视化服务</h2>
-          <p>空间数据查询是从空间数据集中检索特定信息的操作。它可在关系型数据库如MySQL和SQL Server中进行，也能在NoSQL数据库如MongoDB里实现。通过特定函数和方法，能快速找到符合条件的数据，为地理信息等领域提供重要支持。</p>
-        </div>
-      </div>
-    </div>
-    <div class="part3">
-      <div class="container">
-        <h1>二三维一体化引擎</h1>
-        <p>
-          GIS 通用计算功能，实用便捷超乎想象！
-          <br />测距、剖面分析及点线面绘制轻松实现，坐标转换精准高效，路径规划快速准确，地名搜索智能推荐
-        </p>
-        <el-button type="primary" size="large">了解更多</el-button>
-      </div>
-    </div>
-    <div class="part4">
-      <div class="chapter">实践与探索</div>
-      <div class="row">
-        <div class="service">
-          <h2 class="title yellow">空间数据查询</h2>
-          <p>空间数据查询是从空间数据集中检索特定信息的操作。它可在关系型数据库如MySQL和SQL Server中进行，也能在NoSQL数据库如MongoDB里实现。通过特定函数和方法，能快速找到符合条件的数据，为地理信息等领域提供重要支持。</p>
-          <el-button size="large" link>了解详情→</el-button>
-        </div>
-        <div class="service">
-          <h2 class="title gray">数据分析</h2>
-          <p>空间数据查询是从空间数据集中检索特定信息的操作。它可在关系型数据库如MySQL和SQL Server中进行，也能在NoSQL数据库如MongoDB里实现。通过特定函数和方法，能快速找到符合条件的数据，为地理信息等领域提供重要支持。</p>
-          <el-button size="large" link>了解详情→</el-button>
-        </div>
-        <div class="service">
-          <h2 class="title blue">可视化服务</h2>
-          <p>空间数据查询是从空间数据集中检索特定信息的操作。它可在关系型数据库如MySQL和SQL Server中进行，也能在NoSQL数据库如MongoDB里实现。通过特定函数和方法，能快速找到符合条件的数据，为地理信息等领域提供重要支持。</p>
-          <el-button size="large" link>了解详情→</el-button>
-        </div>
-      </div>
-      <div class="row">
-        <div class="service">
-          <h2 class="title orange">空间数据查询</h2>
-          <p>空间数据查询是从空间数据集中检索特定信息的操作。它可在关系型数据库如MySQL和SQL Server中进行，也能在NoSQL数据库如MongoDB里实现。通过特定函数和方法，能快速找到符合条件的数据，为地理信息等领域提供重要支持。</p>
-          <el-button size="large" link>了解详情→</el-button>
-        </div>
-        <div class="service">
-          <h2 class="title green">数据分析</h2>
-          <p>空间数据查询是从空间数据集中检索特定信息的操作。它可在关系型数据库如MySQL和SQL Server中进行，也能在NoSQL数据库如MongoDB里实现。通过特定函数和方法，能快速找到符合条件的数据，为地理信息等领域提供重要支持。</p>
-          <el-button size="large" link>了解详情→</el-button>
-        </div>
-        <div class="service">
-          <h2 class="title yellow-green">可视化服务</h2>
-          <p>空间数据查询是从空间数据集中检索特定信息的操作。它可在关系型数据库如MySQL和SQL Server中进行，也能在NoSQL数据库如MongoDB里实现。通过特定函数和方法，能快速找到符合条件的数据，为地理信息等领域提供重要支持。</p>
-          <el-button size="large" link>了解详情→</el-button>
-        </div>
-      </div>
-    </div>
-    <div class="part5">
-      <div class="chapter">应用案例</div>
-      <div class="part5-1">
-        <div class="part5-1-1">
-          <div>
-            约
-            <p>545</p>万次
-          </div>
-          <div>地址</div>
-        </div>
-        <div class="part5-1-2">
-          <div>
-            <p>319</p>个
-          </div>
-          <div>应用场景</div>
-        </div>
-        <div class="part5-1-3">
-          <div>
-            约
-            <p>230</p>万条
-          </div>
-          <div>服务人数</div>
-        </div>
-      </div>
-      <div class="part5-2">
-        <div class="tab-container">
-          <div
-            v-for="(item) in tabs"
-            :key="item.key"
-            @click="currentTab = item.key"
-            :class="{'tab-item':true, 'tab-item-active': currentTab === item.key }"
-          >
-            <!-- <span class="tab-icon">{{ item.icon }}</span> -->
-            <span class="tab-title">{{ item.title }}</span>
-          </div>
-        </div>
-        <div class="row">
-          <div class="service">
-            <div class="content">
-              <div class="tag">盈港街道、夏阳街道</div>
-              <h2 class="title">上海市青浦区教育局·学区查询</h2>
-              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
-            </div>
-          </div>
-          <div class="service">
-            <div class="content">
-              <div class="tag">全区、快递实验室</div>
-              <h2 class="title">上海市青浦区快递实验室</h2>
-              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
-            </div>
-          </div>
-        </div>
-        <div class="row">
-             <div class="service">
-            <div class="content">
-              <div class="tag">盈港街道、夏阳街道</div>
-              <h2 class="title">上海市青浦区教育局·学区查询</h2>
-              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
-            </div>
-          </div>
-          <div class="service">
-            <div class="content">
-              <div class="tag">全区、快递实验室</div>
-              <h2 class="title">上海市青浦区快递实验室</h2>
-              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import * as echarts from "echarts";
-export default {
-  name: "Home",
-  data() {
-    return {
-      todayCall: "857,605",
-      totalCall: [],
-
-      serveNum: 456,
-      userNum: 17,
-      appNum: 43,
-
-      currentTab: "data-governance", // 初始选中项
-      tabs: [
-        { key: "data-governance", icon: "", title: "数据治理" },
-        { key: "business-app", icon: "", title: "业务应用" },
-        { key: "comprehensive-decision", icon: "", title: "综合决策" }
-      ]
-    };
-  },
-  mounted() {
-    this.handleTotalCallNumber(667507060);
-    this.setChart();
-  },
-  methods: {
-    // 处理调用总数数字
-    handleTotalCallNumber(num) {
-      // 667507060
-      let str = num.toString();
-      let strArr = str.split("").reverse();
-      this.totalCall = [];
-      for (let i = 0; i < strArr.length; i++) {
-        const num = strArr[i];
-        this.totalCall.unshift(num);
-        if (i % 3 == 2 && i != strArr.length - 1) {
-          this.totalCall.unshift(",");
-        }
-      }
-    },
-    setChart() {
-      // 基于准备好的dom，初始化echarts实例
-      var myChart = echarts.init(document.getElementById("echart1"));
-
-      let option = {
-        tooltip: {
-          trigger: "axis", // 坐标轴触发提示
-          axisPointer: { type: "shadow" }
-        },
-        legend: {
-          data: ["tokyo", "london"],
-          textStyle: { color: "#fff" } // 图例文字颜色
-        },
-        xAxis: {
-          type: "category",
-          data: [
-            "Jan",
-            "Feb",
-            "Mar",
-            "Apr",
-            "May",
-            "Jun",
-            "Jul",
-            "Aug",
-            "Sep",
-            "Oct",
-            "Nov"
-          ],
-          axisLine: { lineStyle: { color: "#fff" } }, // 坐标轴颜色
-          axisTick: { show: false }, // 隐藏刻度
-          splitLine: { show: false } // 隐藏分割线
-        },
-        yAxis: {
-          type: "value",
-          max: 30,
-          axisLine: { lineStyle: { color: "#fff" } },
-          splitLine: {
-            lineStyle: {
-              type: "dashed", // 虚线网格
-              color: "#fff"
-            }
-          }
-        },
-        series: [
-          {
-            name: "tokyo",
-            type: "line",
-            data: [7, 7, 15, 19, 21, 22, 25, 26, 23, 19, 12], // 模拟数据
-            lineStyle: { color: "#42a5f5" }, // 蓝色线条
-            itemStyle: { color: "#42a5f5" }, // 节点颜色
-            symbol: "circle", // 节点形状
-            symbolSize: 6 // 节点大小
-          },
-          {
-            name: "london",
-            type: "line",
-            data: [3, 3, 6, 12, 15, 17, 18, 17, 14, 10, 6], // 模拟数据
-            lineStyle: { color: "#4caf50" }, // 绿色线条
-            itemStyle: { color: "#4caf50" },
-            symbol: "circle",
-            symbolSize: 6
-          }
-        ]
-      };
-      // 绘制图表
-      myChart.setOption(option);
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.container {
-  width: 1920px;
-  margin: 0 auto;
-}
-.home {
-  position: relative;
-  .part1 {
-    height: 810px;
-    background: url(~@/assets/images/common/home-bg1.png) no-repeat;
-    position: relative;
-    overflow: hidden;
-    .part1-1 {
-      width: 1000px;
-      height: 200px;
-      background: #09284c;
-      margin: 0 auto;
-      margin-top: 30px;
-      overflow: hidden;
-      .part1-1-1 {
-        height: 70px;
-        width: fit-content;
-        margin: 0 auto;
-        margin-top: 30px;
-        .number-container {
-          display: flex;
-          align-items: flex-start;
-          font-size: 2em;
-        }
-
-        .number-item {
-          width: 57px;
-          height: 70px;
-          background-color: #007bff;
-          color: white;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          margin-right: 20px;
-          font-size: 44px;
-          line-height: 70px;
-          font-weight: bold;
-        }
-
-        .separator {
-          margin-right: 20px;
-          font-size: 35px;
-          text-align: end;
-          color: #ffffff;
-        }
-
-        .text {
-          font-size: 24px;
-          line-height: 70px;
-          margin-right: 20px;
-          color: #ffffff;
-          font-weight: bold;
-        }
-      }
-      .part1-1-2 {
-        height: 50px;
-        width: 700px;
-        margin: 0 auto;
-        margin-top: 30px;
-        background: #8080804d;
-        border-radius: 5px;
-        line-height: 50px;
-
-        div {
-          display: inline-block;
-          vertical-align: top;
-          &.line {
-            height: 2px;
-            background: #808080;
-            width: 100px;
-            margin: 24px 20px;
-            margin-right: 20px;
-          }
-          &:nth-child(2) {
-            width: 420px;
-            text-align: center;
-            color: #ffffff;
-            font-size: 20px;
-            font-weight: bold;
-            .text1 {
-              margin-right: 20px;
-            }
-            .text2 {
-              margin-left: 20px;
-            }
-          }
-          &:nth-child(4) {
-            float: right;
-          }
-        }
-      }
-    }
-    .part1-2 {
-      color: #ffffff;
-      margin-top: 20px;
-      .part1-2-1,
-      .part1-2-2,
-      .part1-2-3 {
-        display: inline-block;
-        text-align: center;
-        font-weight: bold;
-        width: calc(100% / 3);
-        div:nth-child(1) {
-          font-size: 24px;
-        }
-        div:nth-child(2) {
-          margin-top: 10px;
-          font-size: 32px;
-        }
-      }
-    }
-    .part1-3 {
-      margin-top: 20px;
-      height: 450px;
-      overflow: hidden;
-      #echart1 {
-        width: 100%;
-        height: 100%;
-      }
-    }
-  }
-  .part2 {
-    background: #08224a;
-    padding-bottom: 1px;
-    .chapter {
-      text-align: center;
-      font-size: 40px;
-      width: 100%;
-      height: 80px;
-      line-height: 80px;
-      color: #ffffff;
-      font-weight: bold;
-      border-bottom: 2px solid gray;
-      margin-bottom: 20px;
-    }
-
-    .row {
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 20px;
-      padding: 0 100px;
-    }
-
-    .service {
-      flex: 1;
-      margin: 0 30px;
-      text-align: center;
-    }
-
-    .title {
-      position: relative;
-      padding-bottom: 10px;
-      margin-bottom: 15px;
-      height: 50px;
-      line-height: 90px;
-      font-size: 30px;
-    }
-
-    .title::before {
-      content: "";
-      position: absolute;
-      left: 0;
-      right: 0;
-      top: 0;
-      height: 15px;
-    }
-
-    .yellow {
-      color: #f1c40f;
-    }
-
-    .yellow::before {
-      background-color: #f1c40f;
-    }
-
-    .gray {
-      color: #bdc3c7;
-    }
-
-    .gray::before {
-      background-color: #bdc3c7;
-    }
-
-    .blue {
-      color: #3498db;
-    }
-
-    .blue::before {
-      background-color: #3498db;
-    }
-
-    .orange {
-      color: #e67e22;
-    }
-
-    .orange::before {
-      background-color: #e67e22;
-    }
-
-    .green {
-      color: #27ae60;
-    }
-
-    .green::before {
-      background-color: #27ae60;
-    }
-
-    .yellow-green {
-      color: #b2be2c;
-    }
-
-    .yellow-green::before {
-      background-color: #b2be2c;
-    }
-
-    p {
-      font-size: 20px;
-      line-height: 2;
-      color: #ffffff;
-    }
-  }
-
-  .part3 {
-    .container {
-      position: relative;
-      width: 100%;
-      height: 940px;
-      background-image: url("~@/assets/images/common/u30.png"); /* 替换为实际图片路径 */
-      background-size: cover;
-      background-position: center;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      text-align: center;
-      color: #000000;
-      font-family: Arial, sans-serif;
-      overflow: hidden;
-    }
-
-    h1 {
-      position: absolute;
-      top: 30px;
-      font-size: 40px;
-      font-weight: bold;
-    }
-
-    p {
-      margin-bottom: 30px;
-      font-weight: bold;
-      font-size: 24px;
-      line-height: 2;
-    }
-    .el-button {
-      position: absolute;
-      bottom: 150px;
-    }
-  }
-
-  .part4 {
-    background: #08224a;
-    padding-bottom: 1px;
-    .chapter {
-      text-align: center;
-      font-size: 40px;
-      width: 100%;
-      height: 80px;
-      line-height: 80px;
-      color: #ffffff;
-      font-weight: bold;
-      /* border-bottom: 2px solid gray; */
-      margin-bottom: 20px;
-    }
-
-    .row {
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 40px;
-      padding: 0 100px;
-    }
-
-    .service {
-      flex: 1;
-      margin: 0 30px;
-      width: 500px;
-      height: 320px;
-      border: 1px solid gray;
-      border-radius: 8px;
-      padding: 10px 10px;
-      box-sizing: border-box;
-      overflow: hidden;
-      position: relative;
-    }
-
-    .title {
-      position: relative;
-      height: 30px;
-      line-height: 30px;
-      font-size: 30px;
-      text-align: left;
-      color: #ffffff;
-      padding-bottom: 20px;
-    }
-
-    p {
-      text-indent: 2rem;
-      font-size: 20px;
-      line-height: 2;
-      color: #ffffff;
-    }
-
-    .el-button {
-      position: absolute;
-      bottom: 10px;
-      left: 10px;
-      font-size: 20px;
-      color: #ffffff;
-      &:hover {
-        color: #3498db;
-      }
-    }
-  }
-
-  .part5 {
-    background: #08224a;
-    padding-bottom: 1px;
-    .chapter {
-      text-align: center;
-      font-size: 40px;
-      width: 100%;
-      height: 80px;
-      line-height: 80px;
-      color: #ffffff;
-      font-weight: bold;
-      /* border-bottom: 2px solid gray; */
-      margin-bottom: 20px;
-    }
-    .part5-1 {
-      color: #ffffff;
-      margin-top: 20px;
-      margin-bottom: 20px;
-      .part5-1-1,
-      .part5-1-2,
-      .part5-1-3 {
-        display: inline-block;
-        text-align: center;
-        font-weight: bold;
-        width: calc(100% / 3);
-        div {
-          font-size: 24px;
-        }
-        div:nth-child(2) {
-          margin-top: 10px;
-          font-size: 24px;
-        }
-        div p {
-          display: inline-block;
-          font-size: 40px;
-        }
-      }
-    }
-    .part5-2 {
-      margin-top: 40px;
-      padding-bottom: 1px;
-      height: fit-content;
-      .tab-container {
-        display: flex;
-        gap: 40px; /* 选项卡间距 */
-        // border-bottom: 1px solid #eee; /* 可选底部分隔线 */
-        width: fit-content;
-        margin: 0 auto;
-        position: relative;
-        margin-bottom: 40px;
-        height: 55px;
-      }
-      .tab-container::after {
-        content: "";
-        display: block;
-        height: 1px;
-        width: 100%;
-        background: #eeeeee; /* 下划线颜色 */
-        position: absolute;
-        bottom: 0;
-      }
-
-      .tab-item {
-        color: #ffffff;
-        cursor: pointer;
-        overflow: hidden;
-        position: relative;
-        font-size: 30px;
-        height: 55px;
-      }
-      .tab-item-active {
-        color: #66f; /* 选中文字颜色 */
-      }
-      .tab-item-active::after {
-        content: "";
-        display: block;
-        height: 2px;
-        width: 100%;
-        background: #66f; /* 下划线颜色 */
-        margin-top: 5px;
-        position: absolute;
-        bottom: 0;
-        z-index: 1;
-      }
-      .tab-icon {
-        margin-right: 5px; /* 图标与文字间距 */
-      }
-
-      .row {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 40px;
-        padding: 0 120px;
-        > :nth-child(1) {
-          background: url(~@/assets/images/common/u301.png) no-repeat 0 0/100%;
-        }
-        > :nth-child(2) {
-          background: url(~@/assets/images/common/u302.png) no-repeat 0 0/100%;
-        }
-      }
-
-      .service {
-        flex: 1;
-        margin: 0 30px;
-        height: 660px;
-        border: 1px solid gray;
-        border-radius: 10px;
-        box-sizing: border-box;
-        overflow: hidden;
-        position: relative;
-        .content {
-          position: absolute;
-          bottom: 0;
-          width: 100%;
-          height: 430px;
-          background: #ffffff;
-          border-radius: 10px;
-          padding: 20px 20px;
-          box-sizing: border-box;
-          .tag {
-            border-width: 0px;
-            width: 213px;
-            height: 52px;
-            line-height: 52px;
-            text-align: center;
-            background: inherit;
-            background-color: rgba(226, 228, 244, 1);
-            border-radius: 5px;
-            filter: drop-shadow(none);
-            transition: none;
-            font-size: 20px;
-            color: #7281ee;
-            margin-bottom: 20px;
-          }
-          .title {
-            position: relative;
-            height: 30px;
-            line-height: 30px;
-            font-size: 30px;
-            text-align: left;
-            padding-bottom: 20px;
-          }
-
-          p {
-            font-size: 20px;
-            line-height: 1.5;
-          }
-        }
-      }
-    }
-  }
-}
-</style>

src/views-old/OAMC.vue

@@ -1,19 +0,0 @@
-<template>
-  <div class="oamc container">运管中心</div>
-</template>
-
-<script>
-export default {
-  name: "OAMC"
-};
-</script>
-
-<style lang="less" scoped>
-.container {
-  width: 1920px;
-  margin: 0 auto;
-}
-.oamc {
-  height: 1500px;
-}
-</style>

src/views/Xxfk.vue

@@ -1,31 +0,0 @@
-<template>
-    <div class="xxfk container">
-        <router-view />
-    </div>
-</template>
-
-<script>
-export default {
-    name: "xxfk",
-    data() {
-        return {
-
-        };
-    },
-    mounted() {
-    },
-    methods: {
-    }
-};
-</script>
-
-<style lang="less" scoped>
-.container {
-    width: 1920px;
-    margin: 0 auto;
-}
-
-.xxfk {
-    position: relative;
-}
-</style>

src/views/wgn/index.vue

@@ -1,290 +0,0 @@
-<template>
-  <div class="container">
-    <div class="server_title">
-      <el-image
-        style="width: 824px; height: 786px"
-        src="static/images/wgn_title.png"
-        fit="cover"
-      />
-      <div class="server_title_text">
-        <div class="server_title_text_title">微功能服务</div>
-        <div class="server_title_text_content">
-          微功能子系统专注于提供强大的空间计算与数据处理能力，是支撑青浦区三维数字底板空间分析与数据流转的核心模块，聚焦
-          “精准计算 + 灵活处理”
-          两大核心能力，所有功能均以标准化服务接口形式对外提供（支持第三方委办、上层应用系统调用），同时在系统内部集成可视化操作界面，实现
-          “计算 - 分析 - 展示” 闭环。
-        </div>
-      </div>
-    </div>
-    <div class="server_list_box">
-      <div class="server_list_box_title">微功能列表</div>
-      <div class="server_list_box_search">
-        功能搜索
-        <el-input
-          v-model="searchStr"
-          style="width: 525px; margin-left: 37px"
-          placeholder="输入搜索关键词"
-          class="input-with-select"
-          clearable
-          size="large"
-          @change="searchServerList()"
-        >
-          <template #append>
-            <el-button icon="Search" @click="searchServerList()" />
-          </template>
-        </el-input>
-      </div>
-      <div class="server_list_box_table" v-if="dmsServerList">
-        <div
-          v-for="item in dmsServerList"
-          :key="item.c_scene_name"
-          class="server_list_box_table_item"
-        >
-          <div class="server_list_box_table_item_content">
-            <div class="server_list_box_table_item_content_title">{{ item.title }}</div>
-            <div class="server_list_box_table_item_content_text">{{ item.content }}</div>
-            <div class="server_list_box_table_item_content_button_box">
-              <div
-                class="server_list_box_table_item_content_button_box_item"
-                @click.stop="handleOnlineDemo(item)"
-              >
-                在线演示
-              </div>
-              <div
-                class="server_list_box_table_item_content_button_box_item"
-                @click.stop="handleApply(item)"
-              >
-                申请使用
-              </div>
-            </div>
-          </div>
-          <div class="server_list_box_table_item_image">
-            <el-image
-              style="width: 690px; height: 410px"
-              :src="dmsDataProxy + item.c_picture"
-              fit="cover"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { getDmsData } from "../../api/wgn";
-export default {
-  name: "微功能服务",
-  data() {
-    return {
-      // 搜索关键词
-      searchStr: "",
-      // 微功能服务列表
-      dmsServerList: [],
-      // DMS数据代理地址
-      dmsDataProxy: "",
-    };
-  },
-  mounted() {
-    this.dmsDataProxy = systemConfig.dmsDataProxy;
-    this.searchServerList();
-  },
-  methods: {
-    // 搜索微功能服务
-    searchServerList() {
-      let requestParams = {
-        columnId: 1651,
-        states: 0,
-        pageSize: 999,
-        page: 0,
-      };
-      if (this.searchStr) {
-        requestParams.search = JSON.stringify([
-          {
-            field: "title",
-            searchType: 2,
-            content: { value: "%" + this.searchStr + "%" },
-          },
-        ]);
-      }
-      // 获取微功能服务列表
-      getDmsData(requestParams)
-        .then((res) => {
-          if (res.code === 200) {
-            this.dmsServerList = res.content.data;
-            this.$message({
-              message: "搜索到" + this.dmsServerList.length + "条微功能服务",
-              type: "success",
-            });
-          } else {
-            this.$message({
-              message: "搜索到0条微功能服务",
-              type: "warning",
-            });
-          }
-        })
-        .catch((e) => {
-          this.$message({
-            message: "搜索微功能服务失败" + e,
-            type: "error",
-          });
-        });
-    },
-    // 申请使用微功能服务
-    handleApply(item) {
-      this.$confirm("确认申请使用" + item.title + "吗？", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          // 确认申请使用
-          this.$message({
-            message: "申请使用" + item.title + "？等url吧！",
-            type: "success",
-          });
-        })
-        .catch(() => {
-          // 取消申请使用
-        });
-    },
-    // 在线演示微功能服务
-    handleOnlineDemo(item) {
-      // 1. 解析目标路由（支持传参、命名路由等）
-      const routeData = this.$router.resolve({
-        path: "/skszk", // 时空算子库
-        query: { sceneId: item.c_scene_name },
-      });
-      // 2. 打开新窗口（_blank 表示新窗口）
-      window.open(routeData.href, "_blank");
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.container {
-  width: 100vw;
-  margin: 0 auto;
-  background-color: #08224a;
-}
-.server_title {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.server_title_text {
-  width: calc(100vw - 824px);
-  height: 786px;
-  background-color: #1c2631;
-  color: #fff;
-  padding: 0 160px 0 60px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  overflow: hidden;
-  &_title {
-    font-size: 64px;
-    font-weight: bold;
-    letter-spacing: 0.5rem;
-  }
-  &_content {
-    margin-top: 77px;
-    font-size: 22px;
-  }
-}
-.server_list_box {
-  width: 100vw;
-  background-color: rgba(0, 0, 0, 0.15);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  color: #fff;
-  &_title {
-    margin-top: 100px;
-    font-size: 35px;
-    font-weight: bold;
-    position: relative;
-    &::after {
-      content: "";
-      position: absolute;
-      bottom: -12px;
-      left: 50%;
-      transform: translateX(-50%);
-      width: 100px;
-      height: 4px;
-      background-image: linear-gradient(to right, #1d88f0, #00bfff);
-    }
-  }
-  &_search {
-    margin-top: 100px;
-    font-size: 25px;
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: center;
-    width: -webkit-fill-available;
-    justify-content: center;
-  }
-  &_table {
-    margin-top: 50px;
-    width: 100vw;
-    &_item {
-      display: flex;
-      justify-content: space-evenly;
-      align-items: center;
-      padding: 100px 0;
-
-      &:nth-child(odd) {
-        flex-direction: row;
-      }
-      &:nth-child(even) {
-        flex-direction: row-reverse;
-      }
-      &_content {
-        width: 760px;
-        height: 100px;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        &_title {
-          font-size: 35px;
-          font-weight: bold;
-          color: #4095e5;
-        }
-        &_text {
-          margin-top: 35px;
-          font-size: 18px;
-        }
-        &_button_box {
-          display: flex;
-          justify-content: space-evenly;
-          width: 100%;
-          &_item {
-            margin-top: 35px;
-            font-size: 20px;
-            letter-spacing: 0.2rem;
-            color: #4095e5;
-            border: 1px solid #4095e5;
-            border-radius: 10px;
-            padding: 10px 36px;
-            cursor: pointer;
-            &:hover {
-              background-color: #4095e5;
-              color: #fff;
-            }
-          }
-        }
-      }
-      &_image {
-        width: 690px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        border-radius: 30px;
-        overflow: hidden;
-      }
-    }
-  }
-}
-</style>