Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
9f472501 by 田浩浩
Options

修改网上申请步骤条

1 parent 79bac349
Inline Side-by-side
Showing 4 changed files with 218 additions and 78 deletions
.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
......
var slsqxx;
$(function () {
//设置步骤条信息
setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
console.log(getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno')));
slsqxx = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
LoadClxxDiv();
})
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
......@@ -133,28 +135,61 @@ 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 _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>');
}
}
......
......@@ -19,6 +19,27 @@ function getBusinessConfig(ywid, businessno) {
});
}
//获取业务配置信息
function loadBusinessConfig(ywid) {
$.ajax({
type: "post", //提交方式
url: portal.api_url + "/portal/ApplyBusinessService/getFQFBusinessFlow",//路径
dataType: "json",
async: false,
data: {
"ywid": ywid,
"businessNo": businessno
},
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
business = result.data;
}
}
});
}
//获取正在办理的流程业务
function getAcceptFlow(bsm_slsq, businessno) {
$.ajax({
......@@ -49,7 +70,7 @@ function getApplyRecord(bsm_slsq, businessno) {
//contentType: 'application/json',
url: portal.api_url + "/portal/FillInformation/getDetailBybsmSlsq",//路径
dataType: "json",
// async: false,
async: false,
data: {
"bsmSlsq": bsm_slsq,
"businessNo": businessno,
......@@ -99,6 +120,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);
......
......@@ -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" 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,9 +126,9 @@
</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" onclick="" onchange="handleUpdate(this,'fileInput1')"/>
......@@ -139,23 +140,9 @@
</div>
<div class="certificate">房屋所有权证书（2份）</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,10 +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/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
......