diff --git a/src/assets/map/area.json b/src/assets/map/area.json
new file mode 100644
index 0000000..ed1e708
--- /dev/null
+++ b/src/assets/map/area.json
@@ -0,0 +1,1690 @@
+[
+    {
+        "text": "北京市",
+        "value": "110000000000",
+        "children": [
+            {
+                "text": "直辖区",
+                "value": "110100000000"
+            }
+        ]
+    },
+    {
+        "text": "天津市",
+        "value": "120000000000",
+        "children": [
+            {
+                "text": "直辖区",
+                "value": "120100000000"
+            }
+        ]
+    },
+    {
+        "text": "河北省",
+        "value": "130000000000",
+        "children": [
+            {
+                "text": "石家庄市",
+                "value": "130100000000"
+            },
+            {
+                "text": "唐山市",
+                "value": "130200000000"
+            },
+            {
+                "text": "秦皇岛市",
+                "value": "130300000000"
+            },
+            {
+                "text": "邯郸市",
+                "value": "130400000000"
+            },
+            {
+                "text": "邢台市",
+                "value": "130500000000"
+            },
+            {
+                "text": "保定市",
+                "value": "130600000000"
+            },
+            {
+                "text": "张家口市",
+                "value": "130700000000"
+            },
+            {
+                "text": "承德市",
+                "value": "130800000000"
+            },
+            {
+                "text": "沧州市",
+                "value": "130900000000"
+            },
+            {
+                "text": "廊坊市",
+                "value": "131000000000"
+            },
+            {
+                "text": "衡水市",
+                "value": "131100000000"
+            }
+        ]
+    },
+    {
+        "text": "山西省",
+        "value": "140000000000",
+        "children": [
+            {
+                "text": "太原市",
+                "value": "140100000000"
+            },
+            {
+                "text": "大同市",
+                "value": "140200000000"
+            },
+            {
+                "text": "阳泉市",
+                "value": "140300000000"
+            },
+            {
+                "text": "长治市",
+                "value": "140400000000"
+            },
+            {
+                "text": "晋城市",
+                "value": "140500000000"
+            },
+            {
+                "text": "朔州市",
+                "value": "140600000000"
+            },
+            {
+                "text": "晋中市",
+                "value": "140700000000"
+            },
+            {
+                "text": "运城市",
+                "value": "140800000000"
+            },
+            {
+                "text": "忻州市",
+                "value": "140900000000"
+            },
+            {
+                "text": "临汾市",
+                "value": "141000000000"
+            },
+            {
+                "text": "吕梁市",
+                "value": "141100000000"
+            }
+        ]
+    },
+    {
+        "text": "内蒙古自治区",
+        "value": "150000000000",
+        "children": [
+            {
+                "text": "呼和浩特市",
+                "value": "150100000000"
+            },
+            {
+                "text": "包头市",
+                "value": "150200000000"
+            },
+            {
+                "text": "乌海市",
+                "value": "150300000000"
+            },
+            {
+                "text": "赤峰市",
+                "value": "150400000000"
+            },
+            {
+                "text": "通辽市",
+                "value": "150500000000"
+            },
+            {
+                "text": "鄂尔多斯市",
+                "value": "150600000000"
+            },
+            {
+                "text": "呼伦贝尔市",
+                "value": "150700000000"
+            },
+            {
+                "text": "巴彦淖尔市",
+                "value": "150800000000"
+            },
+            {
+                "text": "乌兰察布市",
+                "value": "150900000000"
+            },
+            {
+                "text": "兴安盟",
+                "value": "152200000000"
+            },
+            {
+                "text": "锡林郭勒盟",
+                "value": "152500000000"
+            },
+            {
+                "text": "阿拉善盟",
+                "value": "152900000000"
+            }
+        ]
+    },
+    {
+        "text": "辽宁省",
+        "value": "210000000000",
+        "children": [
+            {
+                "text": "沈阳市",
+                "value": "210100000000"
+            },
+            {
+                "text": "大连市",
+                "value": "210200000000"
+            },
+            {
+                "text": "鞍山市",
+                "value": "210300000000"
+            },
+            {
+                "text": "抚顺市",
+                "value": "210400000000"
+            },
+            {
+                "text": "本溪市",
+                "value": "210500000000"
+            },
+            {
+                "text": "丹东市",
+                "value": "210600000000"
+            },
+            {
+                "text": "锦州市",
+                "value": "210700000000"
+            },
+            {
+                "text": "营口市",
+                "value": "210800000000"
+            },
+            {
+                "text": "阜新市",
+                "value": "210900000000"
+            },
+            {
+                "text": "辽阳市",
+                "value": "211000000000"
+            },
+            {
+                "text": "盘锦市",
+                "value": "211100000000"
+            },
+            {
+                "text": "铁岭市",
+                "value": "211200000000"
+            },
+            {
+                "text": "朝阳市",
+                "value": "211300000000"
+            },
+            {
+                "text": "葫芦岛市",
+                "value": "211400000000"
+            }
+        ]
+    },
+    {
+        "text": "吉林省",
+        "value": "220000000000",
+        "children": [
+            {
+                "text": "长春市",
+                "value": "220100000000"
+            },
+            {
+                "text": "吉林市",
+                "value": "220200000000"
+            },
+            {
+                "text": "四平市",
+                "value": "220300000000"
+            },
+            {
+                "text": "辽源市",
+                "value": "220400000000"
+            },
+            {
+                "text": "通化市",
+                "value": "220500000000"
+            },
+            {
+                "text": "白山市",
+                "value": "220600000000"
+            },
+            {
+                "text": "松原市",
+                "value": "220700000000"
+            },
+            {
+                "text": "白城市",
+                "value": "220800000000"
+            },
+            {
+                "text": "延边朝鲜族自治州",
+                "value": "222400000000"
+            }
+        ]
+    },
+    {
+        "text": "黑龙江省",
+        "value": "230000000000",
+        "children": [
+            {
+                "text": "哈尔滨市",
+                "value": "230100000000"
+            },
+            {
+                "text": "齐齐哈尔市",
+                "value": "230200000000"
+            },
+            {
+                "text": "鸡西市",
+                "value": "230300000000"
+            },
+            {
+                "text": "鹤岗市",
+                "value": "230400000000"
+            },
+            {
+                "text": "双鸭山市",
+                "value": "230500000000"
+            },
+            {
+                "text": "大庆市",
+                "value": "230600000000"
+            },
+            {
+                "text": "伊春市",
+                "value": "230700000000"
+            },
+            {
+                "text": "佳木斯市",
+                "value": "230800000000"
+            },
+            {
+                "text": "七台河市",
+                "value": "230900000000"
+            },
+            {
+                "text": "牡丹江市",
+                "value": "231000000000"
+            },
+            {
+                "text": "黑河市",
+                "value": "231100000000"
+            },
+            {
+                "text": "绥化市",
+                "value": "231200000000"
+            },
+            {
+                "text": "大兴安岭地区",
+                "value": "232700000000"
+            }
+        ]
+    },
+    {
+        "text": "上海市",
+        "value": "310000000000",
+        "children": [
+            {
+                "text": "直辖区",
+                "value": "310100000000"
+            }
+        ]
+    },
+    {
+        "text": "江苏省",
+        "value": "320000000000",
+        "children": [
+            {
+                "text": "南京市",
+                "value": "320100000000"
+            },
+            {
+                "text": "无锡市",
+                "value": "320200000000"
+            },
+            {
+                "text": "徐州市",
+                "value": "320300000000"
+            },
+            {
+                "text": "常州市",
+                "value": "320400000000"
+            },
+            {
+                "text": "苏州市",
+                "value": "320500000000"
+            },
+            {
+                "text": "南通市",
+                "value": "320600000000"
+            },
+            {
+                "text": "连云港市",
+                "value": "320700000000"
+            },
+            {
+                "text": "淮安市",
+                "value": "320800000000"
+            },
+            {
+                "text": "盐城市",
+                "value": "320900000000"
+            },
+            {
+                "text": "扬州市",
+                "value": "321000000000"
+            },
+            {
+                "text": "镇江市",
+                "value": "321100000000"
+            },
+            {
+                "text": "泰州市",
+                "value": "321200000000"
+            },
+            {
+                "text": "宿迁市",
+                "value": "321300000000"
+            }
+        ]
+    },
+    {
+        "text": "浙江省",
+        "value": "330000000000",
+        "children": [
+            {
+                "text": "杭州市",
+                "value": "330100000000"
+            },
+            {
+                "text": "宁波市",
+                "value": "330200000000"
+            },
+            {
+                "text": "温州市",
+                "value": "330300000000"
+            },
+            {
+                "text": "嘉兴市",
+                "value": "330400000000"
+            },
+            {
+                "text": "湖州市",
+                "value": "330500000000"
+            },
+            {
+                "text": "绍兴市",
+                "value": "330600000000"
+            },
+            {
+                "text": "金华市",
+                "value": "330700000000"
+            },
+            {
+                "text": "衢州市",
+                "value": "330800000000"
+            },
+            {
+                "text": "舟山市",
+                "value": "330900000000"
+            },
+            {
+                "text": "台州市",
+                "value": "331000000000"
+            },
+            {
+                "text": "丽水市",
+                "value": "331100000000"
+            }
+        ]
+    },
+    {
+        "text": "安徽省",
+        "value": "340000000000",
+        "children": [
+            {
+                "text": "合肥市",
+                "value": "340100000000"
+            },
+            {
+                "text": "芜湖市",
+                "value": "340200000000"
+            },
+            {
+                "text": "蚌埠市",
+                "value": "340300000000"
+            },
+            {
+                "text": "淮南市",
+                "value": "340400000000"
+            },
+            {
+                "text": "马鞍山市",
+                "value": "340500000000"
+            },
+            {
+                "text": "淮北市",
+                "value": "340600000000"
+            },
+            {
+                "text": "铜陵市",
+                "value": "340700000000"
+            },
+            {
+                "text": "安庆市",
+                "value": "340800000000"
+            },
+            {
+                "text": "黄山市",
+                "value": "341000000000"
+            },
+            {
+                "text": "滁州市",
+                "value": "341100000000"
+            },
+            {
+                "text": "阜阳市",
+                "value": "341200000000"
+            },
+            {
+                "text": "宿州市",
+                "value": "341300000000"
+            },
+            {
+                "text": "六安市",
+                "value": "341500000000"
+            },
+            {
+                "text": "亳州市",
+                "value": "341600000000"
+            },
+            {
+                "text": "池州市",
+                "value": "341700000000"
+            },
+            {
+                "text": "宣城市",
+                "value": "341800000000"
+            }
+        ]
+    },
+    {
+        "text": "福建省",
+        "value": "350000000000",
+        "children": [
+            {
+                "text": "福州市",
+                "value": "350100000000"
+            },
+            {
+                "text": "厦门市",
+                "value": "350200000000"
+            },
+            {
+                "text": "莆田市",
+                "value": "350300000000"
+            },
+            {
+                "text": "三明市",
+                "value": "350400000000"
+            },
+            {
+                "text": "泉州市",
+                "value": "350500000000"
+            },
+            {
+                "text": "漳州市",
+                "value": "350600000000"
+            },
+            {
+                "text": "南平市",
+                "value": "350700000000"
+            },
+            {
+                "text": "龙岩市",
+                "value": "350800000000"
+            },
+            {
+                "text": "宁德市",
+                "value": "350900000000"
+            }
+        ]
+    },
+    {
+        "text": "江西省",
+        "value": "360000000000",
+        "children": [
+            {
+                "text": "南昌市",
+                "value": "360100000000"
+            },
+            {
+                "text": "景德镇市",
+                "value": "360200000000"
+            },
+            {
+                "text": "萍乡市",
+                "value": "360300000000"
+            },
+            {
+                "text": "九江市",
+                "value": "360400000000"
+            },
+            {
+                "text": "新余市",
+                "value": "360500000000"
+            },
+            {
+                "text": "鹰潭市",
+                "value": "360600000000"
+            },
+            {
+                "text": "赣州市",
+                "value": "360700000000"
+            },
+            {
+                "text": "吉安市",
+                "value": "360800000000"
+            },
+            {
+                "text": "宜春市",
+                "value": "360900000000"
+            },
+            {
+                "text": "抚州市",
+                "value": "361000000000"
+            },
+            {
+                "text": "上饶市",
+                "value": "361100000000"
+            }
+        ]
+    },
+    {
+        "text": "山东省",
+        "value": "370000000000",
+        "children": [
+            {
+                "text": "济南市",
+                "value": "370100000000"
+            },
+            {
+                "text": "青岛市",
+                "value": "370200000000"
+            },
+            {
+                "text": "淄博市",
+                "value": "370300000000"
+            },
+            {
+                "text": "枣庄市",
+                "value": "370400000000"
+            },
+            {
+                "text": "东营市",
+                "value": "370500000000"
+            },
+            {
+                "text": "烟台市",
+                "value": "370600000000"
+            },
+            {
+                "text": "潍坊市",
+                "value": "370700000000"
+            },
+            {
+                "text": "济宁市",
+                "value": "370800000000"
+            },
+            {
+                "text": "泰安市",
+                "value": "370900000000"
+            },
+            {
+                "text": "威海市",
+                "value": "371000000000"
+            },
+            {
+                "text": "日照市",
+                "value": "371100000000"
+            },
+            {
+                "text": "临沂市",
+                "value": "371300000000"
+            },
+            {
+                "text": "德州市",
+                "value": "371400000000"
+            },
+            {
+                "text": "聊城市",
+                "value": "371500000000"
+            },
+            {
+                "text": "滨州市",
+                "value": "371600000000"
+            },
+            {
+                "text": "菏泽市",
+                "value": "371700000000"
+            }
+        ]
+    },
+    {
+        "text": "河南省",
+        "value": "410000000000",
+        "children": [
+            {
+                "text": "郑州市",
+                "value": "410100000000"
+            },
+            {
+                "text": "开封市",
+                "value": "410200000000"
+            },
+            {
+                "text": "洛阳市",
+                "value": "410300000000"
+            },
+            {
+                "text": "平顶山市",
+                "value": "410400000000"
+            },
+            {
+                "text": "安阳市",
+                "value": "410500000000"
+            },
+            {
+                "text": "鹤壁市",
+                "value": "410600000000"
+            },
+            {
+                "text": "新乡市",
+                "value": "410700000000"
+            },
+            {
+                "text": "焦作市",
+                "value": "410800000000"
+            },
+            {
+                "text": "濮阳市",
+                "value": "410900000000"
+            },
+            {
+                "text": "许昌市",
+                "value": "411000000000"
+            },
+            {
+                "text": "漯河市",
+                "value": "411100000000"
+            },
+            {
+                "text": "三门峡市",
+                "value": "411200000000"
+            },
+            {
+                "text": "南阳市",
+                "value": "411300000000"
+            },
+            {
+                "text": "商丘市",
+                "value": "411400000000"
+            },
+            {
+                "text": "信阳市",
+                "value": "411500000000"
+            },
+            {
+                "text": "周口市",
+                "value": "411600000000"
+            },
+            {
+                "text": "驻马店市",
+                "value": "411700000000"
+            },
+            {
+                "text": "直辖县",
+                "value": "419000000000"
+            }
+        ]
+    },
+    {
+        "text": "湖北省",
+        "value": "420000000000",
+        "children": [
+            {
+                "text": "武汉市",
+                "value": "420100000000"
+            },
+            {
+                "text": "黄石市",
+                "value": "420200000000"
+            },
+            {
+                "text": "十堰市",
+                "value": "420300000000"
+            },
+            {
+                "text": "宜昌市",
+                "value": "420500000000"
+            },
+            {
+                "text": "襄阳市",
+                "value": "420600000000"
+            },
+            {
+                "text": "鄂州市",
+                "value": "420700000000"
+            },
+            {
+                "text": "荆门市",
+                "value": "420800000000"
+            },
+            {
+                "text": "孝感市",
+                "value": "420900000000"
+            },
+            {
+                "text": "荆州市",
+                "value": "421000000000"
+            },
+            {
+                "text": "黄冈市",
+                "value": "421100000000"
+            },
+            {
+                "text": "咸宁市",
+                "value": "421200000000"
+            },
+            {
+                "text": "随州市",
+                "value": "421300000000"
+            },
+            {
+                "text": "恩施土家族苗族自治州",
+                "value": "422800000000"
+            },
+            {
+                "text": "直辖县",
+                "value": "429000000000"
+            }
+        ]
+    },
+    {
+        "text": "湖南省",
+        "value": "430000000000",
+        "children": [
+            {
+                "text": "长沙市",
+                "value": "430100000000"
+            },
+            {
+                "text": "株洲市",
+                "value": "430200000000"
+            },
+            {
+                "text": "湘潭市",
+                "value": "430300000000"
+            },
+            {
+                "text": "衡阳市",
+                "value": "430400000000"
+            },
+            {
+                "text": "邵阳市",
+                "value": "430500000000"
+            },
+            {
+                "text": "岳阳市",
+                "value": "430600000000"
+            },
+            {
+                "text": "常德市",
+                "value": "430700000000"
+            },
+            {
+                "text": "张家界市",
+                "value": "430800000000"
+            },
+            {
+                "text": "益阳市",
+                "value": "430900000000"
+            },
+            {
+                "text": "郴州市",
+                "value": "431000000000"
+            },
+            {
+                "text": "永州市",
+                "value": "431100000000"
+            },
+            {
+                "text": "怀化市",
+                "value": "431200000000"
+            },
+            {
+                "text": "娄底市",
+                "value": "431300000000"
+            },
+            {
+                "text": "湘西土家族苗族自治州",
+                "value": "433100000000"
+            }
+        ]
+    },
+    {
+        "text": "广东省",
+        "value": "440000000000",
+        "children": [
+            {
+                "text": "广州市",
+                "value": "440100000000"
+            },
+            {
+                "text": "韶关市",
+                "value": "440200000000"
+            },
+            {
+                "text": "深圳市",
+                "value": "440300000000"
+            },
+            {
+                "text": "珠海市",
+                "value": "440400000000"
+            },
+            {
+                "text": "汕头市",
+                "value": "440500000000"
+            },
+            {
+                "text": "佛山市",
+                "value": "440600000000"
+            },
+            {
+                "text": "江门市",
+                "value": "440700000000"
+            },
+            {
+                "text": "湛江市",
+                "value": "440800000000"
+            },
+            {
+                "text": "茂名市",
+                "value": "440900000000"
+            },
+            {
+                "text": "肇庆市",
+                "value": "441200000000"
+            },
+            {
+                "text": "惠州市",
+                "value": "441300000000"
+            },
+            {
+                "text": "梅州市",
+                "value": "441400000000"
+            },
+            {
+                "text": "汕尾市",
+                "value": "441500000000"
+            },
+            {
+                "text": "河源市",
+                "value": "441600000000"
+            },
+            {
+                "text": "阳江市",
+                "value": "441700000000"
+            },
+            {
+                "text": "清远市",
+                "value": "441800000000"
+            },
+            {
+                "text": "东莞市",
+                "value": "441900000000"
+            },
+            {
+                "text": "中山市",
+                "value": "442000000000"
+            },
+            {
+                "text": "潮州市",
+                "value": "445100000000"
+            },
+            {
+                "text": "揭阳市",
+                "value": "445200000000"
+            },
+            {
+                "text": "云浮市",
+                "value": "445300000000"
+            }
+        ]
+    },
+    {
+        "text": "广西壮族自治区",
+        "value": "450000000000",
+        "children": [
+            {
+                "text": "南宁市",
+                "value": "450100000000"
+            },
+            {
+                "text": "柳州市",
+                "value": "450200000000"
+            },
+            {
+                "text": "桂林市",
+                "value": "450300000000"
+            },
+            {
+                "text": "梧州市",
+                "value": "450400000000"
+            },
+            {
+                "text": "北海市",
+                "value": "450500000000"
+            },
+            {
+                "text": "防城港市",
+                "value": "450600000000"
+            },
+            {
+                "text": "钦州市",
+                "value": "450700000000"
+            },
+            {
+                "text": "贵港市",
+                "value": "450800000000"
+            },
+            {
+                "text": "玉林市",
+                "value": "450900000000"
+            },
+            {
+                "text": "百色市",
+                "value": "451000000000"
+            },
+            {
+                "text": "贺州市",
+                "value": "451100000000"
+            },
+            {
+                "text": "河池市",
+                "value": "451200000000"
+            },
+            {
+                "text": "来宾市",
+                "value": "451300000000"
+            },
+            {
+                "text": "崇左市",
+                "value": "451400000000"
+            }
+        ]
+    },
+    {
+        "text": "海南省",
+        "value": "460000000000",
+        "children": [
+            {
+                "text": "海口市",
+                "value": "460100000000"
+            },
+            {
+                "text": "三亚市",
+                "value": "460200000000"
+            },
+            {
+                "text": "三沙市",
+                "value": "460300000000"
+            },
+            {
+                "text": "儋州市",
+                "value": "460400000000"
+            },
+            {
+                "text": "直辖县",
+                "value": "469000000000"
+            }
+        ]
+    },
+    {
+        "text": "重庆市",
+        "value": "500000000000",
+        "children": [
+            {
+                "text": "直辖区",
+                "value": "500100000000"
+            },
+            {
+                "text": "直辖县",
+                "value": "500200000000"
+            }
+        ]
+    },
+    {
+        "text": "四川省",
+        "value": "510000000000",
+        "children": [
+            {
+                "text": "成都市",
+                "value": "510100000000"
+            },
+            {
+                "text": "自贡市",
+                "value": "510300000000"
+            },
+            {
+                "text": "攀枝花市",
+                "value": "510400000000"
+            },
+            {
+                "text": "泸州市",
+                "value": "510500000000"
+            },
+            {
+                "text": "德阳市",
+                "value": "510600000000"
+            },
+            {
+                "text": "绵阳市",
+                "value": "510700000000"
+            },
+            {
+                "text": "广元市",
+                "value": "510800000000"
+            },
+            {
+                "text": "遂宁市",
+                "value": "510900000000"
+            },
+            {
+                "text": "内江市",
+                "value": "511000000000"
+            },
+            {
+                "text": "乐山市",
+                "value": "511100000000"
+            },
+            {
+                "text": "南充市",
+                "value": "511300000000"
+            },
+            {
+                "text": "眉山市",
+                "value": "511400000000"
+            },
+            {
+                "text": "宜宾市",
+                "value": "511500000000"
+            },
+            {
+                "text": "广安市",
+                "value": "511600000000"
+            },
+            {
+                "text": "达州市",
+                "value": "511700000000"
+            },
+            {
+                "text": "雅安市",
+                "value": "511800000000"
+            },
+            {
+                "text": "巴中市",
+                "value": "511900000000"
+            },
+            {
+                "text": "资阳市",
+                "value": "512000000000"
+            },
+            {
+                "text": "阿坝藏族羌族自治州",
+                "value": "513200000000"
+            },
+            {
+                "text": "甘孜藏族自治州",
+                "value": "513300000000"
+            },
+            {
+                "text": "凉山彝族自治州",
+                "value": "513400000000"
+            }
+        ]
+    },
+    {
+        "text": "贵州省",
+        "value": "520000000000",
+        "children": [
+            {
+                "text": "贵阳市",
+                "value": "520100000000"
+            },
+            {
+                "text": "六盘水市",
+                "value": "520200000000"
+            },
+            {
+                "text": "遵义市",
+                "value": "520300000000"
+            },
+            {
+                "text": "安顺市",
+                "value": "520400000000"
+            },
+            {
+                "text": "毕节市",
+                "value": "520500000000"
+            },
+            {
+                "text": "铜仁市",
+                "value": "520600000000"
+            },
+            {
+                "text": "黔西南布依族苗族自治州",
+                "value": "522300000000"
+            },
+            {
+                "text": "黔东南苗族侗族自治州",
+                "value": "522600000000"
+            },
+            {
+                "text": "黔南布依族苗族自治州",
+                "value": "522700000000"
+            }
+        ]
+    },
+    {
+        "text": "云南省",
+        "value": "530000000000",
+        "children": [
+            {
+                "text": "昆明市",
+                "value": "530100000000"
+            },
+            {
+                "text": "曲靖市",
+                "value": "530300000000"
+            },
+            {
+                "text": "玉溪市",
+                "value": "530400000000"
+            },
+            {
+                "text": "保山市",
+                "value": "530500000000"
+            },
+            {
+                "text": "昭通市",
+                "value": "530600000000"
+            },
+            {
+                "text": "丽江市",
+                "value": "530700000000"
+            },
+            {
+                "text": "普洱市",
+                "value": "530800000000"
+            },
+            {
+                "text": "临沧市",
+                "value": "530900000000"
+            },
+            {
+                "text": "楚雄彝族自治州",
+                "value": "532300000000"
+            },
+            {
+                "text": "红河哈尼族彝族自治州",
+                "value": "532500000000"
+            },
+            {
+                "text": "文山壮族苗族自治州",
+                "value": "532600000000"
+            },
+            {
+                "text": "西双版纳傣族自治州",
+                "value": "532800000000"
+            },
+            {
+                "text": "大理白族自治州",
+                "value": "532900000000"
+            },
+            {
+                "text": "德宏傣族景颇族自治州",
+                "value": "533100000000"
+            },
+            {
+                "text": "怒江傈僳族自治州",
+                "value": "533300000000"
+            },
+            {
+                "text": "迪庆藏族自治州",
+                "value": "533400000000"
+            }
+        ]
+    },
+    {
+        "text": "西藏自治区",
+        "value": "540000000000",
+        "children": [
+            {
+                "text": "拉萨市",
+                "value": "540100000000"
+            },
+            {
+                "text": "日喀则市",
+                "value": "540200000000"
+            },
+            {
+                "text": "昌都市",
+                "value": "540300000000"
+            },
+            {
+                "text": "林芝市",
+                "value": "540400000000"
+            },
+            {
+                "text": "山南市",
+                "value": "540500000000"
+            },
+            {
+                "text": "那曲市",
+                "value": "540600000000"
+            },
+            {
+                "text": "阿里地区",
+                "value": "542500000000"
+            }
+        ]
+    },
+    {
+        "text": "陕西省",
+        "value": "610000000000",
+        "children": [
+            {
+                "text": "西安市",
+                "value": "610100000000"
+            },
+            {
+                "text": "铜川市",
+                "value": "610200000000"
+            },
+            {
+                "text": "宝鸡市",
+                "value": "610300000000"
+            },
+            {
+                "text": "咸阳市",
+                "value": "610400000000"
+            },
+            {
+                "text": "渭南市",
+                "value": "610500000000"
+            },
+            {
+                "text": "延安市",
+                "value": "610600000000"
+            },
+            {
+                "text": "汉中市",
+                "value": "610700000000"
+            },
+            {
+                "text": "榆林市",
+                "value": "610800000000"
+            },
+            {
+                "text": "安康市",
+                "value": "610900000000"
+            },
+            {
+                "text": "商洛市",
+                "value": "611000000000"
+            }
+        ]
+    },
+    {
+        "text": "甘肃省",
+        "value": "620000000000",
+        "children": [
+            {
+                "text": "兰州市",
+                "value": "620100000000"
+            },
+            {
+                "text": "嘉峪关市",
+                "value": "620200000000"
+            },
+            {
+                "text": "金昌市",
+                "value": "620300000000"
+            },
+            {
+                "text": "白银市",
+                "value": "620400000000"
+            },
+            {
+                "text": "天水市",
+                "value": "620500000000"
+            },
+            {
+                "text": "武威市",
+                "value": "620600000000"
+            },
+            {
+                "text": "张掖市",
+                "value": "620700000000"
+            },
+            {
+                "text": "平凉市",
+                "value": "620800000000"
+            },
+            {
+                "text": "酒泉市",
+                "value": "620900000000"
+            },
+            {
+                "text": "庆阳市",
+                "value": "621000000000"
+            },
+            {
+                "text": "定西市",
+                "value": "621100000000"
+            },
+            {
+                "text": "陇南市",
+                "value": "621200000000"
+            },
+            {
+                "text": "临夏回族自治州",
+                "value": "622900000000"
+            },
+            {
+                "text": "甘南藏族自治州",
+                "value": "623000000000"
+            }
+        ]
+    },
+    {
+        "text": "青海省",
+        "value": "630000000000",
+        "children": [
+            {
+                "text": "西宁市",
+                "value": "630100000000"
+            },
+            {
+                "text": "海东市",
+                "value": "630200000000"
+            },
+            {
+                "text": "海北藏族自治州",
+                "value": "632200000000"
+            },
+            {
+                "text": "黄南藏族自治州",
+                "value": "632300000000"
+            },
+            {
+                "text": "海南藏族自治州",
+                "value": "632500000000"
+            },
+            {
+                "text": "果洛藏族自治州",
+                "value": "632600000000"
+            },
+            {
+                "text": "玉树藏族自治州",
+                "value": "632700000000"
+            },
+            {
+                "text": "海西蒙古族藏族自治州",
+                "value": "632800000000"
+            }
+        ]
+    },
+    {
+        "text": "宁夏回族自治区",
+        "value": "640000000000",
+        "children": [
+            {
+                "text": "银川市",
+                "value": "640100000000"
+            },
+            {
+                "text": "石嘴山市",
+                "value": "640200000000"
+            },
+            {
+                "text": "吴忠市",
+                "value": "640300000000"
+            },
+            {
+                "text": "固原市",
+                "value": "640400000000"
+            },
+            {
+                "text": "中卫市",
+                "value": "640500000000"
+            }
+        ]
+    },
+    {
+        "text": "新疆维吾尔自治区",
+        "value": "650000000000",
+        "children": [
+            {
+                "text": "乌鲁木齐市",
+                "value": "650100000000"
+            },
+            {
+                "text": "克拉玛依市",
+                "value": "650200000000"
+            },
+            {
+                "text": "吐鲁番市",
+                "value": "650400000000"
+            },
+            {
+                "text": "哈密市",
+                "value": "650500000000"
+            },
+            {
+                "text": "昌吉回族自治州",
+                "value": "652300000000"
+            },
+            {
+                "text": "博尔塔拉蒙古自治州",
+                "value": "652700000000"
+            },
+            {
+                "text": "巴音郭楞蒙古自治州",
+                "value": "652800000000"
+            },
+            {
+                "text": "阿克苏地区",
+                "value": "652900000000"
+            },
+            {
+                "text": "克孜勒苏柯尔克孜自治州",
+                "value": "653000000000"
+            },
+            {
+                "text": "喀什地区",
+                "value": "653100000000"
+            },
+            {
+                "text": "和田地区",
+                "value": "653200000000"
+            },
+            {
+                "text": "伊犁哈萨克自治州",
+                "value": "654000000000"
+            },
+            {
+                "text": "塔城地区",
+                "value": "654200000000"
+            },
+            {
+                "text": "阿勒泰地区",
+                "value": "654300000000"
+            },
+            {
+                "text": "直辖县",
+                "value": "659000000000"
+            }
+        ]
+    },
+    {
+        "text": "台湾省",
+        "value": "7112684281636",
+        "children": [
+            {
+                "text": "苗栗县",
+                "value": "7110006260735"
+            },
+            {
+                "text": "桃园市",
+                "value": "7110341650825"
+            },
+            {
+                "text": "宜兰县",
+                "value": "7110496253116"
+            },
+            {
+                "text": "新竹市",
+                "value": "7110628507899"
+            },
+            {
+                "text": "台东县",
+                "value": "7110683530667"
+            },
+            {
+                "text": "云林县",
+                "value": "7110805025214"
+            },
+            {
+                "text": "新竹县",
+                "value": "7110872151750"
+            },
+            {
+                "text": "嘉义县",
+                "value": "7110941525844"
+            },
+            {
+                "text": "台北市",
+                "value": "7111135835616"
+            },
+            {
+                "text": "彰化县",
+                "value": "7111363068475"
+            },
+            {
+                "text": "澎湖县",
+                "value": "7111448320652"
+            },
+            {
+                "text": "台南市",
+                "value": "7111810508871"
+            },
+            {
+                "text": "南海岛",
+                "value": "7112569630609"
+            },
+            {
+                "text": "高雄市",
+                "value": "7112732834600"
+            },
+            {
+                "text": "嘉义市",
+                "value": "7112735772392"
+            },
+            {
+                "text": "金门县",
+                "value": "7113169128457"
+            },
+            {
+                "text": "南投县",
+                "value": "7113286391187"
+            },
+            {
+                "text": "屏东县",
+                "value": "7113368433646"
+            },
+            {
+                "text": "台中市",
+                "value": "7113392594310"
+            },
+            {
+                "text": "新北市",
+                "value": "7113431434442"
+            },
+            {
+                "text": "连江县",
+                "value": "7113494932062"
+            },
+            {
+                "text": "花莲县",
+                "value": "7113659713107"
+            },
+            {
+                "text": "基隆市",
+                "value": "7114088135938"
+            }
+        ]
+    },
+    {
+        "text": "香港特别行政区",
+        "value": "8113135772653",
+        "children": [
+            {
+                "text": "香港岛",
+                "value": "8111559760266"
+            },
+            {
+                "text": "九龙",
+                "value": "8112837441705"
+            },
+            {
+                "text": "新界",
+                "value": "8113591118785"
+            }
+        ]
+    },
+    {
+        "text": "澳门特别行政区",
+        "value": "8212407077174",
+        "children": [
+            {
+                "text": "氹仔岛",
+                "value": "8210196278099"
+            },
+            {
+                "text": "澳门半岛",
+                "value": "8211217997835"
+            },
+            {
+                "text": "路环岛",
+                "value": "8213878119597"
+            }
+        ]
+    }
+]
\ No newline at end of file
diff --git a/src/components/table/index.vue b/src/components/table/index.vue
index b448b82..246fa6e 100644
--- a/src/components/table/index.vue
+++ b/src/components/table/index.vue
@@ -119,8 +119,7 @@ const handleSortChange = ({ field, order }: any) => {
                 return a[field] < b[field] ? 1 : -1
             }
         })
-        console.log(tableStore.isWebPaging)
-
+        
         if (tableStore.isWebPaging) {
             tableStore.table.data = JSON.parse(
                 JSON.stringify(
diff --git a/src/views/govern/device/control/index.vue b/src/views/govern/device/control/index.vue
index b7f807a..fd99ad7 100644
--- a/src/views/govern/device/control/index.vue
+++ b/src/views/govern/device/control/index.vue
@@ -573,7 +573,7 @@ import {
 import analysisList from './analysisList/index.vue'
 import mqtt from 'mqtt'
 defineOptions({
-    // name: 'govern/device/control'
+    name: 'govern/device/control'
 })
 const adminInfo = useAdminInfo()
 const pageHeight = mainHeight(20)
diff --git a/src/views/govern/device/control/moduleData.vue b/src/views/govern/device/control/moduleData.vue
index 2d5e558..254a3d5 100644
--- a/src/views/govern/device/control/moduleData.vue
+++ b/src/views/govern/device/control/moduleData.vue
@@ -20,19 +20,38 @@
 
                 <!-- 右侧内容区域 -->
                 <div class="tab-content-container flex-1" :key="activeTab">
-                    <el-tabs v-model="activeName" type="card" v-if="echartList?.dataList != null">
-                        <el-tab-pane label="状态" name="0">
-                            <div :style="echartHeight" class="pt10">
-                                <MyEchart :options="echartList.options" />
-                            </div>
-                        </el-tab-pane>
-                        <el-tab-pane label="数据" name="1">
-                            <div :style="echartHeight" class="pt10">
-                                <MyEchart style="height: 50%" :options="echartList.loadList" />
-                                <MyEchart style="height: 50%" :options="echartList.modOutList" />
-                            </div>
-                        </el-tab-pane>
-                    </el-tabs>
+                    <div v-if="echartList?.dataList != null" style="position: relative">
+                        <el-tabs v-model="activeName" type="card" @tab-change="changeDataType">
+                            <el-tab-pane label="状态" name="0">
+                                <div :style="echartHeight" class="pt10">
+                                    <MyEchart :options="echartList.options" />
+                                </div>
+                            </el-tab-pane>
+
+                            <el-tab-pane label="数据" name="1">
+                                <div :style="echartHeight" class="pt10">
+                                    <MyEchart style="height: 100%" :options="echartsData" :key="key" />
+                                    <!-- <MyEchart style="height: 50%" :options="echartList.loadList" />
+                                <MyEchart style="height: 50%" :options="echartList.modOutList" /> -->
+                                </div>
+                            </el-tab-pane>
+                        </el-tabs>
+                        <el-select
+                            v-if="activeName == '1'"
+                            v-model="dataType"
+                            class="select"
+                            placeholder="请选择"
+                            multiple
+                            collapse-tags
+                            style="width: 150px"
+                            @change="changeDataType"
+                        >
+                            <el-option label="负载电流" :value="0" />
+                            <el-option label="输入电流" :value="1" />
+                            <el-option label="温度" :value="2" />
+                        </el-select>
+                    </div>
+
                     <el-empty description="暂无数据" style="width: 100%; height: 100%" v-else></el-empty>
                 </div>
             </div>
@@ -61,14 +80,13 @@
     </div>
 </template>
 <script setup lang="ts">
-import { ref, reactive,onBeforeUnmount } from 'vue'
+import { ref, reactive, onBeforeUnmount } from 'vue'
 import { mainHeight } from '@/utils/layout'
 import { WarnTriangleFilled } from '@element-plus/icons-vue'
 import { getModuleState } from '@/api/cs-device-boot/EquipmentDelivery'
 import MyEchart from '@/components/echarts/MyEchart.vue'
 import { ElMessage } from 'element-plus'
 import { yMethod } from '@/utils/echartMethod'
-import { k } from 'vite/dist/node/types.d-aGj9QkWt'
 const list: any = ref([])
 const loading = ref(false)
 const loadingLeft = ref(false)
@@ -78,300 +96,469 @@ const echartHeight = ref(mainHeight(342))
 const activeTab = ref(0)
 const activeName = ref('0')
 const echartList: any = ref({})
+const dataType = ref([0])
+const key = ref(0)
 import * as echarts from 'echarts' // 全引入
+import { max } from 'lodash'
+const echartsData: any = ref({
+    title: {
+        show: false
+    },
+    xAxis: {
+        type: 'time',
+        name: '',
+        axisLabel: {
+            formatter: {
+                day: '{MM}-{dd}',
+                month: '{MM}',
+                year: '{yyyy}'
+            }
+        }
+    },
+    tooltip: {
+        axisPointer: {
+            type: 'cross',
+            label: {
+                color: '#fff',
+                fontSize: 16
+            }
+        },
+        textStyle: {
+            color: '#fff',
+            fontStyle: 'normal',
+            opacity: 0.35,
+            fontSize: 14
+        },
+        backgroundColor: 'rgba(0,0,0,0.55)',
+        borderWidth: 0,
+        formatter(params: any) {
+            const xname = params[0].value[0]
+            let str = `${xname}<br>`
+            params.forEach((el: any, index: any) => {
+                let marker = ''
+
+                if (el.value[3] == 'dashed') {
+                    for (let i = 0; i < 3; i++) {
+                        marker += `<span style="display:inline-block;border: 2px ${el.color} solid;margin-right:5px;width:10px;height:0px;background-color:#ffffff00;"></span>`
+                    }
+                } else {
+                    marker = `<span style="display:inline-block;border: 2px ${el.color} ${el.value[3]};margin-right:5px;width:40px;height:0px;background-color:#ffffff00;"></span>`
+                }
+
+                str += `${marker}${el.seriesName.split('(')[0]}：${
+                    el.value[1] != null ? el.value[1] + ' ' + (el.value[2] || '') : '-'
+                }<br>`
+            })
+            return str
+        }
+    },
+    legend: {
+        itemWidth: 20,
+        itemHeight: 20,
+        itemStyle: { opacity: 0 }, //去圆点
+        type: 'scroll', // 开启滚动分页
+        right: 70
+    },
+    grid: {
+        top: '80px',
+         right: '50px',
+    },
+    yAxis: [{}],
+
+    options: {
+        // yAxis: [{}],
+        series: []
+    }
+})
 const setData = (data: any) => {
-    activeTab.value = 0
+    // activeTab.value = 0
     // echartHeight.value = mainHeight(292 + data.length * 49, data.length)
     data.forEach((item: any) => {
         // console.log('🚀 ~ setData ~ data:', data)
         if (item.dataList == null) return
+        item.dataList.map((k: any, i: any) => {
+            k.endtime = item.dataList[i + 1]?.time
+        })
+
         item.options = {
-            title: {
-                show: false
-            },
+            // 鼠标提示
             tooltip: {
-                formatter: function (params: any) {
-                    var tips = params[0].data[0] + '：' + params[0].data[2] + '<br/>'
-                    if (params[0].data[3] == 1) {
-                        tips += '事件：' + params[0].data[4]
+                axisPointer: {
+                    type: 'cross',
+                    label: {
+                        color: '#fff',
+                        fontSize: 16
                     }
-
-                    return tips
-                }
-            },
-            xAxis: {
-                type: 'time',
-                name: '时间',
-                //
-                axisLabel: {
-                    formatter: {
-                        day: '{MM}-{dd}',
-                        month: '{MM}',
-                        year: '{yyyy}'
+                },
+                formatter: function (params) {
+                    // console.log("🚀 ~ data.forEach ~ params:", params)
+                    let tip = ''
+                    for (let i = 0; i < params.length; i++) {
+                        if (params[i].seriesName != '事件标记') {
+                            tip +=
+                                params[i].marker +
+                                params[i].name +
+                                '<br/>' +
+                                '开始时间：' +
+                                params[i].value[1] +
+                                '<br/>' +
+                                '结束时间：' +
+                                (params[i].value[2] || '-') +
+                                '<br/>'
+                            if (params[i].value[3] == 1) {
+                                tip += '事件：' + params[i].value[4] + '<br/>'
+                            }
+                        } else {
+                            // if (params[i].value[3] == 1) {
+                            //     tip += '事件：' + params[i].value[1] + '<br/>'
+                            // }
+                        }
                     }
+                    return tip
                 }
             },
 
-            // 添加自定义图例
             legend: {
-                show: true,
-                type: 'plain',
-                top: 10,
-                itemWidth: 14, // 图例标记宽度
-                itemHeight: 14, // 图例标记高度
+                // data: ['运行', '停止', '离线','事件标记']
                 data: [
+                    { name: '运行' },
+                    { name: '停止' },
+                    { name: '离线' },
                     {
-                        name: '事件',
+                        name: '事件标记',
                         icon: 'path://M0,10 L10,10 L5,0 Z', // 自定义三角形路径
                         textStyle: {
                             color: '#333',
-                            fontSize: 12
+                            fontSize: 14
                         }
                     }
-                ],
-                itemStyle: {
-                    color: '#ccc' // 图例标记颜色与数据标记一致
+                ]
+            },
+
+            xAxis: {
+                type: 'time',
+                name: '时间',
+                axisLabel: {
+                    formatter: {
+                        day: '{MM}-{dd}',
+                        month: '{MM}',
+                        year: '{yyyy}'
+                    }
                 }
             },
-            toolbox: {
-                show: false
-            },
-            grid: {
-                top: '30px'
-            },
             yAxis: {
-                max: 1.03,
-                data: ['运行', '停止', '中断'],
-                interval: 0.01,
-
-                axisLabel: {
-                    formatter: value => {
-                        // if (value === 0) {
-                        //     return `  `
-                        // }
-                        if (value === 0.03) {
-                            return `{lx|离线}`
-                        } else if (value === 0.5) {
-                            return `{tz|停止}`
-                        } else if (value === 1) {
-                            return `{yx|运行}`
-                        }
-                    },
-                    rich: {
-                        yx: {
-                            backgroundColor: '#67c23a',
-                            color: '#fff',
-                            borderRadius: 5,
-                            padding: [1, 3],
-                            fontWeight: 600,
-                            fontSize: 12,
-                            align: 'center',
-                            textAlign: 'center',
-                            width: 35,
-                            height: 20,
-                            borderColor: '#000'
-                        },
-                        lx: {
-                            backgroundColor: '#f56c6c',
-                            color: '#fff',
-                            borderRadius: 5,
-                            padding: [1, 3],
-                            fontWeight: 600,
-                            fontSize: 12,
-                            align: 'center',
-                            textAlign: 'center',
-                            width: 35,
-                            height: 20,
-                            borderColor: '#000'
-                        },
-                        tz: {
-                            backgroundColor: '#e6a23c',
-                            color: '#fff',
-                            borderRadius: 5,
-                            padding: [1, 3],
-                            fontWeight: 600,
-                            fontSize: 12,
-                            align: 'center',
-                            textAlign: 'center',
-                            width: 35,
-                            height: 20,
-                            borderColor: '#000'
-                        }
-                    }
-                },
-                splitLine: {
-                    show: false
+                show: false,
+                axisPointer: {
+                    show: false // 隐藏Y轴上的指示器
                 }
             },
+            color: ['#67c23a', '#e6a23c', '#f56c6c', '#ccc'],
+            series: [
+                {
+                    name: '运行',
+                    type: 'custom',
+                    renderItem: renderItem,
 
-            options: {
-                series: [
-                    {
-                        name: '事件',
-                        type: 'line',
-                        data: item.dataList.map((k: any) => [
-                            k.time,
-                            k.stateDesc == '离线' ? 0.03 : k.stateDesc == '运行' ? 1 : 0.5,
-                            k.stateDesc,
-                            k.dataType,
-                            k.eventName
-                        ]),
-                        step: 'end',
-                        symbol: 'none',
-
-                        // 动态显示标记
-                        markPoint: {
-                            symbol: 'triangle', // 使用三角形标记
-                            symbolSize: 10, // 标记大小
-                            symbolOffset: [0, 6], // 向上偏移，放置在线条上方
-                            data: item.dataList
-                                .filter((k: any) => k.dataType === 1)
-                                .map((k: any) => ({
-                                    name: k.stateDesc,
-                                    coord: [k.time, k.stateDesc == '离线' ? 0.03 : k.stateDesc == '运行' ? 1 : 0.5],
-                                    itemStyle: {
-                                        color:     k.stateDesc == '离线' ? "#f56c6c" : k.stateDesc == '运行' ? '#67c23a' : '#e6a23c', //'#FFB74D', // 亮黄色填充
-                                        borderColor:  k.stateDesc == '离线' ? "#f56c6c" : k.stateDesc == '运行' ? '#67c23a' : '#e6a23c',//'#FFB74D', // 边框颜色
-                                        borderWidth: 1 // 边框宽度
+                    encode: {
+                        x: [1, 2],
+                        y: 0
+                    },
+                    data: item.dataList
+                        .filter((k: any, i: number) => k.stateDesc == '运行')
+                        .map((p: any) => {
+                            return {
+                                name: '运行',
+                                value: [0, p.time, p.endtime, p.dataType, p.eventName],
+                                itemStyle: {
+                                    normal: {
+                                        color: '#67c23a'
                                     }
-                                }))
-                        }
-                    }
-                ]
-            }
-        }
-        let [loadMin, loadMax] = yMethod(item.loadList.map(k => (k.data == 3.14159 ? 0 : k.data)))
-        item.loadList = {
-            title: {
-                text: '负载电流'
-            },
+                                }
+                            }
+                        })
+                },
+                {
+                    name: '停止',
+                    type: 'custom',
+                    renderItem: renderItem,
 
-            xAxis: {
-                type: 'time',
-                name: '时间',
-                //
-                axisLabel: {
-                    formatter: {
-                        day: '{MM}-{dd}',
-                        month: '{MM}',
-                        year: '{yyyy}'
-                    }
+                    encode: {
+                        x: [1, 2],
+                        y: 0
+                    },
+                    data: item.dataList
+                        .filter((k: any, i: number) => k.stateDesc != '离线' && k.stateDesc != '运行')
+                        .map((p: any) => {
+                            return {
+                                name: '停止',
+                                value: [0, p.time, p.endtime, p.dataType, p.eventName],
+                                itemStyle: {
+                                    normal: {
+                                        color: '#e6a23c'
+                                    }
+                                }
+                            }
+                        })
+                },
+                {
+                    name: '离线',
+                    type: 'custom',
+                    renderItem: renderItem,
+
+                    encode: {
+                        x: [1, 2],
+                        y: 0
+                    },
+                    data: item.dataList
+                        .filter((k: any, i: number) => k.stateDesc == '离线')
+                        .map((p: any) => {
+                            return {
+                                name: '离线',
+                                value: [0, p.time, p.endtime, p.dataType, p.eventName],
+                                itemStyle: {
+                                    normal: {
+                                        color: '#f56c6c'
+                                    }
+                                }
+                            }
+                        })
+
+                    // [
+                    //     {
+                    //         name: '离线',
+                    //         value: [0, '2025-07-16 01:03:00', '2025-07-16 01:06:00', 353249],
+                    //         itemStyle: {
+                    //             normal: {
+                    //                 color: '#f56c6c'
+                    //             }
+                    //         }
+                    //     }
+                    // ]
+                },
+                {
+                    name: '事件标记',
+                    type: 'custom',
+                    renderItem: renderMarker,
+                    encode: {
+                        x: 0,
+                        y: 1
+                    },
+
+                    data: item.dataList
+                        .filter((k: any) => k.dataType === 1)
+                        .map((k: any) => [
+                            k.time,
+                            k.eventName,
+                            k.stateDesc == '离线' ? '#f56c6c' : k.stateDesc == '运行' ? '#67c23a' : '#e6a23c',
+                            k.dataType
+                        ]),
+                    // data: [['2025-07-16 01:00:00','故障发生','#bd6d6c']],
+                    z: 10 // 确保标记显示在甘特图上方
                 }
-            },
-
-            toolbox: {
-                show: false
-            },
-            grid: {
-                top: '30px'
-            },
-            yAxis: {
-                name: 'A',
-                min: loadMin,
-                max: loadMax
-            },
-            color: ['#DAA520', '#2E8B57', '#A52a2a'],
-            options: {
-                series: [
-                    {
-                        name: 'A相',
-                        type: 'line',
-                        data: item.loadList
-                            .filter((k: any) => k.phasicType == 'A')
-                            .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data]),
-                        smooth: true, //让线变得平滑
-                        symbol: 'none'
-                    },
-                    {
-                        name: 'B相',
-                        type: 'line',
-                        data: item.loadList
-                            .filter((k: any) => k.phasicType == 'B')
-                            .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data]),
-                        smooth: true, //让线变得平滑
-                        symbol: 'none'
-                    },
-                    {
-                        name: 'C相',
-                        type: 'line',
-                        data: item.loadList
-                            .filter((k: any) => k.phasicType == 'C')
-                            .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data]),
-                        smooth: true, //让线变得平滑
-                        symbol: 'none'
-                    }
-                ]
-            }
-        }
-        let [modOuMin, modOuMax] = yMethod(item.modOutList.map(k => (k.data == 3.14159 ? 0 : k.data)))
-
-        item.modOutList = {
-            title: {
-                text: '输出电流'
-            },
-
-            xAxis: {
-                type: 'time',
-                name: '时间',
-                //
-                axisLabel: {
-                    formatter: {
-                        day: '{MM}-{dd}',
-                        month: '{MM}',
-                        year: '{yyyy}'
-                    }
-                }
-            },
-
-            toolbox: {
-                show: false
-            },
-            grid: {
-                top: '30px'
-            },
-            yAxis: {
-                name: 'A',
-                min: modOuMin,
-                max: modOuMax
-            },
-            color: ['#DAA520', '#2E8B57', '#A52a2a'],
-            options: {
-                series: [
-                    {
-                        name: 'A相',
-                        type: 'line',
-                        data: item.modOutList
-                            .filter((k: any) => k.phasicType == 'A')
-                            .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data]),
-                        smooth: true, //让线变得平滑
-                        symbol: 'none'
-                    },
-                    {
-                        name: 'B相',
-                        type: 'line',
-                        data: item.modOutList
-                            .filter((k: any) => k.phasicType == 'B')
-                            .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data]),
-                        smooth: true, //让线变得平滑
-                        symbol: 'none'
-                    },
-                    {
-                        name: 'C相',
-                        type: 'line',
-                        data: item.modOutList
-                            .filter((k: any) => k.phasicType == 'C')
-                            .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data]),
-                        smooth: true, //让线变得平滑
-                        symbol: 'none'
-                    }
-                ]
-            }
+            ]
         }
     })
 
     list.value = data
     echartList.value = list.value[activeTab.value]
-    echarts.connect('group')
+    changeDataType()
+    // echarts.connect('group')
+}
+const lineStyle = [{ type: 'solid' }, { type: 'dashed' }, { type: 'dotted' }]
+const changeDataType = () => {
+    // loadList 负载电流
+    // modOutList  输入电流
+    // console.log('🚀 ~ changeDataType ~ val:', list.value[activeTab.value])
+
+    echartsData.value.yAxis = [{}]
+    echartsData.value.options.series = []
+    let flag = dataType.value.includes(0) || dataType.value.includes(1)
+    if (flag) {
+        let data1 = dataType.value.includes(0)
+            ? list.value[activeTab.value].loadList.map(k => (k.data == 3.14159 ? 0 : k.data))
+            : [0]
+        let data2 = dataType.value.includes(1)
+            ? list.value[activeTab.value].modOutList.map(k => (k.data == 3.14159 ? 0 : k.data))
+            : [0]
+        let [modOuMin, modOuMax] = yMethod([...data1, ...data2])
+        console.log("🚀 ~ changeDataType ~ modOuMin:", modOuMin,modOuMax)
+
+        echartsData.value.yAxis[0] = {
+            name: 'A',
+            yAxisIndex: 0,
+            max: modOuMax,
+            min: modOuMin,
+            splitNumber: 5,
+            minInterval: 1
+        }
+        if (dataType.value.includes(0)) {
+            echartsData.value.options.series.push(
+                {
+                    name: 'A相负载电流',
+                    type: 'line',
+                    data: list.value[activeTab.value].loadList
+                        .filter((k: any) => k.phasicType == 'A')
+                        .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data, 'A', lineStyle[0].type]),
+                    smooth: true, //让线变得平滑
+                    symbol: 'none',
+                    color: '#DAA520',
+                    lineStyle: lineStyle[0],
+                    yAxisIndex: 0
+                },
+                {
+                    name: 'B相负载电流',
+                    type: 'line',
+                    data: list.value[activeTab.value].loadList
+                        .filter((k: any) => k.phasicType == 'B')
+                        .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data, 'A', lineStyle[0].type]),
+                    smooth: true, //让线变得平滑
+                    symbol: 'none',
+                    color: '#2E8B57',
+                    lineStyle: lineStyle[0],
+                    yAxisIndex: 0
+                },
+                {
+                    name: 'C相负载电流',
+                    type: 'line',
+                    data: list.value[activeTab.value].loadList
+                        .filter((k: any) => k.phasicType == 'C')
+                        .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data, 'A', lineStyle[0].type]),
+                    smooth: true, //让线变得平滑
+                    symbol: 'none',
+                    color: '#A52a2a',
+                    lineStyle: lineStyle[0],
+                    yAxisIndex: 0
+                }
+            )
+        }
+        if (dataType.value.includes(1)) {
+            echartsData.value.options.series.push(
+                {
+                    name: 'A相输入电流',
+                    type: 'line',
+                    data: list.value[activeTab.value].modOutList
+                        .filter((k: any) => k.phasicType == 'A')
+                        .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data, 'A', lineStyle[1].type]),
+                    smooth: true, //让线变得平滑
+                    symbol: 'none',
+                    color: '#DAA520',
+                    lineStyle: lineStyle[1],
+                    yAxisIndex: 0
+                },
+                {
+                    name: 'B相输入电流',
+                    type: 'line',
+                    data: list.value[activeTab.value].modOutList
+                        .filter((k: any) => k.phasicType == 'B')
+                        .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data, 'A', lineStyle[1].type]),
+                    smooth: true, //让线变得平滑
+                    symbol: 'none',
+                    color: '#2E8B57',
+                    lineStyle: lineStyle[1],
+                    yAxisIndex: 0
+                },
+                {
+                    name: 'C相输入电流',
+                    type: 'line',
+                    data: list.value[activeTab.value].modOutList
+                        .filter((k: any) => k.phasicType == 'C')
+                        .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data, 'A', lineStyle[1].type]),
+                    smooth: true, //让线变得平滑
+                    symbol: 'none',
+                    color: '#A52a2a',
+                    lineStyle: lineStyle[1],
+                    yAxisIndex: 0
+                }
+            )
+        }
+    }
+    if (dataType.value.includes(2)) {
+        let [temperatureMin, temperatureMax] = yMethod(
+            list.value[activeTab.value].temperatureList.map(k => (k.data == 3.14159 ? 0 : k.data))
+        )
+        echartsData.value.yAxis[flag ? 1 : 0] = {
+            name: '℃',
+            yAxisIndex: flag ? 1 : 0,
+            splitNumber: 5,
+            max: temperatureMax,
+            min: temperatureMin,
+            minInterval: 1
+        }
+        echartsData.value.options.series.push({
+            name: '温度',
+            type: 'line',
+            data: list.value[activeTab.value].temperatureList.map((k: any) => [
+                k.time,
+                k.data == 3.14159 ? null : k.data,
+                '℃',
+                lineStyle[2].type
+            ]),
+            smooth: true, //让线变得平滑
+            symbol: 'none',
+            color: '#DAA520',
+            lineStyle: lineStyle[2],
+            yAxisIndex: flag ? 1 : 0
+        })
+    }
+    key.value += 1
+}
+function renderItem(params, api) {
+    var categoryIndex = api.value(0)
+    var start = api.coord([api.value(1), categoryIndex])
+    var end = api.coord([api.value(2), categoryIndex])
+    var height = api.size([0, 1])[1] * 0.9
+
+    var rectShape = echarts.graphic.clipRectByRect(
+        {
+            x: start[0],
+            y: start[1] - height,
+            width: end[0] - start[0],
+            height: height
+        },
+        {
+            x: params.coordSys.x,
+            y: params.coordSys.y,
+            width: params.coordSys.width,
+            height: params.coordSys.height - 50
+        }
+    )
+
+    return (
+        rectShape && {
+            type: 'rect',
+            shape: rectShape,
+            style: api.style()
+        }
+    )
+}
+// 三角形标记渲染函数
+function renderMarker(params, api) {
+    var point = api.coord([api.value(0), 0])
+    var symbolSize = 8
+    var offsetY = 40
+    // 计算三角形的三个点坐标
+    var points = [
+        [point[0], point[1] - symbolSize - offsetY], // 上顶点
+        [point[0] - symbolSize, point[1] + symbolSize - offsetY], // 左下顶点
+        [point[0] + symbolSize, point[1] + symbolSize - offsetY] // 右下顶点
+    ]
+
+    return {
+        type: 'polygon',
+        shape: {
+            points: points
+        },
+        style: {
+            fill: api.value(2),
+            stroke: '#fff',
+            lineWidth: 1
+        },
+        label: {
+            position: [point[0] + symbolSize + 5, point[1]],
+            formatter: api.value(1),
+            fontSize: 12
+        }
+    }
 }
 const getModule = async (id: string) => {
     loadingLeft.value = true
@@ -391,6 +578,7 @@ const getModule = async (id: string) => {
 const changeTab = (e: any) => {
     echartList.value = list.value[e]
     activeTab.value = e
+    changeDataType()
 }
 const getType = (type: string) => {
     switch (type) {
@@ -480,4 +668,9 @@ onBeforeUnmount(() => {
     flex: 1;
     padding: 0 10px;
 }
+.select {
+    position: absolute;
+    top: 7px;
+    left: 150px;
+}
 </style>
diff --git a/src/views/govern/manage/engineering.vue b/src/views/govern/manage/engineering.vue
index cf95e45..e24842a 100644
--- a/src/views/govern/manage/engineering.vue
+++ b/src/views/govern/manage/engineering.vue
@@ -80,6 +80,7 @@ import { mainHeight } from '@/utils/layout'
 import { ElMessageBox, ElMessage } from 'element-plus'
 import { auditEngineering, updateProject } from '@/api/cs-device-boot/edData'
 import { activateUser, deluser, passwordConfirm } from '@/api/user-boot/user'
+import tree from '@/assets/map/area.json'
 defineOptions({
     name: 'govern/manage/engineering'
 })
@@ -105,10 +106,12 @@ const rules = ref({
     area: [{ required: true, message: '请输入区域', trigger: 'blur' }],
     description: [{ required: true, message: '请输入描述', trigger: 'blur' }]
 })
-const areaTree: any = filterFirstTwoLevels(dictData.state.areaTree)
+console.log("🚀 ~ dictData.state.areaTree:", dictData.state)
+
+const areaTree: any = tree
 const props = {
-    label: 'name',
-    value: 'id',
+    label: 'text',
+    value: 'value',
     children: 'children',
     checkStrictly: true
 }
@@ -199,34 +202,7 @@ const save = () => {
         }
     })
 }
-/**
- * 过滤树结构，只保留前2层级
- */
-function filterFirstTwoLevels(tree) {
-    // 处理根节点为数组的情况（如多棵树）
-    if (Array.isArray(tree)) {
-        return tree.map(node => filterNode(node, 1)) // 根节点为第1层
-    } else {
-        // 处理单个根节点的情况
-        return filterNode(tree, 1)
-    }
 
-    function filterNode(node, level) {
-        // 复制当前节点的所有属性（避免修改原始对象）
-        const filteredNode = { ...node }
-
-        // 如果是第1层，需要保留其children（即第2层），但需过滤第2层的children
-        if (level === 1 && node.children && Array.isArray(node.children)) {
-            filteredNode.children = node.children.map(child => filterNode(child, 2))
-        }
-        // 如果是第2层或更深，直接删除children（截断层级）
-        else {
-            delete filteredNode.children
-        }
-
-        return filteredNode
-    }
-}
 </script>
 <style lang="scss">
 .customInput {
diff --git a/src/views/govern/manage/factory.vue b/src/views/govern/manage/factory.vue
index 7c3e567..29d35db 100644
--- a/src/views/govern/manage/factory.vue
+++ b/src/views/govern/manage/factory.vue
@@ -102,7 +102,7 @@
                     class="ml10"
                     icon="el-icon-Download"
                     @click="downLoadQrCode"
-                    v-if="showQrCode"
+                    :disabled="!showQrCode"
                 >
                     批量下载二维码
                 </el-button>
@@ -435,12 +435,11 @@ const tableStore = new TableStore({
                 4: '正式投运'
             },
             minWidth: 80
-           
         },
         {
             title: '操作',
             align: 'center',
-            width: '220',
+            width: 220,
             render: 'buttons',
             buttons: [
                 //直连装置注册
diff --git a/src/views/govern/manage/monthly.vue b/src/views/govern/manage/monthly.vue
index 4e3591d..fc3ee11 100644
--- a/src/views/govern/manage/monthly.vue
+++ b/src/views/govern/manage/monthly.vue
@@ -1,15 +1,25 @@
 <template>
     <div class="default-main">
-        <TableHeader datePicker ref="refheader" showExport>
+        <TableHeader datePicker ref="refheader" >
             <template v-slot:select>
+                <el-form-item label="关键字筛选">
+                    <el-input
+                        v-model.trim="tableStore.table.params.name"
+                        placeholder="请输入关键字"
+                        clearable
+                    ></el-input>
+                </el-form-item>
                 <el-form-item label="流程阶段">
-                    <el-select v-model.trim="tableStore.table.params.process" clearable placeholder="请选择状态">
+                    <el-select v-model.trim="tableStore.table.params.process" clearable placeholder="请选择">
                         <el-option label="功能调试" :value="2"></el-option>
                         <el-option label="出厂调试" :value="3"></el-option>
                         <el-option label="正式投运" :value="4"></el-option>
                     </el-select>
                 </el-form-item>
             </template>
+            <template v-slot:operation>
+                <el-button type="primary" icon="el-icon-Download" @click="exportTab">导出</el-button>
+            </template>
         </TableHeader>
         <Table ref="tableRef" />
     </div>
@@ -64,10 +74,10 @@ const tableStore = new TableStore({
             title: '数据更新时间',
             field: 'latestTime',
             width: 180,
-            sortable: true,
-            formatter: (row: any) => {
-                return row.cellValue || '/'
-            }
+            sortable: true
+            // formatter: (row: any) => {
+            //     return row.cellValue || '/'
+            // }
         },
 
         {
@@ -83,6 +93,7 @@ const tableStore = new TableStore({
             title: '流程阶段',
             field: 'process',
             width: 100,
+            fixed: 'right',
             render: 'tag',
             custom: {
                 2: 'warning',
@@ -100,6 +111,7 @@ const tableStore = new TableStore({
             title: '运行状态',
             field: 'operationalStatus',
             render: 'tag',
+            fixed: 'right',
             width: 100,
             custom: {
                 停运: 'danger',
@@ -114,6 +126,7 @@ const tableStore = new TableStore({
             title: '通讯状态',
             field: 'communicationStatus',
             width: 100,
+            fixed: 'right',
             render: 'tag',
             custom: {
                 离线: 'danger',
@@ -125,17 +138,60 @@ const tableStore = new TableStore({
             }
         },
 
-        { title: '在线率(%)', width: 100, field: 'onlineRate', sortable: true },
-        { title: '完整性(%)', width: 100, field: 'integrity', sortable: true }
+        { title: '在线率(%)', fixed: 'right',width: 100, field: 'onlineRate', sortable: true },
+        { title: '完整性(%)', fixed: 'right',width: 100, field: 'integrity', sortable: true }
     ],
-    beforeSearchFun: () => {}
+    beforeSearchFun: () => {},
+    loadCallback: () => {
+        let name = tableStore.table.params.name
+        let data = tableStore.table.copyData.filter(item => {
+            // 处理latestTime默认值
+            item.latestTime = item.latestTime || '/'
+            // 需要检查的字段列表
+            const fieldsToCheck = ['projectName', 'engineeringName', 'mac', 'devName', 'lineName']
+            console.log(
+                '🚀 ~ fieldsToCheck.some(field => item[field]?.includes(name)):',
+                fieldsToCheck.some(field => item[field]?.includes(name))
+            )
+
+            // 检查任何一个字段包含搜索名称
+            return fieldsToCheck.some(field => item[field]?.includes(name))
+        })
+
+        tableStore.table.copyData = JSON.parse(JSON.stringify(data))
+        tableStore.table.total = tableStore.table.copyData.length
+        if (data.length == 0) {
+            tableStore.table.data = []
+        } else {
+            tableStore.table.data = JSON.parse(
+                JSON.stringify(
+                    window.XEUtils.chunk(data, tableStore.table.params.pageSize)[tableStore.table.params.pageNum - 1]
+                )
+            )
+        }
+    }
 })
 
 provide('tableStore', tableStore)
 tableStore.table.params.process = 4
-//   "target": [],
-//   "type": "",
-//   "userId": ""
+tableStore.table.params.name = ''
+const tableRef = ref()
+const exportTab = () => {
+    tableRef.value.getRef()?.exportData({
+        filename: '半月报功能', // 文件名字
+        sheetName: 'Sheet1',
+        type: 'xlsx', //导出文件类型 xlsx 和 csv
+        useStyle: true,
+        data: tableStore.table.copyData, // 数据源 // 过滤那个字段导出
+        columnFilterMethod: function (column: any) {
+            return !(
+                column.column.title === undefined ||
+                column.column.title === '序号' ||
+                column.column.title === '操作'
+            )
+        }
+    })
+}
 
 onMounted(() => {})
 setTimeout(() => {