<!DOCTYPE html>
<html class="x-admin-sm">
<head>
<meta charset="UTF-8">
<title>铁塔-完工</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8" />
<link href="css/font.css" rel="stylesheet">
<link href="css/xadmin.css" rel="stylesheet">
<link href="css/login.css" rel="stylesheet">
<link href="../lib/layui/css/layui.css">
<!-- 隐藏操作中的多一次显示-->
<style>
.layui-table-tips-main {
display: none;
}
.layui-table-tips-c {
display: none;
}
.layui-table-grid-down{
display: none;
}
.layui-form-select dl dd.layui-select-tips {
padding-left: 10px!important;
color: #999;
}
.layui-layer-lan div.layui-layer-title {
background: #eee;
color: #333;
border: none;
}
#agreementUp{
display: none;
}
</style>
<script src="js/jquery.min.js"></script>
<script src="lib/layui/layui.js"></script>
<script src="js/xadmin.js"></script>
<script src="js/util.js"></script>
<script src="js/getUserToken.js"></script>
<script src="js/api.js"></script>
<script src="js/layer.js"></script>
<!--<script src="js/append.js"></script>-->
<script src="js/search.js"></script>
<script src="js/jqueryForm.js"></script>
<!--动态表单拼接-->
<script src="js/parameter.js"></script>
<!--详情页动态表单-->
<script src="js/base.js"></script>
<!--待办动态表单-->
<script src="js/Taskdealwith.js"></script>
<!--<script src="js/ajax.js"></script>-->
<!--详情页静态元素-->
<script src="js/Taskdealwith-static.js"></script>
<!--已办详情动态拼接-->
<script src="js/complete.js"></script>
<!--已办详情静态拼接-->
<script src="js/complete-static.js"></script>
<!--二维码-->
<script src="js/jquery.qrcode.min.js"></script>
<!--当前详情静态拼接-->
<script src="js/baseStatic.js"></script>
<!--当前详情动态拼接-->
<script src="js/base.js"></script>
<script src="js/agreement.js"></script>
<!--禁用回车键（texaarea文本输入框除外）-->
<script>
window.onload = function (){
document.body.onkeydown=function(event){
if(event.keyCode==13 && event.target.nodeName !== 'TEXTAREA'){
event.keyCod=0; return false;
}
}
};
</script>
<!--//备注与输入框超过300|100字时截断且提示-->
<script src="js/msgRemark.js"></script>
<!--//更换阶段负责人-->
<script src="js/ifChangeOn.js"></script>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<script src="../js/common.js" type="text/javascript"></script>
<![endif]-->
</head>
<body>
<style>
.layui-form-label{
white-space: nowrap;
}
.layui-form-item a{
margin-left: 8px;
position: relative;
top: 6px;
color:#01AAED;
display: none
}
input{
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
white-space: nowrap;
}
</style>
<style>
/*文字显示为灰色*/
input, optgroup, option, select, textarea {
color: black;
}
/*确定按钮距顶端40*/
#move{
margin-top: 10px;
}
/*表格宽120文本左对齐*/
.layui-form-label {
width: 120px;
}
</style>
<div class="layui-fluid">
<div class="layui-row">
<form class="layui-form">
<div id="divId" style="display: none">
<!--合同元素-->
<div id="agreementUp" style="margin-bottom: 20px">
<div class="layui-inline" style="width: 85%"><label class="layui-form-label" style="width: 100%;text-align:right;"><span onclick="addAgreement()"><i class="layui-icon layui-icon-add-1" style="font-size: 25px; color: #009688;"></i></span></label></div>
</div>
<!--动态元素-->
<div id="popUp">
</div>
<!-- 备注信息--><!-- 静态信息-->
<!-- <div class="layui-form-item">-->
<!-- <label class="layui-form-label"><span class="x-red">*</span>接电位置</label>-->
<!-- <div class="layui-inline">-->
<!-- <input type="text" id="jzElectricplace" name="jzElectricplace" required="" lay-verify="required" autocomplete="off" class="layui-input"/>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="layui-form-item">-->
<!-- <label class="layui-form-label"><span class="x-red">*</span>上楼位置</label>-->
<!-- <div class="layui-inline">-->
<!-- <input type="text" id="jzUperplace " name="`jzUperplace` " required="" lay-verify="required" autocomplete="off" class="layui-input"/>-->
<!-- </div>-->
<!-- </div>-->
<div class="layui-form-item">
<label class="layui-form-label" style="line-height: 12px"><span class="x-red">*</span>完工报告</label>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="jzCompletedreportupload" style="font-size: 14px;">
<i class="layui-icon"></i>上传</button>
<input style="width: 100%;display: none" id="jzCompletedreportinfo" type="text" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input" />
<a style="display: none;" href="" id="jzCompletedreporthref"></a>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="line-height: 12px"><span class="x-red">*</span>完工照片</label>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="jzCompletedphotoupload" style="font-size: 14px;">
<i class="layui-icon"></i>上传</button>
<input style="width: 100%;display: none" id="jzCompletedphotoinfo" type="text" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input" />
<a style="display: none;" href="" id="jzCompletedphotohref"></a>
</div>
<!-- 备注信息-->
<div class="layui-form-item">
<label class="layui-form-label" style="line-height: 12px"><span class="x-red">*</span>竣工验收单附件</label>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="completelistUpload" style="font-size: 14px;">
<i class="layui-icon"></i>上传</button>
<input style="width: 100%;display: none" id="completelistinfo" type="text" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input" />
<a style="display: none;" href="" id="completelistDownload"></a>
</div>
<!-- 备注信息-->
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label" style="line-height: 80px"><span class="x-red"></span>备注</label>
<div class="layui-input-inline">
<textarea id="msgRemarks" style="height: 120px;width: 260px" class="layui-input"></textarea>
</div>
</div>
</div>
<div class="layui-form-item">
<label for="move" class="layui-form-label"></label>
<button id="move" type="button" class="layui-btn" lay-filter="add" lay-submit="" value="提交">提交</button>
</div>
</div>
</form>
</div>
</div>
</body>
</html>
<script>
layui.use(['form', 'layer','jquery','laydate','upload'],
function() {
$ = layui.jquery;
var form = layui.form,
layer = layui.layer,
laydate = layui.laydate,
upload=layui.upload;
//备注验证规则
form.verify({
msgRemarks: function(value){
if(value.length > 300){
return '最多300个字符啊';
}
}
});
// 弹出框延时出现
setTimeout(function(){
$("#divId").loading('hide')
$("#divId").css("display","block")
},500)
//日期
//获取当前行数据
var res=window.location.href.split('?')[1];
var businessId=decodeURI(res.split('businessId=')[1].split('&&')[0]);
laydate = layui.laydate;
var templateId = ''
//日期
laydate.render({
// elem: '#e950b703-4996-438e-9e53-677e701cf7df',
trigger: 'click',
showBottom:false
});
var jzCompletedreport={
jzCompletedreportName:'',
jzCompletedreportPath:''
};
var jzCompletedphoto={
jzCompletedphotoName:'',
jzCompletedphotoPath:''
};
var jzCompletedacceptlist={
jzCompletedacceptlistName:'',
jzCompletedacceptlistPath:''
}
var templateId='';
upload.render({
elem:'#jzCompletedreportupload'
, url: util.interfaceUrl+ interfacenName.fileUpload
, accept: "file"
, size: 102400
,headers:{
'Authorization': util.authorization? util.authorization: '',
},
before:function(){
$("#jzCompletedreporthref").css('display','inline-block');
$("#jzCompletedreporthref").removeAttr('href');
$("#jzCompletedreporthref").html('<span style="color: #000000">正在上传...<i class="layui-icon layui-icon-loading layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i></span>')
this.data={
businessId:businessId
}
},
done:function(res) {
if(res.code==200){
layer.msg("上传成功")
$("#jzCompletedreportinfo").val(res.data.filePath)
jzCompletedreport.jzCompletedreportName=res.data.fileName;
jzCompletedreport.jzCompletedreportPath=res.data.filePath;
var jzCompletedreportName = res.data.fileName
var jzCompletedreportPath = res.data.filePath;
$("#jzCompletedreporthref").attr("href",util.interfaceUrl+interfacenName.fileDown+'?fileName='+jzCompletedreportName+'&filePath='+jzCompletedreportPath)
$("#jzCompletedreporthref").html(util.dealWithFormatTextByLen(res.data.fileName,15,true));
$("#jzCompletedreporthref").css("display","inline-block");
}
else{
layer.msg("上传失败")
}
}
});
upload.render({
elem:'#jzCompletedphotoupload'
, url: util.interfaceUrl+ interfacenName.fileUpload
, accept: "file"
, size: 102400
,headers:{
'Authorization': util.authorization? util.authorization: '',
},
before:function(){
$("#jzCompletedphotohref").css('display','inline-block');
$("#jzCompletedphotohref").removeAttr('href');
$("#jzCompletedphotohref").html('<span style="color: #000000">正在上传...<i class="layui-icon layui-icon-loading layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i></span>')
this.data={
businessId:businessId
}
},
done:function(res) {
if(res.code==200){
layer.msg("上传成功")
$("#jzCompletedphotoinfo").val(res.data.filePath)
jzCompletedphoto.jzCompletedphotoName=res.data.fileName;
jzCompletedphoto.jzCompletedphotoPath=res.data.filePath;
var jzCompletedphotoName = res.data.fileName
var jzCompletedphotoPath = res.data.filePath ;
$("#jzCompletedphotohref").attr("href",util.interfaceUrl+interfacenName.fileDown+'?fileName='+jzCompletedphotoName+'&filePath='+jzCompletedphotoPath)
$("#jzCompletedphotohref").html(util.dealWithFormatTextByLen(res.data.fileName,15,true));
$("#jzCompletedphotohref").css("display","inline-block");
}
else{
layer.msg("上传失败")
}
}
});
upload.render({
elem:'#completelistUpload'
, url: util.interfaceUrl+ interfacenName.fileUpload
, accept: "file"
, size: 102400
,headers:{
'Authorization': util.authorization? util.authorization: '',
},
before:function(){
$("#completelistDownload").css('display','inline-block');
$("#completelistDownload").removeAttr('href');
$("#completelistDownload").html('<span style="color: #000000">正在上传...<i class="layui-icon layui-icon-loading layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i></span>')
this.data={
businessId:businessId
}
},
done:function(res) {
if(res&&res.code==200){
layer.msg("上传成功")
$("#completelistinfo").val(res.data.filePath)
jzCompletedacceptlist.jzCompletedacceptlistName=res.data.fileName;
jzCompletedacceptlist.jzCompletedacceptlistPath=res.data.filePath;
var jzCompletedacceptlistName = res.data.fileName
var jzCompletedacceptlistPath = res.data.filePath ;
$("#completelistDownload").attr("href",util.interfaceUrl+interfacenName.fileDown+'?fileName='+jzCompletedacceptlistName+'&filePath='+jzCompletedacceptlistPath)
$("#completelistDownload").html(util.dealWithFormatTextByLen(res.data.fileName,15,true));
$("#completelistDownload").css("display","inline-block");
}
else{
layer.msg("上传失败")
}
}
});
var xzSuccess = "T08";
util.ajax({
type:"get",
url: util.interfaceUrl+interfacenName.getStartProcess,
dataType: 'json',
data:{
templateId:xzSuccess,//铁塔完工code
},
success:(res) => {
// 合同
dataContract = res.data
jsonToHtml(res.data);
form.render()
// 判断是否成功，成功返回templateId
if (res.code == 200) {
console.log("表单信息：" + res.data[0]);
if (res.data.length > 0) {
templateId = res.data[0].templateId
}
$('.arr'+agree_number).val(today);
form.render();
lay('.signDate').each(function () {
laydate.render({
elem: this,
trigger: 'click',
// value: new Date(),
showBottom: false
});
});
} else {
layer.msg(res.message,{icon:5})
}
},
error:function () {
layer.msg('网络接口异常，获取表单失败',{icon:5,anim:6})
}
});
form.on('submit(add)',
function(data) {
let flagTemp = true
for (let key in uploadJSON) {
if (!uploadJSON[key]) {
flagTemp = false
}
}
if( $("#jzCompletedreportinfo").val()!=""&&$("#jzCompletedphotoinfo").val()!="" &&$("#completelistinfo").val()!=""&&flagTemp){
layer.confirm('确定要提交吗？', {skin: 'layui-layer-lan',btn:['取消','确认'],icon: 3, title:'提示'},
function(index,layero){
layer.close(index);
},
function(index,layero) {
var indexload = layer.load(0, {
shade: [0.7,'#fff'] //0.7透明度的白色背景
});
//获取当前行数据
var res=window.location.href.split('?')[1];
console.log(res)
var businessId=decodeURI(res.split('businessId=')[1].split('&&')[0]);
//获取动态数据 拼接json对象
var a = $('div[contract~="contractData"]');
var idList = ["agree_id","agree_name","agree_unit","agree_date","agree_check"]
var json_agreements = [];
$.each(a,function (index) {
var inputList;
// console.log("============",$(a[index]).find("input"));
inputList = $(a[index]).find("input");
var json_strsCon = {};
$.each(inputList,function (index) {
json_strsCon[idList[index]] = $(inputList[index]).val()
});
json_agreements.push(json_strsCon);
});
for(id in json_ids){
console.info(json_ids[id]);
var fid = json_ids[id].fid;
if(json_ids[id].vid.indexOf("contact_") > -1)
json_strs[fid] = json_agreements
else
json_strs[fid] = $("#" + json_ids[id].vid).val()
}
var flow_strs={
"jzCompletedreport":jzCompletedreport,
"jzCompletedphoto":jzCompletedphoto,
"jzCompletedacceptlist":jzCompletedacceptlist,
// "jzElectricplace":$("#jzElectricplace").val(),
// "jzUperplace":$("#jzUperplace").val(),
};
var select = "T008";
util.ajax({
type:"get",
url: util.interfaceUrl+interfacenName.getStartProcessInstance,
dataType: 'json',
data:{
select:select,//铁塔基站完工流程code
businessId:businessId,//业务主键
flowJsonStr:JSON.stringify(flow_strs),//固定json
jsonStrs:JSON.stringify(json_strs),//动态json字符串对象
transition : $('#move').val(),//提交信息
msgRemarks:$('#msgRemarks').val(),//备注
templateId:templateId,//模板id
},
success:(res) => {
setTimeout(function () {
layer.close(indexload)
},1500)
if(res.code==200){
layer.msg("提交成功",{icon:6,time:1500})
setTimeout(function () {
parent.refresh();
},1500)
}else{
layer.msg(res.message,{icon:5,time:1500})
}
},
error: function (err) {
setTimeout(function () {
layer.close(indexload)
},1500)
layer.msg('网络接口异常，操作失败',{icon:5,anim:6})
}
});
//发异步，把数据提交给php
return false;
})
}else{
layer.alert("尚有文件未上传", {
icon: 5
,closeBtn: 0
});
}
return false;
});
});
</script>