longping
/
subject_gxj


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351
							<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
    <jsp:include page="../common/common-meta-include.jsp"></jsp:include>
    <jsp:include page="../common/common-js-include.jsp"></jsp:include>
    <jsp:include page="../common/common-css-include.jsp"></jsp:include>
    <link rel="stylesheet" type="text/css" href="${WebSite.asset}/lib/layui-v2.5.5/css/layui.css?version=${version}"
          media="all"/>
    <link rel="stylesheet" href="${WebSite.asset}/lib/vuejs/myvue.css"/>
    <link rel="stylesheet" href="${WebSite.asset}/css/style.css"/>
    <link rel="stylesheet" href="${WebSite.asset}/css/register.css?version=${version}"/>
</head>
<body>
<div id="app">
    <form class="layui-form">
        <input type="hidden" id="id" value="${id}"/>
        <div class="option_card">
            <div class="card_title">项目单位信息</div>
            <div class="layui-colla-content layui-show" style="height: auto;">
                <div class="table_box">
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>单位简称</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="junit.titleAbb">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item" data-toggle="distpicker">
                            <label class="layui-form-label form_label"><span style="color: red">*</span>所在地</label>
                            <div class="layui-input-inline">
                                <select
                                        name="province"
                                        lay-filter="province"
                                        id="province"
                                        data-province="新疆维吾尔自治区"
                                        disabled="disabled"
                                >
                                    <option value="" data-code="">---- 所在省 ----</option>
                                </select>
                            </div>
                            <div class="layui-input-inline">
                                <select
                                        name="city"
                                        lay-filter="city"
                                        id="city"
                                        data-city="哈密市"
                                        disabled="disabled"
                                >
                                    <option value="" data-code="">---- 所在市 ----</option>
                                </select>
                            </div>
                            <div class="layui-input-inline">
                                <select
                                        name="district"
                                        lay-filter="district"
                                        id="district"
                                        v-model="junit.area"
                                        lay-verify="required"
                                >
                                    <option value="" data-code="">---- 所在区 ----</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>通信地址</label>
                                <div class="layui-input-block  form_input">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="junit.addre">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label">&nbsp;邮政编码</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" lay-verify="required" placeholder="请输入" autocomplete="off"
                                           class="layui-input" v-model="junit.postcode">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>单位代码证类型</label>
                                <div class="layui-input-block form_input">
                                    <select lay-verify="required" lay-filter="kindUnit" v-model="junit.kindUnit">
                                        <option value="">请选择</option>
                                        <option value="1">多证合一</option>
                                        <option value="2">非多证合一</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row" id="fdzhy" style="display: none">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label  form_label"><span
                                        style="color: red">*</span>组织机构代码</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" id="fdzhy1" placeholder="请输入" autocomplete="off"
                                           class="layui-input" v-model="junit.groupCode1">
                                    <div>-</div>
                                    <input type="text" id="fdzhy2" placeholder="请输入" autocomplete="off"
                                           class="layui-input" v-model="junit.groupCode2">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row" id="dzhy" style="display: none">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label  form_label"><span
                                        style="color: red">*</span>代码类型</label>
                                <div class="layui-input-block form_input">
                                    <select id="dzhy1" lay-filter="kindUnit1" v-model="junit.kindCode">
                                        <option value="">请选择</option>
                                        <option value="1">组织机构代码</option>
                                        <option value="2">统一社会信用代码</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="layui-col-xs6 layui-col-sm6" id="zzjg" style="display: none">
                            <label class="layui-form-label  form_label"><span style="color: red">*</span>组织机构代码:</label>
                            <div class="layui-input-block form_input">
                                <input type="text" id="zzjg1" placeholder="请输入" autocomplete="off" class="layui-input"
                                       v-model="junit.groupCode1">
                                <div>-</div>
                                <input type="text" id="zzjg2" placeholder="请输入" autocomplete="off" class="layui-input"
                                       v-model="junit.groupCode2">
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6" id="shxy" style="display: none">
                            <div class="layui-form-item">
                                <label class="layui-form-label  form_label"><span
                                        style="color: red">*</span>统一社会信用代码:</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" id="shxy1" placeholder="请输入" autocomplete="off"
                                           class="layui-input" v-model="junit.trustCode">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">

                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>单位成立日期</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" id="dateFound" readonly="readonly" required lay-verify="required"
                                           placeholder="请输入" autocomplete="off" class="layui-input"
                                           v-model="junit.dateFound">
                                </div>
                            </div>
                        </div>

                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>单位注册资金</label>
                                <div class="layui-input-block form_input">
                                    <input type="number" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="junit.amt">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">

                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>联系手机号</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="junit.simCode">
                                </div>
                            </div>
                        </div>

                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label  form_label">&nbsp;单位传真</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" placeholder="请输入" autocomplete="off" class="layui-input"
                                           v-model="junit.fax">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">

                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label  form_label"><span
                                        style="color: red">*</span>电子邮箱</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="junit.email">
                                </div>
                            </div>
                        </div>

                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>单位性质</label>
                                <div class="layui-input-block form_input">
                                    <select lay-verify="required" id="unitPropId" name="unitPropId"
                                            lay-filter="unitPropId" v-model="junit.unitPropId">
                                        <option value="">请选择</option>
                                        <c:forEach items="${DWXZ }" var="hy">
                                            <option value="${hy.id }">${hy.title}</option>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>是否独立法人</label>
                                <div class="layui-input-block form_input">
                                    <div class="layui-form">
                                        <input type="radio" name="isJur" lay-filter="isJur" v-model="junit.isJur"
                                               value="1" title="是">
                                        <input type="radio" name="isJur" lay-filter="isJur" v-model="junit.isJur"
                                               value="0" title="否">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>单位类型</label>
                                <div class="layui-input-block form_input">
                                    <select lay-verify="required" id="DWLX" name="unitKindId" lay-filter="unitKindId"
                                            v-model="junit.unitKindId">
                                        <option value="">请选择</option>
                                        <c:forEach items="${DWLX }" var="hy">
                                            <option value="${hy.id }">${hy.title}</option>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card_title">法人信息</div>
            <div class="layui-colla-content layui-show" style="height: auto;">
                <div class="table_box">

                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>姓名</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="junit.nameJur1">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>性别</label>
                                <div class="layui-input-block form_input">
                                    <div class="layui-form">
                                        <input type="radio" name="sex1" lay-filter="sex1" v-model="junit.sex1" value="1"
                                               title="男">
                                        <input type="radio" name="sex1" lay-filter="sex1" v-model="junit.sex1" value="2"
                                               title="女">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>电话</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="junit.tel1">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>移动电话</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="junit.simCode1">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label  form_label">&nbsp;传真</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" placeholder="请输入" autocomplete="off" class="layui-input"
                                           v-model="junit.faxCode1">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>电子邮箱</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="junit.email1">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs10 layui-col-sm10">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"
                                ><span style="color: red">*</span>类型</label
                                >
                                <div class="layui-input-block">
                                    <div class="layui-form">
                                        <input
                                                type="radio"
                                                name="AAA"
                                                lay-filter="kind1"
                                                value="1"
                                                title="中华人民共和国大陆地区"
                                                v-model="junit.kind1"
                                                checked
                                        />
                                        <input
                                                type="radio"
                                                name="AAA"
                                                lay-filter="kind1"
                                                value="2"
                                                v-model="junit.kind1"
                                                title="中华人民共和国港、澳、台地区"
                                        />
                                        <input
                                                type="radio"
                                                name="AAA"
                                                lay-filter="kind1"
                                                value="3"
                                                v-model="junit.kind1"
                                                title="其他"
                                        />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row" id="status1" style="display: none">

                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label  form_label"><span
                                        style="color: red">*</span>所属大洲</label>
                                <div class="layui-input-block form_input">
                                    <select id="state1" name="state1" lay-filter="state1" v-model="junit.state1">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label  form_label"><span
                                        style="color: red">*</span>所属国家</label>
                                <div class="layui-input-block form_input">
                                    <select id="country1" name="country1" lay-filter="country1"
                                            v-model="junit.country1">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label" id="kind1Name"><span
                                        style="color: red">*</span><span id="sfz1">护照号码</span></label>
                                <div class="layui-input-block form_input">
                                    <input type="text" required lay-verify="required" placeholder="请输入" id="sfz_1"
                                           autocomplete="off" class="layui-input" v-model="junit.passport1">
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="card_title">业务负责人信息</div>
            <div class="layui-colla-content layui-show" style="height: auto;">
                <div class="table_box">

                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>姓名</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="junit.nameJur2">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>性别</label>
                                <div class="layui-input-block form_input">
                                    <div class="layui-form">
                                        <input type="radio" name="sex2" lay-filter="sex2" v-model="junit.sex2" value="1"
                                               title="男">
                                        <input type="radio" name="sex2" lay-filter="sex2" v-model="junit.sex2" value="2"
                                               title="女">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>电话</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="junit.tel2">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>移动电话</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="junit.simCode2">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label  form_label">&nbsp;传真</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" placeholder="请输入" autocomplete="off" class="layui-input"
                                           v-model="junit.faxCode2">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"><span style="color: red">*</span>电子邮箱</label>
                                <div class="layui-input-block form_input">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="junit.email2">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs10 layui-col-sm10">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label"
                                ><span style="color: red">*</span>类型</label
                                >
                                <div class="layui-input-block">
                                    <div class="layui-form">
                                        <input
                                                type="radio"
                                                name="AAA1"
                                                lay-filter="kind2"
                                                value="1"
                                                title="中华人民共和国大陆地区"
                                                checked
                                                v-model="junit.kind2"
                                        />
                                        <input
                                                type="radio"
                                                name="AAA1"
                                                lay-filter="kind2"
                                                value="2"
                                                v-model="junit.kind2"
                                                title="中华人民共和国港、澳、台地区"
                                        />
                                        <input
                                                type="radio"
                                                name="AAA1"
                                                lay-filter="kind2"
                                                value="3"
                                                v-model="junit.kind2"
                                                title="其他"
                                        />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row" id="status2" style="display: none">

                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label  form_label"><span
                                        style="color: red">*</span>所属大洲</label>
                                <div class="layui-input-block form_input">
                                    <select id="state2" name="state2" lay-filter="state2" v-model="junit.state2">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label  form_label"><span
                                        style="color: red">*</span>所属国家</label>
                                <div class="layui-input-block form_input">
                                    <select id="country2" name="country2" lay-filter="country2"
                                            v-model="junit.country2">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required form_label" id="kind2Name"><span
                                        style="color: red">*</span><span id="sfz2">护照号码</span></label>
                                <div class="layui-input-block form_input">
                                    <input type="text" required lay-verify="required" id="sfz_2" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="junit.passport2">
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>


            <div id="doUpAndDown">
                <div class="option_card option_card_white">
                    <div class="topic">
                        <span class="b14">主动承诺型信用承诺书</span>
                    </div>

                    <div class="normal_text">

                        哈密市发展和改革委员会:<br/>
                        本单位_______________,现向________________申请办理_________________。<br/>
                        特郑重公开承诺:<br/>
                        一、“以诚实守信为荣，以见利忘义为耻”，让诚信经营成为全体员工的共同理念和行为准则;<br/>
                        二、严格遵守国家法律、法规和规章，严格依法开展生产经 营活动，全面履行应尽的责任和义务;<br/>
                        三、对所提供的所有资料合法性、真实性、准确性、有效性 负责，无任何伪造、修改、虚假成份;<br/>
                        四、遵循公平、公开、公正的竞争原则，与同行保持良好的 竞争与合作，不搞不正当竞争;<br/>
                        五、自觉接受行政管理部门、行业组织、社会公众、新闻舆 论的监督，积极履行社会责任，自愿接受依法开展的日常检查;<br/>
                        六、若发生违法失信行为，将依照有关法律、法规、规章和政 策规定接受处罚，并依法承担相应责任;<br/>
                        七、本《信用承诺书》同意向社会公开。<br/>
                        <br/>
                        承诺单位:_____________<br/>
                        统一社会信用代码:_____________<br/>
                        法定代表签字:_____________<br/>
                        承诺日期: 年 月 日 <br/>
                    </div>
                </div>
                <div class="option_card option_card_white">
                    <div class="layui-form">
                        <input
                                type="radio"
                                name="AAA0"
                                id="cls"
                                lay-filter="cls"
                                value="1"
                                title="是否同意信用承诺书？"


                        />
                    </div>

                    <div class="option_btns">
                        <button type="button" class="option_btn download_btn" @click="downTemplate">
                            <i class="layui-icon"></i> 模板下载
                        </button>

                        <button
                                type="button"
                                id="sccns"
                                style="display: none"
                                class="option_btn download_btn"
                                @click="impWord"
                        >
                            <i class="layui-icon"></i> 上传承诺书(仅支持pdf)
                        </button>
                    </div>

                    <div class="option_btns">
                        <div id="importExc" style="display: none"></div>
                        <div class="con_title">
                            文件名<span id="fileName"></span> <input v-model="junit.fileName" style="display: none"/>
                        </div>

                        <div style="margin-left: 20px">
                            <span id="pdfsee" class="layui-btn" @click="pdfsee" style="display: none">预览</span>
                        </div>
                    </div>

                    <div class="option_btns">
                        <input
                                type="button"
                                value="暂存"
                                class="option_btn"
                                lay-submit
                        <%--                        @click="saveTemp"--%>
                                lay-filter="saveTemp"
                        />
                        <input
                                type="button"
                                value="提交"
                                class="option_btn"
                                lay-submit
                                lay-filter="save"
                        />
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<jsp:include page="../common/common-js-include.jsp"/>
<%--<script src="https://cdn.bootcdn.net/ajax/libs/distpicker/2.0.8/distpicker.js"></script>--%>
<%--<script src="https://cdn.bootcdn.net/ajax/libs/distpicker/2.0.8/distpicker.min.js"></script>--%>
<script src="${WebSite.asset}/lib/distpicker/distpicker.js"></script>
<script src="${WebSite.asset}/lib/distpicker/distpicker.min.js"></script>
<script type="text/javascript">
    new Vue({
        el: "#app",
        data: {
            junit: {
                title: "",
                tel: "",
                city: "",
                unitKindId: "",
                kindCode: "",
                unitPropId: "",
                kindUnit: "",
                state1: "",
                state2: "",
                country1: "",
                country2: "",
                area: ""

            },
            vCode: "",
            state1: "",
            num: 1,
            state2: "",
            country1: "",
            country2: "",
            unitName: []
        },
        mounted: function () {
            this.init();
            this.loadState();
            this.loadState2();
            this.test();
        },
        methods: {
            init: function () {
                var self = this;
                layui.laydate.render({
                    elem: "#dateFound",
                    type: "date",
                    theme: layDateTheme,
                    done: function (value) {
                        self.junit.dateFound = value;
                    }
                });
                layui.form.on("select(kindUnit)", function (data) {
                    self.junit.kindUnit = data.value;
                    if (data.value == "1") {
                        $("#dzhy").attr("style", "");
                        $("#dzhy1").attr("lay-verify", "required");
                        $("#fdzhy").attr("style", "");
                        $("#fdzhy").attr("style", "display:none");
                        $("#fdzhy1").attr("lay-verify", "");
                        $("#fdzhy2").attr("lay-verify", "");
                    } else {
                        $("#fdzhy").attr("style", "");
                        $("#fdzhy1").attr("lay-verify", "required");
                        $("#fdzhy2").attr("lay-verify", "required");
                        $("#dzhy").attr("style", "");
                        $("#dzhy").attr("style", "display:none");
                        $("#dzhy1").attr("lay-verify", "");
                    }
                });
                layui.form.on("select(kindUnit1)", function (data) {
                    self.junit.kindCode = data.value;
                    if (data.value == "1") {
                        $("#zzjg").attr("style", "");
                        $("#zzjg1").attr("lay-verify", "required");
                        $("#zzjg2").attr("lay-verify", "required");
                        $("#shxy").attr("style", "");
                        $("#shxy").attr("style", "display:none");
                        $("#shxy1").attr("lay-verify", "");
                    } else if (data.value == "2") {
                        $("#shxy").attr("style", "");
                        $("#shxy1").attr("lay-verify", "required");
                        $("#zzjg").attr("style", "");
                        $("#zzjg").attr("style", "display:none");
                        $("#zzjg1").attr("lay-verify", "");
                        $("#zzjg2").attr("lay-verify", "");
                    }
                });
                layui.form.on("select(unitPropId)", function (data) {
                    self.junit.unitPropId = data.value;
                });
                layui.form.on("select(unitKindId)", function (data) {
                    self.junit.unitKindId = data.value;
                });
                layui.form.on("select(state2)", function (data) {
                    self.junit.state2 = data.value;
                    self.loadStateChild2(data.value);
                    var state2 = $("#state2 option:checked").text();
                    self.state2 = state2;
                });
                layui.form.on("radio(kind1)", function (data) {
                    self.junit.kind1 = data.value;
                    if (data.value == "3") {
                        $("#status1").attr("style", "");
                        $("#sfz1").text("护照号码");
                        $("#state1").attr("lay-verify", "required");
                        $("#country1").attr("lay-verify", "required");
                        $("#sfz_1").attr("lay-verify", "required");
                    } else if (data.value == "2") {
                        $("#sfz1").text("身份证号");
                        $("#status1").attr("style", "display:none");
                        $("#state1").attr("lay-verify", "");
                        $("#country1").attr("lay-verify", "");
                        $("#sfz_1").attr("lay-verify", "required");


                    } else {
                        $("#sfz1").text("身份证号");
                        $("#status1").attr("style", "display:none");
                        $("#state1").attr("lay-verify", "");
                        $("#country1").attr("lay-verify", "");
                        $("#sfz_1").attr("lay-verify", "required|sfzVal");
                    }
                });
                layui.form.on("radio(kind2)", function (data) {
                    self.junit.kind2 = data.value;
                    if (data.value == "3") {
                        $("#status2").attr("style", "");
                        $("#sfz2").text("护照号码");
                        $("#state2").attr("lay-verify", "required");
                        $("#country2").attr("lay-verify", "required");
                        $("#sfz_dz2").attr("lay-verify", "required");
                    } else if (data.value == "2") {
                        $("#sfz2").text("身份证号");
                        $("#status2").attr("style", "display:none");
                        $("#country2").attr("lay-verify", "");
                        $("#status2").attr("style", "display:none");


                        $("#sfz_2").attr("lay-verify", "required");

                    } else {
                        $("#sfz2").text("身份证号");
                        $("#status2").attr("style", "display:none");
                        $("#country2").attr("lay-verify", "");
                        $("#status2").attr("style", "display:none");
                        $("#sfz_2").attr("lay-verify", "required|sfzVal");
                    }
                });
                layui.form.on("radio(cls)", function (data) {
                    if (self.num % 2 == 0) {
                        $("input[name='AAA0']").prop("checked", false);
                        $("#sccns").attr("style", "display:none");
                        self.junit.fileName = "";
                        self.junit.fileAddre = "";
                        $("#fileName").text("");
                    } else {
                        $("#sccns").attr("style", "");
                    }
                    self.num = self.num + 1;
                    layui.form.render();

                });
                layui.form.on("select(country2)", function (data) {
                    self.junit.country2 = data.value;
                    var country2 = $("#country2 option:checked").text();
                    self.country2 = country2;
                });
                layui.form.on("select(state1)", function (data) {
                    self.junit.state1 = data.value;
                    self.loadStateChild(data.value);
                    var state1 = $("#state1 option:checked").text();
                    self.state1 = state1;
                });
                layui.form.on("radio(isJur)", function (data) {
                    self.junit.isJur = data.value;
                });
                layui.form.verify({
                    sfzVal: function (value, item) {
                        /*/^((\d{2,})-)(\d{2,30})(-(\d{2,}))?$/ 电话号码是不限制以0开头，最少输入2位后不限制位数，-之后最少输入2位，最大不超过30位，-最少输入2位后，不限制位数*/
                        var sfz = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
                        var flag = sfz.test(value);
                        if (!flag) {
                            return '请输入正确的身份证号';
                        }
                    },
                });
                layui.form.on("radio(sex1)", function (data) {
                    self.junit.sex1 = data.value;
                });
                layui.form.on("radio(sex2)", function (data) {
                    self.junit.sex2 = data.value;
                });
                App.common.utils.uploadFile('#importExc', App.getUrl('/static/file/upload'), {
                    acceptMime: "application/pdf",
                    exts: 'pdf'
                }, null, function (res) {
                    for (var i = 0; i < res.resultList.length; i++) {
                        self.junit.fileId = res.resultList[i].id;
                        self.junit.fileAddre = res.resultList[i].id;
                        self.junit.fileName = res.resultList[i].name;
                        self.junit.fileProp = res.resultList[i].ftype;
                        $("#pdfsee").attr("style", "");
                        $("#fileName").text(res.resultList[i].name);
                    }
                })
                layui.form.on('select(city)', function (data) {
                    self.junit.city = data.value;
                    $("#city").val(data.value).change();
                    layui.form.render();
                });
                layui.form.on('select(district)', function (data) {
                    self.junit.area = data.value;
                    $("#district").val(data.value).change();
                    layui.form.render();
                });
                layui.form.on("select(country1)", function (data) {
                    self.junit.country1 = data.value;
                    var country1 = $("#country1 option:checked").text();
                    self.country1 = country1;
                });
                layui.form.on('select(changeCity)', function () {
                    self.loadRegions();
                });
                layui.form.on("submit(next)", function (obj) {
                    self.addprePlanData();
                });
                layui.form.on("submit(save)", function (obj) {
                    self.save();
                });
                layui.form.on("submit(saveTemp)", function (obj) {
                    self.saveTemp();
                });
                this.getForm();
            },
            getForm: function () {
                var id = $("#id").val();
                if (id == "") {

                } else {
                    var self = this;
                    App.postJson("/api/register/editById", {id: id}, function (res) {
                        if (res.success) {
                            $("#district").val(res.data.area).change();
                            self.loadStateChild(res.data.state1);
                            self.loadStateChild2(res.data.state2);
                            self.junit = res.data;

                            if (self.junit.kindUnit == "1") {
                                $("#dzhy").attr("style", "");
                                $("#fdzhy").attr("style", "");
                                $("#fdzhy").attr("style", "display:none");
                            } else {
                                $("#fdzhy").attr("style", "");
                                $("#dzhy").attr("style", "");
                                $("#dzhy").attr("style", "display:none");
                            }
                            if (self.junit.kindCode == "1") {
                                $("#zzjg").attr("style", "");
                                $("#shxy").attr("style", "");
                                $("#shxy").attr("style", "display:none");
                            } else if (self.junit.kindCode == "2") {
                                $("#shxy").attr("style", "");
                                $("#zzjg").attr("style", "");
                                $("#zzjg").attr("style", "display:none");
                            }

                            if (self.junit.kind1 == "3") {
                                $("#status1").attr("style", "");
                            } else if (self.junit.kind1 == "2") {
                                $("#sfz1").text("身份证号");
                                $("#sfz_1").attr("lay-verify", "required");
                            } else {
                                $("#sfz1").text("身份证号");
                                $("#sfz_1").attr("lay-verify", "required|sfzVal");
                            }


                            if (self.junit.kind2 == "3") {
                                $("#status2").attr("style", "");
                            } else if (self.junit.kind2 == "2") {
                                $("#sfz2").text("身份证号");
                                $("#sfz_2").attr("lay-verify", "required");
                            } else {
                                $("#sfz2").text("身份证号");
                                $("#sfz_2").attr("lay-verify", "required|sfzVal");
                            }
                            if (self.junit.fileAddre != "") {

                                $("#fileName").text(self.junit.fileName);
                                $("#pdfsee").attr("style", "");
                                $("#sccns").attr("style", "");
                                $("#cls").attr("checked", "true");
                            }
                            setTimeout(() => {
                                layui.form.render();
                            }, 200);

                        }
                    });
                }
            },
            save: function () {
                var self = this;
                var state1 = $("#state1 option:checked").text();
                var state2 = $("#state2 option:checked").text();
                var country1 = $("#country1 option:checked").text();
                var country2 = $("#country2 option:checked").text();
                if (self.junit.fileAddre == null || self.junit.fileAddre == "" || self.junit.fileAddre.length == 0) {
                    layer.msg("请上传承诺书", {icon: 6, time: 1000});
                    return;
                }

                App.msg.confirm("确认提交吗？", function () {
                    if (self.junit.state1 == null || self.junit.state1 == "") {

                    } else {
                        self.junit.state1 = state1;
                    }

                    if (self.junit.state2 == null || self.junit.state2 == "") {

                    } else {
                        self.junit.state2 = state2;
                    }

                    if (self.junit.country1 == null || self.junit.country1 == "") {

                    } else {
                        self.junit.country1 = country1;
                    }

                    if (self.junit.country2 == null || self.junit.country2 == "") {

                    } else {
                        self.junit.country2 = country2;
                    }

                    App.postJson("/api/register/save", self.junit, function (res) {
                        if (res.success) {
                            layer.msg("成功", {icon: 6, time: 1000});
                            window.location.href = App.getUrl("/register/queryCheck");
                        } else {
                            layer.msg(res.message, {time: 1000});
                        }
                    });
                });
            },
            saveTemp: function () {
                var self = this;
                var state1 = $("#state1 option:checked").text();
                var state2 = $("#state2 option:checked").text();
                var country1 = $("#country1 option:checked").text();
                var country2 = $("#country2 option:checked").text();
                App.msg.confirm("确认暂存吗？", function () {
                    if (self.junit.state1 == null || self.junit.state1 == "") {

                    } else {
                        self.junit.state1 = state1;
                    }

                    if (self.junit.state2 == null || self.junit.state2 == "") {

                    } else {
                        self.junit.state2 = state2;
                    }
                    if (self.junit.country1 != null && self.junit.country1 != "") {
                        self.junit.country1 = country1;
                    }
                    if (self.junit.country2 == null || self.junit.country2 == "") {

                    } else {
                        self.junit.country2 = country2;
                    }
                    App.postJson("/api/register/saveTemp", self.junit, function (res) {
                        if (res.success) {
                            layer.msg("成功", {icon: 6, time: 1000});
                            window.location.href = App.getUrl("/register/queryCheck");


                        } else {
                            layer.msg(res.message, {time: 1000});
                        }
                    });
                });
            },
            downTemplate: function () {
                parent.window.location.href = App.getUrl(
                    "register/downWord"
                );
            },
            download: function () {
                var self = this;
                if (self.junit.fileAddre == null) {
                    App.msg.error("未上传文件");
                    return;
                }
                // window.location.href=App.getUrl("static/file/download/"+this.junit.fileId);
                // window.location.href=App.getUrl("register/file/download/"+this.junit.fileId);
                window.location.href = App.getUrl("register/file/download/" + self.junit.fileAddre);
            },
            impWord: function () {
                $("#importExc").click();
            },
            // download: function () {
            //     window.location.href=App.getUrl("static/file/download/"+this.junit.fileId);
            // },
            pdfsee: function () {
                var self = this;
                if (self.junit.fileAddre == null) {
                    App.msg.error("未上传文件");
                    return;
                }
                layui.use('layer', function () {
                    var layer = layui.layer;
                    layer.open({
                        type: 2,
                        area: ['1000px', '750px'],
                        fixed: false, //不固定
                        maxmin: true,
                        <%--content: "${domain}/register/file/download/"+self.junit.fileAddre--%>
                        content: "${domain}/static/file/" + self.junit.fileAddre + "/showfile"
                    })
                });

            },
            addprePlanData: function () {
            },
            doRegister: function () {
                $("#doRegister").attr("style", "display:none")
                $("#doJs").attr("style", "")
                //$("#doOrganData").removeClass("style")
            },
            doUpAndDown: function () {
                $("#doUpAndDown").attr("style", "display:none")
                $("#doLoginName").attr("style", "")
                //$("#doOrganData").removeClass("style")
            },
            back1: function () {
                $("#doRegister").attr("style", "")
                $("#doJs").attr("style", "display:none")
            },
            back2: function () {
                $("#doJs").attr("style", "")
                $("#doOrganData").attr("style", "display:none")

            },
            back3: function () {
                $("#doOrganData").attr("style", "")
                $("#doUpAndDown").attr("style", "display:none")
            },
            back4: function () {
                $("#doUpAndDown").attr("style", "")
                $("#doLoginName").attr("style", "display:none")

            },
            back5: function () {
                $("#doLoginName").attr("style", "")
                $("#doPassword").attr("style", "display:none")

            },
            doJs: function () {
                var subname = $("#subname").val();
                var flg = this.validateCode();
                if (!flg) {
                    App.msg.error("验证码不正确");
                    return;
                }
                if (subname == "") {
                } else {
                    App.postJson("/api/junit/virfy", {subname: subname}, function (res) {


                        if (res.success) {
                            if (res.data == false) {
                                layer.confirm('单位信息尚未注册!请继续填写单位详细信息!', {
                                    title: "操作提示",
                                    btn: ['确认'] //可以无限个按钮
                                }, function (index, layero) {
                                    // $("#dwName").setText(res.message);
                                    layer.close(index);
                                });
                                $("#doJs").attr("style", "display:none");
                                $("#doOrganData").attr("style", "");
                            } else {
                                layer.confirm('单位信息已注册!!', {
                                    title: "操作提示",
                                    btn: ['确认'] //可以无限个按钮
                                }, function (index, layero) {
                                    layer.close(index);
                                    window.location.href = App.getUrl("/login");
                                });
                            }


                            /*layui.form.render("formData", this.junit);
                            layui.form.render("formData2", this.junit);
                            layui.form.render("formData3", this.junit);*/
                        }
                    });
                }
            },
            doOrganData: function () {
                $("#doLoginName").attr("style", "")
                $("#doOrganData").attr("style", "display:none")
            },
            doLoginName: function () {
                $("#doOrganData").attr("style", "display:none")
                $("#doUpAndDown").attr("style", "")
            },
            doPassword: function () {
                $("#doPassword").attr("style", "")
                $("#doLoginName").attr("style", "display:none")
            },
            back: function () {
                window.location.href = App.getUrl("/login");
            },
            test: function () {
                layui.use(['form'], function () {
                    var $ = layui.$
                        , form = layui.form;
                    //省
                    form.on('select(province)', function (data) {
                        $("#province").val(data.value).change();
                        form.render();
                    });
                    //市
                    // form.on('select(city)', function (data) {
                    // 	this.junit.city=data.value;
                    // 	$("#city").val(data.value).change();
                    // 	form.render();
                    // });
                    //区/县

                })
            },


            loadState: function () {
                App.postJson("/api/division/listTop", {}, function (res) {
                    if (res.success) {
                        let selectCities = document.getElementById("state1");
                        // selectCities.add(new Option("请选择对应的城市", "0"));
                        let option = null;
                        for (let i = 0; i < res.data.length; i++) {
                            option = new Option(res.data[i].name, res.data[i].id);
                            selectCities.add(option)
                        }
                        layui.form.render('select')
                        layui.form.render();
                    } else {

                    }
                });
            },
            loadState2: function () {
                App.postJson("/api/division/listTop", {}, function (res) {
                    if (res.success) {
                        let selectCities = document.getElementById("state2");
                        // selectCities.add(new Option("请选择对应的城市", "0"));
                        let option = null;
                        for (let i = 0; i < res.data.length; i++) {
                            option = new Option(res.data[i].name, res.data[i].id);
                            selectCities.add(option)
                        }
                        layui.form.render('select')
                        layui.form.render();
                    } else {

                    }
                });
            },
            loadStateChild: function (parentId) {
                var self = this;
                App.postJson("/api/division/listByParentId", {parentId: parentId}, function (res) {
                    if (res.success) {


                        let selectCities = document.getElementById("country1");
                        $("#country1").html('')
                        selectCities.add(new Option("请选择国家", ""));
                        let option = null;
                        for (let i = 0; i < res.data.length; i++) {

                            if (self.junit.country1 != null) {

                                if (self.junit.country1 === res.data[i].id) {
                                    self.country1 = res.data[i].name;
                                    option = new Option(res.data[i].name, res.data[i].id, true, true);
                                } else {
                                    option = new Option(res.data[i].name, res.data[i].id);
                                }
                            } else {
                                option = new Option(res.data[i].name, res.data[i].id);
                            }
                            // option = new Option(res.data[i].name,res.data[i].id);o
                            if (option != null) {
                                selectCities.add(option)
                            }

                        }
                        layui.form.render('select')
                        layui.form.render();
                    } else {

                    }
                });
            },
            loadStateChild2: function (parentId) {
                var self = this;
                App.postJson("/api/division/listByParentId", {parentId: parentId}, function (res) {
                    if (res.success) {

                        let selectCities = document.getElementById("country2");
                        $("#country2").html('')
                        selectCities.add(new Option("请选择国家", ""));
                        // selectCities.add(new Option("请选择对应的城市", "0"));
                        let option = null;
                        // for (let i = 0; i < res.data.length; i++) {
                        //     // if (self.junit.country2!=null){
                        //     //     if (self.junit.country2==res.data[i].id){
                        //     //         option = new Option(res.data[i].name,res.data[i].id,null,true);
                        //     //     }
                        //     // }else{
                        //     //     option = new Option(res.data[i].name,res.data[i].id);
                        //     // }
                        //     option = new Option(res.data[i].name,res.data[i].id);
                        //     selectCities.add(option)
                        // }

                        for (let i = 0; i < res.data.length; i++) {

                            if (self.junit.country2 != null) {

                                if (self.junit.country2 === res.data[i].id) {
                                    self.country2 = res.data[i].name;
                                    option = new Option(res.data[i].name, res.data[i].id, true, true);
                                } else {
                                    option = new Option(res.data[i].name, res.data[i].id);
                                }
                            } else {
                                option = new Option(res.data[i].name, res.data[i].id);
                            }
                            // option = new Option(res.data[i].name,res.data[i].id);o
                            if (option != null) {
                                selectCities.add(option)
                            }

                        }

                        layui.form.render('select')
                        layui.form.render();

                    } else {

                    }
                });
            },
            loadCities: function () {
                $("#city").html('')
                //alert("改变方法执行了！")
                let provinceId = $("#province option:selected").val();
                App.postJson("/api/division/listTop", {}, function (res) {
                    if (res.success) {
                        let selectCities = document.getElementById("city");
                        selectCities.add(new Option("请选择对应的城市", "0"));
                        let option = null;
                        for (let i = 0; i < data.length; i++) {
                            option = new Option(data[i].cityName, data[i].cityId);
                            selectCities.add(option)
                        }
                        form.render('select')
                        form.render();
                    } else {

                    }
                });
            },
            loadRegions: function () {
                $("#region").html('');
                let cityId = $("#city option:selected").val();
                App.postJson("/api/subject/subInfo/saveTemp", this.subInfo, function (res) {
                    if (res.success) {
                        let selectRegions = document.getElementById("region");
                        selectRegions.add(new Option("请选择对应的区", 0))
                        let option = null
                        for (let i = 0; i < data.length; i++) {
                            option = new Option(data[i].regionName, data[i].regionId);
                            selectRegions.add(option);
                        }
                        form.render('select')
                        form.render();
                    } else {

                    }
                });
            }
        }
    })
</script>
</body>
</html>