Browse Source

机构画像

zhengjinyi 2 years ago
parent
commit
b118601b12

+ 40 - 38
src/main/webapp/WEB-INF/views/modules/userNew/cmAgencyStatisticsList.jsp

@@ -50,6 +50,7 @@
         .viewDiv{position: relative; margin: 0 auto;margin-top: 10px; width: 100%; height: 1px; background-color: #d4d4d4; text-align: center; font-size: 16px; color: rgba(101, 101, 101, 1);}
         .autoView{position: absolute; left: 90%; background-color: #ffffff;margin-left: 100px; padding: 0 15px; transform: translateX(-30%) translateY(-30%);}
     </style>
+    <link href="${ctxStatic}/modules/cmAgencyStatisticsList/cmAgencyStatisticsList.css" rel="stylesheet">
 </head>
 <body>
 <ul class="nav nav-tabs">
@@ -183,11 +184,41 @@
         <th>机构级别</th>
         <th>资料完整度</th>
         <th>注册时间</th>
-        <th>近一个月订单数</th>
-        <th>近一个年订单数</th>
-        <th>近一个月购买额</th>
-        <th>近一个年购买额</th>
-        <th>总购买额</th>
+        <th class="th-sort">
+            近一个月订单数
+            <div class="sort sort-button">
+                <i class="icon icon-up"></i>
+                <i class="icon icon-down"></i>
+            </div>
+        </th>
+        <th class="th-sort">
+            近一个年订单数
+            <div class="sort sort-button">
+                <i class="icon icon-up"></i>
+                <i class="icon icon-down"></i>
+            </div>
+        </th>
+        <th class="th-sort">
+            近一个月购买额
+            <div class="sort sort-button">
+                <i class="icon icon-up"></i>
+                <i class="icon icon-down"></i>
+            </div>
+        </th>
+        <th class="th-sort">
+            近一个年购买额
+            <div class="sort sort-button">
+                <i class="icon icon-up"></i>
+                <i class="icon icon-down"></i>
+            </div>
+        </th>
+        <th class="th-sort">
+            总购买额
+            <div class="sort sort-button">
+                <i class="icon icon-up"></i>
+                <i class="icon icon-down"></i>
+            </div>
+        </th>
         <th>最常搜索词</th>
         <th>最近下单时间</th>
         <th>操作</th>
@@ -310,39 +341,10 @@ $(function () {
     $("#export").click(function () {
         var formData = $('#searchForm').serialize()
         window.location.href= "${ctx}/new/user/agency/club/export"
-        <%--window.location.href = "${ctx}/new/user/agency/club/export?"+formData;--%>
-        <%--$.ajax({--%>
-        <%--    url: "${ctx}/new/user/agency/club/export",--%>
-        <%--    type: "post",--%>
-        <%--    data: formData,--%>
-        <%--    contentType : 'application/json;charset=UTF-8', //contentType很重要--%>
-        <%--    // responseType: 'blob',--%>
-
-        <%--}).then(res => {--%>
-        <%--    console.log("00000");--%>
-        <%--    /*const content = res // 文件流--%>
-        <%--    const blob = new Blob([content], {--%>
-        <%--        // type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8',--%>
-        <%--        type: "application/msexcel;charset=utf-8",--%>
-        <%--    })--%>
-        <%--    //var myDate = new Date() | ' + myDate.getTime() + '--%>
-        <%--    const fileName = '机构.xlsx'--%>
-        <%--    if ('download' in document.createElement('a')) {--%>
-        <%--        // 非IE下载--%>
-        <%--        const link = document.createElement('a')--%>
-        <%--        link.download = fileName--%>
-        <%--        link.style.display = 'none'--%>
-        <%--        link.href = URL.createObjectURL(blob)--%>
-        <%--        document.body.appendChild(link)--%>
-        <%--        link.click()--%>
-        <%--        URL.revokeObjectURL(link.href) // 释放URL 对象--%>
-        <%--        document.body.removeChild(link)--%>
-        <%--    } else {--%>
-        <%--        // IE10+下载--%>
-        <%--        navigator.msSaveBlob(blob, fileName)--%>
-        <%--    }*/--%>
-        <%--})--%>
-
+    })
+    $('.sort-button .icon').click(function () {
+        $(this).addClass('active')
+        $(this).siblings('.icon').removeClass("active");
     })
 })
 /*function reExport() {

+ 21 - 7
src/main/webapp/WEB-INF/views/modules/userNew/cmClubPortrait.jsp

@@ -22,13 +22,27 @@
     <div class="main-content">
         <div class="flex-header">
             <div class="flex-header-main">
-                <p><i class="icon i1"></i><span>${statistics.name}</span></p>
-                <p><i class="icon i2"></i><span>${statistics.linkMan}</span></p>
-                <p><i class="icon i3"></i><span>${statistics.linkManStatus}</span></p>
-                <p><i class="icon i4"></i><span>${statistics.contractMobile}</span></p>
-                <p><i class="icon i5"></i><span>${statistics.clubType}</span></p>
-                <p><i class="icon i6"></i><span>${statistics.province}</span><span>${statistics.city}</span><span>${statistics.town}</span></p>
-                <p><i class="icon i7"></i><span>${statistics.addTime}</span></p>
+                <c:if test="${statistics.name ne null}">
+                    <p><i class="icon i1"></i><span>${statistics.name}</span></p>
+                </c:if>
+                <c:if test="${statistics.linkMan ne null}">
+                    <p><i class="icon i2"></i><span>${statistics.linkMan}</span></p>
+                </c:if>
+                <c:if test="${statistics.linkManStatus ne null}">
+                    <p><i class="icon i3"></i><span>${statistics.linkManStatus}</span></p>
+                </c:if>
+                <c:if test="${statistics.contractMobile ne null}">
+                    <p><i class="icon i4"></i><span>${statistics.contractMobile}</span></p>
+                </c:if>
+                <c:if test="${statistics.clubType ne null}">
+                    <p><i class="icon i5"></i><span>${statistics.clubType}</span></p>
+                </c:if>
+                <c:if test="${statistics.province ne null}">
+                    <p><i class="icon i6"></i><span>${statistics.province}</span><span>${statistics.city}</span><span>${statistics.town}</span></p>
+                </c:if>
+                <c:if test="${statistics.addTime ne null}">
+                    <p><i class="icon i7"></i><span>${statistics.addTime}</span></p>
+                </c:if>
             </div>
         </div>
         <div class="flex-content">

+ 35 - 0
src/main/webapp/static/modules/cmAgencyStatisticsList/cmAgencyStatisticsList.css

@@ -0,0 +1,35 @@
+.th-sort{
+    padding:8px 32px 8px 8px !important;
+    position: relative;
+}
+.th-sort .sort{
+    width: 32px;
+    height: 32px;
+    position: absolute;
+    top: 0;
+    right: 0;
+    box-sizing: border-box;
+    padding: 4px 6px;
+}
+.th-sort .sort .icon{
+    width: 14px;
+    height: 14px;
+    display: block;
+    cursor: pointer;
+}
+.th-sort .sort .icon.icon-up{
+    background: url("../icon/icon-up.png") no-repeat center;
+    background-size: cover;
+}
+.th-sort .sort .icon.icon-up.active{
+    background: url("../icon/icon-up-active.png") no-repeat center;
+    background-size: cover;
+}
+.th-sort .sort .icon.icon-down{
+    background: url("../icon/icon-down.png") no-repeat center;
+    background-size: cover;
+}
+.th-sort .sort .icon.icon-down.active{
+    background: url("../icon/icon-down-active.png") no-repeat center;
+    background-size: cover;
+}

BIN
src/main/webapp/static/modules/icon/icon-down-active.png


BIN
src/main/webapp/static/modules/icon/icon-down.png


BIN
src/main/webapp/static/modules/icon/icon-up-active.png


BIN
src/main/webapp/static/modules/icon/icon-up.png