285 lines
14 KiB
HTML
285 lines
14 KiB
HTML
<div class="easyui-layout" style="width:100%;height:100%;">
|
||
<div id='southdiv' data-options="region:'south'" style="height:50px;text-align:center;padding:5px">
|
||
<a href="javascript:void(0)" iconCls="fa-check" class="easyui-linkbutton" onclick="zysubmitForm()"
|
||
id="submitb">提交</a>
|
||
<a href="javascript:void(0)" iconCls="fa-close" class="easyui-linkbutton" onclick="closeForm()">取消</a>
|
||
</div>
|
||
<div data-options="region:'center'" style="height:100%;padding:15px 15px;">
|
||
<form id="zyff" method="post" name="zyff" enctype="multipart/form-data">
|
||
<div style="margin-bottom:5px">
|
||
<input editable="false" class="easyui-combobox" required=true name="zylx" id="zylx" style="width:480px" data-options="
|
||
label:'作业类型',
|
||
url:'getdickey?dicclass=33&a=combobox',
|
||
method: 'get',
|
||
valueField:'value',
|
||
textField:'text',
|
||
" />
|
||
</div>
|
||
<div style="margin-bottom:5px">
|
||
<input id="zyqy" class="easyui-combotree" name="zyqy" style="width:480px" data-options="
|
||
label:'作业区域',
|
||
url: 'api/area?a=tree',
|
||
method: 'get',
|
||
editable: false,
|
||
loadFilter: function (rows) {
|
||
return convert(rows);
|
||
},
|
||
formatter: function (node) {
|
||
var s = node.text;
|
||
if (node.children) {
|
||
s += ' <span style=\'color:blue\'>(' + node.children.length + ')</span>';
|
||
}
|
||
return s;
|
||
},"
|
||
required=true>
|
||
</div>
|
||
<div style="margin-top:10px;margin-bottom:5px">
|
||
<input id="zydd" class="easyui-textbox" name="zydd" style="width:480px" data-options="label:'具体地点'" />
|
||
</div>
|
||
<div style="margin-bottom:5px">
|
||
<input id="zybm" name="zybm" style="width:480px;" class="easyui-combotree" data-options="label:'作业部门',"
|
||
required=true />
|
||
<script>
|
||
$("#zybm").combotree({
|
||
url: 'parthandle?a=tree',
|
||
method: 'get',
|
||
loadFilter: function (rows) {
|
||
return convert(rows);
|
||
},
|
||
formatter: function (node) {
|
||
var s = node.text;
|
||
if (node.children) {
|
||
s += ' <span style=\'color:blue\'>(' + node.children.length + ')</span>';
|
||
}
|
||
return s;
|
||
},
|
||
editable: false,
|
||
});
|
||
</script>
|
||
</div>
|
||
<div style="margin-bottom:5px">
|
||
<input id="sdbm" name="sdbm" style="width:480px;" class="easyui-combotree" data-options="label:'属地部门',"
|
||
required=true />
|
||
<script>
|
||
$("#sdbm").combotree({
|
||
url: 'parthandle?a=tree',
|
||
method: 'get',
|
||
loadFilter: function (rows) {
|
||
return convert(rows);
|
||
},
|
||
formatter: function (node) {
|
||
var s = node.text;
|
||
if (node.children) {
|
||
s += ' <span style=\'color:blue\'>(' + node.children.length + ')</span>';
|
||
}
|
||
return s;
|
||
},
|
||
editable: false,
|
||
});
|
||
</script>
|
||
</div>
|
||
<div style="margin-bottom:5px">
|
||
<input class="easyui-textbox" id="zyfzrname" style="width:480px;" editable="false"
|
||
data-options="label:'作业负责人',prompt:'请选择'" required=true>
|
||
<input type="hidden" id="zyfzr" name="zyfzr" />
|
||
<a class='easyui-linkbutton' onclick="choseuser('zyfzr')" style="width:auto">选择</a>
|
||
</div>
|
||
<div style="margin-bottom:5px">
|
||
<input class="easyui-textbox" id="zyryname" style="width:480px;height:60px" editable="false"
|
||
data-options="label:'作业人员',multiline:true,prompt:'请选择'" required=true>
|
||
<input type="hidden" id="zyry" name="zyry" />
|
||
<a class='easyui-linkbutton' onclick="choseusers('zyry')" style="width:auto">选择</a>
|
||
</div>
|
||
|
||
<div style="margin-bottom:5px;">
|
||
<input id="kssj" editable="false" name="kssj" class="easyui-datetimebox" style="width:480px"
|
||
data-options="label:'开始时间',currentText:'今天',closeText:'关闭',showSeconds:false" required=true />
|
||
</div>
|
||
<div style="margin-bottom:5px;">
|
||
<input id="jssj" editable="false" name="jssj" class="easyui-datetimebox" style="width:480px"
|
||
data-options="label:'预计结束',currentText:'今天',closeText:'关闭',showSeconds:false" required=true />
|
||
</div>
|
||
<div style="margin-bottom:5px">
|
||
<input id="zynr" class="easyui-textbox" name="zynr" style="width:480px;height:100px"
|
||
data-options="label:'作业内容',multiline:true" required=true />
|
||
</div>
|
||
<!-- <div style="margin-bottom:5px">
|
||
<input type="hidden" name="zyimg" id="zyimg" />
|
||
<label>现场图片</label><input type="file" id="file" name="" accept="image/*" style="margin-left:30px;" />
|
||
<span id='ps' style="display:none">
|
||
<progress id="progressBar" value="0" max="100" style="width: 100px;"></progress>
|
||
<span id="percentage"></span><span id="time"></span></span>
|
||
<ul id="addImage" class="imgul"></ul>
|
||
<HR width="480px" color='blue' SIZE=1 align='left'>
|
||
</div>
|
||
<div class='labeldiv'>请确认以下风险分析和安全措施是否就绪</div>
|
||
<div>
|
||
<input type="checkbox" name="fxcs" value={{x.id}}><input>
|
||
<div>
|
||
<p>风险分析：{{x.fxfx}}</p>
|
||
<p>安全措施：{{x.aqcs}}</p>
|
||
<p>措施类型：{{x.cslx}}</p>
|
||
</div>
|
||
</div> -->
|
||
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
// $.get('api/fxcs?a=listall&zylx='+{{zyid}}, function (data) {
|
||
// let html =''
|
||
// for (var x = 0, len = data.length; x < len; x++) {
|
||
// html += '<div><input type="checkbox" name="fxcs" value="' + data[x].id + '">' + '</input></div>'
|
||
// }
|
||
// $('#fxfxdiv').append(html)
|
||
// });
|
||
function aaa(x) {
|
||
if (x == "zyry") {
|
||
$('#zyry').attr('value', top.$('#in').val());
|
||
$('#zyryname').textbox('setValue', top.$('#in').attr('show'));
|
||
$('#zyrynum').textbox('setValue', top.$('#in').attr('total'));
|
||
}else if(x == "zyfzr"){
|
||
$('#zyfzr').attr('value', top.$('#in').val());
|
||
$('#zyfzrname').textbox('setValue', top.$('#in').attr('show'));
|
||
}
|
||
}
|
||
// function getfxcs() {
|
||
// obj = document.getElementsByName("fxfx");
|
||
// obj2 = document.getElementsByName("aqcs");
|
||
// check_val = {'fxfx':[],'aqcs':[]};
|
||
// for (k in obj) {
|
||
// if (obj[k].checked)
|
||
// check_val['fxfx'].push(obj[k].value);
|
||
// }
|
||
// for (k in obj2) {
|
||
// if (obj2[k].checked)
|
||
// check_val['aqcs'].push(obj2[k].value);
|
||
// }
|
||
// return check_val;
|
||
// }
|
||
function zysubmitForm() {
|
||
// var zyimg = new Array();
|
||
// $(".zyimg").each(function () {
|
||
// zyimg.push($(this).attr("filepath"));
|
||
// });
|
||
var zydata = $('#zyff').serializeJSON();
|
||
// zydata['zylx'] = {{zyid}}
|
||
// zydata['zyimg'] = zyimg
|
||
// zydata['fxcs'] = getfxcs()
|
||
zydata['zyry'] = zydata['zyry'].split(',')
|
||
zydata['splc'] = 0
|
||
$.ajax({
|
||
type: "POST",
|
||
url: 'api/operation?a=add',
|
||
data: JSON.stringify(zydata),
|
||
datatype: "json",
|
||
processData: false,
|
||
contentType: "application/json;charset=utf-8",
|
||
beforeSend: function () {
|
||
var bo = $('#zyff').form('validate')
|
||
if (bo == false) {
|
||
return bo
|
||
} else {
|
||
$('#submitb').linkbutton('disable');
|
||
}
|
||
},
|
||
success: function (data) {
|
||
if (data.code == 1) {
|
||
$('#zytable').datagrid('reload');
|
||
$("#dd").dialog("close");
|
||
} else { $.messager.alert('提示', '失败!'); }
|
||
$('#submitb').linkbutton('enable');
|
||
},
|
||
});
|
||
}
|
||
// document.getElementById('file').onchange = function () {
|
||
// var fileObj = this.files[0];
|
||
// var url = 'upfile'
|
||
// var form = new FormData();
|
||
// if (fileObj.size / 1024 > 500) { //大于500k，进行压缩上传
|
||
// $("#file").after('<span id="tip" style="color:blue">图片大于500k,正在压缩...</span>');
|
||
// photoCompress(fileObj, {
|
||
// quality: 0.2
|
||
// }, function (base64Codes) {
|
||
// //console.log("压缩后：" + base.length / 1024 + " " + base);
|
||
// var bl = convertBase64UrlToBlob(base64Codes);
|
||
// form.append("upfile", bl, fileObj.name); // 文件对象
|
||
// xhr = new XMLHttpRequest(); // XMLHttpRequest 对象
|
||
// xhr.open("post", url, true); //post方式，url为服务器请求地址，true 该参数规定请求是否异步处理。
|
||
// $("#tip").remove();
|
||
// $('#ps').show();
|
||
// xhr.onload = function (evt) { //服务断接收完文件返回的结果
|
||
// var data = JSON.parse(evt.target.responseText);
|
||
// if (data.code = 1) {
|
||
// $('#ps').hide();
|
||
// $("#addImage").append('<li ><img title="点击放大" style="display:block;" onclick="bigger(this)" class = "zyimg" width="120" height="120" filepath="' + data.filepath + '" src="http://' + window.location.host + '/' + data.filepath + '"/><button onclick="removep(this)" >删除</button></li>');
|
||
// document.getElementById('file').value = '';
|
||
// } else { alert("上传失败！"); }
|
||
// }; //请求完成
|
||
// xhr.onerror = function (evt) { alert("上传失败！"); $('#ps').hide(); };; //请求失败
|
||
|
||
// xhr.upload.onprogress = progressFunction;//【上传进度调用方法实现】
|
||
// xhr.upload.onloadstart = function () {//上传开始执行方法
|
||
// ot = new Date().getTime(); //设置上传开始时间
|
||
// oloaded = 0;//设置上传开始时，以上传的文件大小为0
|
||
// };
|
||
|
||
// xhr.send(form); //开始上传，发送form数据
|
||
// });
|
||
// } else { //小于等于500k 原图上传
|
||
// form.append("upfile", fileObj); // 文件对象
|
||
// xhr = new XMLHttpRequest(); // XMLHttpRequest 对象
|
||
// xhr.open("post", url, true); //post方式，url为服务器请求地址，true 该参数规定请求是否异步处理。
|
||
// xhr.onload = function (evt) { //服务断接收完文件返回的结果
|
||
// var data = JSON.parse(evt.target.responseText);
|
||
// if (data.code = 1) {
|
||
// $('#ps').hide();
|
||
// $("#addImage").append('<li ><img title="点击放大" style="display:block;" onclick="bigger(this)" class = "zyimg" width="120" height="120" filepath="' + data.filepath + '" src="http://' + window.location.host + '/' + data.filepath + '"/><button onclick="removep(this)" >删除</button></li>');
|
||
// document.getElementById('file').value = '';
|
||
// } else { alert("上传失败！"); }
|
||
// }; //请求完成
|
||
// xhr.onerror = function (evt) { alert("上传失败！"); $('#ps').hide(); };; //请求失败
|
||
// xhr.upload.onprogress = progressFunction;//【上传进度调用方法实现】
|
||
// xhr.upload.onloadstart = function () {//上传开始执行方法
|
||
// ot = new Date().getTime(); //设置上传开始时间
|
||
// oloaded = 0;//设置上传开始时，以上传的文件大小为0
|
||
// };
|
||
|
||
// xhr.send(form); //开始上传，发送form数据
|
||
// }
|
||
// function progressFunction(evt) {
|
||
// var progressBar = document.getElementById("progressBar");
|
||
// var percentageDiv = document.getElementById("percentage");
|
||
// // event.total是需要传输的总字节，event.loaded是已经传输的字节。如果event.lengthComputable不为真，则event.total等于0
|
||
// if (evt.lengthComputable) {//
|
||
// progressBar.max = evt.total;
|
||
// progressBar.value = evt.loaded;
|
||
// percentageDiv.innerHTML = Math.round(evt.loaded / evt.total * 100) + "%";
|
||
// }
|
||
// var time = document.getElementById("time");
|
||
// var nt = new Date().getTime();//获取当前时间
|
||
// var pertime = (nt - ot) / 1000; //计算出上次调用该方法时到现在的时间差，单位为s
|
||
// ot = new Date().getTime(); //重新赋值时间，用于下次计算
|
||
// var perload = evt.loaded - oloaded; //计算该分段上传的文件大小，单位b
|
||
// oloaded = evt.loaded;//重新赋值已上传文件大小，用以下次计算
|
||
// //上传速度计算
|
||
// var speed = perload / pertime;//单位b/s
|
||
// var bspeed = speed;
|
||
// var units = 'b/s';//单位名称
|
||
// if (speed / 1024 > 1) {
|
||
// speed = speed / 1024;
|
||
// units = 'k/s';
|
||
// }
|
||
// if (speed / 1024 > 1) {
|
||
// speed = speed / 1024;
|
||
// units = 'M/s';
|
||
// }
|
||
// speed = speed.toFixed(1);
|
||
// //剩余时间
|
||
// var resttime = ((evt.total - evt.loaded) / bspeed).toFixed(1);
|
||
// time.innerHTML = '，速度：' + speed + units + '，剩余时间：' + resttime + 's';
|
||
// //if(bspeed==0) time.innerHTML = '上传已取消';
|
||
// }
|
||
// }
|
||
|
||
</script> |