Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
3678ee54 by 焦小希
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/portalStaticPage

2 parents d5b16982 d21c8d1e
Inline Side-by-side
Showing 9 changed files with 350 additions and 128 deletions
......@@ -50,7 +50,7 @@ $(function () {
});
//config的设置是全局的
layui.config({
base: '../../staticJs/'
base: '../staticJs/'
}).extend({ //设定模块别名
common: 'cityCommon'
});
......@@ -63,7 +63,6 @@ $(document).on("click", ".area_list li", function (e) {
})
// 办事指南在线办理
$(document).on("click", ".onlineProcessing", function () {
console.log($(this).attr('data-id'))
_listBusinessIdsByBsznId($(this).attr('data-id'))
})
......
This diff could not be displayed because it is too large.
var slsqxx;
// 材料标识吗
var bsmCl;
$(function () {
//设置步骤条信息
setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
slsqxx = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
LoadClxxDiv();
console.log(111, slsqxx)
})
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
});
addTabs('#wssq')
// form 表单
// layui.use('form', function () {
// var form = layui.form;
// form.on('select(typeId)', function (data) {
// console.log(data.value);
// });
// //自定义验证规则
// form.verify({
// title: function (value) {
// if (value.length == 0) {
// return '权利人不能为空';
// } else if (value.length < 2) {
// return '权利人至少得2个字符啊';
// }
// }
// });
// //监听提交
// form.on('submit(demo1)', function (data) {
// layer.alert(JSON.stringify(data.field), {
// title: '最终的提交信息'
// })
// return false;
// });
// })
$('.radioInfo').click(function () {
let index = $(this).attr("value")
if (index == 2 || index == 3) {
$('.add_form').show()
} else {
$('.add_form').hide()
}
})
// form 添加
$('.add_form').click(function () {
$('.layui-form').append(
'<div class="layui-form-item">' +
'<div class="layui-inline">' +
'<label class="layui-form-label">姓名</label>' +
'<div class="layui-input-block">' +
'<input type="text" name="name" required lay-verify="name" placeholder="请输权利人" class="layui-input">' +
'</div>' +
'</div>' +
'<div class="layui-inline idCard">' +
'<label class="layui-form-label">身份证类型</label>' +
'<div class="layui-input-block">' +
'<select lay-filter="typeId">' +
'<option value="1">身份证</option>' +
'<option value="2">军官证</option>' +
'</select>' +
'</div>' +
'</div>' +
'<div class="layui-inline">' +
'<label class="layui-form-label">证件号码</label>' +
'<div class="layui-input-block">' +
'<input type="tel" name="card" maxlength="18" required lay-verify="card" placeholder="请输证件号码" class="layui-input">' +
'</div>' +
'</div>' +
'<div class="layui-inline">' +
'<label class="layui-form-label">联系方式</label>' +
'<div class="layui-input-block">' +
'<input type="tel" name="phone" maxlength="11" required lay-verify="phone" placeholder="请输联系方式" class="layui-input">' +
'</div>' +
'</div>' +
'<i class="layui-icon layui-icon-reduce-circle"></i>' +
'</div>'
)
layui.use('form', function () {
var form = layui.form;
form.render('select');
form.on('select(typeId)', function (data) {
console.log(data.value);
});
})
// 编辑
$(document).on("click", ".layui-icon-reduce-circle", function (e) {
$(this).parent().remove()
})
})
// 图片上传
// 询问笔录
$('.record').click(function (event) {
event.stopPropagation();
})
//config的设置是全局的
layui.config({
base: '../../staticJs/'
}).extend({
common: 'cityCommon'
})
layui.use(['form', 'common'], function () {
var common = layui.common,
form = layui.form;
//三级地址联动
common.showCity('province', 'city');
//区域选择
form.on('select(selectCity)', function (data) {
return false;
});
});
// 领证方式
$('.formRadio').click(function () {
let value = $(this).attr('value')
if (value == 2) {
$('.shipping_method').show()
$('.submitButton').hide()
} else {
$('.shipping_method').hide()
$('.submitButton').show()
}
})
//下一步事件
function skipClick() {
// skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
_uploadSlcl(flieList)
}
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 + ', ' + slsqxx.slclList[index].fs + ')"/>';
clxxContent += '<div class="pictureUpload"></div>';
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, sizeNum) {
let name = e.files[0].name;
let fileul = $("#fileULName" + index);
if (fileul.find("li").length >= slsqxx.slclList[index].fs) {
return false
} else {
_uploadSlcl(e.files[0], slsqxx.slclList[index].bsmCl, $("#fileULName" + index), sizeNum);
fileul.append('<li class="fileName">' + '<span title="' + name + '">' + name + '</span>' + '<img class="operation" src="../../staticImages/chacha.png">' + '</li>');
}
}
$(document).on("click", ".pictureUpload", function (e) {
layer.msg('已经完成上传最大限度', { icon: 5 });
})
$(document).on("click", ".fileListName .fileName .operation", function (e) {
var that = this
$.ajax({
type: "post", //提交方式
url: portal.api_url + "/portal/FillInformation/deleteSlcl",//路径
dataType: "json",
data: {
'bsmSlclmx': $(that).attr('bsmSlclmx')
},
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200) {
$(that).parent().remove();
layer.msg('删除成功！');
} else {
layer.msg('删除失败！');
}
}
});
})
// // 图片上传
function _uploadSlcl(flieList, bsmCl, fileul, sizeNum) {
var formData = new FormData();
formData.append('bsmCl', bsmCl);
formData.append('files', flieList);
$.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) {
fileul.parent().find('.fileListName .fileName').eq(fileul.find("li").length - 1).find('.operation').attr('bsmSlclmx', result.data[0].bsmSlclmx)
if (fileul.find('.fileName').length === sizeNum) {
fileul.parent().find('.pictureUpload').show()
layer.msg('上传成功,并且以上传最大限度!');
fileul.parent().find('.file_name').css("z-index", "15");
fileul.parent().find('.updatetext').hide()
fileul.parent().find('.update').attr('src', '../../staticImages/Yes.png')
} else {
layer.msg('上传成功!');
}
}
}
});
}
\ No newline at end of file
var slsqxx;
// 材料标识吗
var bsmCl;
// 领证方式
var lzfs = 1;
$(function () {
//设置步骤条信息
setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
slsqxx = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
LoadClxxDiv();
console.log(111, slsqxx)
console.log(9999, slsqxx)
//config的设置是全局的
layui.config({
base: '../../staticJs/'
}).extend({ //设定模块别名
common: 'cityCommon'
});
layui.use(['form', 'common'], function () {
var common = layui.common,
form = layui.form;
//三级地址联动
common.showCity('province', 'city', 'district');
//区域选择
form.on('select(selectCity)', function (data) {
return false;
});
});
// 获取用户信息
let userInfo = getCookie('myCookie')
$('#userName').val(userInfo.username)
$('#idCard').val(userInfo.zjhm)
$('#phone').val(userInfo.phone)
})
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
});
addTabs('#wssq')
// form 表单
layui.use('form', function () {
var form = layui.form;
form.on('select(typeId)', function (data) {
console.log(data.value);
});
//自定义验证规则
form.verify({
title: function (value) {
if (value.length == 0) {
return '权利人不能为空';
} else if (value.length < 2) {
return '权利人至少得2个字符啊';
}
}
});
// layui.use('form', function () {
// var form = layui.form;
// form.on('select(typeId)', function (data) {
// console.log(data.value);
// });
// //自定义验证规则
// form.verify({
// title: function (value) {
// if (value.length == 0) {
// return '权利人不能为空';
// } else if (value.length < 2) {
// return '权利人至少得2个字符啊';
// }
// }
// });
//监听提交
form.on('submit(demo1)', function (data) {
layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
})
return false;
});
})
// //监听提交
// form.on('submit(demo1)', function (data) {
// layer.alert(JSON.stringify(data.field), {
// title: '最终的提交信息'
// })
// return false;
// });
// })
$('.radioInfo').click(function () {
let index = $(this).attr("value")
if (index == 2 || index == 3) {
......@@ -98,32 +117,10 @@ $('.add_form').click(function () {
$('.record').click(function (event) {
event.stopPropagation();
})
//config的设置是全局的
layui.config({
base: '../../../staticJs/'
}).extend({ //设定模块别名
common: 'cityCommon'
});
layui.use(['form', 'common'], function () {
var common = layui.common,
form = layui.form;
//三级地址联动
common.showCity('province', 'city', 'district');
//区域选择
form.on('select(selectCity)', function (data) {
return false;
});
//监听提交
// form.on('submit(submit1)', function (data) {
// console.log(data.field)
// return false;
// });
});
// 领证方式
$('.formRadio').click(function () {
let value = $(this).attr('value')
let value = $(this).attr('value');
lzfs = value;
if (value == 2) {
$('.shipping_method').show()
$('.submitButton').hide()
......@@ -134,8 +131,11 @@ $('.formRadio').click(function () {
})
//下一步事件
function skipClick() {
// skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
_uploadSlcl(flieList)
if(_saveSQR()) {
skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
}else {
layer.msg('保存信息出错！');
}
}
function LoadClxxDiv() {
......@@ -223,4 +223,55 @@ function _uploadSlcl(flieList, bsmCl, fileul, sizeNum) {
}
}
});
}
// /portal/FillInformation/saveSQR填报信息保存申请人信息和邮寄信息
function _saveSQR() {
var isSave = false;
// 申请人信息
var d = {}, sqrList = [];
var t = $('.sqrList').serializeArray();
$.each(t, function() {
d[this.name] = this.value;
});
d.userid = getCookie('myCookie').userid
sqrList.push(d)
sqrList.forEach((item, index)=> {
item.sqrlb = slsqxx.sqrlb
})
// 领证方式-邮寄地址
var addMailRecordRequest = {};
if (lzfs==2) {
var addressList = $('.addressForm').serializeArray();
$.each(addressList, function() {
addMailRecordRequest[this.name] = this.value;
});
}
$.ajax({
type: "post", //提交方式
url: portal.api_url + "/portal/FillInformation/saveSQR",//路径
dataType: "json",
async: false,
contentType: 'application/json',
data: JSON.stringify({
'bsmSlsq': slsqxx.bsmSlsq,
'gyfsbm': 1,
'sqrlx': 1,
'gyfsmc': '单独所有',
'lzfs': lzfs,
'sqrList':sqrList,
'addMailRecordRequest':addMailRecordRequest
}),
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200) {
isSave = true
}else {
isSave = false
}
}
});
return isSave
}
\ No newline at end of file
......
var dataList;
$(function () {
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
layer.msg(elem.text());
});
});
addTabs('#wssq')
setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('progress').innerHTML
, view = document.getElementById('app_progress');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
layui.use(['element'], function () {
var element = layui.element;
//初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
element.init();
});
});
// 获取页面信息
dataList = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
console.log(dataList)
})
//下一步事件
function skipClick(){
......
......@@ -84,7 +84,6 @@ function getApplyRecord(bsm_slsq, businessno) {
return bdc;
}
//设置步骤条信息
function setArticleSteps() {
$('.name_title h2').text(business.shortName);
......
......@@ -27,7 +27,7 @@
<form class="layui-form">
<h2 class="title">省</h2>
<div class="layui-inline layui-select-default" style="margin-right: 10px;">
<select name="province" class="Pselected" disabled data-area="陕西省"" lay-filter=" province">
<select name="province" class="Pselected" data-area="陕西省"" lay-filter=" province">
<option value="">选择省</option>
</select>
</div>
......
......@@ -71,35 +71,34 @@
<input type="radio" class="radioInfo" name="1" value="3">
<p>共同所有</p>
</div>
<form class="layui-form" id="layui-form">
<form class="layui-form sqrList" id="layui-form">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">姓名</label>
<div class="layui-input-block">
<input type="text" name="name" required lay-verify="name" placeholder="请输权利人"
<input type="text" id="userName" name="sqrmc" required lay-verify="name" placeholder="请输权利人"
class="layui-input">
</div>
</div>
<div class="layui-inline idCard">
<label class="layui-form-label">身份证类型</label>
<div class="layui-input-block">
<select lay-filter="typeId">
<select lay-filter="typeId" name="sqrzj">
<option value="1">身份证</option>
<option value="2">军官证</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">证件号码</label>
<div class="layui-input-block">
<input type="tel" name="card" maxlength="18" required lay-verify="card"
<input type="tel" name="zjhm" id="idCard" maxlength="18" required lay-verify="card"
placeholder="请输证件号码" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">联系方式</label>
<div class="layui-input-block">
<input type="tel" name="phone" maxlength="11" required lay-verify="phone"
<input type="tel" name="dhhm" id="phone" maxlength="11" required lay-verify="phone"
placeholder="请输联系方式" class="layui-input">
</div>
</div>
......@@ -123,20 +122,20 @@
<input type="radio" class="formRadio" name="level" value="2">
<p>快递到家</p>
</div>
<form class="layui-form" lay-filter="example">
<form class="layui-form addressForm" lay-filter="example">
<div class="shipping_method">
<div class="layui-form-item item_inline">
<div class="layui-inline">
<label class="layui-form-label">收件人</label>
<div class="layui-input-block">
<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入收件人"
<input type="text" name="consignee" lay-verify="title" autocomplete="off" placeholder="请输入收件人"
class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">手机号码</label>
<div class="layui-input-block">
<input type="tel" maxlength="11" name="title" lay-verify="title" autocomplete="off"
<input type="tel" maxlength="11" name="consigneePhone" lay-verify="consigneePhone" autocomplete="off"
placeholder="请输入手机号码" class="layui-input">
</div>
</div>
......@@ -146,28 +145,33 @@
<div class="layui-input-block ssq">
<h2>省</h2>
<div class="layui-inline layui-select-default" style="margin-right: 10px;">
<select name="province" class="Pselected" data-area="陕西省"" lay-filter="province">
<select name="province" class="Pselected" disabled data-area="陕西省"" lay-filter="province">
<option value="">选择省</option>
</select>
</div>
<h2>市</h2>
<div class="layui-inline selected layui-select-default">
<select name="city" class="Cselected" data-area="西安市">
<select name="city" class="Cselected" disabled data-area="西安市">
<option value="">选择市</option>
</select>
</div>
<h2>区</h2>
<div class="layui-inline selected layui-select-default">
<select name="district" class="Cselected" data-area="雁塔区" lay-filter="selectCity">
<option value="">选择区</option>
</select>
</div>
</div>
</div>
<div class="layui-form-item layui-form-text">
<div>
<label class="layui-form-label">详细地址</label>
<div class="layui-input-block">
<textarea placeholder="请输入详细地址" class="layui-textarea" name="desc"></textarea>
<textarea name="consigneeAddress" placeholder="请输入内容" class="layui-textarea"></textarea>
</div>
</div>
<div class="next_button">
<button type="button" lay-submit="" lay-filter="submit1" class="layui-btn layui-btn-normal">
<a>
<a onclick="skipClick()">
下一步
</a>
</button>
......@@ -186,9 +190,9 @@
</div>
</body>
<script type="text/javascript" src="../../staticJs/common.js"></script>
<script type="text/javascript" src="../../staticJs/city-picker.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/city-picker.js"></script>
<script type="text/javascript" src="../../staticJs/down.js"></script>
</html>
......
......@@ -142,39 +142,4 @@
<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/taxAssessment.js"></script>
<script id="progress" type="text/html">
{{# layui.each(d.progressList, function(index, item){ }}
{{# if(item.stepState==2){ }}
<li class="item_proress">
<p class="active"></p>
<h5>{{item.stepName}}</h5>
</li>
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="100%"></div>
</li>
{{# } }}
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="50%"></div>
</li>
{{# } }}
{{# } }}
{{# if(item.stepState==0){ }}
<li class="item_proress">
<p></p>
<h5>{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="0%"></div>
</li>
{{# } }}
{{# } }}
{{# }); }}
</script>
</html>
\ No newline at end of file
......