首页地图相关功能。

src/main/resources/static/route/defaultindex/include.html

@@ -6,6 +6,8 @@
     <meta name="renderer" content="webkit">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="assets/layuiadmin/layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="assets/layuiadmin/style/admin.css" media="all">
     <style>
         *{margin:0;padding:0;}
         [v-cloak]{display: none}
@@ -14,10 +16,7 @@
         .tab{margin-bottom: 10px;float: right;width: 74%;height:140px;overflow-y: auto}
         .top:after, .tab:after, .list:after{content: '';display: block;clear: both}
         .logo-box{float: left;width:25%;}
-        .logo{max-width: 100%}
+        .logo{max-width: 100%;height:205px;}
-        .tab-box{padding-right: 5px;float:left;box-sizing: border-box;width:32%;margin-right: 2%;margin-bottom: 10px;}
-        .tab-box:nth-child(3n){margin-right: 0}
-        .box{border:1px solid #DDD;border-radius: 5px;padding: 5px;height: 60px;box-sizing: border-box}
         .box h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;font-weight: normal;color: #000;}
         .list-box{float:left;width: 32%;margin-right: 2%;padding: 5px;box-sizing: border-box;border-radius: 5px}
         .list-box:last-child{margin-right: 0}
@@ -35,10 +34,20 @@
             <div class="logo-box">
                 <img :src="'route/file/downloadfile/false/' + partyOrganizeData.logo" alt="" class="logo">
             </div>
-            <div class="tab" v-cloak>
+            <div class="layui-col-md6" style="width: 739px;">
-                <div class="tab-box" v-for="tab in tabList">
+                <div class="layui-card" style="background-color: transparent">
-                    <div class="box" v-on:click="showPartyMemberList(tab.url, tab.count, tab.msgTitle);">
+                    <div class="layui-card-body">
+                        <div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;background-color: transparent">
+                            <div style="background-color: transparent">
+                                <ul class="layui-row layui-col-space10 layui-this" v-cloak>
+                                    <li class="layui-col-xs6" v-for="tab in tabList" style="width: 236px;">
+                                        <a @click="showPartyMemberList(tab.url, tab.count, tab.msgTitle);" href="javascript:void(0)" class="layadmin-backlog-body">
                                             <h3>{{tab.title}}</h3>
+                                            <p><cite>{{tab.dataCount}}</cite></p>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -99,6 +108,7 @@
                 </div>
             </div>
         </div>
+    </div>
 </div>
 <script>
 
@@ -150,7 +160,7 @@
                 var loadLayerIndex;
                 top.restAjax.get(top.restAjax.path('api/partyorganize/countpartymember?partyOrganizeId={partyOrganizeId}', [self.partyOrganizeId]), {}, null, function(code, data) {
                     self.partyMemberCount = data.data;
-                    self.tabList.unshift({title: '党员数量： ' + data.data, msgTitle: '党员信息', openTitle: '党员列表', count: data.data, url: 'route/partymemberorganize/view-partymemberorganize.html?partyOrganizeId=' + self.partyOrganizeId});
+                    self.tabList.unshift({title: '党员数量', dataCount: data.data, msgTitle: '党员信息', openTitle: '党员列表', count: data.data, url: 'route/partymemberorganize/view-partymemberorganize.html?partyOrganizeId=' + self.partyOrganizeId});
                 }, function(code, data) {
                     top.dialog.msg(data.msg);
                 }, function() {