<%--
  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>
<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="2" maxLength="64" fieldCol="4" />
                <x:inputC name="productName" required="true" label="产品名称" labelCol="2" maxLength="64" fieldCol="4" />
                <x:selectC name="productCategoryId" required="false" label="产品类别ID" id="selectedCategory" labelCol="2"/>

                <%--        <x:inputC name="productCategoryId" required="true" label="产品类别ID" wrapper="select" labelCol="2" maxLength="64"--%>
                <%--                  fieldCol="4" />--%>
                <x:inputC name="productUnit" required="false" label="单位" labelCol="2"  maxLength="32" fieldCol="4" />
                <x:inputC name="productSampleCode" required="false" label="样品编号" labelCol="2"  maxLength="32" fieldCol="4" />
                <x:inputC name="brandName" required="false" label="品牌名称" labelCol="2"  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" required="true" label="制造工厂" labelCol="2" maxLength="64" fieldCol="4" />
                        <x:inputC name="customerName" required="true" label="客户名称" labelCol="2" maxLength="64" fieldCol="4" />
                        <x:title title="外观描述" name="group" hideTable="#info" />
                        <x:inputC name="productLength" required="true" label="长度" labelCol="2" maxLength="64" fieldCol="4" />
                        <x:inputC name="productWidth" required="true" label="宽度" labelCol="2" maxLength="64" fieldCol="4" />
                        <x:title title="排版参数" name="group" hideTable="#info" />
                        <x:inputC name="modulus" required="true" label="模数" labelCol="2" maxLength="64" fieldCol="4" />
                        <x:inputC name="row_num" required="true" label="行数" labelCol="2" maxLength="64" fieldCol="4" />

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

                        <x:title title="产品材质" name="group" hideTable="#info" />

                    </div>
                    <div class="layout" id='lossFormDiv'>
                    </div>
                    <div class="layout"  id='materialListDiv'>
                    </div>
                </div>
            </div>
        </form>

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

    </div>
</body>
<head>
    <x:base include="layout,dialog,grid,tree,combox,commonTree" />
    <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/product/productDetail.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; }
    </style>
</head>
</html>



