<%--
  Created by IntelliJ IDEA.
  User: qinzhenguan
  Date: 2023/11/30
  Time: 15:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@taglib uri="/WEB-INF/taglib.tld" prefix="x"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
    <title>Title</title>
    <x:base include="layout,dialog,grid,tree,combox,commonTree, date" />
    <x:script src='/javaScript/common.js'/>
    <x:script src='/lib/jquery/jquery.contextmenu.js'/>
    <x:script src='/system/bpm/BpmUtil.js'/>
    <x:script src='/biz/topsun/common/listeningFromData.js'/>
    <x:script src='/biz/topsun/product/productDetail.js'/>
<%--    <x:script src='/biz/topsun/product/product.js'/>--%>
    <style>
        .panelX{
            height: 98%;
            width: 100%;
            padding: 5px;
            position: relative;
            display: inline-flex;
            flex-direction: column;
            /*background-color: #f3f3f4 !important;*/
        }
        .panelX > div:first-child { margin-bottom: 38px; }
        .panelX > form { margin-bottom: 38px; }
        .panel-footerX {
            width: 100%;
            left: -1px;
            bottom: 0;
            padding: 1px 99px;
            position: fixed;
            display:flex;
            justify-content:center;
            background: none repeat scroll 0 0 #fff0;
            /*border-top: 1px solid #e7eaec;*/
            /*background: none repeat scroll 0 0 #fff;*/
        }
        .panel-footerX > div { margin: 2px; }
        .ui-layout-content { height: 319px; }
    </style>
</head>

<body>
    <div class="panelX" id="panelContainer" >
        <x:hidden name="productDetailId" />
<%--        <div class="hg-form-cols">--%>
<%--            <div labelCol="15"> </div>--%>
<%--        </div>--%>
        <form class="hg-form" method="post" action="" id="submitForm">
            <div class="hg-form-row">
                <x:title title="基本属性" name="group" hideTable="#info" />
                <x:inputC name="productId" required="true" label="产品编码" labelCol="1" fieldCol="3"  maxLength="64" />
                <x:inputC name="productName" required="true" label="产品名称" labelCol="1" fieldCol="7" maxLength="64"  />
                <x:selectC name="productCategoryId" required="true" label="产品类别ID" id="selectedCategory" labelCol="1" fieldCol="3"/>
                <%--        <x:inputC name="productCategoryId" required="true" label="产品类别ID" wrapper="select" labelCol="2" maxLength="64"--%>
                <%--                  fieldCol="4" />--%>
                <x:inputC name="productUnit" required="true" label="单位" labelCol="1" fieldCol="3"  maxLength="32"  />
                <x:inputC name="productSizeGroupId" label="尺码组" labelCol="1" fieldCol="3"  maxLength="32"  />
                <x:inputC name="confirmDate" label="确认日期" labelCol="1" fieldCol="3"  maxLength="32"  />
                <x:inputC name="comfirmPerson" label="确认人" labelCol="1" fieldCol="3"  maxLength="32"  />
                <x:inputC name="isFreeInspection" label="是否吗免检" labelCol="1" fieldCol="1"  maxLength="32"  />
                <x:inputC name="isNoQualityLoss" label="不要字量loss%" labelCol="1" fieldCol="1"  maxLength="32"  />
                <x:inputC name="sampleOrderNo" label="样品单号" labelCol="1" fieldCol="3"  maxLength="32"  />
                <x:inputC name="stockNo" label="库存编码" labelCol="1" fieldCol="3"  maxLength="32"  />
                <x:inputC name="stockName" label="库存名称" labelCol="1" fieldCol="3"  maxLength="32"  />
                <x:inputC name="fileNo" label="存档编号" labelCol="1" fieldCol="3"  maxLength="32"  />
                <x:inputC name="brandName" label="品牌名称" labelCol="1"  maxLength="32" fieldCol="4" />
            </div>

            <div id='pageTab' style="margin: 0px;">
                <div class="ui-tab-links">
                    <ul id="menu_ul">
                        <li id="detailForm" divid="detailFormDiv">可选属性</li>
                        <li id="lossForm" divid="lossFormDiv">客户loss</li>
                        <li id="materialList" divid="materialListDiv">物料组成</li>
                    </ul>
                </div>
                <div class="ui-tab-content" style="padding: 2px; padding-right: 0;">
                    <div class="layout" id='detailFormDiv'>
                        <x:inputC name="factoryName" label="制造工厂" labelCol="1" fieldCol="3"  maxLength="64" />
                        <x:inputC name="factoryName" label="客户名称(无对应)" labelCol="1" fieldCol="3"  maxLength="64" />
<%--                        <x:inputC name="date" wrapper="date" required="true" label="日期" labelCol="2" maxLength="64"--%>
<%--                                  fieldCol="4" />--%>
                        <x:inputC name="productLayout" label="版面" labelCol="1" fieldCol="1" maxLength="64"  />
                        <x:inputC name="materialCode" label="材料代号" labelCol="1" fieldCol="1" maxLength="64"  />
                        <x:inputC name="productCode" label="产品代号" labelCol="1" fieldCol="3" maxLength="64"  />
                        <x:inputC name="productEnCode" label="英文名称" labelCol="1" fieldCol="5" maxLength="64"  />
                        <x:inputC name="bodyColor" label="型体配色" labelCol="1" fieldCol="1" maxLength="64"  />
                        <x:inputC name="customerMaterialCode" label="客户料号" labelCol="1" fieldCol="3" maxLength="64"  />
                        <x:inputC name="versionNo" label="版本号" labelCol="1" fieldCol="1" maxLength="64"  />
                        <x:inputC name="isNewSpecification" label="是否创建新规格书" labelCol="1" fieldCol="1" maxLength="64"  />
                        <x:inputC name="specificationNo" label="规格书编号" labelCol="1" fieldCol="3" maxLength="64"  />

                        <x:title title="外观描述" name="group" hideTable="#info" />
                        <x:inputC name="productLength" label="长度" labelCol="1" fieldCol="1"  maxLength="64"/>
                        <x:inputC name="productWidth" label="宽度" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="productHeight" label="高度" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="productThick" label="厚度" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="productWeight" label="成品克重" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="productAngleType" label="角型" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="productAngle" label="角度" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="productAperture" label="孔径" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="productSingleLayer" label="单层厚" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="productSingleWeight" label="单重" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="productLayerNum" label="层数" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="productMould" label="是否防霉" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="productCoding" label="是否写码" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="productSysCertification" label="体系认证" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="storeName" label="仓库" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="productBuyUnit" label="采购单位" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="purchaseConversionValue" label="采购换算值" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="coefficient" label="系数" labelCol="1" fieldCol="1" maxLength="64" />

                        <x:title title="排版参数" name="group" hideTable="#info" />
                        <x:inputC name="modulus" label="模数" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="columnNum" label="列数" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="rowNum" label="行数" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="contactNum" label="搭版数" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="columnDoubleBlade" label="列双刀位" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="rowDoubleBlade" label="行双刀位" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="dispatchMultiple" label="派工倍数" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="sheetLength" label="印张长度" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="sheetWidth" label="印张宽度" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="productSheetConf" label="产品印张设置" labelCol="1" fieldCol="1" maxLength="64" />

                        <x:inputC name="beerPlateNo" required="false" label="啤版编号" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="goldPlateNo" required="false" label="烫金版编号" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="dieCutPlateNo" required="false" label="模切版编号" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="copperpResinLateNo" required="false" label="铜版及树脂版编号" labelCol="1" fieldCol="1" maxLength="64" />
                        <x:inputC name="netPlateNo" required="false" label="网版编号" labelCol="1" fieldCol="3" maxLength="64" />
                        <x:inputC name="productProperty" required="false" label="产品性质" labelCol="1" fieldCol="3" maxLength="64" />

                        <x:inputC name="productTechnologyName" required="false" label="制程工艺" labelCol="2" fieldCol="7"
                                  maxLength="64" />


                        <div position="center" title="产品工序">
                            <div id="processedGrid" style="margin: 2px;"></div>
                        </div>

                        <x:inputC name="productTechnologyRequire"  label="工艺要求" labelCol="1" fieldCol="2" maxLength="64" readonly="true"/>
                        <x:inputC name="packageStyle"  label="包装方式" labelCol="1" fieldCol="2" maxLength="64" />
                        <x:inputC name="physicalTest" label="物性测试" labelCol="1" fieldCol="2" maxLength="64" />
                        <x:inputC name="chemistryTest"  label="化性测试" labelCol="1" fieldCol="2" maxLength="64" />
                        <x:title title="产品材质" name="group" hideTable="#info" />
                        <x:inputC name="productMaterial"  label="产品材质" labelCol="1" fieldCol="11" maxLength="64" />
                        <x:inputC name="copperpNo"  label="铜版编号" labelCol="1" fieldCol="2" maxLength="64" />
                        <x:inputC name="colorNoCard"  label="色号卡" labelCol="1" fieldCol="2" maxLength="64" />
                        <x:inputC name="plateNo"  label="模具编号" labelCol="1" fieldCol="2" maxLength="64" />
                        <x:inputC name="plasticBagStructure"  label="塑胶袋结构" labelCol="1" fieldCol="2" maxLength="64" />


                        <div id="layout" style="height: 360px; display: contents;">
                            <div position="left" title="正面颜色" >
                                <div id="fronColorsGrid" style="margin: 2px; height: 280px;"></div>
                            </div>
                            <div position="right" title="反面颜色">
                                <div id="backColorsGrid" style="margin: 2px; height: 280px;"></div>
                            </div>
                        </div>


                    </div>
                    <div class="layout" id='lossFormDiv'>
                        <div id="productLossGrid" style="margin: 2px; height: 500px;"></div>
                    </div>
                    <div class="layout"  id='materialListDiv'>
                    </div>
                </div>
            </div>
        </form>

        <div  id="toolBarCenter" class="panel-footerX" >
            <div id="toolBar"></div>
        </div>

    </div>
</body>

</html>



