Commit 6b76183b authored by 覃振观's avatar 覃振观 👶

监听范围 增加 textarea

parent 7ece56cc
...@@ -482,6 +482,12 @@ function inputEventListener() { ...@@ -482,6 +482,12 @@ function inputEventListener() {
listenerContent(event); listenerContent(event);
}); });
}); });
const textareaElements = document.querySelectorAll('textarea');
textareaElements.forEach(item => {
item.addEventListener('input', (event) => {
listenerContent(event);
});
});
} }
/** /**
......
...@@ -44,6 +44,12 @@ ...@@ -44,6 +44,12 @@
} }
.panel-footerX > div { margin: 2px; } .panel-footerX > div { margin: 2px; }
.ui-layout-content { height: 319px; } .ui-layout-content { height: 319px; }
.checkBoxDiv {
display: flex;
justify-content: center;
align-items: center;
padding-top:5px;
}
</style> </style>
</head> </head>
...@@ -54,56 +60,58 @@ ...@@ -54,56 +60,58 @@
<%-- <div labelCol="15"> </div>--%> <%-- <div labelCol="15"> </div>--%>
<%-- </div>--%> <%-- </div>--%>
<form class="hg-form" method="post" action="" id="submitForm"> <form class="hg-form" method="post" action="" id="submitForm">
<div class="hg-form-row">
<div class="hg-form-row"> <x:title title="基本属性" name="group" hideTable="#info" />
<x:title title="基本属性" name="group" hideTable="#info" /> <div class="hg-form-cols">
<x:inputC name="productId" required="true" label="产品编码" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="productName" required="true" label="产品名称" labelCol="1" fieldCol="7" maxLength="64" />
</div>
<div class="hg-form-row"> <div class="hg-form-row">
<x:inputC name="productCategoryId" wrapper="select" label="产品类别" id="selectedCategory" labelCol="1" fieldCol="2"/> <x:inputC name="productId" required="true" label="产品编码" labelCol="1" fieldCol="3" maxLength="64" />
<x:inputC name="productUnit" required="true" label="单位" labelCol="1" fieldCol="1" maxLength="32" /> <x:inputC name="productName" required="true" label="产品名称" labelCol="1" fieldCol="3" maxLength="64" />
<x:inputC name="productSizeGroupId" label="尺码组" labelCol="1" fieldCol="1" maxLength="32" /> <x:inputC name="productCategoryId" wrapper="select" label="产品类别" id="selectedCategory" labelCol="1"
<div class="col-xs-4 col-sm-1 " style="padding-top:5px"> fieldCol="3"/>
<x:checkbox name="isOnlyCode" label="是否为唯一码产品"/>
</div>
<div class="col-xs-4 col-sm-1 " style="padding-top:5px">
<x:checkbox name="isDisable" label="是否禁用"/>
</div>
<div class="col-xs-4 col-sm-1 " style="padding-top:5px">
<x:checkbox name="isBuildBom" label="是否建立bom表"/>
</div>
<div class="col-xs-4 col-sm-2 " style="padding-top:5px;">
<x:checkbox name="isBodyColor" label="是否不考虑形体配色"/>
</div>
</div> </div>
<div class="hg-form-row"> <div class="hg-form-row">
<x:inputC name="confirmDate" label="确认日期" labelCol="1" fieldCol="2" maxLength="32" /> <x:inputC name="confirmDate" label="确认日期" labelCol="1" fieldCol="3" maxLength="32" />
<x:inputC name="comfirmPerson" label="确认人" labelCol="1" fieldCol="2" maxLength="32" /> <x:inputC name="comfirmPerson" label="确认人" labelCol="1" fieldCol="3" maxLength="32" />
<div class="col-xs-12 col-sm-1 col-warp col-white-bg" style="padding-top:5px"> <x:inputC name="sampleOrderNo" label="样品单号" labelCol="1" fieldCol="3" maxLength="32" />
<x:checkbox name="isFreeInspection" label="是否吗免检"/>
</div>
<div class="col-xs-12 col-sm-1 col-warp col-white-bg" style="padding-top:5px">
<x:checkbox name="isNoQualityLoss" label="不要字量loss%"/>
</div>
</div> </div>
<div class="hg-form-row"> <div class="hg-form-row">
<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="stockNo" label="库存编码" labelCol="1" fieldCol="3" maxLength="32" />
<x:inputC name="stockName" 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" />
</div> </div>
<div class="hg-form-row"> <div class="hg-form-row">
<x:inputC name="fileNo" label="存档编号" labelCol="1" fieldCol="3" maxLength="32" />
<x:inputC name="brandName" label="品牌名称" labelCol="1" fieldCol="3" maxLength="32" /> <x:inputC name="brandName" label="品牌名称" labelCol="1" fieldCol="3" maxLength="32" />
<x:inputC name="productUnit" label="单位" labelCol="1" fieldCol="3" maxLength="32" required="false" />
<x:inputC name="productSizeGroupId" label="尺码组" labelCol="1" fieldCol="3" maxLength="32" />
</div> </div>
<div class="hg-form-row">
<div class="col-xs-12 col-sm-2 checkBoxDiv"> <%-- 白色 col-white-bg--%>
<div><x:checkbox name="isFreeInspection" label="是否吗免检"/></div>
</div>
<div class="col-xs-12 col-sm-2 col-warp checkBoxDiv">
<div><x:checkbox name="isNoQualityLoss" label="不要字量loss%"/></div>
</div>
<div class="col-xs-4 col-sm-2 checkBoxDiv">
<div><x:checkbox name="isOnlyCode" label="是否为唯一码产品"/></div>
</div>
<div class="col-xs-4 col-sm-2 checkBoxDiv" style="display: flex; justify-content: center;align-items: center;">
<div><x:checkbox name="isDisable" label="是否禁用"/></div>
</div>
<div class="col-xs-4 col-sm-2 checkBoxDiv" style="padding-top:5px">
<div><x:checkbox name="isBuildBom" label="是否建立bom表"/></div>
</div>
<div class="col-xs-4 col-sm-2 checkBoxDiv" style="padding-top:5px;">
<div><x:checkbox name="isBodyColor" label="是否不考虑形体配色"/></div>
</div>
</div>
</div> </div>
<div id='pageTab' style="margin: 0px;"> <div id='pageTab' style="margin: 0px;">
<div class="ui-tab-links"> <div class="ui-tab-links">
<ul id="menu_ul"> <ul id="menu_ul">
...@@ -114,119 +122,140 @@ ...@@ -114,119 +122,140 @@
</div> </div>
<div class="ui-tab-content" style="padding: 2px; padding-right: 0;"> <div class="ui-tab-content" style="padding: 2px; padding-right: 0;">
<div class="layout" id='detailFormDiv'> <div class="layout" id='detailFormDiv'>
<div class="hg-form-row"> <x:title title="产品信息" name="group" hideTable="#info" />
<x:inputC name="factoryName" id="selectedFactory" label="制造工厂" labelCol="1" fieldCol="3" <div class="hg-form-cols">
maxLength="64" wrapper="select" /> <div class="hg-form-row">
<x:inputC name="factoryName" label="客户名称(无对应)" labelCol="1" fieldCol="3" maxLength="64" /> <x:inputC name="factoryName" id="selectedFactory" label="制造工厂" labelCol="1" fieldCol="3"
<x:inputC name="productLayout" label="版面" labelCol="1" fieldCol="1" maxLength="64" /> maxLength="64" wrapper="select" />
<x:inputC name="materialCode" label="材料代号" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="factoryName" label="客户名称(无对应)" labelCol="1" fieldCol="3" maxLength="64" />
</div> <x:inputC name="productLayout" label="版面" labelCol="1" fieldCol="3" maxLength="64" />
<%-- <x:inputC name="date" wrapper="date" required="true" label="日期" labelCol="2" maxLength="64"--%> </div>
<%-- fieldCol="4" />--%> <%-- <x:inputC name="date" wrapper="date" required="true" label="日期" labelCol="2" maxLength="64"--%>
<div class="hg-form-row"> <%-- fieldCol="4" />--%>
<x:inputC name="productCode" label="产品代号" labelCol="1" fieldCol="3" maxLength="64" /> <div class="hg-form-row">
<x:inputC name="productEnCode" label="英文名称" labelCol="1" fieldCol="5" maxLength="64" /> <x:inputC name="materialCode" label="材料代号" labelCol="1" fieldCol="3" maxLength="64" />
<x:inputC name="bodyColor" label="型体配色" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="productCode" label="产品代号" labelCol="1" fieldCol="3" maxLength="64" />
</div> <x:inputC name="productEnCode" label="英文名称" labelCol="1" fieldCol="3" maxLength="64" />
<div class="hg-form-row"> </div>
<x:inputC name="customerMaterialCode" label="客户料号" labelCol="1" fieldCol="3" maxLength="64" /> <div class="hg-form-row">
<x:inputC name="versionNo" label="版本号" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="bodyColor" label="型体配色" labelCol="1" fieldCol="3" maxLength="64" />
<x:inputC name="isNewSpecification" label="是否创建新规格书" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="customerMaterialCode" label="客户料号" labelCol="1" fieldCol="3" maxLength="64" />
<x:inputC name="specificationNo" label="规格书编号" labelCol="1" fieldCol="3" maxLength="64" /> <x:inputC name="versionNo" label="版本号" labelCol="1" fieldCol="3" maxLength="64" />
</div>
<div class="hg-form-row">
<x:inputC name="isNewSpecification" label="是否创建新规格书" labelCol="1" fieldCol="3" maxLength="64" />
<x:inputC name="specificationNo" label="规格书编号" labelCol="1" fieldCol="3" maxLength="64" />
</div>
</div> </div>
<x:title title="外观描述" name="group" hideTable="#info" /> <x:title title="外观描述" name="group" hideTable="#info" />
<div class="hg-form-row"> <div class="hg-form-cols">
<x:inputC name="productLength" label="长度" labelCol="1" fieldCol="1" maxLength="64"/> <div class="hg-form-row">
<x:inputC name="productWidth" label="宽度" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="productLength" label="长度" labelCol="1" fieldCol="2" maxLength="64"/>
<x:inputC name="productHeight" label="高度" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="productWidth" label="宽度" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="productThick" label="厚度" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="productHeight" label="高度" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="productWeight" label="成品克重" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="productThick" label="厚度" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="productAngleType" label="角型" labelCol="1" fieldCol="1" maxLength="64" /> </div>
</div> <div class="hg-form-row">
<div class="hg-form-row"> <x:inputC name="productWeight" label="成品克重" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="productAngle" label="角度" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="productAngleType" label="角型" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="productAperture" label="孔径" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="productAngle" label="角度" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="productSingleLayer" label="单层厚" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="productAperture" label="孔径" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="productSingleWeight" label="单重" labelCol="1" fieldCol="1" maxLength="64" /> </div>
<x:inputC name="productLayerNum" label="层数" labelCol="1" fieldCol="1" maxLength="64" /> <div class="hg-form-row">
<x:inputC name="productMould" label="是否防霉" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="productSingleLayer" label="单层厚" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="productCoding" label="是否写码" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="productSingleWeight" label="单重" labelCol="1" fieldCol="2" maxLength="64" />
</div> <x:inputC name="productLayerNum" label="层数" labelCol="1" fieldCol="2" maxLength="64" />
<div class="hg-form-row"> <x:inputC name="productMould" label="是否防霉" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="productSysCertification" label="体系认证" labelCol="1" fieldCol="1" maxLength="64" /> </div>
<x:inputC name="storeName" label="仓库" labelCol="1" fieldCol="1" maxLength="64" /> <div class="hg-form-row">
<x:inputC name="productBuyUnit" label="采购单位" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="productCoding" label="是否写码" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="purchaseConversionValue" label="采购换算值" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="productSysCertification" label="体系认证" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="coefficient" label="系数" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="storeName" label="仓库" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="productBuyUnit" label="采购单位" labelCol="1" fieldCol="2" maxLength="64" />
</div>
<div class="hg-form-row">
<x:inputC name="purchaseConversionValue" label="采购换算值" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="coefficient" label="系数" labelCol="1" fieldCol="2" maxLength="64" />
</div>
</div> </div>
<x:title title="排版参数" name="group" hideTable="#info" /> <x:title title="排版参数" name="group" hideTable="#info" />
<div class="hg-form-row"> <div class="hg-form-cols">
<x:inputC name="modulus" label="模数" labelCol="1" fieldCol="1" maxLength="64" /> <div class="hg-form-row">
<x:inputC name="columnNum" label="列数" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="modulus" label="模数" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="rowNum" label="行数" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="columnNum" label="列数" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="contactNum" label="搭版数" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="rowNum" label="行数" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="columnDoubleBlade" label="列双刀位" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="contactNum" label="搭版数" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="rowDoubleBlade" label="行双刀位" labelCol="1" fieldCol="1" maxLength="64" /> </div>
</div> <div class="hg-form-row">
<div class="hg-form-row"> <x:inputC name="columnDoubleBlade" label="列双刀位" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="dispatchMultiple" label="派工倍数" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="rowDoubleBlade" label="行双刀位" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="sheetLength" label="印张长度" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="dispatchMultiple" label="派工倍数" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="sheetWidth" label="印张宽度" labelCol="1" fieldCol="1" maxLength="64" /> <x:inputC name="sheetLength" label="印张长度" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="productSheetConf" label="产品印张设置" labelCol="1" fieldCol="1" maxLength="64" /> </div>
<div class="hg-form-row">
<x:inputC name="sheetWidth" label="印张宽度" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="productSheetConf" label="产品印张设置" labelCol="1" fieldCol="2" maxLength="64" />
</div>
</div> </div>
<div class="col-xs-12 col-sm-6" style="padding-top:5px">
<x:title title="正面颜色" name="group" hideTable="#info" />
<div id="fronColorsGrid" style="margin: 2px; height: 280px;"></div>
</div>
<div class="col-xs-12 col-sm-6" style="padding-top:5px">
<x:title title="反面颜色" name="group" hideTable="#info" />
<div id="backColorsGrid" style="margin: 2px; height: 280px;"></div>
</div>
<div class="hg-form-row">
<x:inputC name="productSubstrate" label="产品承印物" labelCol="1" fieldCol="7" maxLength="64" />
</div>
<div class="hg-form-row"> <div class="hg-form-row">
<x:inputC name="beerPlateNo" required="false" label="啤版编号" labelCol="1" fieldCol="1" maxLength="64" /> <div class="col-xs-12 col-sm-6" style="padding-top:5px">
<x:inputC name="goldPlateNo" required="false" label="烫金版编号" labelCol="1" fieldCol="1" maxLength="64" /> <x:title title="正面颜色" name="group" hideTable="#info" />
<x:inputC name="dieCutPlateNo" required="false" label="模切版编号" labelCol="1" fieldCol="1" maxLength="64" /> <div id="fronColorsGrid" style="margin: 2px; height: 280px;"></div>
<x:inputC name="copperpResinLateNo" required="false" label="铜版及树脂版编号" labelCol="1" fieldCol="1" maxLength="64" /> </div>
<x:inputC name="netPlateNo" required="false" label="网版编号" labelCol="1" fieldCol="3" maxLength="64" /> <div class="col-xs-12 col-sm-6" style="padding-top:5px">
<x:title title="反面颜色" name="group" hideTable="#info" />
<div id="backColorsGrid" style="margin: 2px; height: 280px;"></div>
</div>
</div> </div>
<div class="hg-form-row">
<x:inputC name="technology_productId" title="productId" id = "selectedTechnology" label="制程工艺" labelCol="1" <div class="hg-form-cols">
fieldCol="7" wrapper="select" maxLength="64" /> <div class="hg-form-row">
<x:inputC name="productProperty" label="产品性质" labelCol="1" fieldCol="3" maxLength="64" /> <x:inputC name="productSubstrate" label="产品承印物" labelCol="1" fieldCol="3" maxLength="64" />
<x:inputC name="beerPlateNo" label="啤版编号" labelCol="1" fieldCol="3" maxLength="64" />
<x:inputC name="goldPlateNo" label="烫金版编号" labelCol="1" fieldCol="3" maxLength="64" />
</div>
<div class="hg-form-row">
<x:inputC name="dieCutPlateNo" label="模切版编号" labelCol="1" fieldCol="3" maxLength="64" />
<x:inputC name="copperpResinLateNo" label="铜版及树脂版编号" labelCol="1" fieldCol="3" maxLength="64" />
<x:inputC name="netPlateNo" label="网版编号" labelCol="1" fieldCol="3" maxLength="64" />
</div>
<div class="hg-form-row">
<x:inputC name="technology_productId" title="productId" id = "selectedTechnology" label="制程工艺" labelCol="1"
fieldCol="3" wrapper="select" maxLength="64" />
<x:inputC name="productProperty" label="产品性质" labelCol="1" fieldCol="3" maxLength="64" />
<x:inputC name="productTechnologyRequire" label="工艺要求" labelCol="1" fieldCol="3"
maxLength="64" />
</div>
<div class="hg-form-row">
<x:inputC name="packageStyle" label="包装方式" labelCol="1" fieldCol="3" maxLength="64" />
<x:inputC name="physicalTest" label="物性测试" labelCol="1" fieldCol="3" maxLength="64" />
<x:inputC name="chemistryTest" label="化性测试" labelCol="1" fieldCol="3" maxLength="64" />
</div>
</div> </div>
<div position="center" title="产品工序"> <div position="center" title="产品工序">
<div id="processedGrid" style="margin: 2px;"></div> <div id="processedGrid" style="margin: 2px;"></div>
</div> </div>
<div class="hg-form-row">
<x:inputC name="productTechnologyRequire" label="工艺要求" labelCol="1" fieldCol="2" maxLength="64" />
<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" />
</div>
<x:title title="产品材质" name="group" hideTable="#info" /> <x:title title="产品材质" name="group" hideTable="#info" />
<div class="hg-form-cols">
<div class="hg-form-row">
<x:textareaC name="productMaterial" label="产品材质" labelCol="1" fieldCol="5" rows="2" maxLength="64" />
<x:textareaC name="productMaterial" label="产品材质" labelCol="1" fieldCol="5" rows="2" maxLength="64" /> </div>
<x:inputC name="plasticBagStructure" label="塑胶袋结构" labelCol="1" fieldCol="5" maxLength="64" /> <%-- <div class="col-xs-12 col-sm-6" style="padding-top:5px"></div>--%>
<%-- <div class="col-xs-12 col-sm-6" style="padding-top:5px"></div>--%> <div class="hg-form-row">
<x:inputC name="plasticBagStructure" label="塑胶袋结构" labelCol="1" fieldCol="2" maxLength="64" />
<div class="hg-form-row"> <x:inputC name="copperpNo" label="铜版编号" labelCol="1" fieldCol="2" 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="colorNoCard" label="色号卡" labelCol="1" fieldCol="2" maxLength="64" /> <x:inputC name="plateNo" label="模具编号" labelCol="1" fieldCol="2" maxLength="64" />
<x:inputC name="plateNo" label="模具编号" labelCol="1" fieldCol="2" maxLength="64" /> </div>
</div> </div>
<%-- <x:textareaC cols="3" ></x:textareaC>--%>
</div> </div>
<div class="layout" id='lossFormDiv'> <div class="layout" id='lossFormDiv'>
<div id="productLossGrid" style="margin: 2px; height: 500px;"></div> <div id="productLossGrid" style="margin: 2px; height: 500px;"></div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment