展示层

.vscode/settings.json

@@ -87,7 +87,7 @@
     "source.fixAll.stylelint": "explicit"
   },
   "[vue]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "octref.vetur"
   },
   "i18n-ally.localesPaths": ["src/locales"],
   "i18n-ally.keystyle": "nested",

package-lock.json

@@ -30,6 +30,7 @@
         "diagram-js": "^12.8.0",
         "driver.js": "^1.3.1",
         "echarts": "^5.5.0",
+        "echarts-gl": "^2.0.9",
         "echarts-wordcloud": "^2.1.0",
         "element-plus": "2.9.1",
         "fast-xml-parser": "^4.3.2",
@@ -7693,6 +7694,11 @@
       "license": "MIT",
       "peer": true
     },
+    "node_modules/claygl": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/claygl/-/claygl-1.3.0.tgz",
+      "integrity": "sha512-+gGtJjT6SSHD2l2yC3MCubW/sCV40tZuSs5opdtn79vFSGUgp/lH139RNEQ6Jy078/L0aV8odCw8RSrUcMfLaQ=="
+    },
     "node_modules/cli-cursor": {
       "version": "5.0.0",
       "resolved": "https://registry.npmmirror.com/cli-cursor/-/cli-cursor-5.0.0.tgz",
@@ -9247,6 +9253,18 @@
         "zrender": "5.6.1"
       }
     },
+    "node_modules/echarts-gl": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmmirror.com/echarts-gl/-/echarts-gl-2.0.9.tgz",
+      "integrity": "sha512-oKeMdkkkpJGWOzjgZUsF41DOh6cMsyrGGXimbjK2l6Xeq/dBQu4ShG2w2Dzrs/1bD27b2pLTGSaUzouY191gzA==",
+      "dependencies": {
+        "claygl": "^1.2.1",
+        "zrender": "^5.1.1"
+      },
+      "peerDependencies": {
+        "echarts": "^5.1.2"
+      }
+    },
     "node_modules/echarts-wordcloud": {
       "version": "2.1.0",
       "resolved": "https://registry.npmmirror.com/echarts-wordcloud/-/echarts-wordcloud-2.1.0.tgz",

package.json

@@ -46,6 +46,7 @@
     "diagram-js": "^12.8.0",
     "driver.js": "^1.3.1",
     "echarts": "^5.5.0",
+    "echarts-gl": "^2.0.9",
     "echarts-wordcloud": "^2.1.0",
     "element-plus": "2.9.1",
     "fast-xml-parser": "^4.3.2",

public/json/cbkclx1.json

@@ -0,0 +1,31 @@
+{
+    "code": 0,
+    "data": [
+        {
+            "name": "小麦",
+            "value": 751.05,
+            "valSum": 4339.08
+        },
+        {
+            "name": "玉米",
+            "value": 439.14,
+            "valSum": 4339.08
+        },
+        {
+            "name": "稻谷",
+            "value": 2877.09,
+            "valSum": 4339.08
+        },
+        {
+            "name": "大豆",
+            "value": 259.63,
+            "valSum": 4339.08
+        },
+        {
+            "name": "其他",
+            "value": 12.17,
+            "valSum": 4339.08
+        }
+    ],
+    "msg": ""
+}

public/json/cbkclx2.json

@@ -0,0 +1,21 @@
+{
+    "code": 0,
+    "data": [
+        {
+            "name": "2024",
+            "value": 32,
+            "valSum": 513.87
+        },
+        {
+            "name": "2023",
+            "value": 105.75,
+            "valSum": 513.87
+        },
+        {
+            "name": "2022及以前",
+            "value": 376.12,
+            "valSum": 513.87
+        }
+    ],
+    "msg": ""
+}

public/json/kqxx.json

@@ -0,0 +1,937 @@
+{
+    "code": 0,
+    "data": [
+        {
+            "cfdm": "11100000000018016P0010004",
+            "cfmc": "2-2号临时仓",
+            "kcsl": "3684",
+            "lsxzmc": "最低收购价粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "11100000000018016P0040004",
+            "cfmc": "4号临时仓",
+            "kcsl": "396",
+            "lsxzmc": "最低收购价粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "11100000000018016P0040011",
+            "cfmc": "11号临时仓",
+            "kcsl": "3130",
+            "lsxzmc": "最低收购价粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "11100000000018016P0040013",
+            "cfmc": "13号临时仓",
+            "kcsl": "8217",
+            "lsxzmc": "最低收购价粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "1136060034322385510290001",
+            "cfmc": "1号临时仓",
+            "kcsl": "762",
+            "lsxzmc": "最低收购价粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "11360800014717184K0050001",
+            "cfmc": "1号临时仓",
+            "kcsl": "974",
+            "lsxzmc": "最低收购价粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "1241120077086974980010001",
+            "cfmc": "1号临时仓",
+            "kcsl": "6989",
+            "lsxzmc": "最低收购价粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "12540000MB0R78996F0010001",
+            "cfmc": "1号仓",
+            "kcsl": "1273.2",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "12540000MB0R78996F0010002",
+            "cfmc": "2号仓",
+            "kcsl": "1226.8",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "12542100MB0T58524C0010004",
+            "cfmc": "4号仓",
+            "kcsl": "1295.08",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "12542400MB0T8428XQ0010001",
+            "cfmc": "1号仓",
+            "kcsl": "2000",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "12542400MB0T8428XQ0010002",
+            "cfmc": "2号仓",
+            "kcsl": "1578.95",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110000101146543N0010002",
+            "cfmc": "2号临时仓",
+            "kcsl": "2462",
+            "lsxzmc": "最低收购价粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110000633709351P0000001",
+            "cfmc": "1号仓",
+            "kcsl": "5962.49",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110000633709351P0000005",
+            "cfmc": "5号仓",
+            "kcsl": "4480.49",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110000633709351P0000006",
+            "cfmc": "6号仓",
+            "kcsl": "2705.88",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110000633709351P0000012",
+            "cfmc": "12号仓",
+            "kcsl": "7544.07",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110000633709351P0000015",
+            "cfmc": "15号仓",
+            "kcsl": "4947.47",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110000633709351P0000017",
+            "cfmc": "17号仓",
+            "kcsl": "5231.06",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110000633709351P0000020",
+            "cfmc": "20号仓",
+            "kcsl": "5473.05",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110000633709351P0000027",
+            "cfmc": "27号仓",
+            "kcsl": "71.42",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110000633709351P0000032",
+            "cfmc": "32号仓",
+            "kcsl": "8700.84",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110000633709351P0000038",
+            "cfmc": "38号仓",
+            "kcsl": "4373.31",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102633709300H0000002",
+            "cfmc": "68号仓",
+            "kcsl": "1461.56",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102633709300H0000069",
+            "cfmc": "69号仓",
+            "kcsl": "4273.24",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102633709300H0000072",
+            "cfmc": "72号仓",
+            "kcsl": "2139.21",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102633709300H0000080",
+            "cfmc": "80号仓",
+            "kcsl": "4273.67",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102633709300H0000089",
+            "cfmc": "19号仓",
+            "kcsl": "1034.84",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102633709300H0000092",
+            "cfmc": "11号仓",
+            "kcsl": "1492.85",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102801125655E0000004",
+            "cfmc": "12号仓",
+            "kcsl": "10000",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102801125655E0000007",
+            "cfmc": "7号仓",
+            "kcsl": "10762.18",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102801125655E0020020",
+            "cfmc": "20号仓",
+            "kcsl": "4736.42",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102801125655E0040004",
+            "cfmc": "4号仓",
+            "kcsl": "8659.4",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102801125655E0040005",
+            "cfmc": "5号仓",
+            "kcsl": "3105.2",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102801125655E0040006",
+            "cfmc": "6号仓",
+            "kcsl": "4813.45",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102801125655E0040007",
+            "cfmc": "7号仓",
+            "kcsl": "5009.72",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102801125655E0040008",
+            "cfmc": "8号仓",
+            "kcsl": "2252.02",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102801125655E0040009",
+            "cfmc": "9号仓",
+            "kcsl": "2184.91",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102801125655E0040010",
+            "cfmc": "10号仓",
+            "kcsl": "2072.3",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110102801125655E0050003",
+            "cfmc": "3号仓",
+            "kcsl": "2151.74",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0000001",
+            "cfmc": "1号仓",
+            "kcsl": "5107.08",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0000002",
+            "cfmc": "2号仓",
+            "kcsl": "4806.26",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0000003",
+            "cfmc": "3号仓",
+            "kcsl": "5197.67",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0000004",
+            "cfmc": "4号仓",
+            "kcsl": "4122.96",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0000005",
+            "cfmc": "5号仓",
+            "kcsl": "11391.77",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0000006",
+            "cfmc": "6号仓",
+            "kcsl": "11959.16",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0000007",
+            "cfmc": "7号仓",
+            "kcsl": "10401.17",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0000008",
+            "cfmc": "8号仓",
+            "kcsl": "20206.94",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0010021",
+            "cfmc": "21号仓",
+            "kcsl": "6216.23",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0020001",
+            "cfmc": "6号仓",
+            "kcsl": "6124",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0040001",
+            "cfmc": "30号仓",
+            "kcsl": "9209.84",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0040002",
+            "cfmc": "31号仓",
+            "kcsl": "9210.37",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0040004",
+            "cfmc": "33号仓",
+            "kcsl": "9220.88",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0040005",
+            "cfmc": "37号仓",
+            "kcsl": "9247.14",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0040006",
+            "cfmc": "38号仓",
+            "kcsl": "9219.63",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110112MA01C01T7Q0040007",
+            "cfmc": "36号仓",
+            "kcsl": "3279.77",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102501746Q0010007",
+            "cfmc": "13号仓",
+            "kcsl": "2500.9",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102501746Q0010008",
+            "cfmc": "14号仓",
+            "kcsl": "2504.66",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102502087F0010011",
+            "cfmc": "30号仓",
+            "kcsl": "2500",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102502087F0010013",
+            "cfmc": "38号仓",
+            "kcsl": "1249.25",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102502087F0010014",
+            "cfmc": "39号仓",
+            "kcsl": "232.89",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000001",
+            "cfmc": "1号仓，2号仓",
+            "kcsl": "15082.77",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000002",
+            "cfmc": "3号仓",
+            "kcsl": "15783.9",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000003",
+            "cfmc": "4号仓，5号仓",
+            "kcsl": "13180.77",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000004",
+            "cfmc": "6号仓",
+            "kcsl": "15224.28",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000005",
+            "cfmc": "7号仓，8号仓",
+            "kcsl": "13361.83",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000006",
+            "cfmc": "9号仓，10号仓",
+            "kcsl": "14368.79",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000007",
+            "cfmc": "11号仓，12号仓",
+            "kcsl": "14037.4",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000008",
+            "cfmc": "13号仓，14号仓",
+            "kcsl": "14015.81",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000009",
+            "cfmc": "31号仓，32号仓",
+            "kcsl": "12409.94",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000010",
+            "cfmc": "33号仓，34号仓",
+            "kcsl": "12860.63",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000011",
+            "cfmc": "35号仓，36号仓",
+            "kcsl": "13509.98",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000012",
+            "cfmc": "37号仓，38号仓",
+            "kcsl": "14330.39",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000013",
+            "cfmc": "39号仓，40号仓",
+            "kcsl": "19137.4",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000014",
+            "cfmc": "41号仓，42号仓",
+            "kcsl": "12263.85",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000015",
+            "cfmc": "43号仓，44号仓",
+            "kcsl": "18783.27",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000016",
+            "cfmc": "45号仓，46号仓",
+            "kcsl": "11758.46",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110113102519460Q0000017",
+            "cfmc": "47号仓，48号仓",
+            "kcsl": "17507.42",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9111011363370980220010001",
+            "cfmc": "1号仓，2号仓",
+            "kcsl": "6357.6",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9111011363370980220010002",
+            "cfmc": "3号仓",
+            "kcsl": "11036.88",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9111011363370980220010003",
+            "cfmc": "6号仓",
+            "kcsl": "11250.66",
+            "lsxzmc": "商品粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000001",
+            "cfmc": "1号仓",
+            "kcsl": "1146.05",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000002",
+            "cfmc": "2号仓",
+            "kcsl": "1153.18",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000004",
+            "cfmc": "4号仓",
+            "kcsl": "1147.75",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000005",
+            "cfmc": "5号仓",
+            "kcsl": "1149.89",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000008",
+            "cfmc": "8号仓",
+            "kcsl": "1155.93",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000009",
+            "cfmc": "9号仓",
+            "kcsl": "286.83",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000010",
+            "cfmc": "10号仓",
+            "kcsl": "285.58",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000011",
+            "cfmc": "11号仓",
+            "kcsl": "284.4",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000012",
+            "cfmc": "12号仓",
+            "kcsl": "286.4",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000013",
+            "cfmc": "13号仓",
+            "kcsl": "285.94",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000014",
+            "cfmc": "14号仓",
+            "kcsl": "286.5",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000015",
+            "cfmc": "15号仓",
+            "kcsl": "1150.79",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000016",
+            "cfmc": "16号仓",
+            "kcsl": "1136.4",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000017",
+            "cfmc": "17号仓",
+            "kcsl": "1135.63",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000018",
+            "cfmc": "18号仓",
+            "kcsl": "1135.87",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000019",
+            "cfmc": "19号仓",
+            "kcsl": "1124.68",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000020",
+            "cfmc": "20号仓",
+            "kcsl": "1148.06",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000021",
+            "cfmc": "21号仓",
+            "kcsl": "1143.18",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "91110114102069754D0000022",
+            "cfmc": "22号仓",
+            "kcsl": "1128.87",
+            "lsxzmc": "中央储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020003",
+            "cfmc": "X-049",
+            "kcsl": "1651",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020035",
+            "cfmc": "D-015",
+            "kcsl": "0",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020005",
+            "cfmc": "D-112",
+            "kcsl": "5929",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020043",
+            "cfmc": "D-011",
+            "kcsl": "0",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020047",
+            "cfmc": "D-008",
+            "kcsl": "847",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020023",
+            "cfmc": "D-091",
+            "kcsl": "3908",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020014",
+            "cfmc": "X-045",
+            "kcsl": "815",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020013",
+            "cfmc": "X-042",
+            "kcsl": "855",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020022",
+            "cfmc": "D-014",
+            "kcsl": "0",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020009",
+            "cfmc": "D-095",
+            "kcsl": "1413",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020036",
+            "cfmc": "D-092",
+            "kcsl": "3772",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020046",
+            "cfmc": "D-090",
+            "kcsl": "3705",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020034",
+            "cfmc": "X-046",
+            "kcsl": "925",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020033",
+            "cfmc": "X-022",
+            "kcsl": "13000",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020025",
+            "cfmc": "X-007",
+            "kcsl": "4000",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020044",
+            "cfmc": "X-044",
+            "kcsl": "851",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020018",
+            "cfmc": "D-007",
+            "kcsl": "1517",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020031",
+            "cfmc": "D-004",
+            "kcsl": "1503",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020021",
+            "cfmc": "D-060",
+            "kcsl": "3788",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020017",
+            "cfmc": "D-006",
+            "kcsl": "1495",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020008",
+            "cfmc": "D-094",
+            "kcsl": "1489",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020028",
+            "cfmc": "D-005",
+            "kcsl": "933",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020020",
+            "cfmc": "D-093",
+            "kcsl": "815",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020011",
+            "cfmc": "D-016",
+            "kcsl": "1515",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020045",
+            "cfmc": "X-041",
+            "kcsl": "903",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020029",
+            "cfmc": "D-009",
+            "kcsl": "0",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020030",
+            "cfmc": "D-013",
+            "kcsl": "0",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020053",
+            "cfmc": "D-003",
+            "kcsl": "1518",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020039",
+            "cfmc": "D-089",
+            "kcsl": "3819",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020037",
+            "cfmc": "D-001",
+            "kcsl": "1516",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020040",
+            "cfmc": "D-012",
+            "kcsl": "0",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020041",
+            "cfmc": "D-010",
+            "kcsl": "0",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        },
+        {
+            "cfdm": "9123118213175147X70020001",
+            "cfmc": "D-002",
+            "kcsl": "1518",
+            "lsxzmc": "省级地方储备粮",
+            "lspzmc": "小麦"
+        }
+    ],
+    "msg": ""
+}

src/json/shijie.json

@@ -0,0 +1,233 @@
+{
+  "China": "中国",
+  "Afghanistan": "阿富汗",
+  "Aland Islands": "奥兰群岛",
+  "Albania": "阿尔巴尼亚",
+  "Algeria": "阿尔及利亚",
+  "American Samoa": "美属萨摩亚",
+  "Andorra": "安道尔",
+  "Angola": "安哥拉",
+  "Anguilla": "安圭拉",
+  "Antigua and Barbuda": "安提瓜和巴布达",
+  "Argentina": "阿根廷",
+  "Armenia": "亚美尼亚",
+  "Aruba": "阿鲁巴",
+  "Australia": "澳大利亚",
+  "Austria": "奥地利",
+  "Azerbaijan": "阿塞拜疆",
+  "Bangladesh": "孟加拉",
+  "Bahrain": "巴林",
+  "Bahamas": "巴哈马",
+  "Barbados": "巴巴多斯",
+  "Belarus": "白俄罗斯",
+  "Belgium": "比利时",
+  "Belize": "伯利兹",
+  "Benin": "贝宁",
+  "Bermuda": "百慕大",
+  "Bhutan": "不丹",
+  "Bolivia": "玻利维亚",
+  "Bosnia and Herzegovina": "波斯尼亚和黑塞哥维那",
+  "Botswana": "博茨瓦纳",
+  "Bouvet Island": "布维岛",
+  "Brazil": "巴西",
+  "Brunei": "文莱",
+  "Bulgaria": "保加利亚",
+  "Burkina Faso": "布基纳法索",
+  "Burundi": "布隆迪",
+  "Cambodia": "柬埔寨",
+  "Cameroon": "喀麦隆",
+  "Canada": "加拿大",
+  "Cape Verde": "佛得角",
+  "Central African Republic": "中非",
+  "Chad": "乍得",
+  "Chile": "智利",
+  "Christmas Islands": "圣诞岛",
+  "Cocos (keeling) Islands": "科科斯（基林）群岛",
+  "Colombia": "哥伦比亚",
+  "Comoros": "科摩罗",
+  "Congo (Congo-Kinshasa)": "刚果（金）",
+  "Congo": "刚果",
+  "Cook Islands": "库克群岛",
+  "Costa Rica": "哥斯达黎加",
+  "Cote D’Ivoire": "科特迪瓦",
+
+  "Croatia": "克罗地亚",
+  "Cuba": "古巴",
+  "Czech": "捷克",
+  "Cyprus": "塞浦路斯",
+  "Denmark": "丹麦",
+  "Djibouti": "吉布提",
+  "Dominica": "多米尼加",
+  "East Timor": "东帝汶",
+  "Ecuador": "厄瓜多尔",
+  "Egypt": "埃及",
+  "Equatorial Guinea": "赤道几内亚",
+  "Eritrea": "厄立特里亚",
+  "Estonia": "爱沙尼亚",
+  "Ethiopia": "埃塞俄比亚",
+  "Faroe Islands": "法罗群岛",
+  "Fiji": "斐济",
+  "Finland": "Finland",
+  "France": "法国",
+  "Franch Metropolitan": "法国大都会",
+  "Franch Guiana": "法属圭亚那",
+  "French Polynesia": "法属波利尼西亚",
+  "Gabon": "加蓬",
+  "Gambia": "冈比亚",
+  "Georgia": "格鲁吉亚",
+  "Germany": "德国",
+  "Ghana": "加纳",
+  "Gibraltar": "直布罗陀",
+  "Greece": "希腊",
+  "Grenada": "格林纳达",
+  "Guadeloupe": "瓜德罗普岛",
+  "Guam": "关岛",
+  "Guatemala": "危地马拉",
+  "Guernsey": "根西岛",
+  "Guinea-Bissau": "几内亚比绍",
+  "Guinea": "几内亚",
+  "Guyana": "圭亚那",
+
+  "Haiti": "海地",
+  "Honduras": "洪都拉斯",
+  "Hungary": "匈牙利",
+  "Iceland": "冰岛",
+  "India": "印度",
+  "Indonesia": "印度尼西亚",
+  "Iran": "伊朗",
+  "Iraq": "伊拉克",
+  "Ireland": "爱尔兰",
+  "Isle of Man": "马恩岛",
+  "Israel": "以色列",
+  "Italy": "意大利",
+  "Jamaica": "牙买加",
+  "Japan": "日本",
+  "Jersey": "泽西岛",
+  "Jordan": "约旦",
+  "Kazakhstan": "哈萨克斯坦",
+  "Kenya": "肯尼亚",
+  "Kiribati": "基里巴斯",
+  "Korea (South)": "韩国",
+  "Korea (North)": "朝鲜",
+  "Kuwait": "科威特",
+  "Kyrgyzstan": "吉尔吉斯斯坦",
+  "Laos": "老挝",
+  "Latvia": "拉脱维亚",
+  "Lebanon": "黎巴嫩",
+  "Lesotho": "莱索托",
+  "Liberia": "利比里亚",
+  "Libya": "利比亚",
+  "Liechtenstein": "列支敦士登",
+  "Lithuania": "立陶宛",
+  "Luxembourg": "卢森堡",
+
+  "Macedonia": "马其顿",
+  "Malawi": "马拉维",
+  "Malaysia": "马来西亚",
+  "Madagascar": "马达加斯加",
+  "Maldives": "马尔代夫",
+  "Mali": "马里",
+  "Malta": "马耳他",
+  "Marshall Islands": "马绍尔群岛",
+  "Martinique": "马提尼克岛",
+  "Mauritania": "毛里塔尼亚",
+  "Mauritius": "毛里求斯",
+  "Mayotte": "马约特",
+  "Mexico": "墨西哥",
+  "Micronesia": "密克罗尼西亚",
+  "Moldova": "摩尔多瓦",
+  "Monaco": "摩纳哥",
+  "Mongolia": "蒙古",
+  "Montenegro": "黑山",
+  "Montserrat": "蒙特塞拉特",
+  "Morocco": "摩洛哥",
+  "Mozambique": "莫桑比克",
+  "Myanmar": "缅甸",
+  "Namibia": "纳米比亚",
+  "Nauru": "瑙鲁",
+  "Nepal": "尼泊尔",
+  "Netherlands": "荷兰",
+  "New Caledonia": "新喀里多尼亚",
+  "New Zealand": "新西兰",
+  "Nicaragua": "尼加拉瓜",
+  "Niger": "尼日尔",
+  "Nigeria": "尼日利亚",
+  "Niue": "纽埃",
+  "Norfolk Island": "诺福克岛",
+  "Norway": "挪威",
+  "Oman": "阿曼",
+  "Pakistan": "巴基斯坦",
+  "Palau": "帕劳",
+  "Palestine": "巴勒斯坦",
+  "Panama": "巴拿马",
+  "Papua New Guinea": "巴布亚新几内亚",
+  "Paraguay": "巴拉圭",
+  "Peru": "秘鲁",
+  "Philippines": "菲律宾",
+  "Pitcairn Islands": "皮特凯恩群岛",
+  "Poland": "波兰",
+  "Portugal": "葡萄牙",
+  "Puerto Rico": "波多黎各",
+  "Qatar": "卡塔尔",
+  "Reunion": "留尼汪岛",
+  "Romania": "罗马尼亚",
+  "Rwanda": "卢旺达",
+  "Russian Federation": "俄罗斯联邦",
+  "Saint Helena": "圣赫勒拿",
+  "Saint Kitts-Nevis": "圣基茨和尼维斯",
+  "Saint Lucia": "圣卢西亚",
+  "Saint Vincent and the Grenadines": "圣文森特和格林纳丁斯",
+  "El Salvador": "萨尔瓦多",
+  "Samoa": "萨摩亚",
+  "San Marino": "圣马力诺",
+  "Sao Tome and Principe": "圣多美和普林西比",
+  "Saudi Arabia": "沙特阿拉伯",
+  "Senegal": "塞内加尔",
+  "Seychelles": "塞舌尔",
+  "Sierra Leone": "塞拉利昂",
+  "Singapore": "新加坡",
+  "Serbia": "塞尔维亚",
+  "Slovakia": "斯洛伐克",
+  "Slovenia": "斯洛文尼亚",
+  "Solomon Islands": "所罗门群岛",
+  "Somalia": "索马里",
+  "South Africa": "南非",
+  "Spain": "西班牙",
+  "Sri Lanka": "斯里兰卡",
+  "Sudan": "苏丹",
+  "Suriname": "苏里南",
+  "Swaziland": "斯威士兰",
+  "Sweden": "瑞典",
+  "Switzerland": "瑞士",
+  "Syria": "叙利亚",
+  "Tajikistan": "塔吉克斯坦",
+  "Tanzania": "坦桑尼亚",
+
+  "Thailand": "泰国",
+  "Trinidad and Tobago": "特立尼达和多巴哥",
+  "Timor-Leste": "东帝汶",
+  "Togo": "多哥",
+  "Tokelau": "托克劳",
+  "Tonga": "汤加",
+  "Tunisia": "突尼斯",
+  "Turkey": "土耳其",
+  "Turkmenistan": "土库曼斯坦",
+  "Tuvalu": "图瓦卢",
+  "Uganda": "乌干达",
+  "Ukraine": "乌克兰",
+  "United Arab Emirates": "阿拉伯联合酋长国",
+  "United Kingdom": "英国",
+  "United States": "美国",
+  "Uruguay": "乌拉圭",
+  "Uzbekistan": "乌兹别克斯坦",
+  "Vanuatu": "瓦努阿图",
+  "Vatican City": "梵蒂冈",
+  "Venezuela": "委内瑞拉",
+  "Vietnam": "越南",
+  "Wallis and Futuna": "瓦利斯群岛和富图纳群岛",
+  "Western Sahara": "西撒哈拉",
+  "Yemen": "也门",
+  "Yugoslavia": "南斯拉夫",
+  "Zambia": "赞比亚",
+  "Zimbabwe": "津巴布韦"
+}

src/utils/flexible.js

@@ -0,0 +1,122 @@
+
+;(function(win, lib) {
+    var doc = win.document;
+    var docEl = doc.documentElement;
+    var metaEl = doc.querySelector('meta[name="viewport"]');
+    var flexibleEl = doc.querySelector('meta[name="flexible"]');
+    var dpr = 0;
+    var scale = 0;
+    var tid;
+    var flexible = lib.flexible || (lib.flexible = {});
+
+    if (metaEl) {
+        console.warn('将根据已有的meta标签来设置缩放比例');
+        var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
+        if (match) {
+            scale = parseFloat(match[1]);
+            dpr = parseInt(1 / scale);
+        }
+    } else if (flexibleEl) {
+        var content = flexibleEl.getAttribute('content');
+        if (content) {
+            var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
+            var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
+            if (initialDpr) {
+                dpr = parseFloat(initialDpr[1]);
+                scale = parseFloat((1 / dpr).toFixed(2));
+            }
+            if (maximumDpr) {
+                dpr = parseFloat(maximumDpr[1]);
+                scale = parseFloat((1 / dpr).toFixed(2));
+            }
+        }
+    }
+
+    if (!dpr && !scale) {
+        var isAndroid = win.navigator.appVersion.match(/android/gi);
+        var isIPhone = win.navigator.appVersion.match(/iphone/gi);
+        var devicePixelRatio = win.devicePixelRatio;
+        if (isIPhone) {
+            // iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
+            if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
+                dpr = 3;
+            } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)){
+                dpr = 2;
+            } else {
+                dpr = 1;
+            }
+        } else {
+            // 其他设备下，仍旧使用1倍的方案
+            dpr = 1;
+        }
+        scale = 1 / dpr;
+    }
+
+    docEl.setAttribute('data-dpr', dpr);
+    if (!metaEl) {
+        metaEl = doc.createElement('meta');
+        metaEl.setAttribute('name', 'viewport');
+        metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
+        if (docEl.firstElementChild) {
+            docEl.firstElementChild.appendChild(metaEl);
+        } else {
+            var wrap = doc.createElement('div');
+            wrap.appendChild(metaEl);
+            doc.write(wrap.innerHTML);
+        }
+    }
+
+    function refreshRem(){
+        var width = docEl.getBoundingClientRect().width;
+      console.log(width);
+        if (width / dpr < 400) {
+            width = 400 * dpr;
+        }else  if(width / dpr > 2560){
+          width = 2560 * dpr;
+        }
+
+        var rem = width / 24;
+        docEl.style.fontSize = rem + 'px';
+        flexible.rem = win.rem = rem;
+    }
+
+    win.addEventListener('resize', function() {
+        clearTimeout(tid);
+        tid = setTimeout(refreshRem, 300);
+    }, false);
+    win.addEventListener('pageshow', function(e) {
+        if (e.persisted) {
+            clearTimeout(tid);
+            tid = setTimeout(refreshRem, 300);
+        }
+    }, false);
+
+    if (doc.readyState === 'complete') {
+        doc.body.style.fontSize = 12 * dpr + 'px';
+    } else {
+        doc.addEventListener('DOMContentLoaded', function(e) {
+            doc.body.style.fontSize = 12 * dpr + 'px';
+        }, false);
+    }
+
+
+    refreshRem();
+
+    flexible.dpr = win.dpr = dpr;
+    flexible.refreshRem = refreshRem;
+    flexible.rem2px = function(d) {
+        var val = parseFloat(d) * this.rem;
+        if (typeof d === 'string' && d.match(/rem$/)) {
+            val += 'px';
+        }
+        return val;
+    }
+    flexible.px2rem = function(d) {
+        var val = parseFloat(d) / this.rem;
+        if (typeof d === 'string' && d.match(/px$/)) {
+            val += 'rem';
+        }
+        return val;
+    }
+
+})(window, window['lib'] || (window['lib'] = {}));

src/views/display/cf/api/index.ts

@@ -0,0 +1,13 @@
+import request from "@/config/axios";
+import axios from "axios";
+
+export const GetXzqhJsonApi = async (params: any) => {
+  return await request.get({
+    url: `/zj/base-administrative-map/get`,
+    params
+  })
+}
+
+export const kqxx = async () => {
+  return await axios.get("/json/kqxx.json");
+}

src/views/display/cf/index.vue

@@ -0,0 +1,952 @@
+<template>
+  <el-row :gutter="10">
+    <el-col :span="6">
+      <div class="kqxx_box">
+        <div class="box_view">
+          <div class="box_title">
+            <span>视频监控</span>
+          </div>
+          <div class="view_content">
+            <img src="@/assets/map/u80.png" alt="仓房图" />
+          </div>
+        </div>
+        <div class="box_cfxx">
+          <div class="box_title">
+            <span>仓房信息</span>
+          </div>
+          <div class="cfxx_content">
+            <el-row>
+              <el-col :span="24" class="box_content">
+                <span class="span_left">仓房名称：</span>
+                <span class="span_right" :title="formData.cfmc">{{ formData.cfmc }}</span>
+              </el-col>
+              <el-col :span="24" class="box_content">
+                <span class="span_left">仓廒编号：</span>
+                <span class="span_right" :title="formData.cfbh">{{ formData.cfbh }}</span>
+              </el-col>
+              <el-col :span="24" class="box_content">
+                <span class="span_left">仓房类型：</span>
+                <span class="span_right" :title="formData.cflx">{{ formData.cflx }}</span>
+              </el-col>
+              <el-col :span="24" class="box_content">
+                <span class="span_left">交付使用日期：</span>
+                <span class="span_right" :title="formData.jfsyrq">{{ formData.jfsyrq }}</span>
+              </el-col>
+              <el-col :span="24" class="box_content">
+                <span class="span_left">设计使用年限：</span>
+                <span class="span_right" :title="formData.sjsynx">{{ formData.sjsynx }}</span>
+              </el-col>
+              <el-col :span="24" class="box_content">
+                <span class="span_left">设计仓容（吨）：</span>
+                <span class="span_right" :title="formData.sjcr">{{ formData.sjcr }}</span>
+              </el-col>
+              <el-col :span="24" class="box_content">
+                <span class="span_left">仓内体积（立方米）：</span>
+                <span class="span_right" :title="formData.cntj">{{ formData.cntj }}</span>
+              </el-col>
+              <el-col :span="24" class="box_content">
+                <span class="span_left">仓房状态：</span>
+                <span class="span_right" :title="formData.cfzt">{{ formData.cfzt }}</span>
+              </el-col>
+            </el-row>
+          </div>
+        </div>
+      </div>
+    </el-col>
+    <el-col :span="18">
+      <div class="map-area">
+        <div class="operation-box">
+          <el-radio-group v-model="tabPosition" @change="tabClick" style="width: 80%">
+            <el-radio-button label="hwk" value="hwk">货位卡</el-radio-button>
+            <el-radio-button label="crkjl" value="crkjl">出入库记录</el-radio-button>
+            <el-radio-button label="zj" value="zj">质检</el-radio-button>
+            <el-radio-button label="wsdjc" value="wsdjc">粮情监测</el-radio-button>
+            <el-radio-button label="sy" value="sy">损溢</el-radio-button>
+          </el-radio-group>
+          <div class="changecang">
+            <el-button type="primary" plain class="title_btn" @click="back()">返回</el-button>
+          </div>
+        </div>
+        <div class="hw-rightcon">
+          <div v-if="tabPosition == 'hwk'">
+            <h3 class="hwk_title"><i></i>货位信息</h3>
+            <el-form class="formstyletwo" ref="form" :model="baseformhw" label-width="140px">
+              <el-row :gutter="30">
+                <!-- <el-col :span="16"> -->
+                <el-col :span="8">
+                  <el-form-item label="仓房名称">
+                    <el-input v-model="baseformhw.cfmc" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="货位名称">
+                    <el-input v-model="baseformhw.hwmc" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="保管员">
+                    <el-input v-model="baseformhw.bgy" />
+                  </el-form-item>
+                </el-col>
+                <!-- </el-col> -->
+                <!-- <el-col :span="8">
+                  <div class="img" style="width: 100%;text-align:center">
+                      <el-image
+                        style="width: 240px; height: 240px;cursor: pointer;margin-top: -28px;"
+                        :src="qrCodeUrl"
+                        fit="fill"
+                        @click="handleCodeShow"
+                      >
+                        <div slot="error" class="image-slot">
+                          <i class="el-icon-picture-outline" style="font-size: 150px"></i>
+                        </div>
+                      </el-image>
+                    </div>
+                </el-col> -->
+              </el-row>
+              <h3 class="hwk_title"><i></i>库存信息</h3>
+              <el-row :gutter="30">
+                <el-col :span="8">
+                  <el-form-item label="粮食品种">
+                    <el-input v-model="baseformhw.lspzmc" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="粮食等级">
+                    <el-input v-model="baseformhw.lsdjmc" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="收获年度">
+                    <el-input v-model="baseformhw.shnd" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="粮食产地">
+                    <el-input v-model="baseformhw.cdmc" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="实际数量（吨）">
+                    <el-input v-model="baseformhw.sjsl" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="计价数量（吨）">
+                    <el-input v-model="baseformhw.jjsl" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="入库时间">
+                    <el-input v-model="baseformhw.rcsj" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="保管方式">
+                    <el-input v-model="baseformhw.glfsmc" />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <h3><i></i>交割信息</h3>
+              <el-row :gutter="30">
+                <el-col :span="8">
+                  <el-form-item label="单位名称">
+                    <el-input v-model="baseformhw.dwmc" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="社会信用统一代码">
+                    <el-input v-model="baseformhw.tyshxydm" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="合同号">
+                    <el-input v-model="baseformhw.hth" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="粮食品种">
+                    <el-input v-model="baseformhw.lspzmc" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="粮食等级">
+                    <el-input v-model="baseformhw.lsdjmc" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="交割数量(吨)">
+                    <el-input v-model="baseformhw.jgsl" />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+          </div>
+          <div v-if="tabPosition == 'crkjl'">
+            <el-form :inline="true" class="formstylethree" ref="form" :model="searchform">
+              <el-form-item label="业务日期">
+                <el-date-picker
+                  style="width: 180px"
+                  @change="searchCrk"
+                  clearable
+                  v-model="searchform.ywksrq"
+                  type="date"
+                  format="yyyy-MM-dd"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择日期"
+                />
+              </el-form-item>
+              <el-form-item label="出入库类型">
+                <el-select
+                  style="width: 180px"
+                  @change="searchCrk"
+                  v-model="searchform.ywlx"
+                  placeholder="请选择"
+                >
+                  <el-option
+                    v-for="item in crkLxOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-button type="primary" class="primaryBtn" @click="loadData()">查询</el-button>
+            </el-form>
+            <el-scrollbar style="height: 700px">
+              <div class="resettablewrap">
+                <el-table
+                  :data="crkTableData"
+                  style="width: 100%; overflow-x: hidden"
+                  :header-cell-class-name="'headerBg'"
+                  :row-class-name="tableRowClassName"
+                  @row-click="handleCkClick"
+                  highlight-current-row
+                >
+                  <el-table-column type="index" width="60" label="序号" align="center">
+                    <template #default="scope">
+                      {{ scope.$index + 1 }}
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="ywrq" label="业务时间" align="center" />
+                  <el-table-column prop="pzmc" label="粮食品种" align="center" />
+                  <el-table-column prop="lsdjmc" label="粮食等级" align="center" />
+                  <el-table-column prop="jz" label="净重（公斤）" align="center" />
+                  <el-table-column prop="jsdj" label="结算单价（元）" align="center" />
+                  <el-table-column prop="cch" label="车船号" align="center" />
+                  <el-table-column prop="cfhwmc" label="仓房货位" align="center" />
+                  <el-table-column prop="ywlx" label="出入库类型" align="center" />
+                  <el-table-column prop="zzmd" label="纸质码单（个）" align="center" />
+                </el-table>
+                <el-pagination
+                  @size-change="handleSizeChange"
+                  @current-change="handleCurrentChange"
+                  :page-sizes="[12, 20, 30, 40]"
+                  layout="->,total, sizes, prev, pager, next, jumper"
+                  :current-page="page.pageNum"
+                  :page-size="page.pageSize"
+                  :total="page.total"
+                />
+              </div>
+            </el-scrollbar>
+          </div>
+          <div v-if="tabPosition == 'zj'">
+            <!-- <h3><i></i>检测记录</h3> -->
+            <div class="resettablewrap resettablewrap-spe" style="margin-bottom: 10px">
+              <el-scrollbar style="height: 500px">
+                <el-table
+                  :data="zhijTableData"
+                  style="width: 100%; overflow-x: hidden"
+                  :header-cell-class-name="'headerBg'"
+                  :row-class-name="tableRowClassName"
+                  @current-change="handleJcjlChange"
+                >
+                  <el-table-column prop="jylb" label="检测类型" align="center" />
+                  <el-table-column prop="jysj" label="检测时间" align="center" />
+                  <el-table-column prop="lspzmc" label="粮食品种" align="center">
+                    <template #default="scope">
+                      <span>{{ scope.row.lspzmc ? scope.row.lspzmc : '-' }}</span>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="lsdjmc" label="粮食等级" align="center" />
+                  <el-table-column prop="jyr" label="检测人员姓名" align="center" />
+                  <el-table-column
+                    prop="zjjg"
+                    label="食品安全指标是否合格"
+                    align="center"
+                    width="180"
+                  >
+                    <template #default="scope">
+                      <span>{{ scope.row.zjjg ? scope.row.zjjg : '-' }}</span>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="zzmd" label="纸质码单" align="center" />
+                </el-table>
+              </el-scrollbar>
+            </div>
+          </div>
+          <div v-if="tabPosition == 'wsdjc'">
+            <el-scrollbar style="height: 700px">
+              <div class="radiobox">
+                <el-radio-group @change="zhijianInfo" v-model="wensdRadio">
+                  <el-radio-button label="01">列表信息</el-radio-button>
+                  <el-radio-button label="02">图文信息</el-radio-button>
+                </el-radio-group>
+              </div>
+              <div v-if="wensdRadio == '01'">
+                <el-form class="formstyletwo" ref="form" :model="wensdform" label-width="200px">
+                  <el-row :gutter="30">
+                    <el-col :span="8">
+                      <el-form-item label="仓廒名称">
+                        <el-input v-model="wensdform.camc" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                      <el-form-item label="粮食品种">
+                        <el-input v-model="wensdform.lspzmc" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                      <el-form-item label="粮食性质">
+                        <el-input v-model="wensdform.lsxzmc" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                      <el-form-item label="粮食等级">
+                        <el-input v-model="wensdform.lsdjmc" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                      <el-form-item label="粮食数量（吨）">
+                        <el-input v-model="wensdform.kcsl" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                      <el-form-item label="仓房外温（℃）">
+                        <el-input v-model="wensdform.cfww" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                      <el-form-item label="仓房外湿（%）">
+                        <el-input v-model="wensdform.cfws" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                      <el-form-item label="仓房内温（℃）">
+                        <el-input v-model="wensdform.cfnw" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                      <el-form-item label="仓房内湿（%）">
+                        <el-input v-model="wensdform.cfns" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                      <el-form-item label="粮食最高温（℃）">
+                        <el-input v-model="wensdform.lszgw" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                      <el-form-item label="粮食最低温（℃）">
+                        <el-input v-model="wensdform.lszdw" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                      <el-form-item label="粮食平均温（℃）">
+                        <el-input v-model="wensdform.lspjw" />
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+                </el-form>
+                <div>
+                  <el-scrollbar style="height: 500px">
+                    <div
+                      class="resettablewrap"
+                      v-for="(cengitem, cengindex) in wensdform.wsdjhList"
+                      :key="cengindex"
+                    >
+                      <h3><i></i>{{ cengitem.cs }}</h3>
+                      <el-table
+                        :data="cengitem.hangList"
+                        style="width: 100%; margin-bottom: 20px; overflow-x: hidden"
+                        :header-cell-class-name="'headerBg'"
+                        :row-class-name="tableRowClassName"
+                      >
+                        <el-table-column prop="xulie" label="列号行号" align="center" />
+                        <el-table-column
+                          v-for="(childItem, childIndex) in cengitem.lie"
+                          :property="'lie' + childItem"
+                          :key="childIndex"
+                          :label="childItem + '列'"
+                          align="center"
+                        />
+                      </el-table>
+                    </div>
+                  </el-scrollbar>
+                </div>
+              </div>
+              <div v-else>
+                <div class="pfcbox">
+                  <!-- 遍历行，加上左间距 -->
+                  <div
+                    v-for="(hangitem, hangindex) in wensdform.wsdjhList[0].hangList.length"
+                    :key="hangindex"
+                    class="pfc-div"
+                    :style="{
+                      margin: `${hangindex * 40}px 0 0 ${hangindex * 30}px`
+                    }"
+                  >
+                    <ul class="pfc-ul">
+                      <!-- 遍历每行下面的列，展示柱子 -->
+                      <li v-for="(lieItem, lieIndex) in wensdform.wsdjhList[0].lie" :key="lieIndex">
+                        <div class="zhut">
+                          <!-- 遍历层，展示每层的数据 -->
+                          <i v-for="(cengItem, cengIndex) in wensdform.wsdjhList" :key="cengIndex">
+                            {{ cengItem.hangList[hangindex][`lie${lieIndex + 1}`] }}
+                          </i>
+                        </div>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <!-- <img src="../../assets/images/3Dcs1.png" style="width:100%"/> -->
+              </div>
+            </el-scrollbar>
+          </div>
+          <div v-if="tabPosition == 'sy'">
+            <el-scrollbar style="height: 700px">
+              <div class="resettablewrap">
+                <el-table
+                  :data="crkTableDataSy"
+                  :header-cell-class-name="'headerBg'"
+                  :row-class-name="tableRowClassName"
+                  highlight-current-row
+                >
+                  <!-- <el-table-column
+                      type="index"
+                      width="60"
+                      label="序号"
+                      align="center"
+                    >
+                      <template slot-scope="scope">
+                        {{ scope.$index + 1 }}
+                      </template>
+                    </el-table-column> -->
+                  <el-table-column prop="cksj" label="出库时间" width="120" align="center">
+                    <template #default="scope">
+                      {{ scope.row.cksj ? scope.row.cksj.slice(0, 10) : '' }}
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="rkjz" label="入库净重" align="center" />
+                  <el-table-column prop="rksf" label="入库水分" align="center" />
+                  <el-table-column prop="rkzz" label="入库杂质" align="center" />
+                  <el-table-column prop="ckjz" label="出库净重" align="center" />
+                  <el-table-column prop="cksf" label="出库水分" align="center" />
+                  <el-table-column prop="ckzz" label="出库杂质" align="center" />
+                  <el-table-column prop="sysfzc" label="损溢是否正常" align="center" width="120" />
+                  <el-table-column prop="qzszkl" label="水杂减量" align="center" />
+                  <el-table-column
+                    prop="qzzrshde"
+                    label="自然损耗定额"
+                    width="120"
+                    align="center"
+                  />
+                  <el-table-column prop="chsl" label="超耗数量" align="center" />
+                  <el-table-column prop="jzsysl" label="损溢数量" align="center" />
+                  <el-table-column
+                    prop="syyy"
+                    label="损溢原因"
+                    align="center"
+                    show-overflow-tooltip
+                  />
+                </el-table>
+                <el-pagination
+                  @size-change="handleSizeChangeSy"
+                  @current-change="handleCurrentChangeSy"
+                  :page-sizes="[12, 20, 30, 40]"
+                  layout="->,total, sizes, prev, pager, next, jumper"
+                  :current-page="pageSy.pageNum"
+                  :page-size="pageSy.pageSize"
+                  :total="pageSy.total"
+                />
+              </div>
+            </el-scrollbar>
+          </div>
+        </div>
+      </div>
+    </el-col>
+  </el-row>
+</template>
+
+<script lang="ts" setup>
+import * as Api from './api'
+
+defineOptions({ name: 'DisplayCf' })
+
+const router = useRouter() // 路由对象
+const tableData = ref([])
+const cangName = ref('')
+const wensdRadio = ref('01')
+const crkTableData = ref([])
+const crkTableDataSy = ref([])
+const zhijTableData = ref([
+  {
+    jylb: '月度检测',
+    jysj: '2024-8-9',
+    lspzmc: '小麦',
+    lsdjmc: '一等',
+    jyr: '张三',
+    zjjg: '是',
+    zzmd: '0'
+  },
+  {
+    jylb: '3月普检',
+    jysj: '2024-3-8',
+    lspzmc: '小麦',
+    lsdjmc: '一等',
+    jyr: '张三',
+    zjjg: '是',
+    zzmd: '5'
+  },
+  {
+    jylb: '月度检测',
+    jysj: '2024-4-5',
+    lspzmc: '小麦',
+    lsdjmc: '一等',
+    jyr: '张三',
+    zjjg: '是',
+    zzmd: '6'
+  },
+  {
+    jylb: '月度检测',
+    jysj: '2024-5-6',
+    lspzmc: '小麦',
+    lsdjmc: '一等',
+    jyr: '张三',
+    zjjg: '是',
+    zzmd: '4'
+  }
+])
+const tabPosition = ref('hwk')
+const formData = ref({
+  cfmc: '6-1仓',
+  cfbh: '91120000592925399B',
+  cflx: '平房仓',
+  jfsyrq: '1989/3/25',
+  sjsynx: '50',
+  sjcr: '50',
+  cntj: '50',
+  cfzt: '封仓'
+})
+const baseformhw = ref({
+  cfmc: '利达2仓库',
+  hwmc: '1货位',
+  bgy: '张三',
+
+  lspzmc: '小麦',
+  lsdjmc: '一等',
+  shnd: '2023',
+  cdmc: '河南',
+  sjsl: '2000',
+  rcsj: '2024-5-5',
+  glfsmc: 'xx',
+
+  dwmc: 'xx',
+  tyshxydm: 'xx',
+  hth: 'xx',
+  jgsl: 'xx'
+})
+const wensdform = ref({
+  camc: '利达2仓库',
+  hwmc: '1货位',
+  bgy: '张三',
+
+  lspzmc: '小麦',
+  lsdjmc: '一等',
+  lsxzmc: '商品粮',
+  kcsl: '2000',
+  cfww: '17',
+  cfws: '5',
+  cfnw: '17',
+  cfns: '5',
+  lszgw: '17',
+  lszdw: '17',
+  lspjw: '17',
+
+  wsdjhList: [
+    {
+      hangList: []
+    }
+  ]
+})
+const searchform = ref({
+  ywksrq: '',
+  ywlx: ''
+})
+const crkLxOptions = ref([
+  {
+    value: '2',
+    label: '出库记录'
+  },
+  {
+    value: '1',
+    label: '入库记录'
+  }
+])
+//货位
+const page = ref({
+  pageNum: 1,
+  pageSize: 12,
+  total: 0
+})
+//损溢
+const pageSy = ref({
+  pageNum: 1,
+  pageSize: 12,
+  total: 0
+})
+
+// 表格
+const loadData = async () => {
+  // let res: any
+  // res = await Api.kqxx()
+  // tableData.value = res.data.data
+}
+// 列表点击
+const tabClick = () => {
+  // tableRef.value.refresh(true)
+}
+// 出入库列表
+const searchCrk = () => {
+  // let postData = {
+  //   hwdm: cangName.value,
+  //   pageNum: page.value.pageNum,
+  //   pageSize: page.value.pageSize,
+  //   ...searchform,
+  // };
+  // queryInAndOutList(postData).then((res) => {
+  //   crkTableData = res.data.list;
+  //   page.total = res.data.total;
+  // });
+}
+const searchCrkSy = () => {
+  // let postData = {
+  //   hwdm: cangName,
+  //   pageNum: pageSy.pageNum,
+  //   pageSize: pageSy.pageSize
+  // };
+  // querySydList(postData).then((res) => {
+  //   crkTableDataSy = res.data.list;
+  //   pageSy.total = res.data.total;
+  // });
+}
+const handleSizeChange = (val: any) => {
+  page.value.pageSize = val
+  searchCrk()
+  console.log(`每页 ${val} 条`)
+}
+const handleCurrentChange = (val: any) => {
+  page.value.pageNum = val
+  searchCrk()
+  console.log(`当前页: ${val}`)
+}
+const handleSizeChangeSy = (val: any) => {
+  pageSy.value.pageSize = val
+  searchCrkSy()
+  console.log(`每页 ${val} 条`)
+}
+const handleCurrentChangeSy = (val: any) => {
+  pageSy.value.pageNum = val
+  searchCrkSy()
+  console.log(`当前页: ${val}`)
+}
+// 返回
+const back = () => {
+  router.push('ksh')
+}
+// 质检
+const handleJcjlChange = () => {
+  // router.push('ksh')
+}
+// 出入库选择
+const handleCkClick = () => {
+  // router.push('ksh')
+}
+// 粮情检测
+const zhijianInfo = () => {
+  // router.push('ksh')
+}
+//隔行变色
+const tableRowClassName = ({ row, rowIndex }) => {
+  if (rowIndex % 2 == 1) {
+    return 'two-row'
+  } else {
+    return 'one-row'
+  }
+}
+
+onMounted(() => {
+  // loadData()
+})
+</script>
+
+<style scoped lang="scss">
+.kqxx_box {
+  width: 100%;
+  height: 85vh;
+  // background: pink;
+  padding: 10px;
+}
+.kqxx_box .box_title {
+  font-size: 20px;
+  font-weight: 700;
+  margin-left: 5px;
+  margin-bottom: 5px;
+}
+.kqxx_box .box_view {
+  width: 100%;
+  height: 35%;
+}
+.kqxx_box .box_cfxx {
+  width: 100%;
+  height: 65%;
+}
+.kqxx_box .box_view img {
+  width: 100%;
+  height: 100%;
+}
+
+.map-area {
+  margin-top: 10px;
+  height: 100%;
+  background: #e2e8e976;
+}
+
+.cfxx_content .box_content {
+  display: flex;
+  padding-right: 12px;
+  /* justify-content: space-between; */
+}
+.cfxx_content .box_content span {
+  height: 35px;
+  line-height: 35px;
+  margin-top: 10px;
+  font-size: 18px;
+  overflow: hidden;
+}
+.cfxx_content .box_content .span_left {
+  // background: url('../../../../assets/statistics/lcfb/bg-srk.png') no-repeat;
+  // background-size: 100% 100%;
+  // width: 140px;
+  color: #000000;
+  padding-left: 10px;
+}
+.cfxx_content .box_content .span_right {
+  flex: 1;
+  margin-left: 10px;
+  // width: 100%;
+  border-radius: 9px;
+  background: #cccccc;
+  color: #302f2b;
+  padding-left: 10px;
+}
+</style>
+<style lang="scss">
+.operation-box {
+  position: relative;
+  margin: 20px;
+  .el-radio-button {
+    margin-right: 10px;
+    margin-bottom: 10px;
+  }
+  .el-radio-button__inner {
+    background: linear-gradient(to bottom, #8ba3e4 25%, #628ff1 50%, #7a9fee 100%);
+    color: #292b2f;
+    padding: 10px 40px;
+    border: 1px solid #5286ee;
+    border-radius: 5px;
+    font-size: 16px;
+  }
+  .el-radio-button__orig-radio:checked + .el-radio-button__inner {
+    background: linear-gradient(to bottom, #204385 25%, #4873c1 50%, #4873c1 100%);
+    color: #ffffff;
+    border-color: #679bd3;
+  }
+  .el-radio-button:first-child .el-radio-button__inner,
+  .el-radio-button:last-child .el-radio-button__inner {
+    border-radius: 5px;
+  }
+  .changecang {
+    position: absolute;
+    right: 0px;
+    top: 0px;
+    .el-input__inner {
+      font-size: 18px;
+      border: 1px solid #4187b5;
+      color: #ffffff;
+      background: linear-gradient(
+        rgba(13, 69, 121, 0.3) 0%,
+        rgba(22, 37, 73, 0.3) 50%,
+        rgba(13, 69, 121, 0.3) 100%
+      );
+      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+    }
+  }
+}
+.hw-rightcon {
+  margin: 0px 20px;
+  h3 {
+    background: #d6dff2;
+    // font-size: 18px;
+    height: 36px;
+    // line-height: 30px;
+    padding: 5px 0;
+    font-size: 20px;
+    font-weight: bold;
+    margin: 0px 0px 30px;
+    i {
+      float: left;
+      width: 18px;
+      height: 5px;
+      background: #ecbd29;
+      margin: 12px 10px 0 0;
+    }
+  }
+  .formstyletwo .el-form-item {
+    margin-bottom: 30px;
+  }
+  .formstyletwo .el-input {
+    font-size: 16px;
+  }
+  .primaryBtn {
+    margin-bottom: 18px;
+  }
+
+  .radiobox {
+    margin-bottom: 20px;
+    .el-radio {
+      color: #9dc0d0;
+      font-size: 18px;
+    }
+    .el-radio__inner {
+      background: #415078;
+      border-color: #869cb9;
+    }
+  }
+}
+.pfcbox {
+  width: 800px;
+  position: relative;
+}
+.pfc-div {
+  position: absolute;
+  width: 100%;
+  height: 200px;
+}
+.pfc-ul {
+  display: flex;
+  justify-content: space-between;
+  height: 100%;
+  .zhut {
+    background: #68b3ef;
+    border: 2px solid #284a9b;
+    width: 6px;
+    height: 100%;
+    border-radius: 10px;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    i {
+      margin-left: 13px;
+      font-style: normal;
+    }
+  }
+}
+// .one-row:hover > td {
+//   background-color: transparent !important;
+// }
+// .two-row:hover > td {
+//   background-color: transparent !important;
+// }
+// .one-row {
+//   background: #1c2e5c;
+//   color: #000;
+// }
+// .two-row {
+//   background: #1c3362;
+//   color: #000;
+// }
+// .two-row td.el-table__cell {
+//   border-top: 1px solid #345c87;
+//   border-bottom: 1px solid #345c87;
+// }
+// .two-row td.el-table__cell:first-child {
+//   border-left: 1px solid #345c87;
+//   padding: 0px;
+//   // border-radius: 10px 0 0 10px;
+// }
+// .two-row td.el-table__cell:last-child {
+//   border-right: 1px solid #345c87;
+//   // border-radius: 0 10px 10px 0;
+// }
+
+.resettablewrap2 {
+  .el-table {
+    thead tr {
+      background: url(../../assets/map/tableheader2.png) 0 0 no-repeat #1b2b56 !important;
+      background-size: 100% 100% !important;
+      height: 42px;
+      width: 100%;
+      color: #accbf6;
+      // font-size: 18px;
+    }
+    th.el-table__cell {
+      background-color: transparent !important;
+    }
+    .one-row:hover > td {
+      background-color: transparent !important;
+    }
+    .two-row:hover > td {
+      background-color: transparent !important;
+    }
+    .one-row {
+      background: #1c2e5c;
+      color: #fff;
+    }
+    .two-row {
+      background: #1c3362;
+      color: #fff;
+    }
+    .two-row td.el-table__cell {
+      border-top: 1px solid #345c87;
+      border-bottom: 1px solid #345c87;
+    }
+    .two-row td.el-table__cell:first-child {
+      border-left: 1px solid #345c87;
+      padding: 0px;
+      // border-radius: 10px 0 0 10px;
+    }
+    .two-row td.el-table__cell:last-child {
+      border-right: 1px solid #345c87;
+      // border-radius: 0 10px 10px 0;
+    }
+    td.el-table__cell:first-child div {
+      border-left: 2px solid #47a7dd;
+    }
+    td.el-table__cell:last-child div {
+      border-right: 2px solid #47a7dd;
+    }
+    td.el-table__cell,
+    th.el-table__cell.is-leaf {
+      border: 0px;
+      // font-size: 16px;
+    }
+    .el-table--border:after,
+    .el-table--group:after,
+    .el-table:before {
+      background-color: transparent;
+    }
+  }
+}
+</style>

src/views/display/kq/api/index.ts

@@ -0,0 +1,13 @@
+import request from "@/config/axios";
+import axios from "axios";
+
+export const GetXzqhJsonApi = async (params: any) => {
+  return await request.get({
+    url: `/zj/base-administrative-map/get`,
+    params
+  })
+}
+
+export const kqxx = async () => {
+  return await axios.get("/json/kqxx.json");
+}

src/views/display/kq/index.vue

@@ -0,0 +1,243 @@
+<template>
+  <el-row :gutter="10">
+    <el-col :span="5">
+      <div class="kqxx_box">
+        <div class="box_title">
+          <span>仓房列表</span>
+        </div>
+        <div class="box_table">
+          <el-table
+            :highlight-current-row="false"
+            class="eltable"
+            stripe
+            :header-cell-style="{ background: 'transparent' }"
+            :data="tableData"
+            style="width: 100%; height: 100%"
+            height="100%"
+            @row-click="rowClick"
+          >
+            <el-table-column prop="cfmc" align="center" label="仓房名称" />
+            <el-table-column prop="kcsl" align="center" label="存储量(吨)" />
+            <el-table-column prop="jgc" align="center" label="交割仓">
+              <template #default="scope">
+                <span>{{ scope.row.kcsl > 1000 ? '是' : '否' }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+    </el-col>
+    <el-col :span="13">
+      <div class="map-area">
+        <div class="map_top">
+          <div class="kqxx_title">
+            <span>库区信息</span>
+            <el-button type="primary" plain class="title_btn" @click="back()">返回</el-button>
+          </div>
+          <div class="kqxx_content">
+            <el-row>
+              <el-col :span="12" class="box_content">
+                <span class="span_left">库区名称：</span>
+                <span class="span_right" :title="formData.kqmc">{{ formData.kqmc }}</span>
+              </el-col>
+              <el-col :span="12" class="box_content">
+                <span class="span_left">库区编码：</span>
+                <span class="span_right" :title="formData.kqmc">{{ formData.kqbm }}</span>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12" class="box_content">
+                <span class="span_left">单位名称：</span>
+                <span class="span_right" :title="formData.dwmc">{{ formData.dwmc }}</span>
+              </el-col>
+              <el-col :span="12" class="box_content">
+                <span class="span_left" style="width:310px">统一社会信用代码：</span>
+                <span class="span_right" :title="formData.tyshxydm">{{ formData.tyshxydm }}</span>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12" class="box_content">
+                <span class="span_left">仓房数量：</span>
+                <span class="span_right" :title="formData.cfs">{{ formData.cfs }}</span>
+              </el-col>
+              <el-col :span="12" class="box_content">
+                <span class="span_left">油罐数量：</span>
+                <span class="span_right" :title="formData.ygs">{{ formData.ygs }}</span>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12" class="box_content">
+                <span class="span_left">设计仓容：</span>
+                <span class="span_right" :title="formData.sjcr">{{ formData.sjcr }}</span>
+              </el-col>
+              <el-col :span="12" class="box_content">
+                <span class="span_left">财务情况：</span>
+                <span class="span_right">
+                  <el-button type="primary" link class="" >详情</el-button>
+                </span>
+              </el-col>
+            </el-row>
+          </div>
+        </div>
+        <div class="map_bottom">
+          <div class="kqxx_title">
+            <span>{{ '天津利达粮油储运库区' }}平面图</span>
+            <el-button type="primary" plain class="title_btn" @click="dialogVisible = true">视频监控</el-button>
+          </div>
+          <div class="img_content">
+            <img src="@/assets/map/u92.png" alt="平面图" />
+          </div>
+        </div>
+      </div>
+    </el-col>
+    <el-col :span="6">
+      <Cbkc />
+    </el-col>
+  </el-row>
+    <el-dialog title="视频列表" v-model="dialogVisible" width="1000px">
+      
+      <el-row style="height: 600px">
+        <el-col :span="4" style="border-right: 1px solid #cccccc">
+          摄像头
+        </el-col>
+        <el-col :span="20">
+          <div class="view_box">
+            <div class="view_item">1</div>
+            <div class="view_item">2</div>
+            <div class="view_item">3</div>
+            <div class="view_item">4</div>
+          </div>
+        </el-col>
+      </el-row>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import Cbkc from '@/views/display/ksh/compontent/cbkc.vue'
+import * as Api from './api'
+
+defineOptions({ name: 'DisplayKq' })
+
+const router = useRouter() // 路由对象
+const dialogVisible = ref(false)
+const tableData = ref([])
+const formData = ref({
+  kqmc: '天津利达粮油储运',
+  kqbm: '100011',
+  dwmc: '天津利达粮油有限公司',
+  tyshxydm: '91120000592925399B',
+  cfs: '151',
+  ygs: '16',
+  sjcr: '1500'
+})
+
+// 表格
+const loadData = async () => {
+  let res: any
+  res = await Api.kqxx()
+  tableData.value = res.data.data
+}
+// 列表点击
+const rowClick = () => {
+  // tableRef.value.refresh(true)
+}
+// 返回
+const back = () => {
+  router.push("ksh")
+}
+
+onMounted(() => {
+  loadData()
+})
+</script>
+
+<style scoped lang="scss">
+.kqxx_box {
+  width: 100%;
+  height: 80vh;
+  // background: pink;
+  padding: 10px;
+}
+.kqxx_box .box_title {
+  font-size: 20px;
+  font-weight: 700;
+  margin-left: 15px;
+  margin-bottom: 15px;
+}
+.kqxx_box .box_table {
+  width: 100%;
+  height: 100%;
+}
+
+.map-area {
+  margin-top: 10px;
+  height: 100%;
+  background: #e2e8e976;
+}
+.map-area .map_top {
+  width: 100%;
+  height: 34%;
+}
+.map-area .map_bottom {
+  width: 100%;
+  height: 66%;
+}
+.map-area .kqxx_title {
+  font-size: 22px;
+  font-weight: 700;
+  display: flex;
+  justify-content: space-between;
+}
+.map-area .kqxx_title .title_btn {
+  width: 120px;
+}
+.map-area .img_content {
+  // width: 100%;
+  display: flex;
+  justify-content: center;
+}
+.map-area .img_content img {
+  width: 90%;
+  // height: 50%;
+}
+
+.kqxx_content .box_content {
+  display: flex;
+  padding-right: 12px;
+  /* justify-content: space-between; */
+}
+.kqxx_content .box_content span {
+  height: 35px;
+  line-height: 35px;
+  margin-top: 10px;
+  font-size: 18px;
+  overflow: hidden;
+}
+.kqxx_content .box_content .span_left {
+  // background: url('../../../../assets/statistics/lcfb/bg-srk.png') no-repeat;
+  // background-size: 100% 100%;
+  width: 140px;
+  color: #000000;
+  padding-left: 10px;
+}
+.kqxx_content .box_content .span_right {
+  margin-left: 10px;
+  width: 100%;
+  border-radius: 9px;
+  background: #cccccc;
+  color: #302f2b;
+  padding-left: 10px;
+}
+.view_box{
+  display: flex;
+  justify-content: space-around;
+  flex-wrap: wrap;
+  width: 100%;
+  height: 100%;
+}
+.view_box .view_item{
+  width: 45%;
+  height: 48%;
+  background: #cccccc;
+}
+</style>

src/views/display/ksh/api/index.ts

@@ -0,0 +1,104 @@
+import request from "@/config/axios";
+import axios from "axios";
+
+export const GetLoginUserXzqhApi = async () => {
+  return await request.get({
+    url: `/system/dept/get_login_user_xzqh`,
+  })
+}
+export const getXzqhByCodeApi = async (params: any) => {
+  return await request.get({
+    url: `/zj/base-administrative-division/get-xzqh-by-code`,
+    params
+  })
+}
+
+export const getXzqhByCodePlueApi = async (params: any) => {
+  return await request.get({
+    url: `/zj/base-administrative-division/get-xzqh-by-code-plus?code=${params}`,
+
+  })
+}
+export const GetXzqhJsonApi = async (params: any) => {
+  return await request.get({
+    url: `/zj/base-administrative-map/get`,
+    params
+  })
+}
+
+export const cbkcApi1 = async () => {
+  return await axios.get("/json/cbkclx1.json");
+}
+export const cbkcApi2 = async () => {
+  return await axios.get("/json/cbkclx2.json");
+}
+
+
+export const InstitutionalInformation_Api = async (data) => {
+  // const response = await request.post({
+  //   url: `/zj/screen/result_analysis_screen_jgxx`,
+  //   data
+  // });
+  // 请求本地
+  const responseData = await axios.get("/json/text.json");
+  const response = responseData.data.data;
+  
+  if (response.totalData.xzqhName === '全国' || !data.shengXzqhId) {
+    if (response.barCharts != null) {
+      response.barCharts.forEach(chart => {
+        chart.categoriesData.forEach(category => {
+          if (category.name == '黑龙江省') {
+            category.name = '黑龙江';
+          } else if (category.name == '新疆兵团') {
+            category.name = '兵团';
+          } else {
+            category.name = category.name.substring(0, 2);
+          }
+        });
+      });
+    }
+
+    try {
+      response.pieCharts.forEach((item, index) => {
+        item.pieData = item.pieData.filter(item2 => item2.name != '机构总数')
+        item.pieData = item.pieData.filter(item2 => item2.name != '人员总数')
+        item.pieData = item.pieData.filter(item2 => item2.name != '总数量')
+        console.log(item.pieData, 'aaaa')
+      })
+
+    } catch (err) {
+
+    }
+
+    // response.pieCharts.forEach((item,index)=>{
+    //   item.pieData.forEach((chart,index2)=>{
+    //      if(chart.name.indexOf('总数')!=-1){
+    //        item.pieData.splice(index2,1)
+    //      }
+    //   })
+    // })
+    // response.pieCharts.forEach(item => {
+    //   for (let index2 = item.pieData.length - 1; index2 >= 0; index2--) {
+    //     if (item.pieData[index2].name.indexOf('总数') !== -1) {
+    //       item.pieData.splice(index2, 1);
+    //     }
+    //   }
+    // });
+    console.log(response, '处理完的数据')
+
+    // response.barChartPluses.forEach(chart => {
+    //   chart.categoriesData.forEach(category => {
+    //     category.name = (category.name === '黑龙江' || category.name === '新疆兵团') ? category.name : category.name.substring(0, 2);
+    //   });
+    // });
+  }
+  // const response2 = await request.post({
+  //   url: `/zj/screen/result_analysis_screen_jgxx`, data: {...data, jglb: null}
+  // });
+  const response2 = await axios.get("/json/text.json");
+  response.totalData = response2.data.data.totalData;
+  
+  return response;
+
+
+}

src/views/display/ksh/compontent/cbkc.vue

@@ -1,6 +1,9 @@
 <!-- 储备库存 -->
 <template>
-  <div class="box">
+  <div class="cbkc_box">
+    <div class="box_title">
+      <span>储备库存</span>
+    </div>
     <div class="pjzg box_content">
       <div class="title">
         <div class="title_left">
@@ -71,11 +74,11 @@ const pjzg = ref()
 const shnf = ref()
 
 const getPieData = async () => {
-  let res
+  let res:any;
   res = await Api.cbkcApi1()
   pieArr.value = res.data.data
-  console.log(pieArr.value,"pieArr--=========");
-  
+  console.log(pieArr.value, 'pieArr--=========')
+
   pieData1.value = pieArr.value.map((item: any, index) => {
     item.color = colorList.value[index]
     return {
@@ -217,24 +220,30 @@ onMounted(() => {
 .content::-webkit-scrollbar {
   display: none;
 }
-.box {
+.cbkc_box {
   // padding: 0 0 0 55px;
   height: 100%;
   width: 100%;
 }
-.box .box_content {
+.cbkc_box .box_content {
   height: 50%;
   width: 100%;
   position: relative;
   // padding-top: 20px;
 }
-.box .box_content .title {
+.cbkc_box .box_title {
+  font-size: 20px;
+  font-weight: 700;
+  margin-left: 15px;
+  margin-bottom: 15px;
+}
+.cbkc_box .box_content .title {
   width: 90%;
   display: flex;
   margin-top: 3vh;
   margin-bottom: 3vh;
 }
-.box .box_content .title div {
+.cbkc_box .box_content .title div {
   flex: 50%;
   font-size: 18px;
   // color: #ffffff;
@@ -253,21 +262,21 @@ onMounted(() => {
 .title_right span {
   float: right;
 }
-.box .echarts_box {
+.cbkc_box .echarts_box {
   width: 245px;
   height: 215px;
   position: absolute;
   top: 9vh;
   left: -8%;
 }
-.box .charts {
+.cbkc_box .charts {
   width: 245px;
   height: 215px;
   // background: url('../../../../assets/statistics/lskc/gif/aqua_bg.png') no-repeat;
   background-size: 300px;
   background-position: -40px -37px;
 }
-.box .box_content .img_bg {
+.cbkc_box .box_content .img_bg {
   width: 205px;
   height: 219px;
   // background: url("../../../../assets/statistics/lskc/gif/pzjg.gif") no-repeat;

src/views/display/ksh/index.vue

@@ -53,7 +53,7 @@
               <el-input v-model="mapFormData.kqmc" placeholder="请输入" />
             </el-form-item>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="4" style="font-size: 14px">
             <el-button type="primary" class="primarySele" @click="loadData()">查询</el-button>
             <el-button class="snowy-buttom-left" @click="() => reset()">重置</el-button>
           </el-col>
@@ -91,20 +91,20 @@
             </div>
           </el-col>
           <el-col :span="18">
-            <!-- <Map @map-mounted="son = true" /> -->
+            <Map @map-mounted="son = true" />
           </el-col>
         </el-row>
       </div>
     </el-col>
     <el-col :span="6">
-      <!-- <Cbkc /> -->
+      <Cbkc />
     </el-col>
   </el-row>
 </template>
 
 <script lang="ts" setup>
-// import Map from './compontent/Map.vue'
-// import Cbkc from './compontent/cbkc.vue'
+import Map from './compontent/Map.vue'
+import Cbkc from './compontent/cbkc.vue'
 import { onMounted } from 'vue'
 import * as echarts from 'echarts'
 

src/views/display/ksh/store/index.ts

@@ -0,0 +1,282 @@
+import {defineStore} from 'pinia';
+import * as Api from '../api';
+import china from "@/json/china.json";
+
+// 定义接口 QueryParamsType 用来描述查询参数的类型
+export interface QueryParamsType {
+  niadu: number; // 年度
+  cypzName: string; // 产品品种名称
+  zb: number; // 指标
+  shengXzqhId: string | null; // 省级行政区划ID
+  shiXzqhId: string | null; // 市级行政区划ID
+  quXzqhId: string | null; // 区级行政区划ID
+  ulevel: number | null; // 用户级别
+  xzqhId: string | null; // 行政区划ID
+  xzqhName: string | null; // 行政区划名称
+  type: number | null; // 类型
+  typeName: string | null; // 类型名称
+  xzqhCode: string | null; // 行政区划
+}
+
+// 定义接口 XzqhType 用来描述行政区划信息的类型
+export interface XzqhType {
+  shengXzqhId: string | null; // 省级行政区划ID
+  shiXzqhId: string | null; // 市级行政区划ID
+  quXzqhId: string | null; // 区级行政区划ID
+  ulevel: number | null; // 用户级别
+  xzqhId: string | null; // 行政区划ID
+  xzqhName: string | null; // 行政区划名称
+}
+
+// 定义接口 UserInfoType 用来描述用户信息的类型
+export interface defaultsInfo {
+  xzqhId: number, //行政区划ID
+  shengXzqhId: number, //省级行政区划ID
+  shiXzqhId: number, //市级行政区划ID
+  quXzqhId: number, //区级行政区划ID
+  MapJson: any, //地图数据
+  ulevel: number,//用户级别
+}
+
+// 定义接口 DataStoreType 用来描述数据存储的类型
+export interface DataStoreType {
+  queryParams: QueryParamsType; // 查询参数
+  data: any; // 数据，可以进一步定义为更具体的类型
+}
+
+export enum cypzNameEmuns {
+  XM = '小麦',
+  YM = "玉米",
+  DD = "大豆",
+  ZXD = '稻谷（早籼稻）',
+  ZWXD = '稻谷（中晚籼稻）',
+  WXD = '稻谷（晚籼稻）',
+  QK = '青稞',
+  YCZ = '油菜籽',
+  KHZ = '葵花籽',
+  HS = '花生',
+}
+
+export enum ShianTypeEmuns {
+  'ZJS' = 0,
+  'ZJDS',
+  'NYCL',
+  'SGYL',
+}
+
+//重金属指标
+export enum ZhongJinShuEmuns {
+  'WJS' = 0,
+  'GONG',
+  'QIAN',
+  'GE',
+}
+
+//真菌毒素指标
+export enum ZhenJunDuSuEmuns {
+  'HQMDSB1' = 0,
+  'OTDS',
+  'YMCMXT',
+}
+
+export const VisualizationHomeStore = defineStore('InstitutionalInformationVisualizationHomeStore', {
+  // 定义 store 的 state，返回一个函数来初始化状态
+  state: () => ({
+    // 定义默认行政区划信息
+    defaultsInfo: {
+      xzqhId: 0,
+      shengXzqhId: null,
+      shiXzqhId: null,
+      quXzqhId: null,
+      MapJson: '',
+      ulevel: null,
+      xzqhName:null,
+    },
+    // 定义查询参数的默认值
+    queryParams: {
+      niadu: null,
+      cypzName: null,
+      zb: null,
+      shengXzqhId: null,
+      shiXzqhId: null,
+      quXzqhId: null,
+      ulevel: null,
+      xzqhId: null,
+      xzqhName: null,
+      type: null,
+      // typeName: null,
+    },
+    // 定义数据对象，包含查询参数和数据内容
+    data: {
+      mapJson: null as any,
+      data: null as any
+    },
+    // 背份地图数据，已有数据则不请求接口
+    history: [
+      {
+        queryParams: {
+          niandu: null,
+          cypzName: null,
+          zb: null,
+          shengXzqhId: null,
+          shiXzqhId: null,
+          quXzqhId: null,
+          ulevel: null,
+          xzqhId: null,
+          xzqhName: null,
+          type: null,
+        },
+        data: {
+          mapJson: null as any,
+          data: null as any,
+        }
+      },
+    ] as any,
+  }),
+  // 定义 getters，用于从 state 中派生出新的状态
+  getters: {
+    // 获取用户完整信息
+    getDefaultsInfo(state): defaultsInfo {
+      return state.defaultsInfo;
+    },
+    getMapJson(state) {
+      return state.data.mapJson;
+    },
+    getData(state) {
+      return state.data;
+    },
+    getQueryParams(state) {
+      return state.queryParams;
+    }
+  },
+  // 定义 actions，用于执行异步操作或提交多步的状态更改
+  actions: {
+    // 设置新的查询参数
+    async getStoreData(newParams: Partial<QueryParamsType>): Promise<any> {
+      //检查历史记录，如果存在相同的查询参数，则直接返回该记录的数据
+      for (const item of this.history) {
+        if (areObjectsEqual(item.queryParams, newParams)) {
+          this.data = deepCopy(item.data);
+          this.queryParams = {...this.queryParams, ...newParams};
+          console.log(this.history, 'history')
+          return this.data;
+        }
+      }
+      // 如果历史记录中没有找到匹配的查询参数，则执行查询操作
+      try {
+        //请求接口失败抛错
+        let res;
+        let mapJson;
+        try {
+          // console.log(newParams, 'newParams');
+          // console.log(this.defaultsInfo, 'this.defaultsInfo');
+          // 以省shengXzqhId为判断，如果不传，则默认为当前用户所在
+          
+          if (!newParams.shengXzqhId) {
+            res = await Api.InstitutionalInformation_Api({});
+            // res = await Api.InstitutionalInformation_Api({
+            //   ...newParams,
+            //   shengXzqhId: this.defaultsInfo.shengXzqhId,
+            //   shiXzqhId: this.defaultsInfo.shiXzqhId,
+            //   quXzqhId: this.defaultsInfo.quXzqhId
+            // });
+            
+            // mapJson = deepCopy(this.defaultsInfo.MapJson);
+            mapJson = china;
+          } else {
+            res = await Api.InstitutionalInformation_Api({...newParams});
+            mapJson = newParams.xzqhCode ? JSON.parse((await Api.GetXzqhJsonApi({xzqhCode: newParams.xzqhCode.substring(0, 6)})).jsonData) : china;
+          }
+        } catch (err: any) {
+          console.error(err)
+          throw new Error(err);
+        }
+        // 判断接口返回的数据是否为空
+        
+        if (!res || !mapJson) {
+          throw new Error('接口请求失败');
+        }
+        this.data.data = res;
+        this.data.mapJson = mapJson
+        this.queryParams = {...newParams};
+        this.history.push(deepCopy({
+          queryParams: {...this.queryParams},
+          data: this.data
+        }));
+        console.log(this.history, 'history')
+        return this.data;
+      } catch (e) {
+        return false;
+      }
+    },
+    // 初始化信息
+    async init() {
+      try {
+        const userInfo = await Api.GetLoginUserXzqhApi();
+        for (const key in userInfo) {
+          this.defaultsInfo[key] = userInfo[key];
+        }
+        this.defaultsInfo.ulevel = userInfo.type;
+      } catch (err) {
+        throw new Error(err, '获取当前用户信息失败');
+      }
+      try {
+        if (this.defaultsInfo.ulevel == 1 || this.defaultsInfo.ulevel == 0) {
+          this.defaultsInfo.MapJson = china;
+          this.data.mapJson = china;
+        } else {
+          const MapJSON = await Api.GetXzqhJsonApi({xzqhCode: this.defaultsInfo.xzqhCode})
+          this.defaultsInfo.MapJson = JSON.parse(MapJSON.jsonData);
+          this.data.mapJson = JSON.parse(MapJSON.jsonData);
+        }
+      } catch (err) {
+        throw new Error(err, '获取初始化地图数据失败');
+      }
+
+    }
+  },
+});
+
+
+
+function areObjectsEqual(obj1, obj2): boolean {
+  if (obj1 === obj2) {
+    return true;
+  }
+  // 检查是否都是null或undefined（注意：null !== undefined，但这里作为特殊情况处理）
+  if (obj1 === null || obj2 === null || obj1 === undefined || obj2 === undefined) {
+    return false; // 或者你可以选择返回 obj1 === obj2 来同时处理 null 和 undefined
+  }
+
+  // 检查它们的类型是否相同
+  if (typeof obj1 !== typeof obj2) {
+    return false;
+  }
+
+  // 检查它们是否是对象或数组
+  if (typeof obj1 === 'object' && typeof obj2 === 'object') {
+    // 获取两个对象的所有键
+    const keys1 = Object.keys(obj1);
+    const keys2 = Object.keys(obj2);
+
+    // 如果键的数量不同，则对象不相等
+    if (keys1.length !== keys2.length) {
+      return false;
+    }
+
+    // 检查每个键是否存在于另一个对象中，并且对应的值是否相等
+    for (const key of keys1) {
+      // 如果key在obj2中不存在，或者对应的值不相等，则返回false
+      if (!keys2.includes(key) || !areObjectsEqual(obj1[key], obj2[key])) {
+        return false;
+      }
+    }
+
+    // 如果所有键都匹配且值相等，则返回true
+    return true;
+  }
+}
+
+function deepCopy(obj) {
+  return JSON.parse(JSON.stringify(obj));
+}