e9f6566e by 焦小希
2 parents 724036db 84050934
File mode changed
......@@ -3,6 +3,7 @@
width: 1200px;
margin: 0 auto;
overflow: hidden;
min-height:calc(100vh - 350px);
}
.business_guide {
overflow-x: hidden;
......@@ -138,3 +139,67 @@
margin-left: -10px;
margin-bottom: 30px;
}
/* 行政区 */
.selectCity {
width: 1200px;
margin: 0 auto;
margin-top: 20px;
}
.selectCity h2 {
display: inline-block;
margin-right: 9px;
}
.area_list_content {
overflow: hidden;
margin-top: 20px;
width: 100%;
}
.area_list_content h2 {
display: inline-block;
float: left;
margin-right: 12px;
}
.selectCity .area_list {
width: 95%;
float: left;
}
.selectCity .area_list li {
display: inline-block;
width: 100px;
height: 36px;
border-radius: 4px;
margin-right: 15px;
color: #fff;
text-align: center;
line-height: 36px;
margin-bottom: 10px;
cursor: pointer;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #E6E6E6;
color: #6D7278;
}
.selectCity .area_list li:hover {
color: #006CFF;
border-color: #006CFF;
}
.active2 {
color: #006CFF!important;
border-color: #006CFF!important;
}
.itemButton {
display: inline-block;
float: right;
width: 170px;
}
.itemButton a {
display: inline-block;
}
.itemButton a:nth-child(1) {
position: relative;
left: 15px;
}
.itemButton button {
display: inline-block;
}
\ No newline at end of file
......
......@@ -23,4 +23,20 @@
.video_authentication {
text-align: center;
height: 300px;
margin-top: 30px;
}
.video_authentication h5 {
text-align: left;
margin-bottom: 10px;
}
.sms_authentication div{
display: inline-block;
width: 49%;
}
.sms_authentication div span {
display: inline-block;
}
.sms_authentication div input {
display: inline-block;
width: 85%;
}
\ No newline at end of file
......
.content_box {
width: 1200px;
margin: 0 auto;
min-height:calc(100vh - 227px);
min-height: calc(100vh - 227px);
}
.title {
height: 16px;
padding: 10px 0;
margin: 15px 0;
padding-left: 10px;
}
.title h2 {
font-weight: 600;
height: 16px;
......@@ -17,6 +19,7 @@
border-left: 3px solid #ffffff;
float: left;
}
.title i {
font-size: 24px;
position: relative;
......@@ -24,45 +27,54 @@
color: #ffffff;
left: 198px;
}
.layui-icon {
cursor: pointer;
}
.tabs_title {
margin-bottom: 10px;
}
.tabs_title p {
display: inline-block;
margin-right: 10px;
position: relative;
top: -2px;
}
.tabs_title input {
width: 16px;
height: 16px;
}
.tabs_title i{
.tabs_title i {
font-size: 24px;
position: relative;
color: #0091FF;
top: 3px;
}
.layui-tab {
width: 23%;
display: inline-block;
}
.layui-tab-bar {
display: none;
}
.img_update {
overflow: hidden;
position: relative;
float: left;
}
.fileBox{
margin:10px;float: left;
.fileBox {
margin: 10px;
float: left;
}
.file_name .update {
display: block;
width: 24px;
......@@ -72,9 +84,11 @@
margin-top: 85px;
margin-bottom: 10px;
}
.file_name p {
color: #9B9B9B;
}
.certificate {
height: 24px;
color: red;
......@@ -84,7 +98,8 @@
text-align: center;
width: 240px;
}
.fileSpan{
.fileSpan {
display: inline-block;
width: 240px;
height: 240px;
......@@ -94,10 +109,12 @@
margin-right: 121px;
background: #FCFCFC;
}
.fileSpan:hover{
border-color:#0091FF;
.fileSpan:hover {
border-color: #0091FF;
}
#fileInput, #fileInput1, #fileInput3{
input[type='file'] {
position: absolute;
width: 100%;
height: 100%;
......@@ -107,10 +124,12 @@
cursor: pointer;
z-index: 10;
}
.fileName {
margin: 0 auto;
width: 102px;
}
.fileName span {
display: inline-block;
width: 85px;
......@@ -118,16 +137,21 @@
text-overflow: ellipsis;
white-space: nowrap;
}
.file_name {
text-align: center;
position: relative;
}
.operation {
cursor: pointer;
width: 14px;
height: 14px;
}
.fileListName, .fileListName1, .fileListName3{
.fileListName,
.fileListName1,
.fileListName3 {
text-align: center;
margin-top: 10px;
position: absolute;
......@@ -137,34 +161,53 @@
width: 100%;
cursor: pointer;
}
.fileListName span , .fileListName1 span, .fileListName3 span{
.fileListName span,
.fileListName1 span,
.fileListName3 span {
display: inline-block;
color: #4a4a4a;
}
.fileListName img, .fileListName1 img, .fileListName3 img{
.fileListName img,
.fileListName1 img,
.fileListName3 img {
float: right;
margin-top: 5px;
margin-left: 2px;
}
.fileList tr, .fileList1 tr, .fileList3 tr {
.fileList tr,
.fileList1 tr,
.fileList3 tr {
line-height: 28px;
width: 70px;
}
.fileList tr td, .fileList1 tr td, .fileList3 tr td {
.fileList tr td,
.fileList1 tr td,
.fileList3 tr td {
width: 70px;
}
.operation a:hover {
color: #0091FF!important;
color: #0091FF !important;
}
.next_button {
text-align: center;
margin: 50px 0;
}
/* 房屋信息 */
.acceptance_information {
margin: 20px 0;
}
.acceptance_information h3 , .person_info h3, .data_upload h3, .obtaining_license h3{
.acceptance_information h3,
.person_info h3,
.data_upload h3,
.obtaining_license h3 {
height: 16px;
padding-left: 8px;
font-size: 16px;
......@@ -174,12 +217,16 @@
padding-bottom: 20px;
color: #4A4A4A;
}
.acceptance_information h3::before , .person_info h3::before , .data_upload h3::before , .obtaining_license h3::before {
position:absolute;
content:"";
left:0;
width:4px;
height:12px;
.acceptance_information h3::before,
.person_info h3::before,
.data_upload h3::before,
.obtaining_license h3::before {
position: absolute;
content: "";
left: 0;
width: 4px;
height: 12px;
border-radius: 1px;
top: 5px;
background-color: #0091FF;
......@@ -188,36 +235,44 @@
.acceptance_information ul {
font-size: 0;
}
.acceptance_information ul li {
display: inline-block;
width: 50%;
font-size: 14px;
line-height: 36px;
}
.acceptance_information ul li span {
color: #9B9B9B;
width: 100px;
text-align: right;
display: inline-block;
}
.acceptance_information ul li p {
display: inline-block;
}
/* 买卖双方信息 */
.layui-form-item .layui-inline {
width: 23%;
}
.idCard {
width: 150px;
}
.layui-form-label {
padding: 9px 0;
width: 92px;
}
.layui-icon-reduce-circle {
font-size: 20px!important;
font-size: 20px !important;
color: #FA6400;
}
.add_form {
height: 36px;
border: 1px dotted #DEDEDE;
......@@ -228,25 +283,30 @@
display: none;
background: #FCFCFC;
}
.add_form:hover {
border-color: #0091FF;
}
.add_form i {
font-size: 16px!important;
font-size: 16px !important;
display: inline-block;
margin-top: 5px;
color: #4A4A4A;
}
.add_form p {
display: inline-block;
color: #9B9B9B;
line-height: 36px;
}
/* -----------------资料上传---------------------- */
.data_upload {
margin-top: 20px;
overflow: hidden;
}
/* -----------------询问笔录---------------------- */
.record {
position: absolute;
......@@ -261,45 +321,57 @@
width: 100%;
cursor: pointer;
}
.record:hover {
color: #0091FF;
}
.layui-form-radio>i:hover, .layui-form-radioed>i {
color: #0091FF!important;
.layui-form-radio>i:hover,
.layui-form-radioed>i {
color: #0091FF !important;
}
/* -------------------领证方式----------------------- */
.shipping_method {
display: none;
margin-top: 25px;
}
.item_inline {
font-size: 0;
}
.item_inline .layui-inline {
width: 50%;
font-size: 16px;
margin-right: 0!important;
margin-right: 0 !important;
}
.obtaining_license .layui-input-block h2{
.obtaining_license .layui-input-block h2 {
display: inline-block;
color: rgb(133, 125, 125);
margin-right: 13px;
}
.ssq {
width: 99.5%;
white-space: nowrap;
left: -13px;
}
.ssq .layui-inline {
width: 29%;
}
.obtaining_license {
margin-top: 20px;
}
.person_radio {
margin-bottom: 20px;
}
.person_radio input{
.person_radio input {
display: inline-block;
cursor: pointer;
width: 14px;
......@@ -308,6 +380,7 @@
top: -2px;
margin-right: 10px;
}
.person_radio p {
display: inline-block;
position: relative;
......@@ -319,9 +392,11 @@
.layui-form-item {
font-size: 0;
}
.layui-inline {
font-size: 14px;
}
.layui-form-label {
font-size: 14px;
}
\ No newline at end of file
......
$(function () {
layui.use('element', function () {
layui.use('element', function () {
var element = layui.element;
});
layui.use('element', function () {
});
layui.use('element', function () {
var element = layui.element;
//监听Tab切换,以改变地址hash值
element.on('tab(navtab)', function () {
if (this.getAttribute('lay-id') == 1) {
$("body,html").animate({ scrollTop: $(".tudi").offset().top });
$(".online_business h2").removeClass('titleActive')
$(".tudi .online_business h2").addClass('titleActive')
} else if (this.getAttribute('lay-id') == 2) {
$("body,html").animate({ scrollTop: $(".jianzhu").offset().top });
$(".online_business h2").removeClass('titleActive')
$(".jianzhu .online_business h2").addClass('titleActive')
} else if (this.getAttribute('lay-id') == 3) {
$("body,html").animate({ scrollTop: $(".linmu").offset().top });
$(".online_business h2").removeClass('titleActive')
$(".linmu .online_business h2").addClass('titleActive')
} else if (this.getAttribute('lay-id') == 4) {
$("body,html").animate({ scrollTop: $(".qita").offset().top });
$(".online_business h2").removeClass('titleActive')
$(".qita .online_business h2").addClass('titleActive')
} else {
let idUum = undefined
idUum = this.getAttribute('lay-id')-1
$(".layui-tab-content .online_business h2").removeClass('titleActive')
if (this.getAttribute('lay-id')==0) {
$("body,html").animate({ scrollTop: 0 });
$(".online_business h2").removeClass('titleActive')
} else {
$("body,html").animate({ scrollTop: $(".layui-tab-content").eq(idUum).offset().top });
$("#tabContentListOnline .layui-tab-content").eq(idUum).find('.online_business h2').addClass('titleActive')
}
});
element.on('tab(navtab1)', function () {
if (this.getAttribute('lay-id') == 1) {
$("body,html").animate({ scrollTop: $(".tudi1").offset().top });
$(".navtab1 h2").removeClass('titleActive')
$(".tudi1 .navtab1 h2").addClass('titleActive')
} else if (this.getAttribute('lay-id') == 2) {
$("body,html").animate({ scrollTop: $(".jianzhu1").offset().top });
$(".navtab1 h2").removeClass('titleActive')
$(".jianzhu1 .navtab1 h2").addClass('titleActive')
} else if (this.getAttribute('lay-id') == 3) {
$("body,html").animate({ scrollTop: $(".linmu1").offset().top });
$(".navtab1 h2").removeClass('titleActive')
$(".linmu1 .navtab1 h2").addClass('titleActive')
} else {
let idUum1 = undefined
idUum1 = this.getAttribute('lay-id')-1
$(".layui-tab-content .online_business h2").removeClass('titleActive')
if (this.getAttribute('lay-id')==0) {
$("body,html").animate({ scrollTop: 0 });
$(".navtab1 h2").removeClass('titleActive')
$(".online_business h2").removeClass('titleActive')
} else {
$("body,html").animate({ scrollTop: $("#tabContentList .layui-tab-content").eq(idUum1).offset().top });
$("#tabContentList .layui-tab-content").eq(idUum1).find('.online_business h2').addClass('titleActive')
}
});
});
layui.use('util', function () {
});
layui.use('util', function () {
let util = layui.util;
//执行
util.fixbar({
......@@ -60,8 +44,154 @@ layui.use('util', function () {
}
}
});
})
addTabs('#bszn')
_initData()
});
//config的设置是全局的
layui.config({
base: '../../staticJs/'
}).extend({ //设定模块别名
common: 'cityCommon'
});
$(document).on("click", ".area_list li", function (e) {
$(".area_list li").removeClass("active2")
$(this).addClass("active2");
_getGuideBusinessInWssq($(this).attr("data-id"))
_getGuideBusinessInReserve($(this).attr("data-id"))
})
// 办事指南在线办理
$(document).on("click", ".onlineProcessing", function () {
console.log($(this).attr('data-id'))
_listBusinessIdsByBsznId($(this).attr('data-id'))
})
addTabs('#bszn')
layui.use(['form', 'common'], function () {
var common = layui.common,
form = layui.form;
//三级地址联动
common.showCity('province', 'city');
//区域选择
form.on('select(selectCity)', function (data) {
return false;
});
});
// 初始化数据
function _initData() {
var regionId = undefined;
var area_list = $(".area_list");
area_list.empty();
var li
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/cms/district/queryAllDistrict",//路径
dataType: "json",
//数据,这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
let data = result.data[0].children[0].children
for (var i = 0; i < data.length; i++) {
if(i==0) {
li = '<li data-id="' + data[i].id + '" class="active2">' + data[i].name + '</li>';
}else {
li = '<li data-id="' + data[i].id + '">' + data[i].name + '</li>';
}
area_list.append(li);
}
regionId = data[0].id
_getGuideBusinessInWssq(regionId)
_getGuideBusinessInReserve(regionId)
}
}
})
}
// 根据办事大厅获取办事指南----获取网上申请业务指南对应的业务集合
function _getGuideBusinessInWssq(id) {
var itemList_tab = $("#itemList_tab");
itemList_tab.empty();
var li;
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/portal/MhGuide/getGuideBusinessInWssq?districtId="+id,//路径
dataType: "json",
//数据,这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
data.list = result.data
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('businessGuide').innerHTML
, view = document.getElementById('tabContentListOnline');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
});
li = '<li class="layui-this" lay-id="0">全部</li>'
itemList_tab.append(li)
for (var i = 0; i < result.data.length; i++) {
li = '<li lay-id="'+(i+1)+'">'+result.data[i].bsznFlmc+'</li>'
itemList_tab.append(li)
}
}
}
});
}
// 在线预约
function _getGuideBusinessInReserve(id) {
var itemList_tab1 = $("#itemList_tab1");
itemList_tab1.empty();
var li;
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/portal/MhGuide/getGuideBusinessInReserve?districtId="+id,//路径
dataType: "json",
//数据,这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
data.onlineList = result.data
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('onlineBooking').innerHTML
, view = document.getElementById('tabContentList');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
});
li = '<li class="layui-this" lay-id="0">全部</li>'
itemList_tab1.append(li)
for (var i = 0; i < result.data.length; i++) {
li = '<li lay-id="'+(i+1)+'">'+result.data[i].bsznFlmc+'</li>'
itemList_tab1.append(li)
}
}
}
});
}
// GET /portal/MhGuide/listBusinessIdsByBsznId 通过办事指南ID获取对应的业务ID列表
function _listBusinessIdsByBsznId(id) {
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/portal/MhGuide/listBusinessIdsByBsznId?bsznId="+id,//路径
dataType: "json",
//数据,这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
if(result.data.length==1) {
createBusinesseFlow(result.data[0])
}else {
window.open('./wssq.html', "_self")
}
}
}
});
}
var data = { //数据
"list": [],
"onlineList": []
};
\ No newline at end of file
......
......@@ -5,21 +5,21 @@ $(function () {
layui.use('element', function () {
var element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块
});
// 新闻详情数据
// 办事指南详情数据
function _initData() {
var newsDetail = $("#newsDetail");
newsDetail.empty();
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/portal/MhNotice/getMHDetailById",//路径
url: portal.api_url + "/portal/MhGuide/getBsznDetailById",//路径
data: {
"id": GetQueryString('id'),
"bsznId": GetQueryString('id'),
},
dataType: "json",
//数据,这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
$('.newsTitle').html(result.data.title)
$('.newsTitle').html(result.data.headline)
$('.releaseTime').html(result.data.addtime)
newsDetail.append(result.data.content)
}
......@@ -30,6 +30,6 @@ function _initData() {
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return decodeURIComponent(r[2]);
if (r != null) return decodeURIComponent(r[2]).replace(/\"/g,"");
return null;
}
\ No newline at end of file
......
$(function () {
//元素
var oFileInput = $("#fileInput"); //选择文件按钮
var sizeObj = []; //存放每个文件大小的数组,用来比较去重
// var oFileSpan = $("#fileSpan");
// //拖拽外部文件,进入目标元素触发
// oFileSpan.on("dragenter", function () {
// $(this).find('.file_name').css("background", "#ccc");
// $(this).find('.file_name').empty();
// $(this).find('.file_name').append(
// '<p style="line-height:240px">可以方鼠标了</p>'
// )
// });
// //拖拽外部文件,进入目标、离开目标之间,连续触发
// oFileSpan.on("dragover", function () {
// return false;
// });
// //拖拽外部文件,离开目标元素触发
// oFileSpan.on("dragleave", function () {
// $(this).find('.file_name').empty();
// $(this).find('.file_name').css("background", "#ffff");
// $(this).find('.file_name').append(
// '<img class="update" src="../staticImages/update.png">'+
// '<p class="updatetext">点击或拖拽文件上传</p>'+
// '<div class="fileListName"></div>'
// )
// });
// //拖拽外部文件,在目标元素上释放鼠标触发
// oFileSpan.on("drop", function (ev) {
// var fs = ev.originalEvent.dataTransfer.files;
// $(this).find('.file_name').empty();
// $(this).find('.file_name').css("background", "#ffff");
// $(this).find('.file_name').append(
// '<img class="update" src="../staticImages/update.png">'+
// '<p class="updatetext">点击或拖拽文件上传</p>'+
// '<div class="fileListName"></div>'
// )
// analysisList(fs); //解析列表函数
// return false;
// });
//点击选择文件按钮选文件
oFileInput.on("change", function () {
if(flieList.length>=2) {
$(document).on("click", ".fileListName .fileName .operation", function (e) {
var index = $(this).parent().index();
flieList.splice(index, 1)
sizeObj.splice(index, 1)
if (flieList.length == 1) {
$(this).parent().parent().parent('.fileSpan').find('.update').attr('src', '../../staticImages/update.png');
$(this).parent().parent().parent('.fileSpan').find('.updatetext').text('点击文件上传')
}
$(this).parent().remove()
})
})
var sizeObj = [];
var flieList = [];
function handleUpdate(e, $input) {
if (flieList.length >= $("#" + $input).attr('numList')) {
layer.msg('已经完成上传最大限度', { icon: 5 });
return false
}else {
analysisList(this.files, oFileInput);
} else {
let file = [];
file.push(e.files[0])
analysisList(file, $input);
}
})
//解析列表函数
function analysisList(obj, inputName) {
}
//解析列表函数
function analysisList(obj, $input) {
//如果没有文件
if (obj.length < 1) {
return false;
......@@ -57,7 +33,6 @@ $(function () {
var fileObj = obj[i]; //单个文件
var name = fileObj.name; //文件名
var size = fileObj.size; //文件大小
var type = fileType(name); //文件类型,获取的是文件的后缀
//文件大于30M,就不上传
if (size > 1024 * 1024 * 1024 || size == 0) {
layer.msg('超过了30M,不能上传', { icon: 5 });
......@@ -71,44 +46,29 @@ $(function () {
//给json对象添加内容,得到选择的文件的数据
var itemArr = [fileObj, name, size]; //文件,文件名,文件大小,文件类型
flieList.push(itemArr);
if (flieList.length==2){
inputName.parent().find('.update').attr('src','../staticImages/Yes.png');
inputName.parent().find('.updatetext').text('')
if (flieList.length == $("#" + $input).attr('numList')) {
sizeObj = [];
$("#" + $input).parent().find('.update').attr('src', '../../staticImages/Yes.png');
$("#" + $input).parent().find('.updatetext').text('');
}
//把这个文件的大小放进数组中
sizeObj.push(size);
}
createList() //生成列表
document.querySelector('#fileInput').value = null
};
//生成列表
function createList() {
$('.fileListName').empty()
createList($input); //生成列表
document.querySelector("#" + $input).value = null
};
//生成列表
function createList($input) {
$("#" + $input).parent().find('.fileListName').empty()
for (var i = 0; i < flieList.length; i++) {
var fileData = flieList[i];
name = fileData[1]
$('.fileListName').append(
'<li class="fileName">'+
var name = fileData[1]
$("#" + $input).parent().find('.fileListName').append(
'<li class="fileName">' +
'<span title="' + name + '">' + name + '</span>' +
'<img class="operation" src="../staticImages/chacha.png">'+
'<img class="operation" src="../../staticImages/chacha.png">' +
'</li>'
);
}
}
$(document).on("click", ".fileListName .fileName .operation", function (e) {
var index = $(this).parent().index();
flieList.splice(index, 1)
sizeObj.splice(index, 1)
if(flieList.length==1) {
$(this).parent().parent().parent('.fileSpan').find('.update').attr('src','../staticImages/update.png');
$(this).parent().parent().parent('.fileSpan').find('.updatetext').text('点击文件上传')
}
$(this).parent().remove()
})
})
//通过文件名,返回文件的后缀名
function fileType(name) {
var nameArr = name.split(".");
return nameArr[nameArr.length - 1].toLowerCase();
}
\ No newline at end of file
......
......@@ -2,48 +2,13 @@ $(function () {
//元素
var oFileInput1 = $("#fileInput1"); //选择文件按钮
var sizeObj1 = []; //存放每个文件大小的数组,用来比较去重
// var oFileSpan = $("#fileSpan");
// //拖拽外部文件,进入目标元素触发
// oFileSpan.on("dragenter", function () {
// $(this).find('.file_name').css("background", "#ccc");
// $(this).find('.file_name').empty();
// $(this).find('.file_name').append(
// '<p style="line-height:240px">可以方鼠标了</p>'
// )
// });
// //拖拽外部文件,进入目标、离开目标之间,连续触发
// oFileSpan.on("dragover", function () {
// return false;
// });
// //拖拽外部文件,离开目标元素触发
// oFileSpan.on("dragleave", function () {
// $(this).find('.file_name').empty();
// $(this).find('.file_name').css("background", "#ffff");
// $(this).find('.file_name').append(
// '<img class="update" src="../staticImages/update.png">'+
// '<p class="updatetext">点击或拖拽文件上传</p>'+
// '<div class="fileListName"></div>'
// )
// });
// //拖拽外部文件,在目标元素上释放鼠标触发
// oFileSpan.on("drop", function (ev) {
// var fs = ev.originalEvent.dataTransfer.files;
// $(this).find('.file_name').empty();
// $(this).find('.file_name').css("background", "#ffff");
// $(this).find('.file_name').append(
// '<img class="update" src="../staticImages/update.png">'+
// '<p class="updatetext">点击或拖拽文件上传</p>'+
// '<div class="fileListName"></div>'
// )
// analysisList(fs); //解析列表函数
// return false;
// });
//点击选择文件按钮选文件
oFileInput1.on("change", function () {
if(flieList1.length>=2) {
layer.msg('已经完成上传最大限度', { icon: 5 });
return false
}else {
console.log(this.files)
analysisList(this.files, oFileInput1);
}
})
......@@ -53,6 +18,7 @@ $(function () {
if (obj.length < 1) {
return false;
}
console.log(999999999, obj)
for (var i = 0; i < obj.length; i++) {
var fileObj = obj[i]; //单个文件
var name = fileObj.name; //文件名
......@@ -72,7 +38,7 @@ $(function () {
var itemArr = [fileObj, name, size]; //文件,文件名,文件大小,文件类型
flieList1.push(itemArr);
if (flieList1.length==2){
inputName.parent().find('.update').attr('src','../staticImages/Yes.png');
inputName.parent().find('.update').attr('src','../../staticImages/Yes.png');
inputName.parent().find('.updatetext').text('')
}
//把这个文件的大小放进数组中
......@@ -90,7 +56,7 @@ $(function () {
$('.fileListName1').append(
'<li class="fileName">'+
'<span title="' + name + '">' + name + '</span>' +
'<img class="operation" src="../staticImages/chacha.png">'+
'<img class="operation" src="../../staticImages/chacha.png">'+
'</li>'
);
}
......@@ -100,7 +66,7 @@ $(function () {
flieList1.splice(index, 1)
sizeObj1.splice(index, 1)
if(flieList1.length==1) {
$(this).parent().parent().parent('.fileSpan').find('.update').attr('src','../staticImages/update.png');
$(this).parent().parent().parent('.fileSpan').find('.update').attr('src','../../staticImages/update.png');
$(this).parent().parent().parent('.fileSpan').find('.updatetext').text('点击文件上传')
}
$(this).parent().remove()
......
......@@ -3,40 +3,7 @@ $(function () {
let element = layui.element;
});
addTabs('#wssq')
// 业务
var data = {
'progressList': [
{
stepName: "信息效验",
stepState: 2 //0:未办理 1:正在办理 2:已办理
},
{
stepName: "填报信息",
stepState: 2
},
{
stepName: "完税核税",
stepState: 2
},
{
stepName: "身份认证",
stepState: 2
},
{
stepName: "资料审核",
stepState: 2
},
{
stepName: "线上缴费",
stepState: 2
},
{
stepName: "生成电子证书",
stepState: 1
}
],
}
setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('progress').innerHTML
......
......@@ -7,40 +7,7 @@ $(function () {
});
});
addTabs('#wssq')
// 业务
var data = {
'progressList': [
{
stepName: "信息效验",
stepState: 2 //0:未办理 1:正在办理 2:已办理
},
{
stepName: "填报信息",
stepState: 2
},
{
stepName: "完税核税",
stepState: 2
},
{
stepName: "身份认证",
stepState: 2
},
{
stepName: "资料审核",
stepState: 1
},
{
stepName: "线上缴费",
stepState: 0
},
{
stepName: "生成电子证书",
stepState: 0
}
],
}
setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('progress').innerHTML
......@@ -56,3 +23,7 @@ $(function () {
});
});
})
//下一步事件
function skipClick(){
skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
}
......
var slsqxx;
$(function () {
//设置步骤条信息
setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
slsqxx = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
LoadClxxDiv();
})
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块
});
addTabs('#wssq')
setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
// form 表单
layui.use('form', function () {
var form = layui.form;
......@@ -88,7 +94,6 @@ $('.add_form').click(function () {
$('.record').click(function (event) {
event.stopPropagation();
})
var flieList = []; // 登记证书列表
var flieList1 = []; // 房屋所有权证书列表
var flieList3 = []; // 询问笔录
// 省市区
......@@ -126,6 +131,65 @@ layui.use(['form', 'common'], function () {
});
//下一步事件
function skipClick(){
skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
function skipClick() {
// skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
_uploadSlcl(flieList)
}
// // 图片上传
// function _uploadSlcl(flieList) {
// var formData = new FormData();
// formData.append('bsmCl', 'f5a9ffcff962ed17a393b1cacec4d4bd');
// flieList.map((item, index) => {
// console.log(item[0])
// formData.append('files', item[0]); //添加图片信息的参数
// })
// console.log(formData)
// $.ajax({
// type: "post", //提交方式
// url: portal.api_url + "/portal/FillInformation/uploadSlcl",//路径
// dataType: "json",
// cache: false, //上传文件不需要缓存
// processData: false, // 告诉jQuery不要去处理发送的数据
// contentType: false, // 告诉jQuery不要去设置Content-Type请求头
// data: formData,
// //数据,这里使用的是Json格式进行传输
// success: function (result) {//返回数据根据结果进行相应的处理
// if (result.code == 200) {
// console.log(result.data)
// }
// }
// });
// }
function LoadClxxDiv() {
let clxxDic = $("#clxx");
let clxxContent;
$.each(slsqxx.slclList, function (index, item) {
clxxContent = '<div class="img_update">';
clxxContent += '<div class="fileBox">';
clxxContent += '<div class="fileSpan vm">';
clxxContent += '<input type="file" multiple id="fileInput' + index + '" onchange="handleUpdate(this,' + index + ')"/>';
clxxContent += '<div class="file_name">';
clxxContent += '<img class="update" src="../../staticImages/update.png">';
clxxContent += '<p class="updatetext">点击文件上传</p>';
clxxContent += '</div>';
clxxContent += '<ul class="fileListName" id="fileULName' + index + '"></ul>';
clxxContent += '</div>';
clxxContent += '<div class="certificate">' + slsqxx.slclList[index].clmc + '【' + slsqxx.slclList[index].wjlxmc + '】(' + slsqxx.slclList[index].fs + '份)</div>';
clxxContent += '</div>';
clxxContent += '</div>';
clxxDic.append(clxxContent);
});
}
function handleUpdate(e, index) {
let fileobj = $("#fileInput" + index);
let name = e.files[0].name;
let fileul = $("#fileULName" + index);
if (fileul.find("li").length >= slsqxx.slclList[index].fs) {
layer.msg('已经完成上传最大限度', { icon: 5 });
return false
} else {
fileul.append('<li class="fileName">' + '<span title="' + name + '">' + name + '</span>' + '<img class="operation" src="../../staticImages/chacha.png">' + '</li>');
}
}
......
......@@ -3,40 +3,7 @@ $(function () {
let element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块
});
addTabs('#wssq')
// 业务
var data = {
'progressList': [
{
stepName: "信息效验",
stepState: 2 //0:未办理 1:正在办理 2:已办理
},
{
stepName: "填报信息",
stepState: 2
},
{
stepName: "完税核税",
stepState: 2
},
{
stepName: "身份认证",
stepState: 2
},
{
stepName: "资料审核",
stepState: 2
},
{
stepName: "线上缴费",
stepState: 1
},
{
stepName: "生成电子证书",
stepState: 0
}
],
}
setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('progress').innerHTML
......@@ -74,8 +41,11 @@ $(function () {
shadeClose: true,
skin: 'paymentSuccess',
btn: ['下一步'],
yes : function() {
skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
},
content: '<ul>'
+ '<li><img src="../staticImages/xuanzhong.png"></li>'
+ '<li><img src="../../staticImages/xuanzhong.png"></li>'
+ '<li>支付成功</li>'
+ '<li class="info"><span>支付流水号:</span><p>9898989989</p></li>'
+ '<li class="info"><span>支付时间:</span><p>2023255-102-13</p></li>'
......
......@@ -19,6 +19,26 @@ function getBusinessConfig(ywid, businessno) {
});
}
//获取业务配置信息
function loadBusinessConfig(ywid) {
$.ajax({
type: "post", //提交方式
url: portal.api_url + "/portal/ApplyBusinessService/getFQFBusinessFlow",//路径
dataType: "json",
async: false,
data: {
"ywid": ywid
},
//数据,这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
business = result.data;
}
}
});
}
//获取正在办理的流程业务
function getAcceptFlow(bsm_slsq, businessno) {
$.ajax({
......@@ -38,8 +58,33 @@ function getAcceptFlow(bsm_slsq, businessno) {
}
}
});
}
//获取申请信息记录
function getApplyRecord(bsm_slsq, businessno) {
let bdc = null;
$.ajax({
type: "get", //提交方式
//contentType: 'application/json',
url: portal.api_url + "/portal/FillInformation/getDetailBybsmSlsq",//路径
dataType: "json",
async: false,
data: {
"bsmSlsq": bsm_slsq,
"businessNo": businessno,
},
//数据,这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
bdc = result.data;
}
}
});
return bdc;
}
//设置步骤条信息
function setArticleSteps() {
$('.name_title h2').text(business.shortName);
......@@ -74,6 +119,13 @@ function getInitiateFLow(ywid, businessno) {
window.open(portal.rootPath + business.stepList[0].pageurl + "?ywid=" + ywid + "&businessno=" + businessno, "_self")
}
//发起流程方法
function createBusinesseFlow(ywid) {
loadBusinessConfig(ywid);
window.open(portal.rootPath + business.stepList[0].pageurl + "?ywid=" + ywid + "&businessno=" + business.businessno, "_self")
}
//工作箱调取流程方法
function getWorkBoxFLow(bsm_slsq, businessno) {
getAcceptFlow(bsm_slsq, businessno);
......
......@@ -62,6 +62,7 @@ function _listDel(slsqBsm) {
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200) {
layer.msg('操作成功!');
_applyBusinessAJZTCount()
_applyBusinessRecord()
dataRendering(dataList.list)
}
......@@ -245,7 +246,7 @@ function dataRendering() {
li += '</div>'
li += '<a slsqBsm="'+dataList.list[i].slsqBsm+'" class="delete">删除</a>'
if (dataList.list[i].ajzt == '1') {
li += '<a class="handle">继续办理</a>'
li += '<a class="handle" data-slsqBsm="' + dataList.list[i].slsqBsm + '" data-businessNo="' + dataList.list[i].businessNo + '">继续办理</a>'
} else if (dataList.list[i].ajzt == '3') {
li += '<a slsqBsm="'+dataList.list[i].slsqBsm+'" class="handle">缴费</a>'
}
......
......@@ -51,10 +51,15 @@ function _initData() {
if (result.code == 200 && result.data != null) {
let data = result.data[0].children[0].children
for (var i = 0; i < data.length; i++) {
if(i==0) {
li = '<li data-id="' + data[i].id + '" class="active2">' + data[i].name + '</li>';
}else {
li = '<li data-id="' + data[i].id + '">' + data[i].name + '</li>';
}
area_list.append(li);
}
regionId = data[0].id
_businessList(regionId)
}
}
});
......
......@@ -7,17 +7,17 @@
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>立即办理-在线生成电子证书</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
<link rel="stylesheet" type="text/css" href="../staticCss/dzzs.css">
<script type="text/javascript" src="../../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../../staticCss/progress.css">
<link rel="stylesheet" type="text/css" href="../../staticCss/dzzs.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a href="../../../index.html">首页</a>
<a href="../wssq.html">网上申请</a>
<a><cite>在线生成电子证书</cite></a>
</span>
</div>
......@@ -37,7 +37,7 @@
<ul>
<li>
<p>
<img src="../staticImages/xuanzhong.png" />
<img src="../../staticImages/xuanzhong.png" />
该不动产业务已办结,相应的不动产电子证照已生成,请尽快前往办事大厅领取纸质证书
</p>
<p>
......@@ -47,7 +47,7 @@
</li>
<li>
<p>
<img src="../staticImages/xuanzhong.png" />
<img src="../../staticImages/xuanzhong.png" />
该不动产业务已办结,相应的不动产电子证照已生成,纸质证书已邮寄
</p>
<p>
......@@ -175,9 +175,10 @@
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/dzzs.js"></script>
<script type="text/javascript" src="../../staticJs/common.js"></script>
<script type="text/javascript" src="../../staticJs/down.js"></script>
<script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
<script type="text/javascript" src="../../staticJs/onlineApply/certificateIssuance.js"></script>
<script id="progress" type="text/html">
{{# layui.each(d.progressList, function(index, item){ }}
{{# if(item.stepState==2){ }}
......
......@@ -16,8 +16,8 @@
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a href="../../../index.html">首页</a>
<a href="../wssq.html">网上申请</a>
<a><cite>资料审核</cite></a>
</span>
</div>
......@@ -34,7 +34,7 @@
</div>
<div class="audit_progress">
<h2>
<img src="../staticImages/xuanzhong.png" />
<img src="../../staticImages/xuanzhong.png" />
您的申请已提交,工作人员会在15个工作日内完成审核!
</h2>
</div>
......@@ -159,7 +159,7 @@
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./xsjf.html">下一步</a>
<a onclick="skipClick()">下一步</a>
</button>
</div>
</div>
......@@ -167,6 +167,7 @@
</body>
<script type="text/javascript" src="../../staticJs/common.js"></script>
<script type="text/javascript" src="../../staticJs/down.js"></script>
<script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
<script type="text/javascript" src="../../staticJs/onlineApply/dataReview.js"></script>
<script id="progress" type="text/html">
{{# layui.each(d.progressList, function(index, item){ }}
......
......@@ -38,7 +38,7 @@
<ul>
<li>
<span>不动产单元号:</span>
<p>450101 450002 GB 00740W00000000</p>
<p>450101 450002 GB00740 W00000000</p>
</li>
<li>
<span>产权证号:</span>
......@@ -111,12 +111,13 @@
</div>
</div>
<!-----------------资料上传------------------ -->
<div class="data_upload">
<div class="data_upload" id="clxx">
<h3>资料上传</h3>
<div class="img_update">
<!-- <div class="img_update">
<div class="fileBox">
<div class="fileSpan vm">
<input type="file" multiple id="fileInput" />
<input type="file" multiple id="fileInput" numList="2" onchange="handleUpdate(this,'fileInput')"/>
<input type="file" multiple id="fileInput" numList="2" onchange="handleUpdate(this,'fileInput')"/>
<div class="file_name">
<img class="update" src="../../staticImages/update.png">
<p class="updatetext">点击文件上传</p>
......@@ -125,37 +126,23 @@
</div>
<div class="certificate">登记申请书(2份)</div>
</div>
</div>
</div> -->
<!-- 房屋所有权证书 -->
<div class="img_update">
<!-- <div class="img_update">
<div class="fileBox">
<div class="fileSpan vm">
<input type="file" multiple id="fileInput1" />
<input type="file" multiple id="fileInput1" onclick="" onchange="handleUpdate(this,'fileInput1')"/>
<div class="file_name">
<img class="update" src="../../staticImages/update.png">
<p class="updatetext">点击文件上传</p>
</div>
<div class="fileListName1"></div>
<div class="fileListName"></div>
</div>
<div class="certificate">房屋所有权证书(2份)</div>
</div>
</div>
</div> -->
<!-- 询问笔录 -->
<div class="img_update">
<div class="fileBox">
<div class="fileSpan vm">
<input type="file" multiple id="fileInput3" />
<div class="file_name">
<img class="update" src="../../staticImages/update.png">
<p class="updatetext">点击文件上传</p>
</div>
<div class="fileListName3"></div>
<a class="record">下载模板</a>
</div>
<div class="certificate">询问笔录(1)份</div>
</div>
</div>
</div>
<div class="next_button submitButton">
<button type="button" class="layui-btn layui-btn-normal" onclick="skipClick()">
......@@ -168,12 +155,25 @@
<script type="text/javascript" src="../../staticJs/common.js"></script>
<script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
<script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script>
<script type="text/javascript" src="../../staticJs/imageUpdate.js"></script>
<script type="text/javascript" src="../../staticJs/imageUpdate1.js"></script>
<script type="text/javascript" src="../../staticJs/imageUpdate3.js"></script>
<script type="text/javascript" src="../../staticJs/city-picker.js"></script>
<!-- <script type="text/javascript" src="../../staticJs/imageUpdate.js"></script> -->
<!-- <script type="text/javascript" src="../../staticJs/city-picker.js"></script> -->
<script type="text/javascript" src="../../staticJs/down.js"></script>
<script type="text/html" id="barDemo">
<!-- <script type="text/html" id="barDemo">
<i class="layui-icon layui-icon-reduce-circle" lay-event="edit"></i>
</script>
</script> -->
</html>
<!-- <div class="img_update">
<div class="fileBox">
<div class="fileSpan vm">
<input type="file" multiple id="fileInput3" />
<div class="file_name">
<img class="update" src="../../staticImages/update.png">
<p class="updatetext">点击文件上传</p>
</div>
<div class="fileListName3"></div>
<a class="record">下载模板</a>
</div>
<div class="certificate">询问笔录(1)份</div>
</div>
</div> -->
\ No newline at end of file
......
......@@ -36,8 +36,20 @@
<div class="nav_title">
<h2>买方</h2>
</div>
<div class="sms_authentication">
<h5>短信认证</h5>
<div>
<span>手机号</span>
<input type="tel" name="phone" placeholder="请输入手机号" class="layui-input">
</div>
<div>
<span>验证码</span>
<input type="tel" name="code" placeholder="请输入验证码" class="layui-input">
</div>
</div>
<div class="video_authentication">
视频认证
<h5>视频认证<h5>
<div id="my_camera"></div>
<form>
<input type=button value="Take Snapshot" onClick="take_snapshot()">
......@@ -56,7 +68,6 @@
<script type="text/javascript" src="../../staticJs/down.js"></script>
<script type="text/javascript" src="../../staticJs/jquery.webcam.min.js"></script>
<script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
+88
<script type="text/javascript" src="../../staticJs/onlineApply/identityAuthentication.js"></script>
<script id="progress" type="text/html">
{{# layui.each(d.progressList, function(index, item){ }}
......
......@@ -6,9 +6,9 @@
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>立即办理-线上缴费</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
<link rel="stylesheet" type="text/css" href="../staticCss/xsjf.css">
<script type="text/javascript" src="../../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../../staticCss/progress.css">
<link rel="stylesheet" type="text/css" href="../../staticCss/xsjf.css">
</head>
<body>
......@@ -16,7 +16,7 @@
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a href="../wssq.html">网上申请</a>
<a><cite>线上缴费</cite></a>
</span>
</div>
......@@ -35,7 +35,7 @@
<!-- ------------------开始支付----------------- -->
<div class="audit_progress">
<h2>
<img src="../staticImages/xuanzhong.png" />
<img src="../../staticImages/xuanzhong.png" />
您的申请已提交,工作人员会在15个工作日内完成审核!
</h2>
</div>
......@@ -74,11 +74,11 @@
<h3>缴费通道</h3>
<ul class="payment_channel_con">
<li>
<img src="../staticImages/wechat.png">
<img src="../../staticImages/wechat.png">
<span>微信</span>
</li>
<li>
<img src="../staticImages/alipay.png" alt="">
<img src="../../staticImages/alipay.png" alt="">
<span>支付宝</span>
</li>
</ul>
......@@ -86,10 +86,10 @@
<p>扫一扫付款(元)</p>
<p>600.00</p>
<div class="scanning_results">
<img class="erweima" src="../staticImages/code.png">
<img class="codeShowImg" src="../staticImages/alipayShow.png">
<img class="erweima" src="../../staticImages/code.png">
<img class="codeShowImg" src="../../staticImages/alipayShow.png">
<div class="code_detail">
<img src="../staticImages/saoyisao.png">
<img src="../../staticImages/saoyisao.png">
<ul>
<li class="paymentText">打开手机支付</li>
<li>扫一扫继续付款</li>
......@@ -102,9 +102,10 @@
<!-- ------------------支付成功----------------- -->
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/xsjf.js"></script>
<script type="text/javascript" src="../../staticJs/common.js"></script>
<script type="text/javascript" src="../../staticJs/down.js"></script>
<script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
<script type="text/javascript" src="../../staticJs/onlineApply/onlinePayment.js"></script>
<script id="progress" type="text/html">
{{# layui.each(d.progressList, function(index, item){ }}
{{# if(item.stepState==2){ }}
......
......@@ -51,34 +51,6 @@
<div class="online_examination">
<h1 class="type_title">网上预审(现场办结)</h1>
<div id="settlement"></div>
<!-- <ul class="item_list">
<div class="list_title">
<h2>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icontudi"></use>
</svg>
预告类
</h2>
</div>
<li>
<p>二手房买卖登记</p>
<div class="button">
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm">
<a href='./esf-xxjy.html'>立即办理</a>
</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button>
</div>
</li>
<li>
<p>商品房转移登记</p>
<div class="button">
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm">
<a href='./xxjy.html'>立即办理</a>
</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button>
</div>
</li>
</ul> -->
</div>
</div>
</div>
......
......@@ -96,7 +96,7 @@
<div class="confim_input">
<div class="checkbox">
</div>
<p></p>
<p></p>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">下一步</button>
......