|
|
@@ -14,10 +14,10 @@
|
|
|
.my-input{padding: 8px 5px;width: 80%;border:1px solid rgba(0,0,0,.1);}
|
|
|
.my-input-date{padding: 8px 10px;border:1px solid rgba(0,0,0,.1);width: 80%;background: url(http://s.iamberry.com/images/rili-1.png) 98.5% center no-repeat; background-size:auto 50%;}
|
|
|
.input-box{margin: 18px 0;}
|
|
|
- .input-dic{float: left;margin:5px 10px 0 0;font-size: 12px;}
|
|
|
+ .input-dic{float: left;margin:5px 10px 0 0;font-size: 14px;}
|
|
|
.add-list{list-style-type: none;padding: 10px;background-color: #f5f5f5;width: 60%;float: left;margin: 0;}
|
|
|
.add-list>li{margin: 10px 0;}
|
|
|
- .my-textarea{padding: 5px 10px;width: 80%;border:1px solid rgba(0,0,0,.1);}
|
|
|
+ .my-textarea{padding: 5px 10px;width: 65%;border:1px solid rgba(0,0,0,.1);margin-left: 12.5%;}
|
|
|
.my-btn-reset{padding: 10px 20px;width: 150px; background-color: #fff;color: #32a3d8;border: 1px solid #32a3d8;cursor:pointer;margin: 10px 10px 0 10px;}
|
|
|
.my-btn-submit{padding: 10px 20px;width: 150px; background-color: #32a3d8;color: #fff;border: 1px solid #32a3d8;cursor:pointer;margin: 10px 10px 0 10px;}
|
|
|
.my-select{border: 1px solid rgba(0,0,0,.1);padding:6px 50px 6px 15px;width: 60%; height: 34px;margin: 0 10px; -webkit-appearance:none;appearance:none;background: url(http://s.iamberry.com/images/select-1.png) right center no-repeat #fff;background-size:auto 100%;}
|
|
|
@@ -32,7 +32,7 @@
|
|
|
<article class="page-container">
|
|
|
<form class="form form-horizontal" id="form-admin-add">
|
|
|
<div class="input-box">
|
|
|
- <label class="form-label col-2 col-sm-2 huanhang">检测产品：</label>
|
|
|
+ <label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;">检测产品：</label>
|
|
|
<div class="formControls col-9 col-sm-9 text-c huanhang" style="margin-bottom: 15px;">
|
|
|
<table class="table table-border table-bg table-bordered" style="width: 420px;">
|
|
|
<thead>
|
|
|
@@ -48,7 +48,9 @@
|
|
|
<tr>
|
|
|
|
|
|
<td>
|
|
|
- <input type="radio" onclick="emptyingNumber();" id="radio-${product.productId!''}" name="productId" value="${product.productId!''}" <#if product_index == 0>checked</#if>/>${product.productName!''}
|
|
|
+ <div class="formControls col-xs-12 col-sm-12 skin-minimal">
|
|
|
+ <input type="radio" id="radio-${product.productId!''}" name="productId" value="${product.productId!''}" <#if product_index == 0>checked</#if>/> ${product.productName!''}
|
|
|
+ </div>
|
|
|
</td>
|
|
|
<td>
|
|
|
<select name="colorId${product.productId!''}" id="colorId${product.productId!''}" style="width:90%" class="my-select">
|
|
|
@@ -70,90 +72,81 @@
|
|
|
</#if>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
-
|
|
|
- <#--<#if (productList?size > 0)>
|
|
|
- <#list productList as product>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <input type="radio" id="radio-${product.productId!''}" name="productId" value="${product.productId!''}" <#if product_index == 0>checked</#if>/>${product.productName!''}
|
|
|
- <select name="colorId${product.productId!''}" id="colorId${product.productId!''}" style="width:60px" class="select">
|
|
|
- <#if (product.colorList?size > 0)>
|
|
|
- <#list product.colorList as colorList>
|
|
|
- <option value ="${colorList.colorId!''}">${colorList.colorName!''}</option>
|
|
|
- </#list>
|
|
|
- <#else>
|
|
|
- <option value ="">暂无颜色</option>
|
|
|
- </#if>
|
|
|
- </select>
|
|
|
- <input class="input-text" type="text" id="maintenanceEquipmentNumber${product.productId!''}" name="maintenanceEquipmentNumber${product.productId!''}" style="width: 20%;" placeholder="机器编号" /><br>
|
|
|
- </#list>
|
|
|
- </#if>-->
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="input-box">
|
|
|
- <span class="input-dic spanhidth">检测日期：</span>
|
|
|
- <input class="my-input-date" type="text" style="width: 76%;" name="detect_date" id="detectDate" onClick="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})" placeholder="请选择检测日期" readonly="readonly"/>
|
|
|
+ <label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;">检测日期：</label>
|
|
|
+ <div class="formControls col-8 col-sm-8 text-c huanhang" style="margin-left: -4.5%;">
|
|
|
+ <input class="my-input-date" type="text" name="detect_date" id="detectDate" onClick="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})" placeholder="请选择检测日期" readonly="readonly"/>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<div class="input-box">
|
|
|
- <span class="input-dic" style="margin-top: 0">检测结果：</span>
|
|
|
- <label for="radio-3">
|
|
|
- <input type="radio" id="radio-3" name="detectState" value="3" checked/>检测通过
|
|
|
- </label>
|
|
|
- <label for="radio-4" style="margin-left: 50px;">
|
|
|
- <input type="radio" id="radio-4" name="detectState" value="4"/>检测未通过
|
|
|
- </label>
|
|
|
+ <label class="col-3 col-sm-3 huanhang" style="text-align: right;">检测结果：</label>
|
|
|
+ <div class="formControls col-xs-7 col-sm-7 skin-minimal huanhang">
|
|
|
+ <div class="radio-box">
|
|
|
+ <input type="radio" id="radio-3" name="detectState" value="3" checked/>
|
|
|
+ <label for="tel-3">检测通过</label>
|
|
|
+ </div>
|
|
|
+ <div class="radio-box">
|
|
|
+ <input type="radio" id="radio-4" name="detectState" value="4"/>
|
|
|
+ <label for="tel-4">检测未通过</label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="input-box">
|
|
|
- <span class="input-dic "> </span>
|
|
|
+ <div class="input-box" style="margin-left: 17%;">
|
|
|
<textarea rows="3" cols="20" name="detectPhenomenon" id="detectPhenomenon" class="my-textarea" placeholder="工厂检测现象"></textarea>
|
|
|
</div>
|
|
|
- <div class="input-box">
|
|
|
- <span class="input-dic "> </span>
|
|
|
+ <div class="input-box" style="margin-left: 17%;">
|
|
|
<textarea rows="3" cols="20" name="detectFailureClassification" id="detectFailureClassification" class="my-textarea" placeholder="故障分类"></textarea>
|
|
|
</div>
|
|
|
- <div class="input-box">
|
|
|
- <span class="input-dic "> </span>
|
|
|
+ <div class="input-box" style="margin-left: 17%;">
|
|
|
<textarea rows="3" cols="20" name="detectFailureCause" id="detectFailureCause" class="my-textarea" placeholder="故障原因"></textarea>
|
|
|
</div>
|
|
|
- <div class="input-box">
|
|
|
- <span class="input-dic "> </span>
|
|
|
+ <div class="input-box" style="margin-left: 17%;">
|
|
|
<textarea rows="3" cols="20" name="detectResults" id="detectResults" class="my-textarea" placeholder="判定结果"></textarea>
|
|
|
</div>
|
|
|
- <div class="input-box">
|
|
|
- <span class="input-dic "> </span>
|
|
|
+ <div class="input-box" style="margin-left: 17%;">
|
|
|
<textarea rows="3" cols="20" name="detectPoint" id="detectPoint" class="my-textarea" placeholder="故障指向"></textarea>
|
|
|
</div>
|
|
|
- <div class="input-box">
|
|
|
- <span class="input-dic "> </span>
|
|
|
+ <div class="input-box" style="margin-left: 17%;">
|
|
|
<textarea rows="3" cols="20" name="detectAnalysis" id="detectAnalysis" class="my-textarea" placeholder="原因分析"></textarea>
|
|
|
</div>
|
|
|
|
|
|
<div class="input-box">
|
|
|
- <span class="input-dic" style="margin-top: 0">是否维修：</span>
|
|
|
- <label for="radio-5">
|
|
|
- <input type="radio" id="radio-5" name="detectIsMaintenance" value="1" checked/>需要维修
|
|
|
- </label>
|
|
|
- <label for="radio-6" style="margin-left: 50px;">
|
|
|
- <input type="radio" id="radio-6" name="detectIsMaintenance" value="2"/>不需要维修
|
|
|
- </label>
|
|
|
+ <label class="col-3 col-sm-3 huanhang" style="text-align: right;">是否维修：</label>
|
|
|
+ <div class="formControls col-xs-7 col-sm-7 skin-minimal">
|
|
|
+ <div class="radio-box">
|
|
|
+ <input type="radio" id="radio-5" name="detectIsMaintenance" value="1" checked/>
|
|
|
+ <label for="tel-5">需要维修</label>
|
|
|
+ </div>
|
|
|
+ <div class="radio-box">
|
|
|
+ <input type="radio" id="radio-6" name="detectIsMaintenance" value="2"/>
|
|
|
+ <label for="tel-6">不需要维修</label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="input-box">
|
|
|
- <span class="input-dic" style="margin-top: 0">是否已转入：</span>
|
|
|
- <label for="radio-7">
|
|
|
- <input type="radio" id="radio-7" name="detectRevolutionProduced" value="1" checked/>已转入维修
|
|
|
- </label>
|
|
|
- <label for="radio-8" style="margin-left: 50px;">
|
|
|
- <input type="radio" id="radio-8" name="detectRevolutionProduced" value="2"/>未转入维修
|
|
|
- </label>
|
|
|
+ <label class="col-3 col-sm-3 huanhang" style="text-align: right;">是否已转入：</label>
|
|
|
+ <div class="formControls col-xs-7 col-sm-7 skin-minimal ">
|
|
|
+ <div class="radio-box">
|
|
|
+ <input type="radio" id="radio-7" name="detectRevolutionProduced" value="1" checked/>
|
|
|
+ <label for="tel-7">已转入维修</label>
|
|
|
+ </div>
|
|
|
+ <div class="radio-box" style="margin-left: -4.1%;">
|
|
|
+ <input type="radio" id="radio-8" name="detectRevolutionProduced" value="2"/>
|
|
|
+ <label for="tel-8">未转入维修</label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="input-box">
|
|
|
- <span class="input-dic spanhidth">备注：</span>
|
|
|
- <textarea rows="3" cols="20" name="detectDesc" id="detectDesc" class="my-textarea" placeholder="请详细备注签收的内容，便于以后复查。如果转入生产，则生产部门同事可查看！"></textarea>
|
|
|
+ <div class="input-box" >
|
|
|
+ <label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;">备注：</label>
|
|
|
+ <div class="formControls col-xs-9 col-sm-9">
|
|
|
+ <div class="radio-box">
|
|
|
+ <textarea rows="3" style="width: 200%;margin-left: -15%;margin-top: 5%;" cols="20" name="detectDesc" id="detectDesc" class="my-textarea" placeholder="请详细备注签收的内容，便于以后复查。如果转入生产，则生产部门同事可查看！"></textarea>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div style="margin-left: 35%;">
|
|
|
<button type="button" class="my-btn-submit" onclick="add();">确认提交</button>
|
|
|
@@ -162,11 +155,34 @@
|
|
|
</article>
|
|
|
<script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
- function emptyingNumber() {
|
|
|
+ /*初始化单选框样式*/
|
|
|
+ $(function(){
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ $("input[name='productId']").change(function (){
|
|
|
+ alert(1)
|
|
|
+ /*$("input[name='productId']").each(function () {
|
|
|
+ var type = $(this).val();
|
|
|
+ $("#maintenanceEquipmentNumber"+type).val("");
|
|
|
+ });*/
|
|
|
+
|
|
|
+ $("input[name='productId']").val("");
|
|
|
+ });
|
|
|
+ $('.skin-minimal input').iCheck({
|
|
|
+ checkboxClass: 'icheckbox-blue',
|
|
|
+ radioClass: 'iradio-blue',
|
|
|
+ increaseArea: '20%'
|
|
|
+ });
|
|
|
+ alert($("input[name='productId']").html());
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ /* function emptyingNumber() {
|
|
|
$("input[name='productId']").each(function () {
|
|
|
- $("#maintenanceEquipmentNumber"+$(this).val()).val("");
|
|
|
+
|
|
|
});
|
|
|
- }
|
|
|
+ }*/
|
|
|
|
|
|
function add() {
|
|
|
$("input[name='checkbox']:checkbox:checked").each(function () {
|
|
|
@@ -257,6 +273,7 @@
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
+
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|
