From 25d441a92ab2bfd63ba7bfd99432dc4345d9fc2a Mon Sep 17 00:00:00 2001
From: Renpc-kilig <308442850@qq.com>
Date: Tue, 3 Nov 2020 17:19:29 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=9C=B0=E5=9B=BE=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3=E5=8A=9F=E8=83=BD=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../static/route/defaultindex/include.html    | 136 ++++++++++--------
 1 file changed, 73 insertions(+), 63 deletions(-)

diff --git a/src/main/resources/static/route/defaultindex/include.html b/src/main/resources/static/route/defaultindex/include.html
index 9405969..bac90a3 100644
--- a/src/main/resources/static/route/defaultindex/include.html
+++ b/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%}
-        .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}
+        .logo{max-width: 100%;height:205px;}
         .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,67 +34,78 @@
             <div class="logo-box">
                 <img :src="'route/file/downloadfile/false/' + partyOrganizeData.logo" alt="" class="logo">
             </div>
-            <div class="tab" v-cloak>
-                <div class="tab-box" v-for="tab in tabList">
-                    <div class="box" v-on:click="showPartyMemberList(tab.url, tab.count, tab.msgTitle);">
-                        <h3>{{tab.title}}</h3>
+            <div class="layui-col-md6" style="width: 739px;">
+                <div class="layui-card" style="background-color: transparent">
+                    <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>
             </div>
-        </div>
-        <div class="list" style="padding-left: 15px;padding-right: 15px;">
-            <div class="list-box" style="margin-top:30px;">
-                <h4>{{partyOrganizeData.name}}</h4>
-                <ul style="margin-top:10px;">
-                    <li>
-                        <a href="javascript:void(0);">组织类型</a>
-                        <span>{{partyOrganizeData.typeDictionaryName}}</span>
-                    </li>
-                    <li>
-                        <a href="javascript:void(0);">直属类型</a>
-                        <span>{{partyOrganizeData.belongTypeDictionaryName}}</span>
-                    </li>
-                    <li>
-                        <a href="javascript:void(0);">隶属类型</a>
-                        <span>{{partyOrganizeData.subjectionTypeDictionaryName}}</span>
-                    </li>
-                    <li>
-                        <a href="javascript:void(0);">所属级别</a>
-                        <span>{{partyOrganizeData.belongLevel}}</span>
-                    </li>
-                </ul>
-            </div>
-            <div class="list-box" style="margin-top:61px;">
-                <ul>
-                    <li>
-                        <a href="javascript:void(0);">区域面积</a>
-                        <span>{{partyOrganizeData.areaMeasure}}</span>
-                    </li>
-                    <li>
-                        <a href="javascript:void(0);">单位类型</a>
-                        <span>{{partyOrganizeData.companyTypeName}}</span>
-                    </li>
-                    <li>
-                        <a href="javascript:void(0);">负责人</a>
-                        <span>{{partyOrganizeData.linkMan}}</span>
-                    </li>
-                </ul>
-            </div>
-            <div class="list-box" style="margin-top:61px;">
-                <ul>
-                    <li>
-                        <a href="javascript:void(0);">联系电话</a>
-                        <span>{{partyOrganizeData.phone}}</span>
-                    </li>
-                    <li>
-                        <a href="javascript:void(0);">建立时间</a>
-                        <span>{{partyOrganizeData.creatTime}}</span>
-                    </li>
-                    <li>
-                        <a href="javascript:void(0);">详细地址</a>
-                        <span>{{partyOrganizeData.location}}</span>
-                    </li>
-                </ul>
+            <div class="list" style="padding-left: 15px;padding-right: 15px;">
+                <div class="list-box" style="margin-top:30px;">
+                    <h4>{{partyOrganizeData.name}}</h4>
+                    <ul style="margin-top:10px;">
+                        <li>
+                            <a href="javascript:void(0);">组织类型</a>
+                            <span>{{partyOrganizeData.typeDictionaryName}}</span>
+                        </li>
+                        <li>
+                            <a href="javascript:void(0);">直属类型</a>
+                            <span>{{partyOrganizeData.belongTypeDictionaryName}}</span>
+                        </li>
+                        <li>
+                            <a href="javascript:void(0);">隶属类型</a>
+                            <span>{{partyOrganizeData.subjectionTypeDictionaryName}}</span>
+                        </li>
+                        <li>
+                            <a href="javascript:void(0);">所属级别</a>
+                            <span>{{partyOrganizeData.belongLevel}}</span>
+                        </li>
+                    </ul>
+                </div>
+                <div class="list-box" style="margin-top:61px;">
+                    <ul>
+                        <li>
+                            <a href="javascript:void(0);">区域面积</a>
+                            <span>{{partyOrganizeData.areaMeasure}}</span>
+                        </li>
+                        <li>
+                            <a href="javascript:void(0);">单位类型</a>
+                            <span>{{partyOrganizeData.companyTypeName}}</span>
+                        </li>
+                        <li>
+                            <a href="javascript:void(0);">负责人</a>
+                            <span>{{partyOrganizeData.linkMan}}</span>
+                        </li>
+                    </ul>
+                </div>
+                <div class="list-box" style="margin-top:61px;">
+                    <ul>
+                        <li>
+                            <a href="javascript:void(0);">联系电话</a>
+                            <span>{{partyOrganizeData.phone}}</span>
+                        </li>
+                        <li>
+                            <a href="javascript:void(0);">建立时间</a>
+                            <span>{{partyOrganizeData.creatTime}}</span>
+                        </li>
+                        <li>
+                            <a href="javascript:void(0);">详细地址</a>
+                            <span>{{partyOrganizeData.location}}</span>
+                        </li>
+                    </ul>
+                </div>
             </div>
         </div>
     </div>
@@ -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() {