CINXE.COM
The 10th International Conference on Water Resources Management and Engineering (ICWRME 2024)
<!DOCTYPE html> <html lang="zxx"> <head> <!-- ========== Meta Tags ========== --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="author" content="modinatheme"> <!-- ======== Page title ============ --> <title>The 10th International Conference on Water Resources Management and Engineering (ICWRME 2024)</title> <!-- ========== Favicon Icon ========== --> <link rel="shortcut icon" href="/uploads/logo/6594b6e3c927a4fa.png"> <!-- =========== All Stylesheet ================= --> <!-- Icon css plugins --> <link rel="stylesheet" href="/static/assets/css/icons.css"> <!-- magnific-popup css plugins --> <link rel="stylesheet" href="/static/assets/css/magnific-popup.css"> <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css"> <!-- animate animation css file --> <link rel="stylesheet" href="/static/assets/css/animate.min.css"> <!-- Bootstrap css plugins --> <link rel="stylesheet" href="/static/assets/css/bootstrap.min.css"> <link rel="stylesheet" href="/static/mgmt/lib/step.css"> <!-- template main style css file --> <link rel="stylesheet" href="/static/assets/css/style.css"> <script src="/static/assets/js/baidujs.js"></script> <script src="/static/assets/js/yfx.js"></script> <style> .lay-step{ margin-bottom: 50px; } .layui-input{ width: 100%; outline: none; font-size: 15px; font-family: "Lato", sans-serif; max-width: 100%; font-weight: 400; line-height: 26px; border-radius: 4px; padding: 10.5px 20px; background-color: #FFF; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1.5px solid rgba(14, 30, 54, 0.2); } .layui-form-item .layui-input-inline { width: 300px; } </style> </head> <body class="body-wrapper"> <iframe width=1 height=1 name=xtsub src=''></iframe> <!-- preloader --> <!--<div id="preloader" class="preloader">--> <!-- <div class="animation-preloader">--> <!-- <div class="spinner">--> <!-- </div>--> <!-- <div class="txt-loading">--> <!-- <span data-text-preloader="C" class="letters-loading">--> <!-- C--> <!-- </span>--> <!-- <span data-text-preloader="O" class="letters-loading">--> <!-- O--> <!-- </span>--> <!-- <span data-text-preloader="N" class="letters-loading">--> <!-- N--> <!-- </span>--> <!-- <span data-text-preloader="S" class="letters-loading">--> <!-- S--> <!-- </span>--> <!-- <span data-text-preloader="U" class="letters-loading">--> <!-- U--> <!-- </span>--> <!-- <span data-text-preloader="L" class="letters-loading">--> <!-- L--> <!-- </span>--> <!-- <span data-text-preloader="T" class="letters-loading">--> <!-- T--> <!-- </span>--> <!-- <span data-text-preloader="E" class="letters-loading">--> <!-- E--> <!-- </span>--> <!-- <span data-text-preloader="R" class="letters-loading">--> <!-- R--> <!-- </span>--> <!-- </div>--> <!-- <p class="text-center">Loading</p>--> <!-- </div>--> <!-- <div class="loader">--> <!-- <div class="row">--> <!-- <div class="col-3 loader-section section-left">--> <!-- <div class="bg"></div>--> <!-- </div>--> <!-- <div class="col-3 loader-section section-left">--> <!-- <div class="bg"></div>--> <!-- </div>--> <!-- <div class="col-3 loader-section section-right">--> <!-- <div class="bg"></div>--> <!-- </div>--> <!-- <div class="col-3 loader-section section-right">--> <!-- <div class="bg"></div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <!-- welcome content start from here --> <!-- header end --> <header class="header header-1 header-3"> <div class="top-header d-none d-xl-block"> <div class="container"> <div class="row align-items-center"> <div class="col-4"> <div class="header-right-socail d-flex align-items-center"> <h6 class="font-la color-white fw-normal">Follow On:</h6> <div class="social-profile"> <ul> <li><a onclick="shareTo('qq')"><i class="fab fa-qq"></i></a></li> <li><a onclick="shareTo('sina')"><i class="fab fa-weibo"></i></a></li> <li class="weixin"><a onclick="shareTo('wechat')"><i class="fab fa-weixin"></i></a></li> </ul> </div> </div> </div> <div class="col-8"> <div class="header-cta d-flex justify-content-end"> <ul> <li><a><i class="icon-phone"></i>+86 19137184507</a></li> <li><a href="mailto:icwrmeinfo@163.com"><i class="icon-email"></i>icwrmeinfo@163.com</a></li> <li><a><i class="fal fa-clock"></i>December 17, 2024</a></li> </ul> </div> </div> </div> </div> </div> <div class="main-header-wraper"> <div class="container"> <div class="row"> <div class="col-12"> <div class="d-flex align-items-center justify-content-between"> <div class="header-logo"> <div class="logo"> <a href="/myindex/en"> <img src="/uploads/logo/6594b69fe8ac48f0.png" alt="logo" > </a> </div> </div> <div class="header-menu d-none d-xl-block"> <div class="main-menu"> <ul> <li> <a href="/myindex/2024/en">Home</a> </li> <li> <a href="/cfp/2024/en">CFP</a> </li> <li> <a href="/speakers/2024/en">Speakers</a> </li> <li> <a href="/registration/2024/en">Registration</a> </li> <li> <a href="/organization/2024/en">Organization</a> </li> <li> <a href="/schedule/2024/en">Schedule</a> </li> <li> <a href="/download/2024/en">Download</a> </li> </ul> </div> </div> <div class="header-right d-flex align-items-center"> <div class="header-search" style="display: none"> <a class="search-toggle" data-selector=".header-search"> <span class="fas fa-search"></span> </a> <form class="search-box" action="#" method="get"> <div class="form-group d-flex align-items-center"> <input type="search" name="s" value="" class="search-input" id="search" placeholder="Search"> <button type="submit" class="search-submit"><i class="fas fa-search"></i></button> </div> </form> </div> <a href="/myindex/2024/cn" class="header-btn">Chinese <i class="far fa-chevron-double-right"></i></a> <div class="mobile-nav-bar d-block ml-3 ml-sm-5 d-xl-none"> <div class="mobile-nav-wrap"> <div id="hamburger"> <i class="fal fa-bars"></i> </div> </div> </div> </div> </div> </div> </div> </div> </div> </header> <!-- mobile menu - responsive menu --> <div class="mobile-nav mobile-nav-red"> <button type="button" class="close-nav"> <i class="fal fa-times-circle"></i> </button> <nav class="sidebar-nav"> <div class="navigation"> <div class="consulter-mobile-nav"> <ul> <li> <a href="/myindex/2024/en">Home</a> </li> <li> <a href="/cfp/2024/en">CFP</a> </li> <li> <a href="/speakers/2024/en">Speakers</a> </li> <li> <a href="/registration/2024/en">Registration</a> </li> <li> <a href="/organization/2024/en">Organization</a> </li> <li> <a href="/schedule/2024/en">Schedule</a> </li> <li> <a href="/download/2024/en">Download</a> </li> </ul> </div> <div class="sidebar-nav__bottom mt-20"> <div class="sidebar-nav__bottom-contact-infos mb-20"> <h6 class="color-black mb-5">Contact Info</h6> <ul> <li><a><i class="fal fa-clock"></i> Sat : 8:00 – 17:30</a></li> <li><a href="mailto:consulter@example.com"><i class="icon-email"></i>icwrmeinfo@163.com</a></li> <li> <a class="header-contact d-flex align-items-center"> <div class="icon"> <i class="icon-call"></i> <!-- <img src="/static/assets/img/icon/phone-1.svg" alt=""> --> </div> <div class="text"> <span class="font-la mb-5 d-block fw-500">Contact For Support</span> <h5 class="fw-500">+86 19137184507</h5> </div> </a> </li> </ul> </div> <div class="sidebar-nav__bottom-social"> <h6 class="color-black mb-5">Follow On:</h6> <ul> <li><a href="#"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#"><i class="fab fa-twitter"></i></a></li> <li><a href="#"><i class="fab fa-instagram"></i></a></li> <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li> </ul> </div> </div> </div> </nav> </div> <div class="offcanvas-overlay"></div> <!-- offcanvas-overlay --> <!-- header end --> <div class="header-gutter home"></div> <!-- header end --> <!-- page-banner start --> <section class="page-banner pt-xs-60 pt-sm-80 overflow-hidden" > <div class="container"> <div class="row align-items-center"> <div class="col-md-6"> <div class="page-banner__content mb-xs-10 mb-sm-15 mb-md-15 mb-20"> <div class="transparent-text">ICWRME2024</div> <div class="page-title"> <h1 style="font-size: 60px">Submission</h1> </div> </div> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="/myindex/2024/en">Home</a></li> <li class="breadcrumb-item active" aria-current="page">Submission</li> </ol> </nav> </div> <div class="col-md-6"> <style> .page-banner__media:after { background-image: url(/uploads/banner/6594bcb6cd145f35.png); } </style> <div class="page-banner__media mt-xs-30 mt-sm-40" > <img src="/uploads/banner/6594bcafc27a4f0d.jpg" class="img-fluid" alt=""> </div> </div> </div> </div> </section> <!-- page-banner end --> <!-- team-area start --> <div class="our-company-financial overflow-hidden"> <div class="overly"> <div class="container"></div> </div> <!-- news-area start --> <section class="financial pb-xs-80 pt-xs-80 pt-sm-100 pb-sm-100 pt-md-100 pb-md-100 pt-120 pb-120 overflow-hidden"> <div class="container"> <div class="row"> <div class="layui-fluid"> <div class="layui-card"> <div class="layui-card-body" style="padding-top: 40px;"> <div class="layui-carousel" id="stepForm" lay-filter="stepForm" style="margin: 0 auto;"> <div carousel-item> <div> <form class="layui-form" style="margin: 0 auto;padding-top: 40px;"> <div class="layui-form-item"> <label class="layui-form-label" style="width: 100px">Select Identity:</label> <div class="layui-input-block"> <select lay-verify="required" name="rule"> <option value="1" selected>Teacher</option> <option value="2">Student</option> </select> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="formStep">  next step  </button> </div> </div> </form> </div> <div> <form class="layui-form" style="margin-top: 20px;" class='form-horizontal' id='frm_1' method=POST action='https://crm.xtcrm.com/uin/submit.xt' target=xtsub> <input type=hidden name=cu value='PTzRT1FjSlRramJO'><input type=hidden name=md value='e828375de7fa54eb0c86346f12d22250'><input type=hidden name=wid value='10'><input type=hidden name='charset_test' value='中国'> <div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label" style="width: 200px;">Author's Name<span style="color: #c00000;"> *</span></label> <div class="layui-input-inline"> <input type="text" name="L1" lay-verify="required" lay-reqtext="Please enter your name" placeholder="Please enter your name" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-inline"> <label class="layui-form-label" style="width: 200px;">Email<span style="color: #c00000;"> *</span></label> <div class="layui-input-inline"> <input type="text" name="L4" lay-verify="required|email" lay-reqtext="Please enter your submission email" autocomplete="off" placeholder="Please enter your submission email" class="layui-input"> </div> </div> </div> <div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label" style="width: 200px;">Tel <span style="color: #c00000;"> *</span></label> <div class="layui-input-inline"> <input type="text" name="L2" lay-verify="required|phone" lay-reqtext="Please enter your number " placeholder="Please enter your number " autocomplete="off" class="layui-input"> </div> </div> <div class="layui-inline"> <label class="layui-form-label" style="width: 200px;">Affiliation<span style="color: #c00000;"> *</span></label> <div class="layui-input-inline"> <input type="tel" name="L6" autocomplete="off" lay-verify="required" lay-reqtext="Please enter your organization" placeholder="Please enter your organization" class="layui-input"> </div> </div> </div> <div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label" style="width: 200px;">Area for Research<span style="color: #c00000;"> *</span></label> <div class="layui-input-inline"> <select name="L8" lay-verify="required" lay-reqtext="Please enter Research" lay-search="" class=""> <option value="">Please enter Research</option> <option value="Water Treatment Processes Engineering">Water Treatment Processes Engineering</option> <option value="Water Use and Management">Water Use and Management</option> <option value="Process Control, Modelling and Optimization">Process Control, Modelling and Optimization</option> <option value="Water Pollution and Impacts on Environment">Water Pollution and Impacts on Environment</option> <option value="Hydrology Research">Hydrology Research</option> <option value="Water Resources Engineering">Water Resources Engineering</option> <option value="Others">其他领域</option> </select> </div> </div> </div> <div class="layui-form-item"> <label class="layui-form-label" style="width: 200px;">Title<span style="color: #c00000;"> *</span></label> <div class="layui-input-block"> <input type="text" name="L5" lay-verify="required" lay-reqtext="Please enter your paper title" autocomplete="off" placeholder="Please enter your paper title" class="layui-input" style="width: 905px;"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label" style="width: 200px;">All Author's Name<span style="color: #c00000;"> *</span></label> <div class="layui-input-block"> <input type="text" name="L7" lay-verify="required" lay-reqtext="Please enter all author's name" autocomplete="off" placeholder="Please enter all author's name" class="layui-input" style="width: 905px;"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label" style="width: 200px;">All Author's Email<span style="color: #c00000;"> *</span></label> <div class="layui-input-block"> <input type="text" name="L9" lay-verify="required" lay-reqtext="Please enter all author's email" autocomplete="off" placeholder="Please enter all author's email" class="layui-input" style="width: 905px;"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label" style="width: 200px;">Note</label> <div class="layui-input-block"> <input type="text" name="L3" autocomplete="off" placeholder="Please enter Note" class="layui-input" style="width: 905px;"> </div> </div> <div class="layui-upload" style="margin-top: 3%;margin-left: 40px;"> <input type="hidden" name="spareFieldT" value="tg" class="layui-input"> <input type="hidden" name="spareFieldS" value="icwrme.iamset.org" class="layui-input"> <button type="button" class="layui-btn layui-btn-primary layui-border-black vis" id="demo1" style="margin-left: 162px;background-color: #282624;padding:0px 30px;"> <e style="color: #fff;">Upload Files</e> </button> <input class="layui-upload-file vis" type="file" accept="" name="file"> <ul class="fileList"></ul> <!-- <p style="margin-left: 22%;margin-top: -3%;">Only supported zip|rar|doc|docx|txt|pdf|xlsx|xls</p> --> </div> <p class="text-center"> <input class="form-box-btn" style="display: none;" id="submitButtonInput" ref="submitButtonInput" type="submit" value=" 提交 " name="submit" /> </p> <!--<div style="margin-top: 20px;margin-left: 150px;color: red;"> <p id="fileNamep"></p> </div>--> <div style="text-align: center;margin-top: 60px;"> <button type="reset" class="layui-btn layui-btn-primary reset" style="display: none"></button> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button type="button" class="layui-btn layui-btn-primary pre">previous step</button> <button class="layui-btn" lay-submit="" lay-filter="formStep2" >  Commit  </button> </div> </div> </form> </div> <div> <div style="text-align: center;margin-top: 90px;"> <i class="layui-icon layui-circle" style="color: white;font-size:30px;font-weight:bold;background: #52C41A;padding: 20px;line-height: 80px;"></i> <div style="font-size: 24px;color: #333;font-weight: 500;margin-top: 30px;"> 提交成功 </div> </div> <div style="text-align: center;margin-top: 50px;"> <button class="layui-btn next">继续提交</button> <button class="layui-btn layui-btn-primary">返回主页</button> </div> </div> </div> </div> <hr> </div> </div> </div> </div> </div> </section> <!-- news-area end --> <!-- our-company start --> <!-- our-company end --> </div> <!-- team-area end --> <!-- footer start --> <!-- footer start --> <footer class="footer-1 footer-3 overflow-hidden" style="background-image: url(/static/assets/img/footer/footer-bg-3.png);"> <div class="overly"> <div class="container"></div> </div> <div class="footer-top__box pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50"> <div class="container"> <div class="row"> <div class="col-12"> <div class="footer-top__box-wrapper d-flex flex-column flex-sm-row text-center text-sm-start justify-content-sm-between align-items-center" style="background-image: url(/static/assets/img/footer/footer-box-bg.png);"> <div class="text"> <table class="table table-borderless "> <tbody> <tr> <th scope="row"><h3 class="title color-white">1</h3></th> <td><h3 class="title color-white">Submit via email</h3></td> </tr> <tr> <th scope="row"><h3 class="title color-white">2</h3></th> <td><h3 class="title color-white">Submission system</h3></td> </tr> </tbody> </table> </div> <div class="theme-btn__wrapper d-flex flex-column"> <a href="mailto: icwrmeinfo@163.com" class="theme-btn btn-white-border">Send Email</a> <a href="/submission/2024/en" class="theme-btn">Submission</a> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row justify-content-between"> <div class="col-md-6 col-xl-2"> <div class="single-footer-wid widget-description"> <a href="javascript:viod(0);" class="d-block mb-30 mb-xs-20"> <img src="/uploads/logo/6594b6a53d687488.png" alt=""> </a> <div class="description font-la color-white mb-40 mb-sm-30 mb-xs-25"> <p>ICWRME 2024 aims to bring together leading academic scientists, researchers and academics to exchange and share their experiences and research findings in all aspects of Water Resources Management and Engineering. It also provides an important interdisciplinary platform for researchers, practitioners and educators to showcase and discuss the latest innovations, trends and concerns in the field, as well as practical challenges encountered and solutions adopted. It provides exceptional value to students, academics and industry researchers by virtue of its high quality standards.</p> </div> <a href="/submission/2024/en" class="theme-btn btn-white-border btn-md fw-600">Submission <i class="far fa-chevron-double-right"></i></a> </div> </div> <!-- /.col-lg-3 - single-footer-wid --> <div class="col-md-6 col-xl-2"> <div class="single-footer-wid pl-xl-10 pl-50"> <h4 class="wid-title mb-30 color-white">Quick</h4> <ul> <li> <a href="/myindex/2024/en" style="font-weight: 600">Home</a> </li> <li> <a href="/cfp/2024/en" style="font-weight: 600">CFP</a> </li> <li> <a href="/speakers/2024/en" style="font-weight: 600">Speakers</a> </li> <li> <a href="/registration/2024/en" style="font-weight: 600">Registration</a> </li> <li> <a href="/organization/2024/en" style="font-weight: 600">Organization</a> </li> <li> <a href="/schedule/2024/en" style="font-weight: 600">Schedule</a> </li> <li> <a href="/download/2024/en" style="font-weight: 600">Download</a> </li> </ul> </div> </div> <!-- /.col-lg-2 - single-footer-wid --> <div class="col-md-6 col-xl-4"> <div class="single-footer-wid recent_post_widget pl-xl-10 pl-65 pr-50 pr-xl-30"> <h4 class="wid-title mb-30 color-white">ResentPost</h4> <div class="recent-post-list"> <a href="/blogDetails/2024/en?id=13" class="single-recent-post mb-20 pb-20 d-flex align-items-center"> <div class="thumb"> <img src="/static/assets/img/footer/resent-post-1.png" alt=""> </div> <div class="post-data"> <h5 class="color-white mb-10 ">Keynote speakers and Oral speakers for ICWRME 2024 conference are being recruited!</h5> <span class="color-white d-flex ailign-items-center"><i class="far fa-clock"></i>2024-01-11</span> </div> </a> <a href="/blogDetails/2024/en?id=11" class="single-recent-post mb-20 pb-20 d-flex align-items-center"> <div class="thumb"> <img src="/static/assets/img/footer/resent-post-1.png" alt=""> </div> <div class="post-data"> <h5 class="color-white mb-10 ">Preparation for ICWRME 2024</h5> <span class="color-white d-flex ailign-items-center"><i class="far fa-clock"></i>2024-01-03</span> </div> </a> </div> </div> </div> <!-- /.col-lg-4 - single-footer-wid --> <div class="col-md-6 col-xl-2" > <div class="single-footer-wid"> <h4 class="wid-title mb-30 color-white">Contact</h4> <div class="contanct"> <div class="contact-us__item mb-10"> <div class="contact-us__item-header mb-10 mb-md-20 mb-sm-15 mb-xs-10 d-flex align-items-center"> <div class="icon mr-10 color-primary-red"> <i class="icon-email"></i> </div> <h6 class="title">Email</h6> </div> <div class="contact-us__item-body font-la"> icwrmeinfo@163.com </div> </div> <div class="contact-us__item mb-10"> <div class="contact-us__item-header mb-10 mb-md-20 mb-sm-15 mb-xs-10 d-flex align-items-center"> <div class="icon mr-10 color-primary-red"> <i class="icon-phone"></i> </div> <h6 class="title">Phone</h6> </div> <div class="contact-us__item-body font-la"> +86 19137184507 </div> </div> <div class="contact-us__item mb-10"> <div class="contact-us__item-header mb-10 mb-md-20 mb-sm-15 mb-xs-10 d-flex align-items-center"> <div class="icon mr-10 color-primary-red"> <i class="fab fa-weixin"></i> </div> <h6 class="title">WeChat</h6> </div> <div class="contact-us__item-body font-la"> Miss Wang: 19137184507 <br> </div> </div> </div> </div> </div> <!-- /.col-lg-3 - single-footer-wid --> <div class="col-md-6 col-xl-2" > <div class="single-footer-wid"> <h4 class="wid-title mb-30 color-white" style="visibility: hidden">Wxcode</h4> <div class="contanct"> <div class="contact-us__item mb-10"> <div class="contact-us__item-header mb-10 mb-md-20 mb-sm-15 mb-xs-10 d-flex align-items-center"> <h6 class="title">Miss Wang</h6> </div> <div class="contact-us__item-body font-la"> <img src="/uploads/wechat_img/5K0P0]A2Q~}B($[YA9MK~D1.png" alt=""> </div> </div> </div> </div> </div> <!-- /.col-lg-3 - single-footer-wid --> </div> </div> <div class="footer-bottom overflow-hidden mt-20 mt-sm-15 mt-xs-10"> <div class="container"> <div class="footer-bottom-content d-flex flex-column flex-md-row justify-content-between align-items-center"> <div class="coppyright text-center text-md-start"> © The 10th International Conference on Water Resources Management and Engineering (ICWRME 2024)</a> </div> <!-- <div class="footer-bottom-list last_no_bullet">--> <!-- <ul>--> <!-- <li><a href="#">Terms & Conditions</a></li>--> <!-- <li><a href="#">Privacy Policy</a></li>--> <!-- </ul>--> <!-- </div>--> </div> </div> </div> </footer> <!-- footer end --> <!-- footer end --> <!-- ALl JS Plugins ====================================== --> <script src="/static/assets/js/jquery.min.js"></script> <script src="/static/assets/js/modernizr.min.js"></script> <script src="/static/assets/js/jquery.easing.js"></script> <script src="/static/assets/js/popper.min.js"></script> <script src="/static/assets/js/bootstrap.min.js"></script> <script src="/static/assets/js/slick.min.js"></script> <script src="/static/assets/js/scrollUp.min.js"></script> <script src="/static/assets/js/counterup.min.js"></script> <script src="/static/assets/js/jquery.sticky-kit.js"></script> <script src="/static/assets/js/magnific-popup.min.js"></script> <script src="/static/assets/js/jquery.easypiechart.min.js"></script> <script src="/static/assets/js/active.js"></script> <script src="/static/mgmt/lib/layui/layui.js"></script> <script src="/static/mgmt/lib/step-lay/step.js"></script> </body> <script> layui.use([ 'form', 'step'], function () { var $ = layui.$, step = layui.step; var form = layui.form, $ = layui.jquery, layer = layui.layer, element = layui.element, laypage = layui.laypage, upload = layui.upload; var status; step.render({ elem: '#stepForm', filter: 'stepForm', width: '100%', //设置容器宽度 stepWidth: '750px', height: '800px', stepItems: [{ title: "Select Identity" }, { title: "Submit Information" },{ title: "Submit successfully" }] }); //文件上传 upload.render({ elem: '#demo1', url: 'http://103.120.82.111:8066/upload/file' //改成您自己的上传接口 , accept: 'file' //普通文件 , // exts: 'zip|rar|doc|docx|txt|pdf|xlsx|xls' //只允许上传压缩文件 // , data: { contentType: "contentType" }, before: function(obj) { layer.load(1, { shade: 0.3 }); }, done: function(res) { if (res.code == 200) { // layer.msg("Upload succeeded,file name:" + res.data, { // icon: 6 // }) layer.closeAll(); layer.confirm("Upload succeeded!", { btn: ['close'], title: "Tips", }, function() { layer.closeAll(); }, function() { }); // form.val('example1', { // 'spareFieldO': res.data, // }); // $("#fileNamep").html(res.data); // <li style="margin-left: 14%;margin-top: 1%;"></li> var html = '<li style="margin-left: 14%;margin-top: 1%;">' + res.data + '<i class="layui-icon layui-icon-delete delFile" style="color:red;cursor:pointer;margin-left:20px;"></i></li>' $(".fileList").append(html) $(".delFile").click(function() { $(this).parent().remove(); }) } else { layer.confirm("fail!", { btn: ['close'], title: "Tips", }, function() { layer.closeAll(); }, function() { }); } } }); form.on('submit(formStep)', function (data) { status = parseInt(data.field.rule) if (status == 2){ $('.vis').css({'display':'none'}) }else { $('.vis').css({'block':'block'}) } step.next('#stepForm'); return false; }); form.on('submit(formStep2)', function (data) { $('#submitButtonInput').click(); var loading = layer.load(1, { shade: 0.3 }); var authorName = data.field.L1; delete data.field.L1; data.field.authorName = authorName; var phone = data.field.L2; delete data.field.L2; data.field.phone = phone; var periodical = data.field.L3; delete data.field.L3; data.field.periodical = periodical; var eMail = data.field.L4; delete data.field.L4; data.field.eMail = eMail; var title = data.field.L5; delete data.field.L5; data.field.title = title; var unitName = data.field.L6; delete data.field.L6; data.field.unitName = unitName; var allName = data.field.L7; delete data.field.L7; data.field.allName = allName; var research = data.field.L8; delete data.field.L8; data.field.research = research; var allemail = data.field.L9; delete data.field.L9; data.field.allemail = allemail; var paramMap = data.field paramMap.spareFieldO = "" $(".fileList li").each(function(i, e) { $(this).find('span').remove() paramMap.spareFieldO += $(this).text() + ";" }) $.ajax({ url: 'http://103.120.82.111:8066/addOnlineSubmission', type: 'POST', contentType: "application/json;charset=UTF-8", dataType: 'json', data: JSON.stringify(paramMap), success: function(result) { if (result.code == 200) { layer.close(loading); layer.confirm("Upload succeeded!", { btn: ['close'], title: "Tips", }, function() { step.next('#stepForm'); layer.closeAll(); }, function() { }); $("#fileNamep").html(""); $(".reset").click(); } else { layer.confirm("fail!", { btn: ['close'], title: "Tips", }, function() { layer.closeAll(); }, function() { }); } }, }) return false; }); $('.pre').click(function () { step.pre('#stepForm'); }); $('.next').click(function () { step.next('#stepForm'); }); }) </script> </html>