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

任超
Showing 4 changed files with 222 additions and 82 deletions
staticCss/yysq.css
staticJs/onlineApply/houseFill.js
staticJs/onlineApply/workFlow.js
staticViews/onlineApply/houseFill.html
--- a/staticCss/yysq.css
View file @4094968
+++ b/staticCss/yysq.css
View file @4094968
 .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{ 
+.fileBox {
-    margin:10px;float: left; 
+    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;
+.acceptance_information h3::before,
-    content:"";
+.person_info h3::before,
-    left:0;
+.data_upload h3::before,
-    width:4px;
+.obtaining_license h3::before {
-    height:12px;
+    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  {
+.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
--- a/staticJs/onlineApply/houseFill.js
View file @4094968
+++ b/staticJs/onlineApply/houseFill.js
View file @4094968
-$(function () {   
+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) {
+// function _uploadSlcl(flieList) {
-    var formData = new FormData();
+//     var formData = new FormData();
-    formData.append('bsmCl', 'f5a9ffcff962ed17a393b1cacec4d4bd');
+//     formData.append('bsmCl', 'f5a9ffcff962ed17a393b1cacec4d4bd');
-    flieList.map((item, index) => {
+//     flieList.map((item, index) => {
-        console.log(item[0])
+//         console.log(item[0])
-        formData.append('files', item[0]); //添加图片信息的参数
+//         formData.append('files', item[0]); //添加图片信息的参数
-    })
+//     })
-    console.log(formData)
+//     console.log(formData)
-    $.ajax({
+//     $.ajax({
-        type: "post",  //提交方式  
+//         type: "post",  //提交方式  
-        url: portal.api_url + "/portal/FillInformation/uploadSlcl",//路径  
+//         url: portal.api_url + "/portal/FillInformation/uploadSlcl",//路径  
-        dataType: "json",
+//         dataType: "json",
-        cache: false, //上传文件不需要缓存
+//         cache: false, //上传文件不需要缓存
-        processData: false, // 告诉jQuery不要去处理发送的数据
+//         processData: false, // 告诉jQuery不要去处理发送的数据
-        contentType: false, // 告诉jQuery不要去设置Content-Type请求头
+//         contentType: false, // 告诉jQuery不要去设置Content-Type请求头
-        data: formData,
+//         data: formData,
-        //数据，这里使用的是Json格式进行传输  
+//         //数据，这里使用的是Json格式进行传输  
-        success: function (result) {//返回数据根据结果进行相应的处理           
+//         success: function (result) {//返回数据根据结果进行相应的处理           
-            if (result.code == 200) {
+//             if (result.code == 200) {
-                console.log(result.data)
+//                 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);
    });
-}
\ No newline at end of file
+}
+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>');
+    }
+}
--- a/staticJs/onlineApply/workFlow.js
View file @4094968
+++ b/staticJs/onlineApply/workFlow.js
View file @4094968
@@ -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);
--- a/staticViews/onlineApply/houseFill.html
View file @4094968
+++ b/staticViews/onlineApply/houseFill.html
View file @4094968
@@ -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/imageUpdate.js"></script> -->
-<script type="text/javascript" src="../../staticJs/city-picker.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>
-</html>
\ No newline at end of file
+</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