[TOC]

layui.config({
base: ‘/layui/lay/modules/‘, //你存放新模块的目录，注意，不是layui的模块目录
version: “2023”
}).extend({ //设定模块别名
// mymod: ‘mymod’ //如果 mymod.js 是在根目录，也可以 不用设定别 名
// , mod1: ‘admin/mod1’ //相对于上述 base 目录的子目录
‘home’: ‘{/}/layui/extend/modules/home’, // {/}的意思即代表采用自有路径，即不跟随 base 路径
‘map’: ‘{/}/layui/extend/modules/map’,
‘formSelects’: ‘{/}/layui/extend/modules/formSelects-v4’,
‘xmSelect’: ‘{/}/layui/extend/modules/xm-select’,
‘smReport’: ‘{/}/layui/extend/modules/smReport’,
‘steps’: ‘{/}/layui/extend/steps/steps’,
‘yuanshi’: ‘{/}/js/yuanshi’
})

——steps.js layui组件步骤，实际扩展了jquery，可以不使用layer.use
—layui.define([‘jquery’], function (exports) {
“use strict”;
var $ = layui.$;
$.fn.step = function (options) {
var opts = $.extend({}, $.fn.step.defaults, options);
var size = this.find(“.step-header li”).length;
var curPage = opts.initStep;
var steps = this;
var bar_h = ‘0px’;
if (size > 0) {
bar_h = $(this.find(“.step-header li”)[0]).height() * (size - 1) + “px”;
}
this.find(“.step-header ul”).prepend(“

“);
this.find(“.step-list”).eq(opts.initStep).show();
if (size < opts.initStep) {
opts.initStep = size;
}
if (opts.animate == false) {
opts.speed = 0;
}
this.find(“.step-header li”).each(function (i, li) {
if (i == 0) {
$(li).addClass(“step-current”)
.append(‘‘ + (i + 1) + ‘‘);
} else if (i < opts.initStep) {
$(li).addClass(“step-active”)
.append(‘‘);
} else {
$(li).append(‘‘ + (i + 1) + ‘‘);
}
});

    this.find(".step-header").show();


    this.find(".jump-steps").on('click', function () {<br />            var step_id = $(this).attr("data-step");<br />            steps.goStep(step_id);<br />        });

    this.curPage = function () {<br />            return curPage;<br />        };

    this.nextStep = function () {

        if (curPage >= size - 1) {<br />                try {<br />                    $("#nextBtn").addClass("layui-btn-disabled");<br />                } catch (e) {

            }<br />            }<br />            if (curPage >= size) {<br />                return false;<br />            }


        //alert(curPage);<br />            //var next_step_num = curPage == 0 ? 2 : curPage + 1 == size ? size + 1 : curPage + 1;<br />            var next_step_num = curPage == 0 ? 2 : curPage + 1;<br />            return this.goStep(next_step_num);<br />        };



    this.preStep = function () {

        if (curPage <= 2) {<br />                try {<br />                    $("#preBtn").addClass("layui-btn-disabled");<br />                } catch (e) {

            }<br />            }<br />            if (curPage <= 1) {


            return false;<br />            }<br />            var pre_step_num = curPage == 1 ? 1 : curPage - 1;<br />            return this.goStep(pre_step_num);<br />        };

    this.goStep = function (page) {<br />            if (page == undefined || isNaN(page) || page < 0) {<br />                if (window.console && window.console.error) {<br />                    console.error('the method goStep has a error,page:' + page);<br />                }<br />                return false;<br />            }<br />            curPage = parseInt(page);<br />            this.find(".step-list").hide();<br />            this.find(".step-list").eq(curPage - 1).show();<br />            this.find(".step-header li").each(function (i, li) {<br />                var $li = $(li);<br />                $li.removeClass('step-current')<br />                    .removeClass('step-active');<br />                $li.find("a").html(i + 1);<br />                if ((i + 1) < page) {<br />                    $li.addClass('step-active');<br />                    $li.find("a").empty();<br />                    if (opts.scrollTop) {<br />                        $('html,body').animate({ scrollTop: 0 }, 'slow');<br />                    }<br />                } else if ((i + 1) == page) {<br />                    $li.addClass('step-current');<br />                }<br />            });<br />            <br />            try {<br />                if (curPage <= 1) {<br />                    $("#preBtn").addClass("layui-btn-disabled");<br />                    $("#nextBtn").removeClass("layui-btn-disabled");<br />                }<br />                else if (curPage >= size) {<br />                    $("#nextBtn").addClass("layui-btn-disabled");<br />                    $("#preBtn").removeClass("layui-btn-disabled");<br />                }<br />                else {<br />                    $("#nextBtn").removeClass("layui-btn-disabled");<br />                    $("#preBtn").removeClass("layui-btn-disabled");<br />                }<br />            } catch (e) {

        }<br />            return true;<br />        };<br />        return this;<br />    };

$.fn.step.defaults = {<br />        animate: true,<br />        speed: 200,<br />        initStep: 0,<br />        scrollTop: true<br />    };

exports('steps', $);<br />});

—-使用
step = $(“#step_demo”).step();

//绑定按钮<br />    $("#preBtn").click(function (event) {<br />        step.preStep();//上一步<br />    });<br />    $("#nextBtn").click(function (event) {<br />        step.nextStep();//下一步<br />    });<br />    <br />    <br />--页面






步骤






  • 许可基本信息


  • 取水权属信息


  • 取水工程信息


  • 用水监管信息


  • 供水监管


  • 退水监督信息


  • 申请人信息


  • 论证报告信息


  • 审批信息














许可基本信息（步骤1）



















































































































取水权人名称：

代码中心检测名称：
（等待检测）
{{EC.EC_B_WATER_RIG_OWNER.JGMC}}（ 未通过检测）
{{EC.EC_B_WATER_RIG_OWNER.JGMC}}（通过检测）
（ 检测无结果）
取水权人名称（曾用名）：

取水权人代码类型：

取水权人代码：

取水字号：

取水（



）字 [



] 第  



 号
用水所在区县：

 
取水所在区县：

 
取水具体地点：
{{EC.EC_B_OVERVIEW.INT_LOC_DIV}}
年许可取水量（万m³）：

保证率（%）：

地下水许可量（万m³）：

地表水许可量（万m³）：

取水类型：

水源类型：

取水用途：

发证日期：

有效期限：

  ~ 

发证机关：

  选择
 统一社会信用代码：

办理机关：

  选择
 统一社会信用代码：

省审批系统办件编号：

证件状态：

取水工程设施利用方案：

注销日期：

吊销日期：

注销原因：

吊销原因：

无效原因：

备注：







取水权属信息（步骤2）






















































取水权人名称：
{{EC.EC_B_WATER_RIG_OWNER.WAT_RIG_OWNER}}
取水权人代码类型：
{{GetDmLx(EC.EC_B_WATER_RIG_OWNER.OWNER_CODE_TYPE)}}
 取水权人代码：
{{EC.EC_B_WATER_RIG_OWNER.OWNER_CODE}}
法定代表人：



法人代表代码 ：


取水项目行业类别：

注册地址邮编：

注册地址：

生产经营场所：

 


{{EC.EC_B_WATER_RIG_OWNER.OP_LOC_DIV}}
联系人：

联系人手机号：

建设项目性质：

建设项目名称：