|
@@ -6,383 +6,373 @@
|
|
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
-
|
|
|
+ <script src="{{Msg "seo" "cdn"}}/wx_dataExport/js/rem.js?v={{Msg "seo" "version"}}3"></script>
|
|
|
<link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/weui.min.css?v={{Msg "seo" "version"}}">
|
|
|
- <link rel="stylesheet" type="text/css" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/base.css?v={{Msg "seo" "version"}}" />
|
|
|
+ <link rel="stylesheet" type="text/css" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/base.css?v={{Msg "seo" "version"}}4" />
|
|
|
<link rel="stylesheet" type="text/css" href="{{Msg "seo" "cdn"}}/wx_dataExport/iconfont/iconfont.css?v={{Msg "seo" "version"}}" />
|
|
|
<link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/public.css?v={{Msg "seo" "version"}}">
|
|
|
- <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/choose_area.css?v={{Msg "seo" "version"}}3">
|
|
|
- <script src="{{Msg "seo" "cdn"}}/wx_dataExport/js/rem.js?v={{Msg "seo" "version"}}"></script>
|
|
|
+ <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/choose_area.css?v={{Msg "seo" "version"}}4">
|
|
|
{{include "/common/weixin.html"}}
|
|
|
<script src="{{Msg "seo" "cdn"}}/wxswordfish/share.js?v={{Msg "seo" "version"}}"></script>
|
|
|
</head>
|
|
|
- <style>
|
|
|
- #choose_area .main .select-area-box .tab .province .checkbox:checked {
|
|
|
- border: 0;
|
|
|
- background: url(/wx_dataExport/images/xuanzhong.png) no-repeat center center;
|
|
|
- background-size: 100% 100%;
|
|
|
- }
|
|
|
- </style>
|
|
|
<body>
|
|
|
- <div id="choose_area">
|
|
|
- <main class="main">
|
|
|
- <div class="form">
|
|
|
- <div class="result">
|
|
|
- 已选择:
|
|
|
- <span class="result_name"></span>
|
|
|
- </div>
|
|
|
- <div class="select-area-box">
|
|
|
- <ul>
|
|
|
- <li >
|
|
|
- <div class="tab whole selected">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox other">全国
|
|
|
- </div>
|
|
|
- <!-- <div class="tab_content clearfix"></div> -->
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="index" id="A">A</li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">安徽
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab municipality">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">澳门
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tab_content"></div>
|
|
|
- </li>
|
|
|
- <li class="index" id="B">B</li>
|
|
|
- <li >
|
|
|
- <div class="tab municipality">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">北京
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tab_content"></div>
|
|
|
- </li>
|
|
|
- <li class="index" id="C">C</li>
|
|
|
- <li >
|
|
|
- <div class="tab municipality">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">重庆
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li class="index" id="F">F</li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">福建
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li class="index" id="G">G</li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">广东
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">广西
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">贵州
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">甘肃
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li class="index" id="H">H</li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">河北
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">湖北
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">黑龙江
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">海南
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">河南
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">湖南
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <p class="index" id="J">J</p>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">吉林
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">江苏
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">江西
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li class="index" id="L">L</li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">辽宁
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li class="index" id="N">N</li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">内蒙古
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">宁夏
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li class="index" id="Q">Q</li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">青海
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li class="index" id="S">S</li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">山西
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">陕西
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
+ <div id="choose_area">
|
|
|
+ <div class="result">
|
|
|
+ 已选择:
|
|
|
+ <span class="result_name"></span>
|
|
|
</div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab municipality">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">上海
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">山东
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">四川
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li class="index" id="T">T</li>
|
|
|
- <li >
|
|
|
- <div class="tab municipality">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">天津
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab municipality">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">台湾
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li class="index" id="X">X</li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">西藏
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">新疆
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="tab municipality">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">香港
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li class="index" id="Y">Y</li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">云南
|
|
|
- </div>
|
|
|
- <span><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
- <li class="index" id="Z">Z</li>
|
|
|
- <li >
|
|
|
- <div class="tab">
|
|
|
- <div class="province">
|
|
|
- <input type="checkbox" class="checkbox">浙江
|
|
|
- </div>
|
|
|
- <span class="down-icon"><i class="icon iconfont"></i></span>
|
|
|
- </div>
|
|
|
- <div class="tab_content clearfix"></div>
|
|
|
- </li>
|
|
|
+ <div class="form">
|
|
|
+ <div class="select-area-box">
|
|
|
+ <ul>
|
|
|
+ <li >
|
|
|
+ <div class="tab whole selected">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox other">全国
|
|
|
+ </div>
|
|
|
+ <!-- <div class="tab_content clearfix"></div> -->
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="index" id="A">A</li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">安徽
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab municipality">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">澳门
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content"></div>
|
|
|
+ </li>
|
|
|
+ <li class="index" id="B">B</li>
|
|
|
+ <li >
|
|
|
+ <div class="tab municipality">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">北京
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content"></div>
|
|
|
+ </li>
|
|
|
+ <li class="index" id="C">C</li>
|
|
|
+ <li >
|
|
|
+ <div class="tab municipality">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">重庆
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li class="index" id="F">F</li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">福建
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li class="index" id="G">G</li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">广东
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">广西
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">贵州
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">甘肃
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li class="index" id="H">H</li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">河北
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">湖北
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">黑龙江
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">海南
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">河南
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">湖南
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <p class="index" id="J">J</p>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">吉林
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">江苏
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">江西
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li class="index" id="L">L</li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">辽宁
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li class="index" id="N">N</li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">内蒙古
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">宁夏
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li class="index" id="Q">Q</li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">青海
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li class="index" id="S">S</li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">山西
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">陕西
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab municipality">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">上海
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">山东
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">四川
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li class="index" id="T">T</li>
|
|
|
+ <li >
|
|
|
+ <div class="tab municipality">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">天津
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab municipality">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">台湾
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li class="index" id="X">X</li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">西藏
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">新疆
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li >
|
|
|
+ <div class="tab municipality">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">香港
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li class="index" id="Y">Y</li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">云南
|
|
|
+ </div>
|
|
|
+ <span><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
+ <li class="index" id="Z">Z</li>
|
|
|
+ <li >
|
|
|
+ <div class="tab">
|
|
|
+ <div class="province">
|
|
|
+ <input type="checkbox" class="checkbox">浙江
|
|
|
+ </div>
|
|
|
+ <span class="down-icon"><i class="icon iconfont"></i></span>
|
|
|
+ </div>
|
|
|
+ <div class="tab_content clearfix"></div>
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
<div class="slide">
|
|
|
- <a href="javascript:;">#</a>
|
|
|
- <a href="javascript:;">A</a>
|
|
|
- <a href="javascript:;">B</a>
|
|
|
- <a href="javascript:;">C</a>
|
|
|
- <a href="javascript:;">F</a>
|
|
|
- <a href="javascript:;">G</a>
|
|
|
- <a href="javascript:;">H</a>
|
|
|
- <a href="javascript:;">J</a>
|
|
|
- <a href="javascript:;">L</a>
|
|
|
- <a href="javascript:;">N</a>
|
|
|
- <a href="javascript:;">Q</a>
|
|
|
- <a href="javascript:;">S</a>
|
|
|
- <a href="javascript:;">T</a>
|
|
|
- <a href="javascript:;">X</a>
|
|
|
- <a href="javascript:;">Y</a>
|
|
|
- <a href="javascript:;">Z</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="btn">
|
|
|
- <button class="reset-btn">重置</button>
|
|
|
- <button class="save-btn">确认</button>
|
|
|
- </div>
|
|
|
- </main>
|
|
|
+ <a href="javascript:;">#</a>
|
|
|
+ <a href="javascript:;">A</a>
|
|
|
+ <a href="javascript:;">B</a>
|
|
|
+ <a href="javascript:;">C</a>
|
|
|
+ <a href="javascript:;">F</a>
|
|
|
+ <a href="javascript:;">G</a>
|
|
|
+ <a href="javascript:;">H</a>
|
|
|
+ <a href="javascript:;">J</a>
|
|
|
+ <a href="javascript:;">L</a>
|
|
|
+ <a href="javascript:;">N</a>
|
|
|
+ <a href="javascript:;">Q</a>
|
|
|
+ <a href="javascript:;">S</a>
|
|
|
+ <a href="javascript:;">T</a>
|
|
|
+ <a href="javascript:;">X</a>
|
|
|
+ <a href="javascript:;">Y</a>
|
|
|
+ <a href="javascript:;">Z</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="btn">
|
|
|
+ <button class="reset-btn">重置</button>
|
|
|
+ <button class="save-btn">确认</button>
|
|
|
+ </div>
|
|
|
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
<script src="{{Msg "seo" "cdn"}}/wx_dataExport/js/jquery-2.1.4.js?v={{Msg "seo" "version"}}"></script>
|
|
|
<script src="{{Msg "seo" "cdn"}}/wx_dataExport/js/mapJSON.js?v={{Msg "seo" "version"}}3"></script>
|
|
|
<script>
|
|
@@ -425,7 +415,7 @@
|
|
|
});
|
|
|
function createMoreCity(arr){
|
|
|
var tempHtml = arr.map(function(v) {
|
|
|
- return '<div class="city">'+v.name.replace(/市$/g,'')+'</div>'
|
|
|
+ return '<button class="city">' + v.name.replace(/地区$/g, '市') + '</button>'
|
|
|
}).join('');
|
|
|
return tempHtml
|
|
|
}
|
|
@@ -433,34 +423,90 @@
|
|
|
/* 选中结果 */
|
|
|
function getResult() {
|
|
|
$('.result_name').empty()
|
|
|
- var data = []
|
|
|
+ var data = []; //定义一个总数组
|
|
|
+ var cityArr =[]; //定义一个选中城市数组
|
|
|
var val = $('.other').parents('.province').text().trim();
|
|
|
if ($('.other').is(':checked')) {
|
|
|
- data.push(val)
|
|
|
+ // data.push(val)
|
|
|
+ data =[{name:val,children:[]}] //全国
|
|
|
}
|
|
|
+
|
|
|
$(".tab_content").find(".city.active:not('[disabled]')").each(function () {
|
|
|
var length = $(this).parent('.tab_content').find('.city').length; //省份下城市的length
|
|
|
var activeLeng = $(this).parent('.tab_content').find('.city.active').length; //省份下选中城市的length
|
|
|
+ let arr =[];
|
|
|
// 判断省份下的城市是否等于选中的城市长度,相等就是全部选中
|
|
|
if (length == activeLeng) {
|
|
|
- data.push($(this).parent('.tab_content').siblings('.tab:not(.whole)')
|
|
|
- .children('.province').text().trim())
|
|
|
- return true;
|
|
|
+ // data.push($(this).parent('.tab_content').siblings('.tab:not(.whole)').children('.province').text().trim())
|
|
|
+
|
|
|
+ let province = $(this).parent('.tab_content').siblings('.tab:not(.whole)').children('.province').text().trim();
|
|
|
+ data.push({
|
|
|
+ name:province,
|
|
|
+ children:[]
|
|
|
+ })
|
|
|
} else {
|
|
|
- data.push($(this).parent('.tab_content').siblings('.tab:not(.whole)')
|
|
|
- .children('.province').text().trim())
|
|
|
- data.push($(this).html())
|
|
|
+ // data.push($(this).parent('.tab_content').siblings('.tab:not(.whole)').children('.province').text().trim())
|
|
|
+ // data.push($(this).html())
|
|
|
+ // console.log($(this).parent('.tab_content').find('.city.active').text().trim())
|
|
|
+
|
|
|
+ let province = $(this).parent('.tab_content').siblings('.tab:not(.whole)').children('.province').text().trim();
|
|
|
+ let city = $(this).html()
|
|
|
+ arr.push({name:city,parent:province})
|
|
|
+ // console.log(arr)
|
|
|
+ for(let i =0;i<arr.length;i++){
|
|
|
+ // console.log(arr[i])
|
|
|
+ let obj ={};
|
|
|
+ obj.name = arr[i].name;
|
|
|
+ obj.parent = arr[i].parent;
|
|
|
+ cityArr.push(obj)
|
|
|
+ }
|
|
|
+ data.push({
|
|
|
+ name:province,
|
|
|
+ children:cityArr
|
|
|
+ })
|
|
|
}
|
|
|
- // data.push($(this).html())
|
|
|
- })
|
|
|
- data = Array.from(new Set(data)); //数组去重
|
|
|
- console.log(data)
|
|
|
+ });
|
|
|
+ //数组对象去重
|
|
|
+ let obj = {};
|
|
|
+ data = data.reduce((cur,next) =>{
|
|
|
+ obj[next.name] ? "" : obj[next.name] = true && cur.push(next);
|
|
|
+ return cur
|
|
|
+ },[]);
|
|
|
+ // 数组筛选
|
|
|
+ let result = data.map(v =>{
|
|
|
+ let filterArr = v.children.filter(s =>{
|
|
|
+ return s.parent === v.name
|
|
|
+ });
|
|
|
+ return {
|
|
|
+ name:v.name,
|
|
|
+ children:filterArr
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // console.log(result)
|
|
|
var html = '';
|
|
|
- for (var i = 0; i < data.length; i++) {
|
|
|
- if (i != data.length - 1) {
|
|
|
- html += '<span>' + data[i] + '、' + '</span>'
|
|
|
- } else {
|
|
|
- html += '<span>' + data[i] + '</span>'
|
|
|
+ for (var i = 0; i < result.length; i++) {
|
|
|
+ let children = result[i].children;
|
|
|
+ if( children.length >0){
|
|
|
+ html += `<span> ${result[i].name} (</span>`;
|
|
|
+ for(var j = 0;j < children.length;j++){
|
|
|
+ if (j != children.length - 1) {
|
|
|
+ html += `<span> ${children[j].name}、</span>`
|
|
|
+ } else {
|
|
|
+ html += `<span> ${children[j].name} </span>`
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(i !=result.length -1){
|
|
|
+ html += `<span>)</span>、`
|
|
|
+ }else{
|
|
|
+ html += `<span>)</span>`
|
|
|
+ }
|
|
|
+
|
|
|
+ }else{
|
|
|
+ if(i !=result.length -1){
|
|
|
+ html += `<span>${result[i].name}、</span>`
|
|
|
+ }else{
|
|
|
+ html += `<span>${result[i].name}</span>`
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
$('.result_name').append(html)
|
|
@@ -475,11 +521,24 @@
|
|
|
document.querySelector('#' + s).scrollIntoView({block:'center'});
|
|
|
});
|
|
|
|
|
|
- $(".select-area-box .tab:not(.municipality)").on('click',function(event){
|
|
|
- $(this).toggleClass('selected').next('.tab_content').slideDown(500);
|
|
|
- $(this).parent().siblings().children('.tab_content').slideUp(500);
|
|
|
+ $(".select-area-box .tab:not(.municipality)").on('click', function (event) {
|
|
|
+ if($(this).next('.tab_content:not(:animated)').css("display") == "block"){
|
|
|
+ $(this).children().children('i').css({
|
|
|
+ "display":"inline-block",
|
|
|
+ "transform":"rotate(0)"
|
|
|
+ })
|
|
|
+ }else{
|
|
|
+ $(this).children().children('i').css({
|
|
|
+ "display":"inline-block",
|
|
|
+ "transform":"rotate(-180deg)"
|
|
|
+ })
|
|
|
+ }
|
|
|
+ $(this).toggleClass('selected').next('.tab_content:not(:animated)').slideToggle(500)
|
|
|
+ // $(this).parent().siblings().children('.tab_content').slideUp(500)
|
|
|
$(this).parent().siblings().children('.tab').removeClass('selected');
|
|
|
+
|
|
|
});
|
|
|
+ //
|
|
|
$('.province .checkbox:not(.other)').on('change',function(){
|
|
|
var isCheckded = $(this).is(':checked');
|
|
|
// console.log(isCheckded);
|
|
@@ -566,11 +625,21 @@
|
|
|
history.back();
|
|
|
});
|
|
|
$('.reset-btn').click(function(){
|
|
|
- $('input[type="checkbox"]').attr("checked",false);
|
|
|
- $('.tab_content .city').removeClass('active');
|
|
|
+ // $('input[type="checkbox"]').attr("checked",false);
|
|
|
+ // $('.tab_content .city').removeClass('active');
|
|
|
+ // $('.result_name').empty();
|
|
|
+ // $(".whole").addClass("selected");
|
|
|
+ // $(".other").prop("checked",true);
|
|
|
+ // $(".reset-btn").hide();
|
|
|
+ $('input[type="checkbox"]:not("[disabled]")').attr("checked", false)
|
|
|
+ $('.tab_content .city:not("[disabled]")').removeClass('active')
|
|
|
$('.result_name').empty();
|
|
|
- $(".whole").addClass("selected");
|
|
|
- $(".other").prop("checked",true);
|
|
|
+ $('.other').prop('checked', true);
|
|
|
+ $('.tab_content').slideUp(500);
|
|
|
+ $('.tab span i').css({
|
|
|
+ "display":"inline-block",
|
|
|
+ "transform":"rotate(0)"
|
|
|
+ });
|
|
|
$(".reset-btn").hide();
|
|
|
getResult()
|
|
|
});
|