liujiankang
/
iamberry-common-parent
forkad från hexiugang/iamberry-common-parent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
							<!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;
            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">&#xe67f;</i> 首页
    <span class="c-gray en">&gt;</span> PST管理
    <span class="c-gray en">&gt;</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">&#xe68f;</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="/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="/rst/common/images/pts/tanhao.png" />提示：<span class="btn-see-ditails text-red">次品异常</span>
									</#if>
								</#if>
                            </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>

                            </p>
                        </aside>
                    </section>
                </article>
            </div>
        </li>
    </ul>
</div>
</body>
</html>