hexiugang
/
iamberry-common-parent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
							<!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>