hexiugang
/
iamberry-common-parent


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <#include "/base/list_base.ftl">
    <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(${path}/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(${path}/common/images/pts/radio-2.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
        .rj-a{text-decoration:none; color: #f6393f;}
        .rj-a:hover{text-decoration:underline;color: #f6393f;}
    </style>

</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 style="width: 100%;height: 25px;">
            <div style="float: left;width: 200px;">软件版本：
                <span class="text-red">
                    <a class="rj-a" style="" href="javascript:void(0);" title="点击查看软件版本" onclick="selectVersion('${produce.produceId ! ''}','${produce.produceName ! ''}')">${ptsMachineVersion.machineVersionNo ! ''}</a>
                </span>
            </div>
            <div style="float: left;width: 200px;">硬件版本：<span class="text-red">${ptsBom.bomVersion ! ''}</span></div>
        </li>

        <li style="width: 100%;height: 25px;">
            <div style="float: left;width: 200px;">所属批次：${ptsBatch.batchNo ! ''}</div>
            <div style="float: left;width: 200px;">所属Bom：${ptsBom.bomName ! ''}</div>
        </li>

        <li style="width: 100%;height: 25px;">
            <div style="float: left;width: 200px;">Bom总质量：${ptsBom.allComponentsWeight ! ''}g</div>
            <div style="float: left;width: 200px;">Bom总价格：${ptsBom.allComponentsCost/100 ! ''}元</div>
        </li>

        <li  style="width: 100%;height: 25px;">Bom零件清单</li>
        <table class="table table-border table-bordered table-bg table-hover table-sort">
            <thead>
            <tr class="text-c">
                <th width="80">零件编号</th>
                <th width="">零件名称</th>
                <th width="">零件数量</th>
                <th width="">零件成本(元)</th>
                <th width="">零件净重(g)</th>
                <th width="">零件规格</th>
                <th width="">零件供应商</th>
            </tr>
            </thead>
            <tbody id="componentaAll">
            <#if ptsBom.ptsBomComponentsList?? &&  (ptsBom.ptsBomComponentsList?size > 0) >
                <#list ptsBom.ptsBomComponentsList  as bomComponents>
                    <#assign compont = bomComponents.ptsComponents/>
                    <tr class="text-c">
                        <td>
                        ${compont.componentsNo}
                        </td>
                        <td>
                        ${compont.componentsName}
                        </td>
                        <td>
                        ${bomComponents.bomComponentsQuantity}
                        </td>
                        <td>
                            <#if compont.componentsCost?? >${compont.componentsCost/100}</#if>
                        </td>
                        <td>
                        ${compont.componentsWeight}
                        </td>
                        <td>
                        ${compont.componentsSpecification}
                        </td>
                        <td>
                        ${compont.supplierName! ''}
                        </td>
                    </tr>
                </#list>
            <#else>
                    <tr><td colspan="7" class="td-manage text-c" >该Bom单没有零件！</td></tr>
            </#if>
            </tbody>
        </table>

        <li>
            <div class="content">
                <div  style="font-size: 14px;" class="my-title">生产流程</div>
                <article>
            <#if machineLogsList?? &&  (machineLogsList?size > 0) >
				<#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="${path}/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="${path}/common/images/pts/tanhao.png" />提示：<span class="btn-see-ditails text-red">次品异常</span>
									</#if>
								</#if>
                            </p>
                        </aside>
                    </section>

				</#list>
            <#else>
                未找到该机器生产流程
            </#if>
				<#--<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"))!''}售出&lt;#&ndash;<span class="items">王老五</span><span class="items">净水机需求清洗物料</span>&ndash;&gt;
							<#else >
                                未售出
							</#if>

                            </p>
                        </aside>
                    </section>-->
                </article>
            </div>
        </li>

    </ul>

    <div class="my-title">机器销售信息</div>
    <ul class="my-list">
        <li>销售状态：
            <#if ptsMachine.machineSalesState == 1><span class="text-blue">已售出</#if>
            <#if ptsMachine.machineSalesState == 2><span class="text-blue">未售出</#if>
        </li>
        <#if ptsMachine.machineSalesState == 1>
            <li style="width: 100%;height: 25px;">
                <div style="float: left;width: 200px;">销售时间：${(ptsMachine.machineSalesDate?string("yyyy-MM-dd"))!''}</div>
                <div style="float: left;width: 200px;">销售公司：${ptsSalesCompany.salesCompanyName ! ''}</div>
            </li>
        </#if>
    </ul>
</div>

<script>
    /**
     * 查询版本列表
     * @param produceId
     */
    function selectVersion(produceId,produceName){
        window.location.href= "${path}/admin/machineVersion/_version_list?produceId="+ produceId+"&produceName="+encodeURI(produceName);
    }


</script>
</body>
</html>