add-agreement.html 15.9 KB
<!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>



</head>
<body>
<style>
    /*文字显示为灰色*/
    input, optgroup, option, select, textarea {
        color: black;
    }

     /*确定按钮距顶端40*/
    #move{
        margin-top: 10px;
    }
    /*表格宽120文本左对齐*/
    .layui-form-label {
        width: 120px;
    }
</style>

<style>
    .layui-form-label{
        white-space: nowrap;
    }
    .layui-form-item a{
        margin-left: 8px;
        color:#01AAED;
        display: none
    }
    input{
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        white-space: nowrap;
    }
</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"  style="line-height: 12px"><span class="x-red">*</span>网元ID</label>
                <div class="layui-inline">
                    <input type="text" id="jz_ne_id" name="jz_ne_id"  onmouseover="this.title=this.value" 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="openDrawingUpload" style="font-size: 14px;">
                    <i class="layui-icon">&#xe67c;</i>上传</button>
                <input style="width: 80%;display: none" id="openDrawinginfo" type="text"  placeholder="" autocomplete="off" class="layui-input" />
                <a target="_parent" href="" style="display: none;" id="openDrawingDownload"></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" pageBack></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 src="js/agreement.js"></script>
<script>
      setTimeout(function () {
        for (let i = 0; i < $('#popUp .layui-input-inline').length;i++) {
          $('#popUp .layui-input-inline')[i].style.width = '165px'
        }
      },500)

    layui.use(['form', 'layer','jquery','laydate','upload'],
        function() {
            $ = layui.jquery;
            var form = layui.form,
                layer = layui.layer,
                laydate = layui.laydate,
                upload = layui.upload;
            var  templateId = ''
            //备注验证规则
            // 弹出框延时出现
            setTimeout(function(){
                $("#divId").loading('hide')
                $("#divId").css("display","block")
            },500)
//日期
            // 获取父iframe当前行businessid
            var res=window.location.href.split('?')[1];
            console.log(res)
            var businessId=decodeURI(res.split('businessId=')[1].split('&&')[0]);
            var jzOpendrawinglist={
                jzOpendrawingName:'',
                jzOpendrawingPath:''
            }
//日期
            laydate.render({
                //      elem: '#e950b703-4996-438e-9e53-677e701cf7df',
                trigger: 'click',
                showBottom:false
            });
            upload.render({
                elem:'#openDrawingUpload'
                , url: util.interfaceUrl+ interfacenName.fileUpload
                , accept: "file"
                , size: 102400
                ,headers:{
                    'Authorization': util.authorization? util.authorization: '',
                },
                before:function(){
                    $("#openDrawingDownload").css('display','inline-block');
                    $("#openDrawingDownload").removeAttr('href');
                    $("#openDrawingDownload").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("上传成功")
                        $("#openDrawinginfo").val(res.data.filePath)
                        jzOpendrawinglist.jzOpendrawingName=res.data.fileName
                        jzOpendrawinglist.jzOpendrawingPath=res.data.filePath
                        var jzOpendrawingName = res.data.fileName
                        var jzOpendrawingPath =  res.data.filePath
                        // var jzOpendrawingName="\'" +res.data.fileName+ "\'"
                        // var jzOpendrawingNath = "\'" + res.data.filePath + "\'";
                        $("#openDrawingDownload").attr("href",util.interfaceUrl+interfacenName.fileDown+'?fileName='+jzOpendrawingName+'&filePath='+jzOpendrawingPath)
                        $("#openDrawingDownload").html(util.dealWithFormatTextByLen(res.data.fileName,15,true));
                        $("#openDrawingDownload").css("display","inline-block");
                    }
                    else{
                        layer.msg("上传失败")
                    }
                }
            });
            var ktSuccess = "M08";
            util.ajax({
                type:"get",
                url: util.interfaceUrl+interfacenName.getStartProcess,
                dataType: 'json',
                data:{
                    templateId:ktSuccess, //开通流程号
                },
                success:(res) => {
                    if(res.code == 200){
                        dataContract = res.data;
                        jsonToHtml(res.data);
                        form.render()
                        if (res.data.length > 0) {
                            templateId = res.data[0].templateId;
                            form.render('select')
                        }
                        console.log("表单信息:" + res);
                        $('.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($("#openDrawinginfo").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透明度的白色背景
                            });
                            // console.log("------------",$('div[contract~="contractData"]'));
                            console.log("------------",$('.cont'));
                            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);
                            });

                            var flow_strs={"jzOpendrawing":jzOpendrawinglist,"jzNeId":$("#jz_ne_id").val()};


                            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()
                            }
                            console.info("------------" + JSON.stringify(json_strs))
                            //提交数据 启动流程
                            var select = "M008";
                            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,
                                },
                                success:(res) => {
                                    setTimeout(function () {
                                        layer.close(indexload)
                                    },1500)
                                    if(res.code==200){
                                        layer.msg("提交成功",{time:1500,icon:6})
                                        setTimeout(function () {
                                            parent.refresh();
                                        },1500)
                                    }else {
                                        setTimeout(function () {
                                            layer.close(indexload)
                                        },1500)
                                        layer.msg(res.message,{icon:5})
                                    }
                                },
                                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})
                }

                });
        });
</script>