Browse Source

机构画像

zhengjinyi 2 years ago
parent
commit
502fa16648

+ 119 - 472
src/main/webapp/WEB-INF/views/modules/userNew/cmClubData.jsp

@@ -4,147 +4,9 @@
 <head>
     <title>机构资料</title>
     <meta name="decorator" content="default"/>
+    <link href="${ctxStatic}/modules/cmClubData/cmClubData.css" rel="stylesheet">
     <script src="/static/modules/bulkpurchase/loadAddressById.js"></script>
-    <script type="text/javascript">
-
-    </script>
-    <style>
-        #auditBox {
-            padding: 20px;
-            line-height: 30px;
-        }
-
-        #auditBox .bd-row {
-            display: flex;
-            margin-bottom: 15px;
-        }
-
-        #auditBox .bd-row > span {
-            display: inline-block;
-            width: 60px;
-        }
-
-        #auditBox .auditCheckBox {
-            width: 250px;
-        }
-
-        #auditBox .auditCheckBox label {
-            margin: 0 5px 5px 0
-        }
-
-        #auditBox .auditCheckBox input {
-            display: none;
-        }
-
-        #auditBox .auditCheckBox input + span {
-            display: inline-block;
-            line-height: 24px;
-            padding: 0 12px;
-            border: 1px solid #666;
-            border-radius: 5px;
-        }
-
-        #auditBox .auditCheckBox input:checked + span {
-            background-color: #E6633A
-        }
-
-        .detailTitle {
-            margin: 16px 0px 4px 20px;
-            font-weight: bold;
-        }
-
-        .detailLine {
-            width: 98%;
-            margin-left: 10px;
-        }
-
-        .clubInfo {
-            float: left;
-            width: 25%;
-        }
-
-        .clubInfoTitle {
-            text-align: center;
-            text-decoration: underline;
-            font-weight: bold;
-        }
-
-        th {
-            text-align: right;
-            white-space: nowrap;
-        }
-
-        td {
-            padding: 5px 0;
-        }
-
-        #headpicPreview li, #businessLicenseImagePreview li {
-            min-height: 100px;
-        }
-
-        /*----------------------------------*/
-        .the-oradio {
-            display: inline-block;
-            vertical-align: top;
-        }
-
-        .the-oradio div {
-            width: 85px;
-            display: inline-block;
-            font-size: 12px;
-            color: #666;
-        }
-
-
-        .control-group .new-tag {
-            display: inline-block;
-            width: 78px;
-            height: 30px;
-            border: 1px solid #e5e5e5;
-            border-radius: 5px;
-            margin: 7px;
-            text-align: center;
-            line-height: 30px;
-            font-size: 14px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            cursor: pointer;
-        }
-
-        .control-group .new-tag.active {
-            border-color: #e15616;
-            color: #e15616;
-        }
-
-
-        .control-group .tags-operate .tag-add {
-            height: 40px;
-            line-height: 40px;
-            vertical-align: middle;
-            display: none;
-        }
-        .faFlex{
-            max-width:1200px;
-            padding:15px;
-            border: #0d0d0d solid 1px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-        }
-        .flDiv{
-            width: 30%;
-            height: 100%;
-            margin-left: 20px;
-            padding-top: 10px;
-            padding-left: 10px;
-        }
-        .club_group{
-            margin-top: 10px;
-
-        }
-
-    </style>
+    <script type="text/javascript"></script>
 </head>
 <body>
 <ul class="nav nav-tabs">
@@ -157,346 +19,131 @@
         <li class="active"><a href="${ctx}/new/user/agency/clubData?clubID=${newCmClub.clubID}">机构信息</a></li>
     </ul>
 </div>
-<form:form id="inputForm" modelAttribute="cmClubinfo" action="#" method="post"
-           class="form-horizontal">
-<form:hidden path="id" value="${newCmClub.clubID}"/>
-<form:hidden path="clubInfoID"/>
-<form:hidden path="userID"/>
-<form:hidden path="clubID"/>
-<div class="faFlex">
-    <div class="flDiv">
-        <c:if test=""></c:if>
-        <div class="club_group">
-            <label>机构名称:</label>
-            <span>${newCmClub.name}</span>
-        </div>
-        <div class="club_group club_info">
-            <label>联系人:</label>
-            <span>${newCmClub.userName}</span>&nbsp;&nbsp;
-            <label>联系人身份:</label>
-            <span>
-                <c:if test="${newCmClub.linkManIdentity eq '1'}">老板</c:if>
-                <c:if test="${newCmClub.linkManIdentity eq '2'}">采购</c:if>
-                <c:if test="${newCmClub.linkManIdentity eq '3'}">运营</c:if>
-                <c:if test="${newCmClub.linkManIdentity ne '1' || newCmClub.linkManIdentity ne '2' || newCmClub.linkManIdentity ne '3'}">其他</c:if>
-            </span>
-        </div>
-        <div class="club_group">
-            <label>手机号:</label>
-            <span>${newCmClub.bindMobile}</span>
-        </div>
-        <div class="club_group">
-            <label>机构类型:</label>
-            <span>
-                <c:if test="${cmClubinfo.firstClubType == '1'}">医美</c:if>
-                <c:if test="${cmClubinfo.firstClubType == '2'}">生美</c:if>
-                <c:if test="${cmClubinfo.firstClubType == '3'}">项目公司</c:if>
-                <c:if test="${cmClubinfo.firstClubType == '4'}">个人</c:if>
-                <c:if test="${cmClubinfo.firstClubType == '5'}">其他</c:if>
-
-                <c:if test="${cmClubinfo.secondClubType eq '1'}"> - 诊所</c:if>
-                <c:if test="${cmClubinfo.secondClubType eq '2'}"> - 门诊</c:if>
-                <c:if test="${cmClubinfo.secondClubType eq '3'}"> - 医院</c:if>
-                <c:if test="${cmClubinfo.secondClubType eq '4'}"> - 其他</c:if>
-                <c:if test="${cmClubinfo.secondClubType eq '5'}"> - 美容院</c:if>
-                <c:if test="${cmClubinfo.secondClubType eq '6'}"> - 养生馆</c:if>
-                <c:if test="${cmClubinfo.secondClubType eq '7'}"> - 其他</c:if>
-            </span>
-        </div>
-        <div class="club_group">
-            <label>地址:</label>
-            <span>${newCmClub.province }</span>
-            <span>${newCmClub.city }</span>
-            <span>${newCmClub.town }</span>
-            <span>${newCmClub.address}</span>
-        </div>
-        <div class="club_group club_info">
-            <label>状态:</label>
-            <span>${fns:getDictLabel(newCmClub.status, 'club_status', newCmClub.status)}</span>&nbsp;&nbsp;
-            <label>注册时间:</label>
-            <span><fmt:formatDate value="${newCmClub.registerTime}" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></span>
-        </div>
-    </div>
-    <div class="flDiv">
-        <div class="club_group">
-            <label>机构级别:</label>
-            <span>
-                <c:if test="${cmClubinfo.userIdentity eq 4}">
-                    个人机构
-                </c:if>
-                    <c:if test="${cmClubinfo.userIdentity eq 2}">
-                        资质机构
-                    </c:if>
-                    <c:if test="${cmClubinfo.svipUserFlag eq 1}">
-                        <font color="red">(超级会员)</font>
-                    </c:if>
-                    <c:if test="${cmClubinfo.userIdentity eq 2 and cmClubinfo.svipUserFlag eq 0}">
-                        <font color="red">(普通会员)</font>
-                    </c:if>
-            </span>
-        </div>
-        <div class="control-group">
-            <label class="control-label">营业执照:</label>
-            <img width="100" height="100" src="${newCmClub.businessLicenseImage}"/>
-        </div>
-    </div>
-    <div class="flDiv">
-        <div class="club_group">
-            <label>营业执照编号:</label>
-            <span>${newCmClub.socialCreditCode}</span>
-        </div>
-        <div class="qualification control-group club_group">
-            <label>医疗许可证:</label>
-            <img width="100" height="100" src="${cmClubinfo.medicalPracticeLicenseImg}"/>
-        </div>
-    </div>
-</div>
-<%--<div style="max-width:1200px;padding:15px; border: #0d0d0d solid 1px">
-    <table border="0" cellspacing="0" cellpadding="0" width="100%">
-        <tr height="28">
-            <th width="12%">机构名称:</th>
-            <td width="13%">${newCmClub.name}
-            &lt;%&ndash;<th width="12%">状态:</th>
-            <td width="13%">${fns:getDictLabel(newCmClub.status, 'club_status', newCmClub.status)}</td>
-            <th width="12%">注册时间:</th>
-            <td width="13%"><fmt:formatDate value="${newCmClub.registerTime}" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></td>&ndash;%&gt;
-            <th width="12%">机构级别:</th>
-            <td width="13%">
-                <c:if test="${cmClubinfo.userIdentity eq 4}">
-                    个人机构
-                </c:if>
-                <c:if test="${cmClubinfo.userIdentity eq 2}">
-                    资质机构
-                </c:if>
-                <c:if test="${cmClubinfo.svipUserFlag eq 1}">
-                    <font color="red">(超级会员)</font>
-                </c:if>
-                <c:if test="${cmClubinfo.userIdentity eq 2 and cmClubinfo.svipUserFlag eq 0}">
-                    <font color="red">(普通会员)</font>
-                </c:if>
-            </td>
-            <th width="12%">营业执照编号:</th>
-            <td width="13%">${newCmClub.socialCreditCode}</td>
-        </tr>
-        <tr height="28">
-            <th width="12%">机构名称:</th>
-            <td width="13%">${newCmClub.name}
-            <th width="12%">机构简称:</th>
-            <td width="13%">${newCmClub.sname}
-            <th width="12%">注册邮箱:</th>
-            <td width="13%">${newCmClub.contractEmail}
-        </tr>
-        <tr height="28">
-            <th width="12%">联系人:</th>
-            <td width="13%">${newCmClub.userName}
-            </td>
-            <th width="12%">手机号:</th>
-            <td width="13%">${newCmClub.bindMobile}</td>
-            <th width="12%">联系人身份:</th>
-            <td width="13%">
-                <c:if test="${newCmClub.linkManIdentity eq '1'}">老板</c:if>
-                <c:if test="${newCmClub.linkManIdentity eq '2'}">采购</c:if>
-                <c:if test="${newCmClub.linkManIdentity eq '3'}">运营</c:if>
-            </td>
-        </tr>
-        <tr height="28">
-            <th width="12%">状态:</th>
-            <td width="13%">${fns:getDictLabel(newCmClub.status, 'club_status', newCmClub.status)}</td>
-            <th width="12%">注册时间:</th>
-            <td width="13%"><fmt:formatDate value="${newCmClub.registerTime}" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></td>
-        </tr>
-    </table>
-</div>--%>
-
-<sys:message content="${message}"/>
-<hr class="detailLine">
-<div>
-    <table border="0" cellspacing="0" cellpadding="0" width="100%">
-        <c:if test="${newCmClub.sname ne null and newCmClub.contractEmail ne null}">
-            <tr>
-                <td colspan="2">
-                    <div class="control-group">
-                        <c:if test="${newCmClub.sname ne null}">
-                            <label class="control-label">机构简称:</label>
-                            <span>${newCmClub.sname}</span>
-                        </c:if>
-                        <c:if test="${newCmClub.contractEmail ne null}">
-                            <lable class="control-label">注册邮箱:</lable>
-                            <span>${newCmClub.contractEmail}</span>
-                        </c:if>
-                    </div>
-                </td>
-            </tr>
-        </c:if>
-        <%--<tr>
-            <td colspan="2">
-                <div class="control-group">
-                    <label class="control-label"><b>地址:</b></label>
-                    <span  id="curProvince" name="curProvince" >${newCmClub.province }</span>
-                    <span  id="curCity" name="curCity" >${newCmClub.city }</span>
-                    <span  id="curTown" name="curTown" >${newCmClub.town }</span>
-                        ${newCmClub.address}
-                </div>
-            </td>
-        </tr>
-        <tr>
-            <td colspan="2">
-                <div class="control-group">
-                    <label class="control-label"><b>营业执照编号:</b></label>
-                    <div class="controls">${newCmClub.socialCreditCode}</div>
+<form:form id="inputForm" modelAttribute="cmClubinfo" action="#" method="post" class="form-horizontal">
+    <form:hidden path="id" value="${newCmClub.clubID}"/>
+    <form:hidden path="clubInfoID"/>
+    <form:hidden path="userID"/>
+    <form:hidden path="clubID"/>
+    <div class="main-content">
+        <div class="flex-header">
+            <div class="flex-header-main">
+                <div class="header-main-box">
+                    <p>机构名称:<span>${newCmClub.name}</span></p>
+                    <p>联系人:<span>${newCmClub.userName}</span></p>
+                    <p>联系人身份:
+                        <span>
+                            <c:if test="${newCmClub.linkManIdentity eq '1'}">老板</c:if>
+                            <c:if test="${newCmClub.linkManIdentity eq '2'}">采购</c:if>
+                            <c:if test="${newCmClub.linkManIdentity eq '3'}">运营</c:if>
+                            <c:if test="${newCmClub.linkManIdentity ne '1' || newCmClub.linkManIdentity ne '2' || newCmClub.linkManIdentity ne '3'}">其他</c:if>
+                        </span>
+                    </p>
+                    <p>手机号:<span>${newCmClub.bindMobile}</span></p>
+                    <p>机构类型:
+                        <span>
+                            <c:if test="${cmClubinfo.firstClubType == '1'}">医美</c:if>
+                            <c:if test="${cmClubinfo.firstClubType == '2'}">生美</c:if>
+                            <c:if test="${cmClubinfo.firstClubType == '3'}">项目公司</c:if>
+                            <c:if test="${cmClubinfo.firstClubType == '4'}">个人</c:if>
+                            <c:if test="${cmClubinfo.firstClubType == '5'}">其他</c:if>
+                            -
+                            <c:if test="${cmClubinfo.secondClubType eq '1'}"> - 诊所</c:if>
+                            <c:if test="${cmClubinfo.secondClubType eq '2'}"> - 门诊</c:if>
+                            <c:if test="${cmClubinfo.secondClubType eq '3'}"> - 医院</c:if>
+                            <c:if test="${cmClubinfo.secondClubType eq '4'}"> - 其他</c:if>
+                            <c:if test="${cmClubinfo.secondClubType eq '5'}"> - 美容院</c:if>
+                            <c:if test="${cmClubinfo.secondClubType eq '6'}"> - 养生馆</c:if>
+                            <c:if test="${cmClubinfo.secondClubType eq '7'}"> - 其他</c:if>
+                        </span>
+                    </p>
+                    <p>地址:<span>${newCmClub.province } ${newCmClub.city } ${newCmClub.town } ${newCmClub.address}</span></p>
+                    <p>状态:<span>${fns:getDictLabel(newCmClub.status, 'club_status', newCmClub.status)}</span></p>
+                    <p>注册时间:<span><fmt:formatDate value="${newCmClub.registerTime}" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></span></p>
                 </div>
-            </td>
-        </tr>--%>
-        <c:if test="${newCmClub.headpic ne null}">
-            <tr>
-                <td>
-                    <div class="control-group">
-                        <label class="control-label"><b>门头照:</b></label>
-                        <img width="100" height="100" src="${newCmClub.headpic}">
-                    </div>
-                </td>
-            </tr>
-        </c:if>
-        <c:if test="${cmClubinfo.department ne null and cmClubinfo.mainpro ne null}">
-            <tr>
-                <td>
-                    <c:if test="${cmClubinfo.department ne null}">
-                        <div class="control-group epart" style="display: none">
-                            <label class="control-label"><b>科室:</b></label>
-                            <input class="reg-input" type="text" name="department" id="Department"
-                                   placeholder="请填写您的所经营的科室,用逗号隔开。(至少三个)" value="${cmClubinfo.department}"
-                                   style="margin-left: 10px;"/>
-                            <span class="err-tip"></span>
+                <div class="header-main-box">
+                    <div class="main-box">
+                        <div class="main-box-tp">
+                            <p>机构类别:
+                                <span>
+                                    <c:if test="${cmClubinfo.userIdentity eq 4}">个人机构</c:if>
+                                    <c:if test="${cmClubinfo.userIdentity eq 2}">资质机构</c:if>
+                                    <c:if test="${cmClubinfo.svipUserFlag eq 1}"><font color="red">(超级会员)</font></c:if>
+                                    <c:if test="${cmClubinfo.userIdentity eq 2 and cmClubinfo.svipUserFlag eq 0}"><font color="red">(普通会员)</font></c:if>
+                                </span>
+                            </p>
                         </div>
-                    </c:if>
-                    <c:if test="${cmClubinfo.mainpro ne null}">
-                        <div class="control-group" >
-                            <label class="control-label"><b>主营内容:</b></label>
-                            <font size="3">${cmClubinfo.mainpro}</font>
+                        <div class="main-box-bt">
+                            <p>医疗许可证:</p>
+                            <a class="main-box-img" target="_blank" href="${cmClubinfo.medicalPracticeLicenseImg}"><img src="${cmClubinfo.medicalPracticeLicenseImg}"/></a>
                         </div>
-                    </c:if>
-                </td>
-            </tr>
-        </c:if>
-        <c:if test="${cmClubinfo.contractPhone ne null and cmClubinfo.fax ne null}">
-            <tr>
-                <c:if test="${cmClubinfo.contractPhone ne null}">
-                    <td>
-                        <div class="control-group">
-                            <label class="control-label"><b>固定电话:</b></label>
-                            <div class="controls">${cmClubinfo.contractPhone}</div>
+                    </div>
+                    <div class="main-box">
+                        <div class="main-box-tp">
+                            <p>营业执照编号:<span>${newCmClub.socialCreditCode}</span></p>
                         </div>
-                    </td>
-                </c:if>
-                <c:if test="${cmClubinfo.fax ne null}">
-                    <td>
-                        <div class="control-group">
-                            <label class="control-label"><b>传真:</b></label>
-                            <div class="controls">${cmClubinfo.fax}</div>
+                        <div class="main-box-bt">
+                            <p>营业执照:</p>
+                            <a class="main-box-img" target="_blank" href="${newCmClub.businessLicenseImage}"><img src="${newCmClub.businessLicenseImage}"/></a>
                         </div>
-                    </td>
-                </c:if>
-            </tr>
-        </c:if>
-        <c:if test="${cmClubinfo.empnum ne null}">
-            <tr>
-                <td colspan="2">
-                    <div class="control-group">
-                        <label class="control-label"><b>员工人数:</b></label>
-                        <div class="controls">${cmClubinfo.empnum}</div>
-                    </div>
-                </td>
-            </tr>
-        </c:if>
-        <c:if test="${cmClubinfo.info ne null}">
-            <tr>
-                <td colspan="2">
-                    <div class="control-group">
-                        <label class="control-label"><b>公司简介:</b></label>
-                        <div class="controls">${cmClubinfo.info}</div>
                     </div>
-                </td>
-            </tr>
-        </c:if>
-    </table>
-    <div style="visibility: hidden;">
-        <div class="clubInfo">
-            <div class="clubInfoTitle">基本信息</div>
-            <table border="0" cellspacing="0" cellpadding="0" width="100%">
-                <tr height="28">
-                    <th>机构面积:</th>
-                    <td>${cmClubinfo.area}</td>
-                </tr>
-                <tr height="28">
-                    <th>美容床数:</th>
-                    <td>${cmClubinfo.bedNums}</td>
-                </tr>
-                <tr height="28">
-                    <th>美容师数:</th>
-                    <td>${cmClubinfo.beauticians}</td>
-                </tr>
-            </table>
-        </div>
-        <div class="clubInfo">
-            <div class="clubInfoTitle">业绩信息</div>
-            <table border="0" cellspacing="0" cellpadding="0" width="100%">
-                <tr height="28">
-                    <th>月业绩:</th>
-                    <td>${cmClubinfo.monthAchievement}</td>
-                </tr>
-                <tr height="28">
-                    <th>促销业绩:</th>
-                    <td>${cmClubinfo.promotionAchievement}</td>
-                </tr>
-                <tr height="28">
-                    <th>年业绩:</th>
-                    <td>${cmClubinfo.yearAchievement}</td>
-                </tr>
-            </table>
-        </div>
-        <div class="clubInfo">
-            <div class="clubInfoTitle">会员信息及消费情况</div>
-            <table border="0" cellspacing="0" cellpadding="0" width="100%">
-                <tr height="28">
-                    <th>A类会员:</th>
-                    <td colspan="3" style="padding-top: 6px;">${cmClubinfo.cateA}人&nbsp;</td>
-                </tr>
-                <tr height="28">
-                    <th>B类会员:</th>
-                    <td colspan="3" style="padding-top: 6px;">${cmClubinfo.cateB}人&nbsp;</td>
-                </tr>
-                <tr height="28">
-                    <th>C类会员:</th>
-                    <td colspan="3" style="padding-top: 6px;">${cmClubinfo.cateC}人&nbsp;</td>
-                </tr>
-            </table>
+                </div>
+            </div>
         </div>
-        <div class="clubInfo">
-            <div class="clubInfoTitle">活动业绩</div>
-            <table border="0" cellspacing="0" cellpadding="0" width="100%">
-                <tr height="28">
-                    <th>最高业绩:</th>
-                    <td>${cmClubinfo.highestAchievement}</td>
-                </tr>
-                <tr height="28">
-                    <th>到店人数:</th>
-                    <td>${cmClubinfo.reachPepole}</td>
-                </tr>
-                <tr height="28">
-                    <th>成交人数:</th>
-                    <td>${cmClubinfo.clinchPepole}</td>
-                </tr>
-            </table>
+        <div class="flex-content">
+            <div class="flex-p">
+                <p>机构简称:<span>${newCmClub.sname}</span></p>
+            </div>
+            <div class="flex-p">
+                <p>注册邮箱:<span>${newCmClub.contractEmail}</span></p>
+            </div>
+            <div class="flex-p">
+                <p>门头照:<span></span></p>
+                <a class="flex-p-img" target="_blank" href="${newCmClub.headpic}"><img src="${newCmClub.headpic}" alt=""></a>
+            </div>
+            <div class="flex-p">
+                <p>科室:<span>${cmClubinfo.department}</span></p>
+            </div>
+            <div class="flex-p">
+                <p>主营内容:<span>${cmClubinfo.mainpro}</span></p>
+            </div>
+            <div class="flex-p">
+                <p>固定电话:<span>${cmClubinfo.contractPhone}</span></p>
+            </div>
+            <div class="flex-p">
+                <p>传真:<span>${cmClubinfo.fax}</span></p>
+            </div>
+            <div class="flex-p">
+                <p>员工人数:<span>${cmClubinfo.empnum}</span></p>
+            </div>
+            <div class="flex-p">
+                <p>公司简介:<span>${cmClubinfo.info}</span></p>
+            </div>
+            <div style="display: none">
+                <div class="flex-p"><p>基本信息:</p></div>
+                <div class="flex-p"><p>机构面积:<span>${cmClubinfo.area}</span></p></div>
+                <div class="flex-p"><p>美容床数:<span>${cmClubinfo.bedNums}</span></p></div>
+                <div class="flex-p"><p>美容师数:<span>${cmClubinfo.beauticians}</span></p></div>
+                <div class="flex-p"><p>机构面积:<span>${cmClubinfo.area}</span></p></div>
+                <div class="flex-p"><p>机构面积:<span>${cmClubinfo.area}</span></p></div>
+                <div class="flex-p"><p>机构面积:<span>${cmClubinfo.area}</span></p></div>
+                <div class="flex-p"><p>业绩信息:</p></div>
+                <div class="flex-p"><p>月业绩:<span>${cmClubinfo.monthAchievement}</span></p></div>
+                <div class="flex-p"><p>促销业绩:<span>${cmClubinfo.promotionAchievement}</span></p></div>
+                <div class="flex-p"><p>年业绩:<span>${cmClubinfo.yearAchievement}</span></p></div>
+                <div class="flex-p"><p>会员信息及消费情况:</p></div>
+                <div class="flex-p"><p>A类会员:<span>${cmClubinfo.cateA}</span></p></div>
+                <div class="flex-p"><p>B类会员:<span>${cmClubinfo.cateB}</span></p></div>
+                <div class="flex-p"><p>C类会员:<span>${cmClubinfo.cateC}</span></p></div>
+                <div class="flex-p"><p>活动业绩:</p></div>
+                <div class="flex-p"><p>最高业绩:<span>${cmClubinfo.highestAchievement}</span></p></div>
+                <div class="flex-p"><p>到店人数:<span>${cmClubinfo.reachPepole}</span></p></div>
+                <div class="flex-p"><p>成交人数:<span>${cmClubinfo.clinchPepole}</span></p></div>
+                <div class="flex-p"><p>店内所经营品牌及推广优势:<span>${cmClubinfo.brandSuperiority}</span><</p></div>
+                <div class="flex-p"><p>临近一次促销的模式及达成业绩:<span>${cmClubinfo.lastPromotion}</span><</p></div>
+            </div>
+
         </div>
-        <table border="0" cellspacing="0" cellpadding="0" width="100%">
-            <tr height="28">
-                <th>店内所经营品牌及推广优势:</th>
-                <td colspan="10" width="25%">${cmClubinfo.brandSuperiority}</td>
-                <th>临近一次促销的模式及达成业绩:</th>
-                <td colspan="10" width="25%">${cmClubinfo.lastPromotion}</td>
-            </tr>
-        </table>
     </div>
-    </form:form>
+</form:form>
 </body>
 </html>

+ 113 - 0
src/main/webapp/static/modules/cmClubData/cmClubData.css

@@ -0,0 +1,113 @@
+.main-content{
+    width: 100%;
+    min-height: 700px;
+    box-sizing: border-box;
+    padding: 15px 40px;
+    background: url("./icon/icon-bg.png") no-repeat;
+    background-size: cover;
+}
+.flex-header{
+    width: 1100px;
+    height: 340px;
+    box-sizing: border-box;
+}
+.flex-header-main{
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    border:1px solid rgba(192,192,192,0.4);
+    border-radius: 8px;
+    padding: 10px 15px;
+}
+.header-main-box{
+    width: 50%;
+    height: 100%;
+    float: left;
+}
+.header-main-box p{
+    font-size: 14px;
+    line-height: 40px;
+    color: #FFFFFF;
+    margin: 0;
+    font-weight: bold;
+}
+.header-main-box p span{
+    font-weight: normal;
+}
+.header-main-box .main-box{
+    width: 50%;
+    height: 100%;
+    float: left;
+}
+.header-main-box .main-box-tp{
+    width: 100%;
+    height: 34px;
+}
+.header-main-box .main-box-tp p{
+    font-size: 14px;
+    line-height: 34px;
+    color: #FFFFFF;
+    margin: 0;
+    font-weight: bold;
+}
+.header-main-box .main-box-tp p span{
+    font-weight: normal;
+}
+.header-main-box .main-box-bt{
+    width: 100%;
+    height: auto;
+}
+.header-main-box .main-box-bt p{
+    width: 100%;
+    font-size: 14px;
+    line-height: 34px;
+    color: #FFFFFF;
+    margin: 0;
+    font-weight: bold;
+}
+.header-main-box .main-box-bt .main-box-img{
+    width: 150px;
+    height: 150px;
+    box-sizing: border-box;
+    border:1px solid rgba(192,192,192,0.4);
+    border-radius: 8px;
+    display: block;
+}
+.header-main-box .main-box-bt .main-box-img img{
+    width: 100%;
+    height: 100%;
+    border-radius: 8px;
+}
+.flex-content{
+    width: 100%;
+    height: auto;
+    padding: 10px 15px;
+    box-sizing: border-box;
+}
+.flex-content .flex-p{
+    width: 100%;
+    height: auto;
+}
+.flex-content .flex-p p{
+    font-size: 14px;
+    line-height: 40px;
+    color: #FFFFFF;
+    margin: 0;
+    font-weight: bold;
+}
+.flex-content .flex-p p span{
+    font-weight: normal;
+}
+.flex-content .flex-p .flex-p-img{
+    width: 100px;
+    height: 100px;
+    box-sizing: border-box;
+    border:1px solid rgba(192,192,192,0.4);
+    border-radius: 8px;
+    display: block;
+}
+.flex-content .flex-p .flex-p-img img{
+    width: 100%;
+    height: 100%;
+    border-radius: 8px;
+}

BIN
src/main/webapp/static/modules/cmClubData/icon/icon-1.png


BIN
src/main/webapp/static/modules/cmClubData/icon/icon-2.png


BIN
src/main/webapp/static/modules/cmClubData/icon/icon-3.png


BIN
src/main/webapp/static/modules/cmClubData/icon/icon-4.png


BIN
src/main/webapp/static/modules/cmClubData/icon/icon-5.png


BIN
src/main/webapp/static/modules/cmClubData/icon/icon-6.png


BIN
src/main/webapp/static/modules/cmClubData/icon/icon-7.png


BIN
src/main/webapp/static/modules/cmClubData/icon/icon-bg.jpg


BIN
src/main/webapp/static/modules/cmClubData/icon/icon-bg.png