static

log-list.html 6.1KB

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>日志列表</title> {%>template/common/Head.html%} <script src="biz/js/log-list.js"></script> </head> <body class="pages-log-list"> <div class="ipu-flex-row ipu-flex-vertical"> <div class="ipu-flex-col"> <div class="ipu-toolbar common-border-bottom"> <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript: ;" id="back"> <div class="left-back"></div> </a> <h1 class="ipu-toolbar-title">日志列表</h1> </div> </div> <div class="ipu-flex-col ipu-flex-col-auto c-bg-white"> <div class="ipu-flex-content pages-content log-task-block c-bg-gray"> <div class="log-task-block-head ipu-flex ipu-flex-justify-end ipu-flex-align-center"> <div class="log-list-total ipu-flex-col-auto"> 共<span></span>个日志 </div> <!-- <div--> <!-- class="sort-condition sort-by-others ipu-flex ipu-flex-justify-center ipu-flex-align-center"--> <!-- >--> <!-- <div class="sort-type">筛选</div>--> <!-- <div class="unfold-status"></div>--> <!-- </div>--> </div> <div class="page-content"> <div class="ipu-list ipu-list-media ipu-flex-content log-list-block-body" id="refresh-loglist" style="margin-top: .38rem"> <!-- 组件html结构,最外层div应有一个固定的高度,会在此元素上初始化iScroll --> <div class="ipu-refresh-wrapper"> <!-- 此处组件初始化后,会添加上拉html --> <div class="refresh-content"> <div> <div class="log-list-item-wrap"> <!--此处插入id="customer-item"的模板--> </div> </div> <div class="no-result-msg ipu-fn-p ipu-txt-center"> 暂无记录 </div> </div> <!-- 此处组件初始化后,会添加下拉html --> </div> </div> </div> <!-- <div class="log-task-block-body" id="refresh-loglist">--> <!-- <div class="ipu-refresh-wrapper">--> <!-- &lt;!&ndash; 此处组件初始化后,会添加上拉html &ndash;&gt;--> <!-- <div class="refresh-content">--> <!-- <div>--> <!-- <div class="log-list-item-wrap">--> <!-- &lt;!&ndash;此处插入id="customer-item"的模板&ndash;&gt;--> <!-- </div>--> <!-- </div>--> <!-- <div class="no-result-msg ipu-fn-p ipu-txt-center">--> <!-- 暂无记录--> <!-- </div>--> <!-- </div>--> <!--&lt;!&ndash; <div class="log-list-item-wrap">&ndash;&gt;--> <!--&lt;!&ndash; </div>&ndash;&gt;--> <!--&lt;!&ndash; <div class="no-result-msg ipu-fn-p ipu-txt-center">&ndash;&gt;--> <!--&lt;!&ndash; 暂无记录&ndash;&gt;--> <!--&lt;!&ndash; </div>&ndash;&gt;--> <!-- </div>--> <!-- </div>--> </div> </div> <!--筛选--> <div class="sort-condition-slide"> <div class="sort-condition-area"> <div class="sort-condition-content-area" style="padding: .01rem .12rem .2rem .12rem;"> <div class="sort-condition-item"> <div class="sort-condition-title">填写时间</div> <div class="sort-condition-type"> <ul class="BUSINESS_EXPIRATION_DATE"> <li class="BUSINESS_EXPIRATION_DATE" value="1">三天内</li> <li class="BUSINESS_EXPIRATION_DATE" value="3">一周内</li> <li class="BUSINESS_EXPIRATION_DATE" value="6">一个月内</li> </ul> </div> <div> </div> <div class="ipu-form-item" style="padding-left: 0.1rem"> <div class="ipu-flex" style="align-items: center;"> <div class="item-key" style="margin-right: 0rem;font-size: .12rem;font-weight: 500;color: rgba(178,184,191,1);">自定义时间: </div> <div class="item-value ipu-flex-col-auto"> <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center"> <input type="text" placeholder="" readonly/> </div> </div> <div style="border-bottom: 2px solid #333;height: 2px;width: 10px;margin: 0 5px;"></div> <div class="item-value ipu-flex-col-auto"> <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center"> <input type="text" placeholder="" readonly/> </div> </div> </div> </div> </div> </div> <div class="sort-condition-buttons ipu-flex ipu-flex-justify-space"> <div class="reset-btn ipu-flex-grow-1">重置</div> <div class="confirm-btn ipu-flex-grow-1">确定</div> </div> </div> </div> </body> <script id="log-list-item" type="text/template"> {{if list.length>0}} {{each list item index}} <div class="ipu-flex ipu-flex-align-center log-task-item" data-json="{{item|jsonToStr}}"> <div class="ipu-flex-grow-0 "> <div class="log-list-flag"></div> </div> <div class="ipu-flex-grow-1"> <div class="log-task-company"> {{item.custName}} </div> <div class="log-task-build"> <span> {{item.buildingName}}</span> {{if item.activityCategory && item.buildingName}} <span> |<span> {{/if}} </span> {{item.activityCategory}}</span> </div> <div class="log-task-date"> {{item.logDate}} </div> </div> <div class="ipu-flex-grow-0 log-arrow" style="margin-right: .05rem;"> </div> </div> {{/each}} {{/if}} </script> </html>