| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765 |
- <!DOCTYPE HTML>
- <html xmlns:th="http://www.thymeleaf.org"
- xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
- layout:decorate="~{admin/common/common}">
- <head>
- <title>注册</title>
- <style>
- label.error {
- left: 15px;
- top: 29px
- }
- #filePicker div:nth-child(2) {
- width: 100% !important;
- height: 100% !important;
- }
- .ke-container {
- width: 100% !important;
- }
- .ke-swfupload-body {
- height: 265px
- }
- .ke-dialog-body {
- height: 340px !important;
- }
- .ke-dialog-default {
- height: 410px !important;
- }
- </style>
- </head>
- <body layout:fragment="content">
- <article class="page-container">
- <form class="form form-horizontal" id="form-information-add">
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>基本信息:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <label>有“<span class="c-red">*</span>”的为必填项</label>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>企业名称:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <input type="text" required class="input-text" value="" placeholder="请输入企业名称" th:id="company_name"
- th:name="company_name"/>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>姓名:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <div class="add_contact">
- <p><input type="text" required minlength="1" maxlength="45" class="width_200 input-text user_name"
- placeholder="请输入联系人姓名" th:name="user_name"/></p>
- </div>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>账号名:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <div class="add_contact">
- <p><input type="text" required class="ml_50 width_200 input-text nick_name" th:name="nick_name"
- th:id="nick_name"
- placeholder="账号名可以为组织机构代码等"/></p>
- </div>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>手机号:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <div class="add_contact">
- <p><input type="text" required isMobile="true" class="ml_50 width_200 input-text phone"
- placeholder="请输入手机号" th:name="phone" th:id="phone"/></p>
- <input id="verificationCode" onClick="getVerificationCode()" type="button"
- class="btn btn-primary radius" value="获取验证码"/>
- </div>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>验证码:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <div class="add_contact">
- <p><input type="text" required class="ml_50 width_200 input-text" th:name="validateNum"
- placeholder="请输入短信验证码"/></p>
- </div>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>密码:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <div class="add_contact">
- <p><input type="password" required class="ml_50 width_200 input-text " th:name="password"
- placeholder="请至少输入六个字符" th:id="password"/></p>
- </div>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>确认密码:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <div class="add_contact">
- <p><input type="password" required class="ml_50 width_200 input-text " th:name="repassword"
- placeholder="请再次输入密码"/></p>
- </div>
- </div>
- </div>
- <div class="row cl">
- <input type="hidden" name="street_id" id="street_id"/>
- <input type="hidden" name="street_name" id="street_name"/>
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>企业工商注册属地:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <span class="select-box">
- <select class="select" id="Street" onchange="getStreet_ids1()" required>
- <option value="">--请选择--</option>
- <option th:each="item : ${streetList}" th:value="${item.id}" th:text="${item.name}"/>
- </select>
- </span>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>注册地址:</label>
- <div class="formControls col-xs-8 col-sm-8">
- <input type="text" required class="input-text" th:id="location" th:name="location"/>
- </div>
- </div>
- <div class="row cl more">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span></label>
- <div class="formControls col-xs-8 col-sm-9">
- <input onClick="showMore()" type="button" class="btn btn-primary radius" value="点击展开"/>
- </div>
- </div>
- <div class="less" hidden>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>拓展信息:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <label>注册后,属地将会审核账号信息,填写的信息越全,才能越快越容易的通过审核</label>
- </div>
- </div>
- <!-- 企业信息----------------------------------------- 开始 -->
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>组织机构代码: </label>
- <div class="formControls col-xs-8 col-sm-3">
- <input type="text" class="input-text" placeholder="请输入组织机构代码" th:id="organization_code"
- th:name="organization_code"/>
- </div>
- <div class="formControls col-xs-8 col-sm-3" style="padding-left: 0px;">
- <i style="color:#5a98de;font-size: 20px;" title="组织机构代码是统一社会信用代码的第9-17位" class="icon Hui-iconfont"></i>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>统一社会信用代码:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <input type="text" class="input-text" value="" th:id="uscc" th:name="uscc"/>
- </div>
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>企业编号:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <input type="text" class="input-text" value="" th:id="no" th:name="no"/>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>所属行业:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <span class="select-box">
- <select class="select" th:name="industry_code" id="industryTypeList">
- <option value="">--请选择--</option>
- <option value="" th:each="item : ${industryTypeList}" th:value="${item.value}"
- th:text="${item.name}">
- </option>
- </select>
- </span>
- </div>
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>法定代表人:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <input type="text" class="input-text" value="" th:id="legal_representative"
- th:name="legal_representative"/>
- </div>
- </div>
- <div class="row cl" id="industry" hidden>
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>其它行业:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <input type="text" class="input-text" value="" th:id="industry_name" th:name="industry_name"
- placeholder="请输入所属行业"/>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>是否经营:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <label>
- <input name="is_product" checked type="radio" value="true">
- 是</label>
- <label>
- <input type="radio" name="is_product" value="false">
- 否</label>
- </div>
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>企业性质:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <span class="select-box">
- <select class="select" th:name="type_id">
- <option value="">--请选择--</option>
- <option value="" th:each="item : ${companyTypeList}" th:value="${item.id}"
- th:text="${item.name}">
- </option>
- </select>
- </span>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span>经营范围:</span></label>
- <div class="formControls col-xs-8 col-sm-8">
- <input type="text" class="input-text" th:id="business" th:name="business"/>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>注册资本:</label>
- <div class="formControls col-xs-6 col-sm-2" style="padding-right: 0;">
- <input type="hidden" name="currency_unit" id="currency_unit"/>
- <span class="select-box">
- <select id="currency" class="select" onchange="bindCurrency()">
- <option th:each="item : ${itemList}" th:value="${item.id}" th:text="${item.name}"/>
- </select>
- </span>
- </div>
- <div class="formControls col-xs-8 col-sm-3">
- <input type="text" class="input-text" th:id="registration_capital" th:name="registration_capital"/>
- </div>
- <div class="col-xs-2 col-sm-3">(万元)</div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-2 col-sm-2"><span class="c-red"></span>注册时间:</label>
- <div class="formControls col-xs-10 col-sm-3">
- <input type="text" class="input-text" th:id="establishment_date" th:name="establishment_date"/>
- </div>
- <label class="form-label col-xs-2 col-sm-2"><span class="c-red"></span>员工数(人):</label>
- <div class="formControls col-xs-10 col-sm-3">
- <input type="text" class="input-text" th:id="staff_number" th:name="staff_number"/>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span>相关证件:</span></label>
- <div class="formControls col-xs-8 col-sm-8">
- <table class="table table-border table-bordered table-bg table-hover">
- <thead>
- <tr class="text-c">
- <th>文件名</th>
- <th>附件</th>
- <th>操作</th>
- </tr>
- </thead>
- <tbody id="uploadList">
- </tbody>
- </table>
- <div class="uploader-thum-container">
- <p id="state" style="padding-top: 2px;"></p>
- <div id="progress" style="padding-bottom: 2px;"></div>
- <div id="fileListPre" class="uploader-list"></div>
- <div id="filePicker">选择文件</div>
- </div>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span>其他联系人信息:</span></label>
- <div class="formControls col-xs-8 col-sm-8">
- <table class="table table-border table-bordered table-bg table-hover">
- <thead>
- <tr class="text-c">
- <th>联系人</th>
- <th>联系电话</th>
- <th>邮箱</th>
- <th>操作</th>
- </tr>
- </thead>
- <tbody id="companyContact">
- </tbody>
- </table>
- <input onclick="addContacts()" type="button" class="btn btn-primary radius" value="添加"
- style="margin-top: 15px;"/>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span></label>
- <div class="formControls col-xs-8 col-sm-9">
- <input onClick="hideMore()" type="button" class="btn btn-primary radius" value="点击收起"/>
- </div>
- </div>
- </div>
- <!-- 企业信息 ------------------------------------------- 结束 -->
- <div class="row cl">
- <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
- <a onclick="submit()" class="btn btn-primary radius norefactor"><i class="Hui-iconfont"></i>注册</a>
- <!--<button class="btn btn-primary radius norefactor" type="submit"><i class="Hui-iconfont"></i>注册</button>-->
- <button onClick="removeIframe();" class="btn btn-default radius" type="button"> 取消 </button>
- </div>
- </div>
- </form>
- </article>
- <script th:inline="javascript">
- //window.onload = function () {
- $(function () {
- var options = {
- uploadBtnId: '#filePicker',
- picturePreId: 'fileListPre',
- hiddenPictureUrl: 'img',
- hiddenPictureName: 'imgName',
- width: 81,
- height: 81,
- fileSizeLimit: 100 * 1024 * 1024,
- fileSingleSizeLimit: 100 * 1024 * 1024
- };
- var webUploadDocList = new $WebUploadDocList(options);
- webUploadDocList.init();
- })
- //}
- $("#industryTypeList").change(function () {
- if ($('#industryTypeList option:selected').val() == "Empty") {
- $("#industry").show()
- } else {
- $("#industry").hide()
- }
- });
- function showMore() {
- $(".more").hide()
- $(".less").show()
- }
- function hideMore() {
- $(".less").hide()
- $(".more").show()
- }
- /**
- * 取消
- */
- function removeIframe() {
- var index = parent.layer.getFrameIndex(window.name);
- parent.layer.close(index);
- }
- laydate.render({
- elem: '#establishment_date' //指定元素
- });
- function removeLine(obj) {
- $(obj).parent().parent().remove();
- }
- function addContact() {
- var length = $(".add_contact").length;
- var html = "<i class='Hui-iconfont' onclick='removeLine(this)'></i>";
- $(".add_contact:eq(0)").clone().insertAfter($('.add_contact').eq(-1))
- .find(".phone").removeAttr("name").attr("name", "companyContacts[" + length + "].phone").val("").end()
- .find(".contact").removeAttr("name").attr("name", "companyContacts[" + length + "].contact").val("").end()
- .find(".email").removeAttr("name").attr("name", "companyContacts[" + length + "].email").val("").end()
- .find(".icon_font").html(html).end();
- }
- var contact_index = 0;
- function addContacts() {
- var reg1 = /^[0-9]+.?[0-9]*$/;
- var reg2 = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
- var reg3 = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
- var flag = false;
- $(".isname").each(function () {
- var name = $(this).val();
- if (name == null || name == "") {
- errorMessage("请输入姓名!");
- flag = true;
- return
- } else if (reg1.test(name)) {
- errorMessage("姓名不能为数字!");
- flag = true;
- return
- }
- });
- $(".isphone").each(function () {
- var phone = $(this).val();
- if (phone == null || phone == "") {
- errorMessage("请输入手机号!");
- flag = true;
- return
- } else if (!reg2.test(phone)) {
- errorMessage("请输入正确的手机号!");
- flag = true;
- return
- }
- });
- $(".isemail").each(function () {
- var mail = $(this).val();
- if (mail == null || mail == "") {
- errorMessage("请输入邮箱!");
- flag = true;
- return
- } else if (!reg3.test(mail)) {
- errorMessage("请输入正确的邮箱!");
- flag = true;
- return
- }
- });
- if (flag) {
- return;
- }
- var str = ''
- str += '<tr class="text-c">'
- str += '<td>'
- str += '<input name="contactList[' + contact_index + '].contact" class="isname" maxlength="20">'
- str += '</td>'
- str += '<td>'
- str += '<input name="contactList[' + contact_index + '].phone" class="isphone" maxlength="20">'
- str += '</td>'
- str += '<td>'
- str += '<input name="contactList[' + contact_index + '].email" class="isemail" maxlength="40">'
- str += '</td>'
- str += '<td>'
- str += '<a href="javascript:;" onclick="delContact(this);">删除</a>'
- str += '</td>'
- str += '</tr>'
- $("#companyContact").append(str);
- contact_index++;
- }
- function delContact(obj) {
- var $this = $(obj);
- $this.parent().parent().remove();
- }
- /*绑定街道id*/
- function getStreet_ids1() {
- var value = $("#Street").find("option:selected").val();
- var text = $("#Street").find("option:selected").text();
- $("#street_id").val(value);
- $("#street_name").val(text);
- getBuilds();
- }
- /*绑定园区id*/
- function getBuild_ids1() {
- var value = $("#Builds").find("option:selected").val();
- var text = $("#Builds").find("option:selected").text();
- $("#build_id").val(value);
- //$("#build_name").val(text);
- }
- /*绑定币种单位*/
- function bindCurrency() {
- var value = $("#currency").find("option:selected").val();
- var text = $("#currency").find("option:selected").text();
- $("#currency_unit").val(value);
- }
- function getBuilds() {
- $.ajax({
- url: pagePath + "/company/companyInfoManage/selectBuildByStreetId",
- type: "post",
- data: {
- 'street_id': $("#street_id").val()
- },
- dataType: "json",
- success: function (result) {
- if (result.success) {
- var buildInfo = result.obj;
- bidBuild(buildInfo);
- } else {
- //errorMessage(result.message);
- }
- },
- error: function () {
- errorMessage('系统错误!');
- }
- });
- }
- function bidBuild(buildInfo) {
- $("#Builds option").remove();
- var option = '<option value="-1">' + "--请选择--" + '</option>'
- for (var i = 0; i < buildInfo.length; i++) {
- option += '<option value="' + buildInfo[i].id + '" name = "' + buildInfo[i].name + '" id = "' + buildInfo[i].id + '" >'
- option += buildInfo[i].name
- option += '</option>'
- }
- $("#Builds").append(option);
- }
- //获取验证码
- function getVerificationCode() {
- var phone = $("#phone").val();
- var v_regex = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
- if (phone) {
- if (v_regex.test(phone)) {
- //checkPhoneNumber(phone)
- //startCountDown();
- sendVerificationCode(phone);
- } else {
- errorMessage('手机号码格式不正确!');
- }
- } else {
- errorMessage('请输入手机号码!');
- }
- }
- //校验手机号码是否已被使用
- function checkPhoneNumber(phone) {
- $.ajax({
- dataType: "json",
- contentType: "application/json;charset=utf-8",
- url: pagePath + "/company/companyInfoManage/getPhone",
- type: "get",
- sync: true,
- data: {
- phone: phone
- },
- success: function (result) {
- if (result) {
- sendVerificationCode(phone);
- } else {
- errorMessage('该手机号码已被注册!');
- }
- },
- error: function () {
- errorMessage('系统错误!');
- }
- });
- }
- //发送验证码
- function sendVerificationCode(phone) {
- $.ajax({
- contentType: "application/json;charset=utf-8",
- dataType: "json",
- url: pagePath + "/home/sendVerificationCode",
- type: "get",
- sync: true,
- data: {
- phone: phone
- },
- success: function (result) {
- if (result.success) {
- startCountDown();
- succeedMessage(result.message);
- } else {
- errorMessage(result.message);
- }
- },
- error: function () {
- errorMessage('系统错误!');
- }
- });
- }
- //验证码倒计时
- function startCountDown() {
- var second = 60;//时间默认值
- $("#verificationCode").attr("disabled", true);
- var timer = null;
- timer = setInterval(function () {
- $("#verificationCode").val(second + "秒后重发")
- second--;
- if (second < 0) {
- $("#verificationCode").attr("disabled", false);
- $("#verificationCode").val("获取验证码")
- clearInterval(timer);
- }
- }, 1000);
- }
- /*自定义jQuery校验是9位数字和字母*/
- jQuery.validator.addMethod("LetterAndNum9", function (value, element) {
- return this.optional(element) || /^[a-zA-Z0-9]{9}$/.test(value);
- }, "组织结构代码由9位数字或字母组成");
- //保存企业信息
- $("#form-information-add").validate({
- rules: {
- company_name: {
- required: true,
- minlength: 1,
- maxlength: 60,
- remote: {
- url: pagePath + "/company/companyInfoManage/getConpanyName",
- type: "get",
- data: {
- company_name: function () {
- return $("#company_name").val();
- },
- id: ''
- }
- }
- },
- organization_code: {
- //required: true,
- remote: {
- url: pagePath + "/company/companyInfoManage/getOrganization_code",
- type: "get",
- data: {
- organization_code: function () {
- return $("#organization_code").val();
- },
- id: ''
- }
- },
- LetterAndNum9: $("#organization_code").val(),
- },
- no: {
- minlength: 1,
- maxlength: 60,
- },
- nick_name: {
- minlength: 1,
- maxlength: 60,
- remote: {
- url: pagePath + "/company/companyInfoManage/getNickName",
- type: "get",
- data: {
- nick_name: function () {
- return $("#nick_name").val();
- },
- id: ''
- }
- },
- },
- uscc: {
- minlength: 1,
- maxlength: 60,
- },
- /* organization_code: {
- minlength: 1,
- maxlength: 60,
- }, */
- industry_code: {
- minlength: 1,
- maxlength: 60,
- },
- legal_representative: {
- minlength: 1,
- maxlength: 60,
- },
- business: {
- minlength: 1,
- maxlength: 200,
- },
- registration_capital: {
- minlength: 1,
- maxlength: 60,
- number: true
- },
- value: {
- required: true,
- minlength: 1,
- maxlength: 60
- },
- relation_name: {
- minlength: 1,
- maxlength: 60
- },
- location: {
- minlength: 1,
- maxlength: 200
- },
- user_name: {
- minlength: 1,
- maxlength: 20
- },
- phone: {
- minlength: 1,
- maxlength: 20,
- /*remote: {
- url: pagePath + "/company/companyInfoManage/getPhone",
- type: "get",
- data: {
- company_name: function () {
- return $("#phone").val();
- },
- id: ''
- }
- },*/
- phone: true
- },
- isphone: {
- minlength: 1,
- maxlength: 20,
- phone: true
- },
- validateNum: {
- minlength: 1,
- maxlength: 20
- },
- password: {
- minlength: 6,
- maxlength: 20,
- // password: true,
- },
- repassword: {
- minlength: 6,
- maxlength: 20,
- repassword: true,
- },
- email: {
- //minlength: 6,
- maxlength: 20,
- email: true,
- }
- },
- messages: {
- company_name: {
- remote: "该公司名已存在!"
- },
- organization_code: {
- remote: "该组织机构代码已存在!"
- },
- phone: {
- remote: "该手机号码已被注册!"
- },
- nick_name: {
- remote: "该账号名已被注册!"
- }
- },
- });
- function submit() {
- console.log($('#form-information-add').valid());
- if($('#form-information-add').valid()){
- $("#form-information-add").ajaxSubmit({
- type: 'post',
- url: pagePath + "/home/register",
- dataType: "json",
- success: function (data) {
- if (data.success) {
- succeedMessage(data.message, 8000);
- setTimeout(function () {
- parent.removeIframe();
- }, 8000);
- $('.norefactor').removeAttr('onclick')
- } else {
- // $(form).find(":submit").attr("disabled", false);
- errorMessage(data.message);
- }
- },
- error: function () {
- errorMessage('系统错误!');
- }
- });
- }
- }
- </script>
- </body>
- </html>
|