From c228add1b3424004cf4cfc8d440f4b7aeab57d3b Mon Sep 17 00:00:00 2001
From: TimSpan <cat20201314@163.com>
Date: Fri, 15 Nov 2024 17:06:59 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=82=E3=80=82=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 policeManagement/.env.development             |   9 +
 policeManagement/.env.production              |   7 +-
 policeManagement/package-lock.json            |   8 +
 policeManagement/package.json                 |   1 +
 policeManagement/src/assets/scss/myAntD.scss  | 178 ++++++++++++++++++
 .../src/components/aMap/MapContainer.vue      |   2 +-
 policeManagement/src/main.ts                  |  13 +-
 .../src/types/components/map/index.ts         |  44 +++++
 .../views/unitManage/police/policeUnit.ts     | 110 +++++++++++
 policeManagement/src/utils/aMapUtil.ts        |   2 +-
 policeManagement/src/views/query/index.tsx    |   5 +-
 policeManagement/src/vite-env.d.ts            |   6 +-
 12 files changed, 370 insertions(+), 15 deletions(-)
 create mode 100644 policeManagement/src/assets/scss/myAntD.scss
 create mode 100644 policeManagement/src/types/components/map/index.ts
 create mode 100644 policeManagement/src/types/views/unitManage/police/policeUnit.ts

diff --git a/policeManagement/.env.development b/policeManagement/.env.development
index 09fc9f3..8ecf877 100644
--- a/policeManagement/.env.development
+++ b/policeManagement/.env.development
@@ -11,3 +11,12 @@ VITE_APP_PROXY_URL=http://172.10.10.93:8765
 
 # rsa 公钥
 VITE_APP_RSA_PUBLIC_KEY=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDJps/EXxxSpEM1Ix4R0NWIOBciHCr7P7coDT8tNKfelgR7txcJOqHCO/MIWe7T04aHQTcpQxqx9hMca7dbqz8TZpz9jvLzE/6ZonVKxHsoFnNlHMp1/CPAJ9f6D9wYicum2KltJkmQ0g//D9W2zPCYoGOmSRFcZx/KEBa4EM53jQIDAQAB
+
+# 高德
+VITE_APP_GAODE_KEY=ca549d915cb38803582ca7e85c5f972c
+VITE_APP_GAODE_VERSION=2.0
+VITE_APP_SECURITY_JS_CODE=432125a0f8d8cad2dac38b77d6f6728f
+
+# VITE_APP_GAODE_KEY=f379a3f860a68d7438526275d6a94b05
+# VITE_APP_GAODE_VERSION=2.0
+# VITE_APP_SECURITY_JS_CODE=432125a0f8d8cad2dac38b77d6f6728f
\ No newline at end of file
diff --git a/policeManagement/.env.production b/policeManagement/.env.production
index d7a7d29..3d56736 100644
--- a/policeManagement/.env.production
+++ b/policeManagement/.env.production
@@ -7,4 +7,9 @@ VITE_DROP_CONSOLE=true
 VITE_APP_BASE_API=/api
 VITE_APP_PROXY_URL=http://172.10.10.93:8765
 # rsa 公钥
-VITE_APP_RSA_PUBLIC_KEY=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCpu1C3JHZ+Ng/eVVCZtwKsOZv9RktpAL13pKy4FoRHyNv2t8TPV2AMzLzfEzlWx001nBxyVxEMR2N9jAcqFLHv7r16ciOzbtzB9dky2G+bc9jIs4/EdVK5bAZcPRh5Jrb78sC9PHyR4AeceDyCIKHLUbWBJB4NTZE0s1Wh5kMynQIDAQAB
\ No newline at end of file
+VITE_APP_RSA_PUBLIC_KEY=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCpu1C3JHZ+Ng/eVVCZtwKsOZv9RktpAL13pKy4FoRHyNv2t8TPV2AMzLzfEzlWx001nBxyVxEMR2N9jAcqFLHv7r16ciOzbtzB9dky2G+bc9jIs4/EdVK5bAZcPRh5Jrb78sC9PHyR4AeceDyCIKHLUbWBJB4NTZE0s1Wh5kMynQIDAQAB
+
+# 高德
+VITE_APP_GAODE_KEY=f379a3f860a68d7438526275d6a94b05
+VITE_APP_GAODE_VERSION=2.0
+VITE_APP_SECURITY_JS_CODE=432125a0f8d8cad2dac38b77d6f6728f
\ No newline at end of file
diff --git a/policeManagement/package-lock.json b/policeManagement/package-lock.json
index 249163b..31dd593 100644
--- a/policeManagement/package-lock.json
+++ b/policeManagement/package-lock.json
@@ -23,6 +23,7 @@
         "vue-uuid": "^3.0.0"
       },
       "devDependencies": {
+        "@amap/amap-jsapi-types": "^0.0.15",
         "@types/lodash-es": "^4.17.12",
         "@types/node": "^22.5.1",
         "@vitejs/plugin-vue": "^5.1.2",
@@ -55,6 +56,13 @@
       "integrity": "sha512-nPyLKt7Ow/ThHLkSvn2etQlUzqxmTVgK7bIgwdBRTg2HK5668oN7xVxkaiRe3YZEzGzfV2XgH5Jmu2T73ljejw==",
       "license": "MIT"
     },
+    "node_modules/@amap/amap-jsapi-types": {
+      "version": "0.0.15",
+      "resolved": "https://registry.npmmirror.com/@amap/amap-jsapi-types/-/amap-jsapi-types-0.0.15.tgz",
+      "integrity": "sha512-oqyRqHpVDZh5bUe2mAJh41ZsziSj0eUzwcfIbiaBNB0eiTJnZNhKsTdk77VOklOjwuwNfsblpKW9LjmWNpeQ7A==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@ampproject/remapping": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
diff --git a/policeManagement/package.json b/policeManagement/package.json
index 9ab1b46..ae7a398 100644
--- a/policeManagement/package.json
+++ b/policeManagement/package.json
@@ -25,6 +25,7 @@
     "vue-uuid": "^3.0.0"
   },
   "devDependencies": {
+    "@amap/amap-jsapi-types": "^0.0.15",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.5.1",
     "@vitejs/plugin-vue": "^5.1.2",
diff --git a/policeManagement/src/assets/scss/myAntD.scss b/policeManagement/src/assets/scss/myAntD.scss
new file mode 100644
index 0000000..f2e201e
--- /dev/null
+++ b/policeManagement/src/assets/scss/myAntD.scss
@@ -0,0 +1,178 @@
+/* 扩展ant design pro按钮组件颜色 */
+$--my-antd-important: !important;
+
+.btn-danger {
+    color: #ffffff;
+    background-color: #F5222D;
+    border-color: #F5222D;
+
+    &:hover,
+    &:focus {
+        color: #ffffff $--my-antd-important;
+        background-color: #ff4d4f $--my-antd-important;
+        border-color: #ff4d4f $--my-antd-important;
+    }
+
+    &:active,
+    &.active {
+        color: #ffffff $--my-antd-important;
+        background-color: #cf1322 $--my-antd-important;
+        border-color: #cf1322 $--my-antd-important;
+    }
+}
+
+.btn-volcano {
+    color: #ffffff;
+    background-color: #FA541C;
+    border-color: #FA541C;
+
+    &:hover,
+    &:focus {
+        color: #ffffff $--my-antd-important;
+        background-color: #ff7a45 $--my-antd-important;
+        border-color: #ff7a45 $--my-antd-important;
+    }
+
+    &:active,
+    &.active {
+        color: #ffffff $--my-antd-important;
+        background-color: #d4380d $--my-antd-important;
+        border-color: #d4380d $--my-antd-important;
+    }
+}
+
+.btn-warn {
+    color: #ffffff;
+    background-color: #FAAD14;
+    border-color: #FAAD14;
+
+    &:hover,
+    &:focus {
+        color: #ffffff $--my-antd-important;
+        background-color: #ffc53d $--my-antd-important;
+        border-color: #ffc53d $--my-antd-important;
+    }
+
+    &:active,
+    &.active {
+        color: #ffffff $--my-antd-important;
+        background-color: #d48806 $--my-antd-important;
+        border-color: #d48806 $--my-antd-important;
+    }
+}
+
+.btn-success {
+    color: #ffffff;
+    background-color: #52C41A;
+    border-color: #52C41A;
+
+    &:hover,
+    &:focus {
+        color: #ffffff $--my-antd-important;
+        background-color: #73d13d $--my-antd-important;
+        border-color: #73d13d $--my-antd-important;
+    }
+
+    &:active,
+    &.active {
+        color: #ffffff $--my-antd-important;
+        background-color: #389e0d $--my-antd-important;
+        border-color: #389e0d $--my-antd-important;
+    }
+}
+
+.button-color-cyan {
+    color: #ffffff;
+    background-color: #13C2C2;
+    border-color: #13C2C2;
+
+    &:hover,
+    &:focus {
+        color: #ffffff $--my-antd-important;
+        background-color: #36cfc9 $--my-antd-important;
+        border-color: #36cfc9 $--my-antd-important;
+    }
+
+    &:active,
+    &.active {
+        color: #ffffff $--my-antd-important;
+        background-color: #08979c $--my-antd-important;
+        border-color: #08979c $--my-antd-important;
+    }
+}
+
+.btn-daybreak {
+    color: #ffffff;
+    background-color: #1890FF;
+    border-color: #1890FF;
+
+    &:hover,
+    &:focus {
+        color: #ffffff $--my-antd-important;
+        background-color: #096dd9 $--my-antd-important;
+        border-color: #096dd9 $--my-antd-important;
+    }
+
+    &:active,
+    &.active {
+        color: #ffffff $--my-antd-important;
+        background-color: #40a9ff $--my-antd-important;
+        border-color: #40a9ff $--my-antd-important;
+    }
+}
+
+.button-color-geekblue {
+    color: #ffffff;
+    background-color: #2F54EB;
+    border-color: #2F54EB;
+
+    &:hover,
+    &:focus {
+        color: #ffffff $--my-antd-important;
+        background-color: #1d39c4 $--my-antd-important;
+        border-color: #1d39c4 $--my-antd-important;
+    }
+
+    &:active,
+    &.active {
+        color: #ffffff $--my-antd-important;
+        background-color: #597ef7 $--my-antd-important;
+        border-color: #597ef7 $--my-antd-important;
+    }
+}
+
+.btn-purple {
+    color: #ffffff;
+    background-color: #722ED1;
+    border-color: #722ED1;
+
+    &:hover,
+    &:focus {
+        color: #ffffff $--my-antd-important;
+        background-color: #9254de $--my-antd-important;
+        border-color: #9254de $--my-antd-important;
+    }
+
+    &:active,
+    &.active {
+        color: #ffffff $--my-antd-important;
+        background-color: #531dab $--my-antd-important;
+        border-color: #531dab $--my-antd-important;
+    }
+}
+
+.table-row-warn td {
+    background-color: #fefca6;
+}
+
+.table-row-danger td {
+    background-color: #f79988;
+}
+
+.table-row-success td {
+    background-color: #b6fcbe;
+}
+
+.ant-table-summary td {
+    background: #edeff6;
+}
\ No newline at end of file
diff --git a/policeManagement/src/components/aMap/MapContainer.vue b/policeManagement/src/components/aMap/MapContainer.vue
index cc287ff..8eb4f20 100644
--- a/policeManagement/src/components/aMap/MapContainer.vue
+++ b/policeManagement/src/components/aMap/MapContainer.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { onMounted, onUnmounted, shallowRef } from 'vue'
 import { initMap } from '@/utils/aMapUtil'
-import { MapContainerProps, MapPlugins } from '@/types/components/map'
+import { MapContainerProps, MapPlugins } from '@/types/components/map/index.ts'
 
 const props = withDefaults(defineProps<MapContainerProps>(), {
   plugins: (): MapPlugins[] => {
diff --git a/policeManagement/src/main.ts b/policeManagement/src/main.ts
index 77bdb85..ea55d7a 100644
--- a/policeManagement/src/main.ts
+++ b/policeManagement/src/main.ts
@@ -1,19 +1,16 @@
-import {createApp} from 'vue'
+import { createApp } from 'vue'
 import App from '@/App.vue'
 import '@/reset.css'
 import './index.css'
-// 公共样式
 import '@/assets/scss/common.scss'
-// iconfont css
+import '@/assets/scss/myAntD.scss'
 import "@/assets/iconfont/iconfont.css";
-// vue Router
 import router from "@/router";
-// pinia stores
 import pinia from "@/stores";
-
 const vueApp = createApp(App);
-import {initEnums} from "@/config/dict.ts";
-
+import { initEnums } from "@/config/dict.ts";
+//高德类型声明文件
+import "@amap/amap-jsapi-types";
 initEnums()
 vueApp
     .use(router)
diff --git a/policeManagement/src/types/components/map/index.ts b/policeManagement/src/types/components/map/index.ts
new file mode 100644
index 0000000..a8ca2fa
--- /dev/null
+++ b/policeManagement/src/types/components/map/index.ts
@@ -0,0 +1,44 @@
+/**
+ * 高德支持的插件列表
+ * @link https://lbs.amap.com/api/javascript-api-v2/guide/abc/plugins-list
+ */
+export type MapPlugins =
+    'AMap.ElasticMarker'
+    | 'AMap.ToolBar'
+    | 'AMap.Scale'
+    | 'AMap.HawkEye'
+    | 'AMap.ControlBar'
+    | 'AMap.MapType'
+    | 'AMap.Geolocation'
+    | 'AMap.AutoComplete'
+    | 'AMap.PlaceSearch'
+    | 'AMap.DistrictSearch'
+    | 'AMap.LineSearch'
+    | 'AMap.StationSearch'
+    | 'AMap.Driving'
+    | 'AMap.TruckDriving'
+    | 'AMap.Transfer'
+    | 'AMap.Walking'
+    | 'AMap.Riding'
+    | 'AMap.DragRoute'
+    | 'AMap.Geocoder'
+    | 'AMap.CitySearch'
+    | 'AMap.IndoorMap'
+    | 'AMap.MouseTool'
+    | 'AMap.CircleEditor'
+    | 'AMap.PolygonEditor'
+    | 'AMap.PolylineEditor'
+    | 'AMap.RectangleEditor'
+    | 'AMap.EllipseEditor'
+    | 'AMap.BezierCurveEditor'
+    | 'AMap.MarkerCluster'
+    | 'AMap.RangingTool'
+    | 'AMap.CloudDataSearch'
+    | 'AMap.Weather'
+    | 'AMap.HeatMap'
+
+export interface MapContainerProps {
+    plugins?: MapPlugins[],
+    initCallback?: (map: AMap.Map) => void,
+    mapOptions?: AMap.MapOptions
+}
diff --git a/policeManagement/src/types/views/unitManage/police/policeUnit.ts b/policeManagement/src/types/views/unitManage/police/policeUnit.ts
new file mode 100644
index 0000000..e444489
--- /dev/null
+++ b/policeManagement/src/types/views/unitManage/police/policeUnit.ts
@@ -0,0 +1,110 @@
+import { BaseTableRowRecord } from "@/types/components/table";
+
+export interface PoliceUnitPagerQueryParams {
+    /** 名称 **/
+    name?: string;
+    /** 代码 **/
+    code?: string;
+    /** 行政区划 **/
+    administrativeDivisionCodes?: string[];
+    /** 是否启用 **/
+    isEnable?: BaseEnum<number>;
+    /** 审核状态 **/
+    checkStatus?: BaseEnum<number>;
+}
+
+export interface PoliceUnitPagerVo extends BaseTableRowRecord {
+    /** 名称 **/
+    name?: string;
+    /** 代码 **/
+    code?: string;
+    /** 省编码 **/
+    province?: string;
+    /** 省名字 **/
+    provinceName?: string;
+    /** 市编码 **/
+    city?: string;
+    /** 市名字 **/
+    cityName?: string;
+    /** 区/县编码 **/
+    districts?: string;
+    /** 区/县名字 **/
+    districtsName?: string;
+    /** 街道编码 **/
+    street?: string;
+    /** 街道编码 **/
+    streetName?: string;
+    /** 详细地址 **/
+    address?: string;
+    /** 联系人 **/
+    contactPersonInfo?: {
+        name: string;
+        telephone: string;
+    };
+    /** 是否启用 **/
+    isEnable?: BaseEnum<number>;
+    /** 审核状态 **/
+    checkStatus?: BaseEnum<number>;
+}
+
+export interface EnterprisesUnitPagerQueryParams {
+    /** 公安单位id **/
+    policeUnitId: string;
+}
+
+export interface EnterprisesUnitPagerVo extends BaseTableRowRecord {
+    /** 名字 **/
+    name?: string;
+    type: BaseEnum<string>
+    /** 公安单位id **/
+    policeUnitId: string;
+    /** 省编码 **/
+    province?: string;
+    /** 省名称 **/
+    provinceName?: string;
+    /** 市编码 **/
+    city?: string;
+    /** 市名称 **/
+    cityName?: string;
+    /** 区编码 **/
+    districts?: string;
+    /** 区名称 **/
+    districtsName?: string;
+    /** 街编码 **/
+    street?: string;
+    /** 街名称 **/
+    streetName?: string;
+    /** 地址 **/
+    address?: string;
+    point: [number, number]
+    /** 联系方式 **/
+    contactPersonInfo?: {
+        name: string;
+        telephone: string;
+    };
+    /** 备注 **/
+    remark?: string;
+}
+
+export interface EnterprisesUnitSaveOrUpdateParams {
+    /** id **/
+    snowFlakeId?: string;
+    /** 公安单位id **/
+    policeUnitId: string;
+    /** 名称 **/
+    name: string;
+    /** 类型 **/
+    type: string;
+    /** 行政区划编码 **/
+    administrativeDivisionCodes: string[];
+    /** 详细地址 **/
+    address?: string;
+    point?: [number, number]
+    /** 联系人 **/
+    contactPersonInfo?: {
+        name: string;
+        telephone: string;
+    };
+    /** 备注 **/
+    remark?: string;
+}
diff --git a/policeManagement/src/utils/aMapUtil.ts b/policeManagement/src/utils/aMapUtil.ts
index dca7099..b9578fa 100644
--- a/policeManagement/src/utils/aMapUtil.ts
+++ b/policeManagement/src/utils/aMapUtil.ts
@@ -1,5 +1,5 @@
 import AMapLoader from "@amap/amap-jsapi-loader";
-import { MapPlugins } from "@/types/components/map";
+import { MapPlugins } from "@/types/components/map/index";
 
 export const initMap = (plugins?: MapPlugins[]): Promise<typeof AMap> => new Promise((resolve, reject) => {
     //@ts-ignore
diff --git a/policeManagement/src/views/query/index.tsx b/policeManagement/src/views/query/index.tsx
index 968b21b..26fa0d4 100644
--- a/policeManagement/src/views/query/index.tsx
+++ b/policeManagement/src/views/query/index.tsx
@@ -47,6 +47,7 @@ const saveOrUpdateEnterprisesUnit = (params: _FormType, callback: Function) => {
       required: true,
       customRender: () => {
         return (
+          // AutoComplete 自动完成 组件
           <AutoComplete
             v-model:value={_formParams.value.name}
             options={autoAddress.value}
@@ -56,6 +57,8 @@ const saveOrUpdateEnterprisesUnit = (params: _FormType, callback: Function) => {
               initMarker(_mapRef.value?.mapInstance)
             }}
             onSearch={debounce((val: string) => {
+              console.log('onSearch___________________', val)
+
               //@ts-ignore
               const auto = new AMap.AutoComplete({
                 city: city,
@@ -125,7 +128,7 @@ const saveOrUpdateEnterprisesUnit = (params: _FormType, callback: Function) => {
       customRender: () => (
         <MapContainer
           ref={_mapRef}
-          plugins={['AMap.AutoComplete']}
+          plugins={['AMap.AutoComplete', 'AMap.PlaceSearch']}
           style={{ width: '100%', height: '300px', position: 'relative' }}
           initCallback={(map) => {
             const contextMenu = new AMap.ContextMenu()
diff --git a/policeManagement/src/vite-env.d.ts b/policeManagement/src/vite-env.d.ts
index da394f3..830ddff 100644
--- a/policeManagement/src/vite-env.d.ts
+++ b/policeManagement/src/vite-env.d.ts
@@ -54,9 +54,9 @@ interface ImportMetaEnv {
     readonly VITE_APP_RSA_PUBLIC_KEY: string;
 
     // 高德
-    readonly VITE_APP_GAODE_KEY: string
-    readonly VITE_APP_GAODE_VERSION: string
-    readonly VITE_APP_SECURITY_JS_CODE: string
+    VITE_APP_GAODE_KEY: string
+    VITE_APP_GAODE_VERSION: string
+    VITE_APP_SECURITY_JS_CODE: string
 }
 
 declare module '*.vue' {