单一窗口

snowy-admin-web/src/views/yqyc/free-trade-zone/datas.json

@@ -0,0 +1,470 @@
+{
+  "searchList" : [
+    {"pId": "yx", "id": "yx-1-1", "value": "一线径予放行业务记账管理"},
+    {"pId": "yx", "id": "yx-1-2", "value": "一线非径予放行业务记账管理"},
+    {"pId": "yx", "id": "yx-1-3", "value": "跨境电商账册管理"},
+    {"pId": "yx", "id": "yx-2-1", "value": "企业资质备案"},
+    {"pId": "yx", "id": "yx-2-2", "value": "企业台账管理"},
+    {"pId": "yx", "id": "yx-2-3", "value": "进境备案清单"},
+    {"pId": "yx", "id": "yx-2-4", "value": "一线业务管理"},
+    {"pId": "yx", "id": "yx-3-1", "value": "径予放行"},
+    {"pId": "yx", "id": "yx-3-2", "value": "标准报关"},
+    {"pId": "yx", "id": "yx-4-1", "value": "棉花进囗配额"},
+    {"pId": "yx", "id": "yx-4-2", "value": "粮食进口关税配额"},
+    {"pId": "yx", "id": "yx-5-1", "value": "进口申报"},
+    {"pId": "yx", "id": "yx-5-2", "value": "出口申报"},
+    {"pId": "dn", "id": "dn-1-1", "value": "岛内结转业务记账管理"},
+    {"pId": "dn", "id": "dn-1-2", "value": "区间结转业务记账管理"},
+    {"pId": "dn", "id": "dn-1-3", "value": "岛内销售业务记账管理"},
+    {"pId": "dn", "id": "dn-2-1","value": "零关税账册管理"},
+    {"pId": "dn", "id": "dn-2-2","value": "离岛免税账册管理"},
+    {"pId": "dn", "id": "dn-2-3","value": "加工增值账册管理"},
+    {"pId": "dn","id": "dn-3-1", "value": "货物岛内转让(同类主体）"},
+    {"pId": "dn","id": "dn-3-2", "value": "货物岛内销售(非同类主体)"},
+    {"pId": "dn","id": "dn-3-3", "value": "自用生产设备企业享惠资格申报"},
+    {"pId": "dn","id": "dn-3-4", "value": "交通工具及游艇企业享惠资格申报"},
+    {"pId": "dn","id": "dn-3-5", "value": "零关税原辅料申报"},
+    {"pId": "dn","id": "dn-3-6", "value": "零关税货物电子账册管理"},
+    {"pId": "excd", "id": "excd-1-1", "value": "二线出岛业务记账管理"},
+    {"pId": "excd", "id": "excd-1-2", "value": "零关税账册"},
+    {"pId": "excd", "id": "excd-1-3", "value": "离岛免税账册"},
+    {"pId": "excd", "id": "excd-1-4", "value": "加工增值"},
+    {"pId": "excd", "id": "excd-2-1", "value": "二线出岛货物申报"},
+    {"pId": "excd", "id": "excd-2-2", "value": "二线出岛货物数据订阅"},
+    {"pId": "excd", "id": "excd-2-3", "value": "二线出岛货物汇总分析"},
+    {"pId": "excd", "id": "excd-2-4", "value": "二线出岛货物综合查询"},
+    {"pId": "excd", "id": "excd-3-1", "value": "出口退税(外贸版)"},
+    {"pId": "excd", "id": "excd-3-2", "value": "出口退税(生产版)"},
+    {"pId": "excd", "id": "excd-3-3", "value": "离岛免税购物税款支付"},
+    {"pId": "excd", "id": "excd-3-4", "value": "二线出岛货物税单管理"},
+
+
+    {"pId": "ggzq","id": "qygl-1", "value": "企业信用"},
+    {"pId": "ggzq","id": "qygl-2", "value": "行政相对人统一管理（旧版）"},
+    {"pId": "ggzq","id": "qygl-3", "value": "进口食品化妆品进出口商备案"},
+    {"pId": "ggzq","id": "qygl-4", "value": "企业稽核查"},
+    {"pId": "ggzq","id": "dzdzh-1", "value": "空港口岸作业电子化"},
+    {"pId": "ggzq","id": "dzdzh-2", "value": "海港口岸作业电子化"},
+    {"pId": "ggzq","id": "ysgj-1", "value": "船舶"},
+    {"pId": "ggzq","id": "ysgj-2", "value": "航空器"},
+    {"pId": "ggzq","id": "ysgj-3", "value": "铁路"},
+    {"pId": "ggzq","id": "cdsb-2", "value": "空运"},
+    {"pId": "ggzq","id": "cdsb-3", "value": "铁路 "},
+    {"pId": "ggzq","id": "cdsb-1", "value": "海运"},
+    {"pId": "ggzq","id": "cdsb-4", "value": "旅客舱单"},
+    {"pId": "ggzq","id": "jyjy-1", "value": "国境口岸卫生许可"},
+    {"pId": "ggzq","id": "jyjy-2", "value": "特殊物品出入境卫生检疫审批"},
+    {"pId": "ggzq","id": "jyjy-3", "value": "过境动物、进境特定动植物及其产品"},
+    {"pId": "ggzq","id": "jyjy-4", "value": "进境粮食检验检疫管理"},
+    {"pId": "ggzq","id": "jyjy-5", "value": "进境种苗检疫管理"},
+    {"pId": "ggzq","id": "jyjy-6", "value": "进口旧机电产品装运前检验监督管理"},
+    {"pId": "ggzq","id": "jyjy-7", "value": "进口机动车VIN申报"},
+    {"pId": "ggzq","id": "jyjy-8", "value": "检疫处理"},
+    {"pId": "ggzq","id": "jyjy-9", "value": "出口农产品检疫管理"},
+    {"pId": "ggzq","id": "jyjy-10", "value": "进出口商品检验采信"},
+    {"pId": "ggzq","id": "jgzj-1", "value": "农药进出口通知单"},
+    {"pId": "ggzq","id": "jgzj-2", "value": "合法捕捞产品通关证明"},
+    {"pId": "ggzq","id": "jgzj-3", "value": "进口兽药通关单"},
+    {"pId": "ggzq","id": "jgzj-4", "value": "野生动植物进出口证书"},
+    {"pId": "ggzq","id": "jgzj-5", "value": "进口药品通关单"},
+    {"pId": "ggzq","id": "jgzj-6", "value": "民用爆炸物品进出口审批单"},
+    {"pId": "ggzq","id": "jgzj-7", "value": "引进林章梯子、苗木检疫审批单"},
+    {"pId": "ggzq","id": "jgzj-8", "value": "自动进口许可证"},
+    {"pId": "ggzq","id": "jgzj-9", "value": "出口许可证"},
+    {"pId": "ggzq","id": "jgzj-10", "value": "进口许可证"},
+    {"pId": "ggzq","id": "jgzj-11", "value": "援外项目任务通知单"},
+    {"pId": "ggzq","id": "jgzj-12", "value": "黄金及黄金制品进出口准许证"},
+    {"pId": "ggzq","id": "jgzj-13", "value": "银行调运人民币现钞进出境证明"},
+    {"pId": "ggzq","id": "jgzj-14", "value": "赴境外加工光盘进口备室证明"},
+    {"pId": "ggzq","id": "jgzj-15", "value": "音像制品(成品)进口批准单"},
+    {"pId": "ggzq","id": "jgzj-16", "value": "进口广播电影电视节目带(片)提取"},
+    {"pId": "ggzq","id": "jgzj-17", "value": "有毒化学品进出口环境管理放行通知"},
+    {"pId": "ggzq","id": "jgzj-18", "value": "农业转基因生物安全证书(进口)"},
+    {"pId": "ggzq","id": "jgzj-19", "value": "国(境)外引进农业种苗检疫审批单"},
+    {"pId": "ggzq","id": "jgzj-20", "value": "特种设备制造许可证及型式试验证书"},
+    {"pId": "ggzq","id": "jgzj-21", "value": "强制性产品认证证书或证明文件"},
+    {"pId": "ggzq","id": "jgzj-22", "value": "特殊医学用途配方食品注册证书"},
+    {"pId": "ggzq","id": "jgzj-23", "value": "保健食品注册证书或保健食品备案凭"},
+    {"pId": "ggzq","id": "jgzj-24", "value": "婴幼儿配方乳粉产品配方注册证书"},
+    {"pId": "ggzq","id": "jgzj-25", "value": "进口普通化妆品备案凭证"},
+    {"pId": "ggzq","id": "jgzj-26", "value": "进口特殊化妆品注册证书"},
+    {"pId": "ggzq","id": "jgzj-27", "value": "进口医疗器械备案/注册证"},
+    {"pId": "ggzq","id": "jgzj-28", "value": "麻精药品进出口准许证"},
+    {"pId": "ggzq","id": "jgzj-29", "value": "两用物项和技术进出口许可证"},
+    {"pId": "ggzq","id": "jgzj-30", "value": "技术出口许可证"},
+    {"pId": "ggzq","id": "jgzj-31", "value": "技术出口合同登记证"},
+    {"pId": "ggzq","id": "jgzj-32", "value": "人类选传资源材料出口、出境证明"},
+    {"pId": "ggzq","id": "jgzj-33", "value": "古生物化石出境批件"},
+    {"pId": "ggzq","id": "ycdz-1", "value": "海关原产地证书"},
+    {"pId": "ggzq","id": "ycdz-2", "value": "贸促会原产地证书"},
+    {"pId": "ggzq","id": "ycdz-3", "value": "原产地证书自助打印"},
+    {"pId": "ggzq","id": "ycdz-4", "value": "原产地证书核查"},
+    {"pId": "ggzq","id": "ycdz-5", "value": "经核准出口商管理信息化系统"},
+    {"pId": "ggzq","id": "ycdz-6", "value": "金伯利国际证书"},
+    {"pId": "ggzq","id": "ycdz-7", "value": "享惠受阻协调"},
+    {"pId": "ggzq","id": "ycdz-8", "value": "进口在途农产品关税税率适用证明"},
+    {"pId": "ggzq","id": "wptg-1", "value": "快件通关"},
+    {"pId": "ggzq","id": "wptg-2", "value": "公自用物品"},
+    {"pId": "ggzq","id": "wptg-3", "value": "邮递物品"},
+    {"pId": "ggzq","id": "wptg-4", "value": "边民互市贸易"},
+    {"pId": "ggzq","id": "wptg-5", "value": "免税商店及免税品监管"},
+    {"pId": "ggzq","id": "wptg-1", "value": "货物贸易税费支付"},
+    {"pId": "ggzq","id": "wptg-2", "value": "个人物品税款支付"},
+    {"pId": "ggzq","id": "wptg-3", "value": "船舶吨税执照申请"},
+    {"pId": "ggzq","id": "wptg-4", "value": "邮政缴税联网"},
+    {"pId": "ggzq","id": "wptg-4", "value": "寄递物品税款支付(快件)"},
+    {"pId": "ggzq","id": "wptg-4", "value": "液化天然气先征后返"},
+    {"pId": "ggzq","id": "wptg-4", "value": "离岛免税购物税款支付"},
+    {"pId": "ggzq","id": "yshj-1", "value": "口岸收费清单"},
+    {"pId": "ggzq","id": "yshj-2", "value": "口岸成本报送"},
+    {"pId": "ggzq","id": "zhfw-1", "value": "综合查询"},
+    {"pId": "ggzq","id": "zhfw-2", "value": "订阅推送"}
+  ],
+  
+"yxcrjList" : [
+  {
+    "pId": "yx-1",
+    "title": "一线企业账册管理",
+    "child" : [
+      {"id": "yx-1-1", "value": "一线径予放行业务记账管理", "url": "/hainan-login"},
+      {"id": "yx-1-2", "value": "一线非径予放行业务记账管理", "url": "/hainan-login"},
+      {"id": "yx-1-3", "value": "跨境电商账册管理", "url": "/hainan-login"}
+    ]
+  },
+  {
+    "pId": "yx-2",
+    "title": "一线零关税货物管理",
+    "child" : [
+      {"id": "yx-2-1", "value": "企业资质备案", "url": "/hainan-login"},
+      {"id": "yx-2-2", "value": "企业台账管理", "url": "/hainan-login"},
+      {"id": "yx-2-3", "value": "进境备案清单", "url": "/hainan-login"},
+      {"id": "yx-2-4", "value": "一线业务管理", "url": "/hainan-login"}
+    ]
+  },
+  {
+    "pId": "yx-3",
+    "title": "进境报关",
+    "child" : [
+      {"id": "yx-3-1", "value": "径予放行", "url": "/hainan-login"},
+      {"id": "yx-3-2", "value": "标准报关", "url": "/hainan-login"}
+    ]
+  },
+  {
+    "pId": "yx-4",
+    "title": "进口配额",
+    "child" : [
+      {"id": "yx-4-1", "value": "棉花进囗配额", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "yx-4-2", "value": "粮食进口关税配额", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+    ]
+  },
+  {
+    "pId": "yx-5",
+    "title": "一线跨境电商",
+    "child" : [
+      {"id": "yx-5-1", "value": "进口申报", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "yx-5-2", "value": "出口申报", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+    ]
+  }
+],
+"dnList": [
+  {
+    "pId": "dn-1",
+    "title": "岛内企业总账册管理",
+    "child" : [
+      {"id": "dn-1-1", "value": "岛内结转业务记账管理", "url": "/hainan-login"},
+      {"id": "dn-1-2", "value": "区间结转业务记账管理", "url": "/hainan-login"},
+      {"id": "dn-1-3", "value": "岛内销售业务记账管理", "url": "/hainan-login"}
+    ]
+  },
+  {
+    "pId": "dn-2",
+    "title": "企业分账册管理",
+    "child" : [
+      {"id": "dn-2-1", "value": "零关税账册管理", "url": "/hainan-login"},
+      {"id": "dn-2-2", "value": "离岛免税账册管理", "url": "/hainan-login"},
+      {"id": "dn-2-3", "value": "加工增值账册管理", "url": "/hainan-login"}
+    ]
+  },
+  {
+    "pId": "dn-3",
+    "title": "“零关税”管理",
+    "child" : [
+      {"id": "dn-3-1", "value": "货物岛内转让(同类主体）", "url": "/hainan-login"},
+      {"id": "dn-3-2", "value": "货物岛内销售(非同类主体)", "url": "/hainan-login"},
+      {"id": "dn-3-3", "value": "自用生产设备企业享惠资格申报", "url": "/hainan-login"},
+      {"id": "dn-3-4", "value": "交通工具及游艇企业享惠资格申报", "url": "/hainan-login"},
+      {"id": "dn-3-5", "value": "零关税原辅料申报", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dn-3-6", "value": "零关税货物电子账册管理", "url": "/hainan-login"}
+    ]
+  },
+  {
+    "pId": "dn-4",
+    "title": "加工增值",
+    "child": [
+      {"id": "dn-4-1", "value": "进口自主声明", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dn-4-2", "value": "区内加工增值", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dn-4-3", "value": "区外加工增值扩区", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dn-4-4", "value": "加工增值产品退货退税", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dn-4-5", "value": "货物出区申报", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+    ]
+  },
+  {
+    "pId": "dn-5",
+    "title": "离岛免税",
+    "child": [
+      {"id": "dn-5-1", "value": "离岛免税消费查询", "url": "http://www.singlewindow.hn.cn/hnsw-cdf-queryserver/view/index.html"},
+      {"id": "dn-5-2", "value": "离岛免税公共服务", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dn-5-3", "value": "物码溯源", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+    ]
+  },
+  {
+    "pId": "dn-6",
+    "title": "加贸保税",
+    "child": [
+      {"id": "dn-6-1", "value": "加工贸易手册", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dn-6-2", "value": "加工贸易账册", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dn-6-3", "value": "保税物流管理", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dn-6-4", "value": "保税货物流转", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dn-6-5", "value": "保税担保管理", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dn-6-6", "value": "委托授权", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dn-6-7", "value": "出境加工", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dn-6-8", "value": "海关特殊监管区域", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dn-6-9", "value": "海南零关税设备、交通工具及游艇", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dn-6-10", "value": "边角料网上拍卖", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+    ]
+  }
+],
+"excdList": [
+  {
+    "pId": "excd-1",
+    "title": "二线企业账册管理",
+    "child" : [
+      {"id": "excd-1-1", "value": "二线出岛业务记账管理", "url": "/hainan-login"},
+      {"id": "excd-1-2", "value": "零关税账册", "url": "/hainan-login"},
+      {"id": "excd-1-3", "value": "离岛免税账册", "url": "/hainan-login"},
+      {"id": "excd-1-4", "value": "加工增值", "url": "/hainan-login"}
+    ]
+  },
+  {
+    "pId": "excd-2",
+    "title": "二线货物申报",
+    "child" : [
+      {"id": "excd-2-1", "value": "二线出岛货物申报", "url": "/hainan-login"},
+      {"id": "excd-2-2", "value": "二线出岛货物数据订阅", "url": "/hainan-login"},
+      {"id": "excd-2-3", "value": "二线出岛货物汇总分析", "url": "/hainan-login"},
+      {"id": "excd-2-4", "value": "二线出岛货物综合查询", "url": "/hainan-login"}
+    ]
+  },
+  {
+    "pId": "excd-3",
+    "title": "税务服务",
+    "child" : [
+      {"id": "excd-3-1", "value": "出口退税(外贸版)", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "excd-3-2", "value": "出口退税(生产版)", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "excd-3-3", "value": "离岛免税购物税款支付", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "excd-3-4", "value": "二线出岛货物税单管理", "url": "/hainan-login"}
+    ]
+  }
+],
+"ggzqList": [
+  {
+    "title": "企业管理",
+    "child": [
+      {"id": "qygl-1", "value": "企业信用", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "qygl-2", "value": "行政相对人统一管理（旧版）", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "qygl-3", "value": "进口食品化妆品进出口商备案", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "qygl-4", "value": "企业稽核查", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+    ]
+  },
+  {
+    "title": "单证电子化",
+    "child": [
+      {"id": "dzdzh-1", "value": "空港口岸作业电子化", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "dzdzh-2", "value": "海港口岸作业电子化", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+     ]
+  },
+  {
+    "title": "运输工具",
+    "child": [
+      {"id": "ysgj-1", "value": "船舶", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "ysgj-2", "value": "航空器", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "ysgj-3", "value": "铁路", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+     ]
+  },
+  {
+    "title": "舱单申报",
+    "child": [
+      {"id": "cdsb-1", "value": "海运", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "cdsb-2", "value": "空运", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "cdsb-3", "value": "铁路 ", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "cdsb-4", "value": "旅客舱单", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+     ]
+  },
+  {
+    "title": "检验检疫",
+    "child": [
+      {"id": "jyjy-1", "value": "国境口岸卫生许可", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jyjy-2", "value": "特殊物品出入境卫生检疫审批", "url": "https://app.singlewindow.cn/cas/login?_loginInternetPlus=1&service=https%3A%2F%2Fswapp.singlewindow.cn%2Ftswpwebserver%2Fj_spring_cas_security_check"},
+      {"id": "jyjy-3", "value": "过境动物、进境特定动植物及其产品", "url": "https://swapp.singlewindow.cn/iapqwebserver/static/home_sw.html"},
+      {"id": "jyjy-4", "value": "进境粮食检验检疫管理", "url": "http://apq.customs.gov.cn/"},
+      {"id": "jyjy-5", "value": "进境种苗检疫管理", "url": "http://apq.customs.gov.cn/"},
+      {"id": "jyjy-6", "value": "进口旧机电产品装运前检验监督管理", "url": "https://swapp.singlewindow.cn/psiiumewebserver/static/home.html"},
+      {"id": "jyjy-7", "value": "进口机动车VIN申报", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jyjy-8", "value": "检疫处理", "url": "https://swapp.singlewindow.cn/qtdwebserver/static/home.html"},
+      {"id": "jyjy-9", "value": "出口农产品检疫管理", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jyjy-10", "value": "进出口商品检验采信", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+     ]
+  },
+  {
+    "title": "监管证件",
+    "child": [
+      {"id": "jgzj-1", "value": "农药进出口通知单", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-2", "value": "合法捕捞产品通关证明", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-3", "value": "进口兽药通关单", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-4", "value": "野生动植物进出口证书", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-5", "value": "进口药品通关单", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-6", "value": "民用爆炸物品进出口审批单", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-7", "value": "引进林章梯子、苗木检疫审批单", "url": "https://swapp.singlewindow.cn/itsqapplywebserver/static/home.html"},
+      {"id": "jgzj-8", "value": "自动进口许可证", "url": "https://swapp.singlewindow.cn/naliserver/static/home.html"},
+      {"id": "jgzj-9", "value": "出口许可证", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-10", "value": "进口许可证", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-11", "value": "援外项目任务通知单", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-12", "value": "黄金及黄金制品进出口准许证", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-13", "value": "银行调运人民币现钞进出境证明", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-14", "value": "赴境外加工光盘进口备室证明", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-15", "value": "音像制品(成品)进口批准单", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-16", "value": "进口广播电影电视节目带(片)提取", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-17", "value": "有毒化学品进出口环境管理放行通知", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-18", "value": "农业转基因生物安全证书(进口)", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-19", "value": "国(境)外引进农业种苗检疫审批单", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-20", "value": "特种设备制造许可证及型式试验证书", "url": "https://swapp.singlewindow.cn/gioswebserver/static/home.html"},
+      {"id": "jgzj-21", "value": "强制性产品认证证书或证明文件", "url": "https://swapp.singlewindow.cn/iecapplyserver/static/home.html"},
+      {"id": "jgzj-22", "value": "特殊医学用途配方食品注册证书", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-23", "value": "保健食品注册证书或保健食品备案凭", "url": "https://swapp.singlewindow.cn/iecapplyserver/static/homepage.html"},
+      {"id": "jgzj-24", "value": "婴幼儿配方乳粉产品配方注册证书", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-25", "value": "进口普通化妆品备案凭证", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-26", "value": "进口特殊化妆品注册证书", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-27", "value": "进口医疗器械备案/注册证", "url": "https://swapp.singlewindow.cn/iecapplyserver/static/mahomepage.html"},
+      {"id": "jgzj-28", "value": "麻精药品进出口准许证", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-29", "value": "两用物项和技术进出口许可证", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-30", "value": "技术出口许可证", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-31", "value": "技术出口合同登记证", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-32", "value": "人类选传资源材料出口、出境证明", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "jgzj-33", "value": "古生物化石出境批件", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+    ]
+  },
+  {
+    "title": "原产地证",
+    "child": [
+      {"id": "ycdz-1", "value": "海关原产地证书", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "ycdz-2", "value": "贸促会原产地证书", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "ycdz-3", "value": "原产地证书自助打印", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "ycdz-4", "value": "原产地证书核查", "url": "https://origin.customs.gov.cn/"},
+      {"id": "ycdz-5", "value": "经核准出口商管理信息化系统", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "ycdz-6", "value": "金伯利国际证书", "url": "https://swapp.singlewindow.cn/gioswebserver/static/homekbl.html"},
+      {"id": "ycdz-7", "value": "享惠受阻协调", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "ycdz-8", "value": "进口在途农产品关税税率适用证明", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+    ]
+  },
+  {
+    "title": "物品通关",
+    "child": [
+      {"id": "wptg-1", "value": "快件通关", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "wptg-2", "value": "公自用物品", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "wptg-3", "value": "邮递物品", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "wptg-4", "value": "边民互市贸易", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "wptg-5", "value": "免税商店及免税品监管", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+     ]
+  },
+  {
+    "title": "税费办理",
+    "child": [
+      {"id": "wptg-1", "value": "货物贸易税费支付", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "wptg-2", "value": "个人物品税款支付", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "wptg-3", "value": "船舶吨税执照申请", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "wptg-4", "value": "邮政缴税联网", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "wptg-4", "value": "寄递物品税款支付(快件)", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "wptg-4", "value": "液化天然气先征后返", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "wptg-4", "value": "离岛免税购物税款支付", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+     ]
+  },
+  {
+    "title": "营商环境",
+    "child": [
+      {"id": "yshj-1", "value": "口岸收费清单", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "yshj-2", "value": "口岸成本报送", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+    ]
+  },
+  {
+    "title": "综合服务",
+    "child": [
+      {"id": "zhfw-1", "value": "综合查询", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"},
+      {"id": "zhfw-2", "value": "订阅推送", "url": "https://app.singlewindow.cn/cas/login?service=https%3A%2F%2Fhiapp.singlewindow.cn%2Fdeskserver%2Fj_spring_cas_security_check&menu_id=pes"}
+    ]
+  }
+],
+"newsList": [
+  {
+    "title":"身份认证管理系统和制发卡及数字证书服务系统停机维护的公告",
+    "date": "2024-08-05 10:07:52",
+    "source": "中国电子口岸数据中心",
+    "url": "http://www.singlewindow.hn.cn/hnsw-portal/noticeContant?noticeType=1&noticeId=575f8c5fcc5447819b05c161d7751879"
+  },
+  {
+    "title":"上半年我国货物贸易进出口增长6.1%",
+    "date": "2024-07-30 14:57:05",
+    "source": "中国海关传媒",
+    "url": "http://www.singlewindow.hn.cn/hnsw-portal/noticeContant?noticeType=1&noticeId=88074a0a52a44e92bc07571906552ec3"
+  },
+  {
+    "title":"海南省国际商务促进中心举办2024年第七期“单一窗口”标准版系统线上培训",
+    "date": "2024-07-26 15:55:32",
+    "source": "中国电子口岸数据中心",
+    "url": "http://www.singlewindow.hn.cn/hnsw-portal/noticeContant?noticeId=47eb8eecd590441fa72adfc1c6c40afc&noticeType=1"
+  },
+  {
+    "title":"海南省商务厅（口岸办）举办2024年海南国际贸易“单一窗口”（第一期）业...",
+    "date": "2024-07-26 08:41:23",
+    "source": "中国电子口岸数据中心",
+    "url": "http://www.singlewindow.hn.cn/hnsw-portal/noticeContant?noticeId=5fa2c3f2a56e406ba4e89edb4f4c5bff&noticeType=1"
+  },
+  {
+    "title":"数据中心关于身份认证管理系统和制发卡及数字证书服务系统停机维护的公...",
+    "date": "2024-07-25 10:54:42",
+    "source": "中国电子口岸数据中心",
+    "url": "http://www.singlewindow.hn.cn/hnsw-portal/noticeContant?noticeId=d3be14e3401e4af982a6f9ab1dee4ea5&noticeType=1"
+  }
+],
+"noticeList": [
+  {
+    "title":"海关总署公告2024年第32号（关于实施海关预裁定展期等有关事项的公告）",
+    "date": "2024-03-29 16:20:52 ",
+    "source": "海关总署",
+    "url": "http://www.singlewindow.hn.cn/hnsw-portal/noticeContant?noticeId=204e94e82a434657b6050ade06a82ffd&noticeType=2"
+  },
+  {
+    "title":"关于货物申报系统报关单报文规范调整的通知",
+    "date": "2023-12-22 08:22:42 ",
+    "source": "北京国际贸易单一窗口",
+    "url": "http://www.singlewindow.hn.cn/hnsw-portal/noticeContant?noticeId=0d826476f0d248f9ad7f08d896daf9c6&noticeType=2"
+  },
+  {
+    "title":"财政部 海关总署 税务总局关于延续实施跨境电子商务出口退运商品税收政策...",
+    "date": "2023-08-31 16:33:00",
+    "source": "海关发布",
+    "url": "http://www.singlewindow.hn.cn/hnsw-portal/noticeContant?noticeId=297bf7f44acf49f9b66fad72a070ff6e&noticeType=2"
+  },
+  {
+    "title":"海关总署公告2023年第94号（关于发布2023年商品归类决定的公告）",
+    "date": "2023-08-03 15:04:08",
+    "source": "海关发布",
+    "url": "http://www.singlewindow.hn.cn/hnsw-portal/noticeContant?noticeId=99dbcbfe4c604d0dbd0595db4acd342f&noticeType=2"
+  },
+  {
+    "title":"关于增加“银行业金融机构申请开展海关税款电子支付和税款保函联网传输业...",
+    "date": "2023-07-28 17:41:33 ",
+    "source": "中国国际贸易单一窗口",
+    "url": "http://www.singlewindow.hn.cn/hnsw-portal/noticeContant?noticeId=93affae6ae0a4bd0822e35c7a3b394c0&noticeType=2"
+  }
+]
+}

snowy-admin-web/src/views/yqyc/free-trade-zone/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="free-main">
+	<div class="free-main" id="free-main">
 		<div class="free-head">
       <div class="logo">
         <a target="_blank">
@@ -19,40 +19,41 @@
     </div>
 		<div class="free-content">
       <div class="top-box">
-        <div class="top-item-1">海南自由贸易便利化服务专区</div>
-        <div class="top-item-2">Hainan Free Trade Special Services Zone</div>
-        <div class="top-item-3"><img src="./img/icon-top-3.png" alt=""></div>
+        <div class="top-item-1"><img src="./img/icon-top-1.png" alt=""></div>
+        <!-- <div class="top-item-2">Hainan Free Trade Special Services Zone</div>
+        <div class="top-item-3"><img src="./img/icon-top-3.png" alt=""></div> -->
         <div class="search">
-          <a-input
-            style="width: 50%"
-            v-model:value="state.value2"
-            placeholder="请输入关键字进行查询"
-          >
-            <template #addonAfter>
-              <div class="search-img">
-                <img src="./img/icon-search.png" alt="">
-              </div>
+           <a-auto-complete
+              v-model:value="state.value2"
+              :dropdown-match-select-width="252"
+              :options="state.options"
+               @search="handleSearch"
+              style="width: 50%"
+            >
+              <template #default>
+                <a-input
+                v-model:value="state.value2"
+                placeholder="请输入关键字进行查询"
+               
+              >
+                <template #addonAfter>
+                <div class="search-img">
+                  <img src="./img/icon-search.png" alt="">
+                </div>
+                </template>
+              </a-input>
             </template>
-          </a-input>
+            <template #option="item">
+              <div @click="handleSearchAnchor(item.pId, item.id)" >{{item.value}}</div>
+            </template>
+           </a-auto-complete>
         </div>
         <div class="top-item-4"><span>热搜词:</span> <span v-for="item,key in state.hotWord" :key=key>{{item}}</span></div>
         <div class="top-item-5">
-          <!-- <span v-for="item,key in state.itemList" :key=key>
+          <span v-for="item,key in state.itemList" :key=key @click="handleAnchor(`box-${key}`)">
             <img :src="getImg(`icon-${key+1}`)" alt="">
             {{item}}
-          </span> -->
-          <a-anchor :affix="false" :offsetTop="state.offsetTop">
-             <template v-for="item,key in state.itemList" :key=key>
-              <a-anchor-link :href="'#box-' + key">
-                <template #title>
-                  <span>
-                    <img :src="getImg(`icon-${key+1}`)" alt="">
-                    {{item}}
-                  </span>
-                </template>
-              </a-anchor-link>
-             </template>
-          </a-anchor>
+          </span>
         </div>
       </div>
       <div class="cytj-box" id="box-0">
@@ -62,7 +63,7 @@
         </div>
       </div>
       <div class="tszq-box" id="box-1">
-        <div class="title">特色专区</div>
+        <div class="title"><img src="./img/tszq.png" alt=""></div>
         <div class="cards">
           <div class="tab-list">
             <div :class="state.tszqTabVal == 0 ? 'tab-active': ''" @click="state.tszqTabVal = 0">一线出入境</div>
@@ -70,55 +71,95 @@
             <div :class="state.tszqTabVal == 2 ? 'tab-active': ''" @click="state.tszqTabVal = 2">二线出岛</div>
           </div>
           <div class="cards-list" v-if="state.tszqTabVal == 0">
-            <div class="card-item" v-for="item,key in state.yxcrjList" :key="key">
+            <div class="card-item" v-for="item,key in jsondatas.yxcrjList" :key="key">
               <div class="item-title">
                 <img :src="getImg(`yx-${key+1}`)" alt="">
                 {{item.title}}
               </div>
               <div class="item-content">
-                <span  v-for="el,idx in item.child" :key="idx">{{el}}</span>
+                <span 
+                  v-for="el,idx in item.child" 
+                  :key="idx" :id="el.id" 
+                  @click="handleLink(el.url, el.id)"
+                  :class="state.currentKey == el.id? 'keyColor': ''">
+                  
+                  <a-tooltip>
+                    <template #title>{{el.value}}</template>
+                    {{el.value}}
+                  </a-tooltip>
+                </span>
               </div>
             </div>
           </div>
           <div class="cards-list" v-if="state.tszqTabVal == 1">
-            <div class="card-item" v-for="item,key in state.dnList" :key="key">
+            <div class="card-item" v-for="item,key in jsondatas.dnList" :key="key">
               <div class="item-title">
                 <img :src="getImg(`dn-${key+1}`)" alt="">
                 {{item.title}}
               </div>
               <div class="item-content">
-                <span  v-for="el,idx in item.child" :key="idx">{{el}}</span>
+                <span 
+                  v-for="el,idx in item.child" 
+                  :key="idx" :id="el.id" 
+                  @click="handleLink(el.url, el.id)"
+                  :class="state.currentKey == el.id? 'keyColor': ''">
+                  
+                  <a-tooltip>
+                    <template #title>{{el.value}}</template>
+                    {{el.value}}
+                  </a-tooltip>
+                </span>
               </div>
             </div>
           </div>
           <div class="cards-list" v-if="state.tszqTabVal == 2">
-            <div class="card-item" v-for="item,key in state.excdList" :key="key">
+            <div class="card-item" v-for="item,key in jsondatas.excdList" :key="key">
               <div class="item-title">
                 <img :src="getImg(`excd-${key+1}`)" alt="">
                 {{item.title}}
               </div>
               <div class="item-content">
-                <span  v-for="el,idx in item.child" :key="idx">{{el}}</span>
+                <span 
+                  v-for="el,idx in item.child" 
+                  :key="idx" :id="el.id" 
+                  @click="handleLink(el.url, el.id)"
+                  :class="state.currentKey == el.id? 'keyColor': ''">
+                  
+                  <a-tooltip>
+                    <template #title>{{el.value}}</template>
+                    {{el.value}}
+                  </a-tooltip>
+                </span>
               </div>
             </div>
           </div>
         </div>
       </div>
       <div class="ywld-box" id="box-2">
-        <div class="title">业务联动</div>
-        <img src="./img/ywld.png" alt="">
+        <div class="title"><img src="./img/ywld.png" alt=""></div>
+        <img src="./img/ywld-bg.png" alt="">
       </div>
       <div class="ggzq-box" id="box-3">
-        <div class="title">公共专区</div>
+        <div class="title"><img src="./img/ggzq.png" alt=""></div>
         <div class="cards">
           <div class="cards-list">
-            <div class="card-item" v-for="item,key in state.ggzqList" :key="key">
+            <div class="card-item" v-for="item,key in jsondatas.ggzqList" :key="key">
               <div class="item-title">
                 <img :src="getImg(`ggzq-${key+1}`)" alt="">
                 {{item.title}}
               </div>
               <div class="item-content">
-                <span  v-for="el,idx in item.child" :key="idx">{{el}}</span>
+                <span 
+                  v-for="el,idx in item.child" 
+                  :key="idx" :id="el.id" 
+                  @click="handleLink(el.url, el.id)"
+                  :class="state.currentKey == el.id? 'keyColor': ''">
+                  
+                  <a-tooltip>
+                    <template #title>{{el.value}}</template>
+                    {{el.value}}
+                  </a-tooltip>
+                </span>
               </div>
             </div>
           </div>
@@ -127,7 +168,7 @@
       <div class="news-box">
         <div class="news-lf" id="box-4">
           <div class="top-search">
-            <div><img src="./img/icon-zx.png" alt=""> <span>最新资讯</span></div>
+            <div><img src="./img/icon-zx.png" alt=""> <span><img src="./img/zzzx.png" alt=""></span></div>
             <div>
               <a-input
                 style="width: 274px"
@@ -144,38 +185,29 @@
             </div>
           </div>
           <div class="news-item">
-            <div>
-               <img src="./img/icon-news.png" alt="">
-                <div>
-                  <div class="news-item-title">我省“公民身后一件事”联办服务上线</div>
-                  <div class="news-item-content"><span>时间：2023年9月23日 17:00</span> &nbsp;&nbsp;&nbsp;<span>来源：海南省人民政府网</span></div>
-                </div>
-            </div>
-            <div>
-               <img src="./img/icon-news.png" alt="">
-                <div>
-                  <div class="news-item-title">我省“公民身后一件事”联办服务上线</div>
-                  <div class="news-item-content"><span>时间：2023年9月23日</span> &nbsp;&nbsp;&nbsp;<span>来源：海南省人民政府网</span></div>
-                </div>
-            </div>
-            <div>
+            <div v-for="item,key in state.newsList" :key="key" @click="handleNew(item.url)">
                <img src="./img/icon-news.png" alt="">
                 <div>
-                  <div class="news-item-title">我省“公民身后一件事”联办服务上线</div>
-                  <div class="news-item-content"><span>时间：2023年9月23日</span> &nbsp;&nbsp;&nbsp;<span>来源：海南省人民政府网</span></div>
+                  <a-tooltip>
+                  <template #title>{{item.title}}</template>
+                    <div class="news-item-title">
+                        {{item.title}}
+                    </div>
+                  </a-tooltip>
+                  <div class="news-item-content"><span>时间：{{item.date}}</span> &nbsp;&nbsp;&nbsp;<span>来源：{{item.source}}</span></div>
                 </div>
             </div>
           </div>
           <a-pagination
-            show-size-changer
-            v-model:current="state.current"
-            v-model:pageSize="state.pageSize"
-            :total="500"
+            show-less-items 
+            v-model:current="state.current1"
+            :total="20"
+            @change="handleNewsPage"
           />
         </div>
         <div class="news-rt" id="box-5">
           <div class="top-search">
-            <div><img src="./img/icon-tz.png" alt=""> <span>通知公告</span></div>
+            <div><img src="./img/icon-tz.png" alt=""> <span><img src="./img/tzgg.png" alt=""></span></div>
             <div>
               <a-input
                 style="width: 274px"
@@ -192,33 +224,24 @@
             </div>
           </div>
           <div class="news-item">
-            <div>
-               <img src="./img/icon-news.png" alt="">
-                <div>
-                  <div class="news-item-title">我省“公民身后一件事”联办服务上线</div>
-                  <div class="news-item-content"><span>时间：2023年9月23日 17:00</span> &nbsp;&nbsp;&nbsp;<span>来源：海南省人民政府网</span></div>
-                </div>
-            </div>
-            <div>
-               <img src="./img/icon-news.png" alt="">
-                <div>
-                  <div class="news-item-title">我省“公民身后一件事”联办服务上线</div>
-                  <div class="news-item-content"><span>时间：2023年9月23日</span> &nbsp;&nbsp;&nbsp;<span>来源：海南省人民政府网</span></div>
-                </div>
-            </div>
-            <div>
+            <div v-for="item,key in state.noticeList" :key="key" @click="handleNew(item.url)">
                <img src="./img/icon-news.png" alt="">
                 <div>
-                  <div class="news-item-title">我省“公民身后一件事”联办服务上线</div>
-                  <div class="news-item-content"><span>时间：2023年9月23日</span> &nbsp;&nbsp;&nbsp;<span>来源：海南省人民政府网</span></div>
+                  <a-tooltip>
+                  <template #title>{{item.title}}</template>
+                    <div class="news-item-title">
+                        {{item.title}}
+                    </div>
+                  </a-tooltip>
+                  <div class="news-item-content"><span>时间：{{item.date}}</span> &nbsp;&nbsp;&nbsp;<span>来源：{{item.source}}</span></div>
                 </div>
             </div>
           </div>
           <a-pagination
-            show-size-changer
-            v-model:current="state.current"
-            v-model:pageSize="state.pageSize"
-            :total="500"
+            show-less-items 
+            v-model:current="state.current2"
+            :total="20"
+            @change="handleNoticePage"
           />
         </div>
       </div>
@@ -230,6 +253,7 @@
 <script setup lang="ts">
 import {getCurrentInstance, reactive, onMounted} from "vue";
 import { useRoute, useRouter } from 'vue-router'
+import jsondatas from './datas.json'
 const {proxy} = getCurrentInstance()
 const router = useRouter()
 function getImg(name) {
@@ -239,7 +263,8 @@ function getImg(name) {
 const state: any = reactive({
   value1: '1',
   value2: '',
-  hotWord: ['申报','申报','申报','申报','申报'],
+  options: jsondatas.searchList,
+  hotWord: ['申报','放行','海运','税单','资质备案'],
   itemList: [
     '热点推荐',
     '特色专区',
@@ -250,52 +275,74 @@ const state: any = reactive({
   ],
   cytjList: ['二线出岛零关税货物申报','二线出岛货物申报综合查询','二线出岛货物税单管理','二线出岛业务记账管理','零关税货物管理','企业资质备案','二线业务管理','业务联动'],
   recommendVal: null,
-  tszqTabVal: '',
-  yxcrjList: [
-    {title: '一线企业账册管理', child:['一线径予放行业务记账管理','一线非径予放行业务记账管理','跨境电商账册管理']},
-    {title: '一线零关税货物管理', child:['企业资质备案','企业台账管理','进境备案清单','一线业务管理']},
-    {title: '进境报关', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '进口配额', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '一线跨境电商', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-  ],
-  dnList: [
-    {title: '岛内企业总账册管理', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '岛内企业分账册管理', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '“零关税”管理', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '加工增值', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '离岛免税', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '加贸保税', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-  ],
-  excdList: [
-    {title: '二线企业账册管理', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '二线货物申报', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '税务服务', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-  ],
-  ggzqList: [
-    {title: '企业管理', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理','企业台账管理','企业台账管理','企业台账管理']},
-    {title: '单证电子化', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '运输工具', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '舱单申报', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '检验检疫', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '监管证件', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '原产地证', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '物品通关', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '税费办理', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '营商环境', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '金融服务', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-    {title: '综合服务', child:['一线径予放行业一线径予放行业','跨境电商账册管...','企业台账管理']},
-  ],
-  current: 1,
-  pageSize: 20,
-  offsetTop:  window.innerHeight / 2
+  tszqTabVal: 0,
+  current1: 1,
+  current2: 1,
+  currentKey: '',
+  newsList: jsondatas.newsList.slice(0,3),
+  noticeList: jsondatas.noticeList.slice(0,3)
 })
+const handleSearch = (val: string) => {
+  if(val.length) {
+    state.options = jsondatas.searchList.filter(item => item.value.includes(val))
+  } else {
+    state.options = jsondatas.searchList
+    state.currentKey = ""
+  }
+};
+const handleLink = (url, id) => {
+  state.currentKey = id
+  const path = router.resolve({ path: url })
+  window.open(path.href, "_blank");
+}
 const handleRecommend = (val) => {
   state.recommendVal = val
-  router.push('/hainan-login')
+  const path = router.resolve({ path: '/hainan-login' })
+  window.open(path.href, "_blank");
 }
-const handleAnchor = (e, l) => {
-  console.log(e,l,'55')
-  e.preventDefault()
+const handleNew = (url) => {
+  window.open(url, "_blank");
+}
+const handleSearchAnchor = (pId, id) => {
+  nextTick(() => {
+    state.currentKey = id
+    const main = document.getElementById('free-main')
+    const isBox = pId.includes('ggzq') ? 'box-3' : 'box-1'
+    if(pId.includes('yx')) {
+      state.tszqTabVal = 0
+    } else if(pId.includes('dn')) {
+       state.tszqTabVal = 1
+    } else if(pId.includes('ex')) {
+       state.tszqTabVal = 2
+    }
+    const el = document.getElementById(isBox).getBoundingClientRect().top + main.scrollTop - 72
+    main.scrollTo({
+      top: el,
+      behavior: 'smooth'
+    });
+  })
+}
+const handleAnchor = (id) => {
+  const main = document.getElementById('free-main')
+  const el = document.getElementById(id).getBoundingClientRect().top + main.scrollTop - 72
+  main.scrollTo({
+    top: el,
+    behavior: 'smooth'
+  });
+}
+const handleNewsPage = (page) => {
+  if(page == 1) {
+    state.newsList = jsondatas.newsList.slice(0,3)
+  } else if(page ==2) {
+    state.newsList = jsondatas.newsList.slice(3)
+  }
+}
+const handleNoticePage = (page) => {
+  if(page == 1) {
+    state.noticeList = jsondatas.noticeList.slice(0,3)
+  } else if(page ==2) {
+    state.noticeList = jsondatas.noticeList.slice(3)
+  }
 }
 </script>
 
@@ -304,6 +351,7 @@ const handleAnchor = (e, l) => {
     overflow: auto;
     width: 100%;
     height: 100%;
+    position: relative;
   .free-head {
     display: flex;
     padding: 0 23px;
@@ -311,7 +359,7 @@ const handleAnchor = (e, l) => {
     width: 100%;
     position: fixed;
     top: 0;
-    // z-index: 1999;
+    z-index: 1999;
     background:  rgba(0,0,0,0.2);
     color: #fff;
     .logo {
@@ -395,6 +443,7 @@ const handleAnchor = (e, l) => {
         font-weight: 400;
         font-size: 56px;
         color: #000;
+        margin-bottom: 48px;
       }
       .top-item-2 {
         font-family: PingFang SC, PingFang SC;
@@ -407,7 +456,6 @@ const handleAnchor = (e, l) => {
         font-weight: 400;
         font-size: 24px;
         margin-top: 16px;
-        margin-bottom: 48px;
       }
       .search {
         width: 100%;
@@ -435,14 +483,10 @@ const handleAnchor = (e, l) => {
         }
       }
       .top-item-5 {
-        :deep(.ant-anchor-link) {
-          float: left;
-        }
-        :deep(.ant-anchor-ink) {
-          display: none;
-        }
+        display: flex;
+        flex-wrap: wrap;
+        column-gap: 12px;
         span {
-          display: inline-block;
           width: 146px;
           height: 72px;
           line-height: 72px;
@@ -596,6 +640,9 @@ const handleAnchor = (e, l) => {
               padding: 0 16px;
             }
           }
+          .keyColor {
+            color: #2E81FF !important;
+          }
         }
       }
     }
@@ -633,7 +680,9 @@ const handleAnchor = (e, l) => {
         border-radius: 8px;
         display: flex;
         flex-wrap: wrap;
-        justify-content: space-between;
+        column-gap: 12px;
+        align-content: space-between;
+        justify-content: flex-start;
         .card-item {
           width: 373px;
           height: 198px;
@@ -681,6 +730,9 @@ const handleAnchor = (e, l) => {
               margin: 5px 0;
               padding: 0 16px;
             }
+            .keyColor {
+              color: #2E81FF !important;
+            }
           }
         }
       }
@@ -697,6 +749,7 @@ const handleAnchor = (e, l) => {
         width: 588px;
         height: 472px;
         padding: 24px;
+        position: relative;
         .top-search {
           display: flex;
           >:first-child {
@@ -723,6 +776,12 @@ const handleAnchor = (e, l) => {
             cursor: pointer;
           }
         }
+      
+        :deep(.ant-pagination) {
+          position: absolute;
+          bottom: 24px;
+          right: 24px;
+        }
       }
       .news-item {
         display: flex;
@@ -748,6 +807,10 @@ const handleAnchor = (e, l) => {
             font-weight: bold;
             font-size: 20px;
             color: #303133;
+            width: 324px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
           }
           .news-item-content {
             color: #909399;