|
@@ -21,6 +21,7 @@
|
|
|
|
|
|
<body style="background:rgba(0,0,0,0)">
|
|
|
<div class="memberbox">
|
|
|
+
|
|
|
<div class="member-choose">
|
|
|
<span>资产名称</span>
|
|
|
<input type="text" id="facilityName" maxlength="100">
|
|
@@ -103,6 +104,12 @@
|
|
|
<span>资产名称:<i class="necessary">*</i></span>
|
|
|
<input type="text" name="facilityName" maxlength="100">
|
|
|
</div>
|
|
|
+ <div class="layui-col-xs4 choose-item">
|
|
|
+ <span>购买时间:<i class="necessary">*</i></span>
|
|
|
+ <div class="layui-input-inline">
|
|
|
+ <input type="text" class="layui-input" id="test5" name="buyTime" maxlength="100">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="layui-col-xs4 choose-item">
|
|
|
<span>类别:<i class="necessary">*</i></span>
|
|
|
<select name="facilityType" id="getTypeList">
|
|
@@ -131,6 +138,7 @@
|
|
|
<option value="其他">其他</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
+
|
|
|
<div class="layui-col-xs4 choose-item">
|
|
|
<span>型号:</span>
|
|
|
<input type="text" name="facilityModel" maxlength="100">
|
|
@@ -151,12 +159,7 @@
|
|
|
<span>供应商:<i class="necessary">*</i></span>
|
|
|
<input type="text" name="supplier" maxlength="100">
|
|
|
</div>
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>购买时间:<i class="necessary">*</i></span>
|
|
|
- <div class="layui-input-inline">
|
|
|
- <input type="text" class="layui-input" id="test5" name="buyTime" maxlength="100">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+
|
|
|
<div class="layui-col-xs4 choose-item">
|
|
|
<span>采购编号:<i class="necessary">*</i></span>
|
|
|
<input type="text" name="buyNo" maxlength="100">
|
|
@@ -209,7 +212,10 @@
|
|
|
</div>
|
|
|
<div>
|
|
|
<span>资产类型:<i class="necessary">*</i></span>
|
|
|
- <input type="text" name="facilityType" maxlength="100">
|
|
|
+ <!-- <input type="text" name="facilityType" maxlength="100"> -->
|
|
|
+ <select name="facilityType" id="getTypeList2">
|
|
|
+ <option value="">请选择</option>
|
|
|
+ </select>
|
|
|
</div>
|
|
|
<div>
|
|
|
<span>单位名称:<i class="necessary">*</i></span>
|
|
@@ -262,29 +268,62 @@
|
|
|
//常规用法
|
|
|
laydate.render({
|
|
|
elem: '#test5',
|
|
|
+ trigger: 'click',
|
|
|
type: 'datetime'
|
|
|
});
|
|
|
});
|
|
|
|
|
|
$(function() {
|
|
|
- enlargeImg();
|
|
|
- })
|
|
|
- //关闭并移除图层
|
|
|
- function closeImg() {
|
|
|
- $('.enlargeImg_wrapper').fadeOut(200).remove();
|
|
|
- }
|
|
|
- //查看大图
|
|
|
- function enlargeImg() {
|
|
|
+
|
|
|
+ var outside = true;
|
|
|
$(".enlargeImg").click(function() {
|
|
|
+ outside = false
|
|
|
$('.imgBox').html("<div class='enlargeImg_wrapper'></div>");
|
|
|
var imgSrc = $(this).attr('src');
|
|
|
$(".enlargeImg_wrapper").css("background-image", "url(" + imgSrc + ")");
|
|
|
- $('.enlargeImg_wrapper').fadeIn(200);
|
|
|
+ $('.enlargeImg_wrapper').fadeIn(300);
|
|
|
})
|
|
|
- $('.imgBox').on('click', '.enlargeImg_wrapper', function() {
|
|
|
- $('.enlargeImg_wrapper').fadeOut(200).remove();
|
|
|
+
|
|
|
+ // $('.imgBox').on('click', '.enlargeImg_wrapper', function() {
|
|
|
+ // $('.enlargeImg_wrapper').fadeOut(200).remove();
|
|
|
+ // })
|
|
|
+
|
|
|
+
|
|
|
+ //以下两个方法用于判断是点击按钮和弹框,还是弹框外面,如果点击弹框外面隐藏弹框,注document.body必须要在文档后面写,在head写documnet.body为null
|
|
|
+ document.body.addEventListener('click', function() {
|
|
|
+ outside = true
|
|
|
+ }, true)
|
|
|
+ document.body.addEventListener('click', function() {
|
|
|
+ if (outside) {
|
|
|
+ // alertBox.style.display = 'none'
|
|
|
+ $('.enlargeImg_wrapper').fadeOut(200).remove();
|
|
|
+ }
|
|
|
})
|
|
|
- };
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ // var outside = true;
|
|
|
+
|
|
|
+ // function alertBoxFn(e) {
|
|
|
+ // alert(1)
|
|
|
+ // outside = false
|
|
|
+ // alertBox.style.display = "block";
|
|
|
+ // };
|
|
|
+
|
|
|
+ // //以下两个方法用于判断是点击按钮和弹框,还是弹框外面,如果点击弹框外面隐藏弹框,注document.body必须要在文档后面写,在head写documnet.body为null
|
|
|
+ // document.body.addEventListener('click', function() {
|
|
|
+ // outside = true
|
|
|
+ // }, true)
|
|
|
+ // document.body.addEventListener('click', function() {
|
|
|
+ // if (outside) {
|
|
|
+ // alertBox.style.display = 'none'
|
|
|
+ // }
|
|
|
+ // })
|
|
|
</script>
|
|
|
|
|
|
</html>
|