|
@@ -1,203 +1,207 @@
|
|
|
<!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;
|
|
|
- }
|
|
|
+<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-red {
|
|
|
+ color: #f6393f;
|
|
|
+ }
|
|
|
|
|
|
- .text-blue {
|
|
|
- color: #32a3d8;
|
|
|
- }
|
|
|
+ .text-blue {
|
|
|
+ color: #32a3d8;
|
|
|
+ }
|
|
|
|
|
|
- .text-green {
|
|
|
- color: #95c91e;
|
|
|
- }
|
|
|
+ .text-green {
|
|
|
+ color: #95c91e;
|
|
|
+ }
|
|
|
|
|
|
- .text-yellow {
|
|
|
- color: #ffb902;
|
|
|
- }
|
|
|
+ .text-yellow {
|
|
|
+ color: #ffb902;
|
|
|
+ }
|
|
|
|
|
|
- .text-purple {
|
|
|
- color: #d32d93;
|
|
|
- }
|
|
|
+ .text-purple {
|
|
|
+ color: #d32d93;
|
|
|
+ }
|
|
|
|
|
|
- .point-red {
|
|
|
- background-color: #f6393f;
|
|
|
- }
|
|
|
+ .point-red {
|
|
|
+ background-color: #f6393f;
|
|
|
+ }
|
|
|
|
|
|
- .point-blue {
|
|
|
- background-color: #32a3d8;
|
|
|
- }
|
|
|
+ .point-blue {
|
|
|
+ background-color: #32a3d8;
|
|
|
+ }
|
|
|
|
|
|
- .point-green {
|
|
|
- background-color: #24c175;
|
|
|
- }
|
|
|
+ .point-green {
|
|
|
+ background-color: #24c175;
|
|
|
+ }
|
|
|
|
|
|
- .point-yellow {
|
|
|
- background-color: #ffb902;
|
|
|
- }
|
|
|
+ .point-yellow {
|
|
|
+ background-color: #ffb902;
|
|
|
+ }
|
|
|
|
|
|
- .point-purple {
|
|
|
- background-color: #d32d93;
|
|
|
- }
|
|
|
+ .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;}
|
|
|
- input[type=radio]{-webkit-appearance:none;appearance:none;background: url(/rst/common/images/pts/radio-1.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
|
|
|
- input[type=radio]:checked{-webkit-appearance:none;appearance:none;background: url(/rst/common/images/pts/radio-2.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
|
|
|
- </style>
|
|
|
- <#include "/base/list_base.ftl">
|
|
|
- </head>
|
|
|
- <body>
|
|
|
- <nav class="breadcrumb"><i class="Hui-iconfont"></i> 首页
|
|
|
- <span class="c-gray en">></span> PST管理
|
|
|
- <span class="c-gray en">></span> 产品生产详情
|
|
|
- <a class="btn radius r" style="line-height:1.6em;margin-top:3px;background: #32a3d8;color: #fff;border:1px solid #32a3d8;" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont"></i></a>
|
|
|
- </nav>
|
|
|
- <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>
|
|
|
+ .content {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ font-size: 12px !important;
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ .content .things{margin-bottom: 0;}
|
|
|
+ .things>.items{margin: 0 15px;}
|
|
|
+ p{margin: 0;}
|
|
|
+ input[type=radio]{-webkit-appearance:none;appearance:none;background: url(/rst/common/images/pts/radio-1.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
|
|
|
+ input[type=radio]:checked{-webkit-appearance:none;appearance:none;background: url(/rst/common/images/pts/radio-2.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
|
|
|
+ </style>
|
|
|
+<#include "/base/list_base.ftl">
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<nav class="breadcrumb"><i class="Hui-iconfont"></i> 首页
|
|
|
+ <span class="c-gray en">></span> PST管理
|
|
|
+ <span class="c-gray en">></span> 产品生产详情
|
|
|
+ <a class="btn radius r" style="line-height:1.6em;margin-top:3px;background: #32a3d8;color: #fff;border:1px solid #32a3d8;" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont"></i></a>
|
|
|
+</nav>
|
|
|
+<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 style="padding-bottom: 37px;">
|
|
|
+ <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>
|
|
|
+ <p class="things text-red">
|
|
|
<#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>
|
|
|
+ <img style="width: 20px;float: left;margin-top:8px;margin-right: 10px;" src="/rst/common/images/pts/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>
|
|
|
+ <img style="width: 20px;float: left;margin-top:8px;margin-right: 10px;" src="/rst/common/images/pts/tanhao.png" />提示:<span class="btn-see-ditails text-red">次品异常</span>
|
|
|
</#if>
|
|
|
</#if>
|
|
|
- </aside>
|
|
|
- </section>
|
|
|
+ </p>
|
|
|
+ </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>
|
|
|
+ </#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>
|
|
|
+ </p>
|
|
|
+ </aside>
|
|
|
+ </section>
|
|
|
+ </article>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+</div>
|
|
|
+</body>
|
|
|
</html>
|