|
@@ -0,0 +1,196 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+ <head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <title></title>
|
|
|
+ <style>
|
|
|
+ .my-title{font-weight: 500;padding-left: 15px;position: relative;}
|
|
|
+ .my-title:after{content: '';position: absolute;left: 0;top:12%;width: 3px;height: 80%;background: #32a3d8;}
|
|
|
+ .my-list{list-style-type: none;padding: 0;margin: 0;}
|
|
|
+ .my-list>li{margin: 10px 0;}
|
|
|
+ article, section, time, aside {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .point-time {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ width: 13px;
|
|
|
+ height: 13px;
|
|
|
+ top: 12px;
|
|
|
+ left: 90px;
|
|
|
+ background: #1c87bf;
|
|
|
+ margin-left: -4px;
|
|
|
+ border-radius: 50%;
|
|
|
+ box-shadow: 0 0 0 2px #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text-red {
|
|
|
+ color: #f6393f;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text-blue {
|
|
|
+ color: #32a3d8;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text-green {
|
|
|
+ color: #95c91e;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text-yellow {
|
|
|
+ color: #ffb902;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text-purple {
|
|
|
+ color: #d32d93;
|
|
|
+ }
|
|
|
+
|
|
|
+ .point-red {
|
|
|
+ background-color: #f6393f;
|
|
|
+ }
|
|
|
+
|
|
|
+ .point-blue {
|
|
|
+ background-color: #32a3d8;
|
|
|
+ }
|
|
|
+
|
|
|
+ .point-green {
|
|
|
+ background-color: #24c175;
|
|
|
+ }
|
|
|
+
|
|
|
+ .point-yellow {
|
|
|
+ background-color: #ffb902;
|
|
|
+ }
|
|
|
+
|
|
|
+ .point-purple {
|
|
|
+ background-color: #d32d93;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .content article {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .content article > h3 {
|
|
|
+ width: 100%;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ text-align: left;
|
|
|
+ text-indent: 3%;
|
|
|
+ font-size: 1.4em;
|
|
|
+ color: #fff;
|
|
|
+ padding: 10px 0 20px;
|
|
|
+ background-color: #dd6d01;
|
|
|
+ }
|
|
|
+ .content article section {
|
|
|
+ padding: 0 0 17px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .content article section:before {
|
|
|
+ content: "";
|
|
|
+ width: 3px;
|
|
|
+ top: 17px;
|
|
|
+ bottom: -17px;
|
|
|
+ left: 91px;
|
|
|
+ background: #84c9e9;
|
|
|
+ position: absolute;
|
|
|
+ -webkit-transform: scaleX(.5);
|
|
|
+ }
|
|
|
+ .content article section.no-before:before{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .content article section:last-child:before {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .content article section time {
|
|
|
+ width: 80px;
|
|
|
+ display: block;
|
|
|
+ position: absolute;
|
|
|
+ padding: 8px 0;
|
|
|
+ }
|
|
|
+ .content article section time > span {
|
|
|
+ display: block;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .content article section aside {
|
|
|
+ color: #3a3a38;
|
|
|
+ margin-left: 108px;
|
|
|
+ height: 35px;
|
|
|
+ line-height: 35px;
|
|
|
+ }
|
|
|
+ .content article section .brief {
|
|
|
+ color: #9f9f9f;
|
|
|
+ }
|
|
|
+ .things>.items{margin: 0 15px;}
|
|
|
+ p{margin: 0;}
|
|
|
+ </style>
|
|
|
+ <#include "/base/list_base.ftl">
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <div style="padding: 10px;">
|
|
|
+ <div class="my-title">产品生产详情</div>
|
|
|
+ <ul class="my-list">
|
|
|
+ <li>机器条码:${ptsMachine.machineBarcode!''}</li>
|
|
|
+ <li>生产状态:<#if ptsMachine.machineProcessState == 1><span class="text-blue">正常</#if>
|
|
|
+ <#if ptsMachine.machineProcessState == 2><span class="text-red">异常</#if></span></li>
|
|
|
+ <li>
|
|
|
+ <div class="content">
|
|
|
+ <article>
|
|
|
+ <#list machineLogsList as list>
|
|
|
+ <section>
|
|
|
+ <span class="point-time point-blue"></span>
|
|
|
+ <time>
|
|
|
+ <#if list_index == 1>生产流程:</#if>
|
|
|
+ </time>
|
|
|
+ <aside>
|
|
|
+ <p class="things">
|
|
|
+ ${(list.logsProcessTime?string("yyyy-MM-dd HH:mm:ss"))!''}<span class="items">${list.employeeName!''}</span><span class="items">${list.processName!''}</span><#if list.logsProcessStatus == 0><span class="btn-see-ditails text-red">异常</#if><#if list.logsProcessStatus == 1><span class="btn-see-ditails text-blue">正常</#if></span>
|
|
|
+ </p>
|
|
|
+ <#if list.logsErrorType??>
|
|
|
+ <#if list.logsErrorType == 1>
|
|
|
+ <img style="width: 20px;float: left;margin-top:8px;margin-right: 10px;" src="/common/images/tanhao.png" />提示:<span class="btn-see-ditails text-red">${list.logsProcessPrompt}</span>
|
|
|
+ <#else>
|
|
|
+ <img style="width: 20px;float: left;margin-top:8px;margin-right: 10px;" src="/common/images/tanhao.png" />提示:<span class="btn-see-ditails text-red">次品异常</span>
|
|
|
+ </#if>
|
|
|
+ </#if>
|
|
|
+ </aside>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ </#list>
|
|
|
+ <#--<section style="padding-bottom: 37px;">
|
|
|
+ <span class="point-time point-blue"></span>
|
|
|
+ <time>
|
|
|
+
|
|
|
+ </time>
|
|
|
+ <aside>
|
|
|
+ <p class="things">
|
|
|
+ 2017-08-09 12:12:12 <span class="items">王老五</span><span class="items">净水机需求清洗物料</span><span class="btn-see-ditails text-red">异常</span>
|
|
|
+ </p>
|
|
|
+ <p class="things text-red">
|
|
|
+ <img style="width: 20px;float: left;margin-top:8px;margin-right: 10px;" src="/common/images/tanhao.png" />提示:此正常流程为检查水箱是否完好
|
|
|
+ </p>
|
|
|
+ </aside>
|
|
|
+ </section>-->
|
|
|
+ <section>
|
|
|
+ <span class="point-time point-green"></span>
|
|
|
+ <time>
|
|
|
+ 销售信息:
|
|
|
+ </time>
|
|
|
+ <aside>
|
|
|
+ <p class="things">
|
|
|
+ <#if ptsMachine.machineSalesState == 2>
|
|
|
+ ${(ptsMachine.machineSalesDate?string("yyyy-MM-dd"))!''}售出<#--<span class="items">王老五</span><span class="items">净水机需求清洗物料</span>-->
|
|
|
+ <#else >
|
|
|
+ 未售出
|
|
|
+ </#if>
|
|
|
+
|
|
|
+ </p>
|
|
|
+ </aside>
|
|
|
+ </section>
|
|
|
+ </article>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </body>
|
|
|
+</html>
|