From ae40fe5877cfb160d114abb5a291d5c55268d6af Mon Sep 17 00:00:00 2001
From: wangcong <716924215@qq.com>
Date: Fri, 6 Sep 2024 16:31:51 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=85=AC=E5=8F=B8=E5=88=86?=
 =?UTF-8?q?=E7=B1=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                          |   4 +-
 public/index.html                     |   2 +
 src/App.vue                           |   8 +-
 src/api/system/company/index.vue      | 259 ++++++++++++++++++++++++++
 src/components/MapComponent/index.vue |  50 +++++
 src/layout/components/Navbar.vue      |   8 -
 src/views/index.vue                   |  38 ++--
 src/views/system/company/index.vue    | 259 ++++++++++++++++++++++++++
 8 files changed, 589 insertions(+), 39 deletions(-)
 create mode 100644 src/api/system/company/index.vue
 create mode 100644 src/components/MapComponent/index.vue
 create mode 100644 src/views/system/company/index.vue
diff --git a/package.json b/package.json
index a246b13..39a4861 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "ruoyi",
-  "version": "3.8.8",
+  "name": "znxjxt",
+  "version": "0.0.1",
   "description": "智能巡检系统",
   "author": "若依",
   "license": "MIT",
diff --git a/public/index.html b/public/index.html
index 925455c..9cbf520 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <script src="https://api.tianditu.gov.cn/api?v=4.0&tk=c691040443c68cda625755c5c3e2acc3" type="text/javascript"></script>
+
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="renderer" content="webkit">
diff --git a/src/App.vue b/src/App.vue
index b92ea37..b3745db 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,16 +1,18 @@
 <template>
   <div id="app">
-    <router-view />
-    <theme-picker />
+    <router-view/>
+    <theme-picker/>
   </div>
 </template>
+<script src="https://api.tianditu.gov.cn/api?v=4.0&tk=c691040443c68cda625755c5c3e2acc3" type="text/javascript">
+</script>
 
 <script>
 import ThemePicker from "@/components/ThemePicker";
 
 export default {
   name: "App",
-  components: { ThemePicker },
+  components: {ThemePicker},
   metaInfo() {
     return {
       title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
diff --git a/src/api/system/company/index.vue b/src/api/system/company/index.vue
new file mode 100644
index 0000000..6c85e26
--- /dev/null
+++ b/src/api/system/company/index.vue
@@ -0,0 +1,259 @@
+<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="companyName">
+        <el-input
+          v-model="queryParams.companyName"
+          placeholder="请输入公司名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="公司代号" prop="companyCode">
+        <el-input
+          v-model="queryParams.companyCode"
+          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="['system:company:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['system:company:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['system:company:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['system:company:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="companyList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="${comment}" align="center" prop="id" />
+      <el-table-column label="公司名称" align="center" prop="companyName" />
+      <el-table-column label="公司代号" align="center" prop="companyCode" />
+      <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="['system:company:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['system:company: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="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="公司名称" prop="companyName">
+          <el-input v-model="form.companyName" placeholder="请输入公司名称" />
+        </el-form-item>
+        <el-form-item label="公司代号" prop="companyCode">
+          <el-input v-model="form.companyCode" 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>
+</template>
+
+<script>
+import { listCompany, getCompany, delCompany, addCompany, updateCompany } from "@/api/system/company";
+
+export default {
+  name: "Company",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 公司表格数据
+      companyList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        companyName: null,
+        companyCode: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询公司列表 */
+    getList() {
+      this.loading = true;
+      listCompany(this.queryParams).then(response => {
+        this.companyList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        companyName: null,
+        companyCode: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加公司";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getCompany(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改公司";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateCompany(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addCompany(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除公司编号为"' + ids + '"的数据项？').then(function() {
+        return delCompany(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('system/company/export', {
+        ...this.queryParams
+      }, `company_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>
diff --git a/src/components/MapComponent/index.vue b/src/components/MapComponent/index.vue
new file mode 100644
index 0000000..e1865a1
--- /dev/null
+++ b/src/components/MapComponent/index.vue
@@ -0,0 +1,50 @@
+<template>
+  <div id="mapContainer" style="width: 100%; height: 100%;"></div>
+</template>
+
+<script>
+export default {
+  name: 'MapComponent',
+  mounted() {
+    // 等待天地图脚本加载完成
+    this.initializeMap();
+  },
+  methods: {
+    initializeMap() {
+      // 创建地图对象
+      const map = new T.Map('mapContainer');
+
+      // 设置地图中心点和缩放级别
+      map.centerAndZoom(new T.LngLat(116.404, 39.915), 12);
+
+      // 添加图层（例如：底图层）
+     // map.addLayer(new T.TileLayer());
+
+      let points = [];
+      points.push(new T.LngLat(116.41136, 39.97569));
+      points.push(new T.LngLat(116.411794, 39.9068));
+      points.push(new T.LngLat(116.32969, 39.92940));
+      points.push(new T.LngLat(116.385438, 39.90610));
+      var line = new T.Polyline(points);
+      line.addEventListener('mouseover', this.handleMouseOver);
+      line.addEventListener('mouseout', this.handleMouseOut);
+
+      //向地图上添加线
+      map.addOverLay(line);
+
+    },
+    handleMouseOver(event) {
+      const polyline = event.target;
+      polyline.setColor("red")	; // 鼠标悬停时颜色变为绿色
+    },
+    handleMouseOut(event) {
+      const polyline = event.target;
+      polyline.setColor("green")	; // 鼠标悬停时颜色变为绿色
+    }
+  }
+};
+</script>
+
+<style>
+/* 这里可以添加样式以确保地图容器的大小 */
+</style>
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 466cd98..e501a0b 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -9,14 +9,6 @@
       <template v-if="device!=='mobile'">
         <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-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
-        </el-tooltip>
-
         <screenfull id="screenfull" class="right-menu-item hover-effect" />
 
         <el-tooltip content="布局大小" effect="dark" placement="bottom">
diff --git a/src/views/index.vue b/src/views/index.vue
index 5dbfefc..fad2b56 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,16 +1,16 @@
 <template>
-  <div id="map" class="map">222222</div>
+  <div id="map" class="map">
+    <map-component></map-component>
+  </div>
 
 </template>
+<!-- // 这里的tk为你在天地图的官网申请的tk -->
 <script>
 
-import 'ol/ol.css';
-import { Map, View } from 'ol';
-import TileLayer from 'ol/layer/Tile';
-import OSM from 'ol/source/OSM';
-import XYZ from 'ol/source/XYZ';
 
 
+import MapComponent from '../components/MapComponent';
+
 
 export default {
   name: "Index",
@@ -19,42 +19,28 @@ export default {
 
     };
   },
+  components: {
+    MapComponent
+  },
   methods: {
     goTarget(href) {
       window.open(href, "_blank");
     },
     initMap() {
-      // 创建地图实例
-      this.map = new Map({
-        target: 'map', // 对应页面上的div的id
-        layers: [ // 添加图层
-          new TileLayer({
-            source: new XYZ({
-              url:'https://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}'
-              //'http://wprd03.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=2&style=8'
-            })
-          }),
-        ],
-        view: new View({ // 定义视图
-          center: [0, 0], // 地图中心坐标
-          zoom: 2, // 缩放级别
-        }),
-      });
+
     }
   },
   mounted() {
-    this.initMap();
   },
   created(){
-    this.initMap();
   }
 };
 </script>
 
 <style scoped lang="scss">
   .map{
-    width: 1000px;
-    height: 800px;
+    width: 2000px;
+    height: 1800px;
   }
 </style>
 
diff --git a/src/views/system/company/index.vue b/src/views/system/company/index.vue
new file mode 100644
index 0000000..6c85e26
--- /dev/null
+++ b/src/views/system/company/index.vue
@@ -0,0 +1,259 @@
+<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="companyName">
+        <el-input
+          v-model="queryParams.companyName"
+          placeholder="请输入公司名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="公司代号" prop="companyCode">
+        <el-input
+          v-model="queryParams.companyCode"
+          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="['system:company:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['system:company:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['system:company:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['system:company:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="companyList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="${comment}" align="center" prop="id" />
+      <el-table-column label="公司名称" align="center" prop="companyName" />
+      <el-table-column label="公司代号" align="center" prop="companyCode" />
+      <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="['system:company:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['system:company: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="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="公司名称" prop="companyName">
+          <el-input v-model="form.companyName" placeholder="请输入公司名称" />
+        </el-form-item>
+        <el-form-item label="公司代号" prop="companyCode">
+          <el-input v-model="form.companyCode" 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>
+</template>
+
+<script>
+import { listCompany, getCompany, delCompany, addCompany, updateCompany } from "@/api/system/company";
+
+export default {
+  name: "Company",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 公司表格数据
+      companyList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        companyName: null,
+        companyCode: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询公司列表 */
+    getList() {
+      this.loading = true;
+      listCompany(this.queryParams).then(response => {
+        this.companyList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        companyName: null,
+        companyCode: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加公司";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getCompany(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改公司";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateCompany(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addCompany(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除公司编号为"' + ids + '"的数据项？').then(function() {
+        return delCompany(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('system/company/export', {
+        ...this.queryParams
+      }, `company_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>
