style:填报信息
Showing
2 changed files
with
46 additions
and
14 deletions
| ... | @@ -3,6 +3,9 @@ var slsqxx; | ... | @@ -3,6 +3,9 @@ var slsqxx; |
| 3 | var bsmCl; | 3 | var bsmCl; |
| 4 | // 领证方式 | 4 | // 领证方式 |
| 5 | var lzfs = 1; | 5 | var lzfs = 1; |
| 6 | layui.use('element', function () { | ||
| 7 | let element = layui.element; | ||
| 8 | }); | ||
| 6 | $(function () { | 9 | $(function () { |
| 7 | //设置步骤条信息 | 10 | //设置步骤条信息 |
| 8 | setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno')); | 11 | setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno')); |
| ... | @@ -52,7 +55,7 @@ $(function () { | ... | @@ -52,7 +55,7 @@ $(function () { |
| 52 | li += '</div>' | 55 | li += '</div>' |
| 53 | li += '<div class="layui-inline">' | 56 | li += '<div class="layui-inline">' |
| 54 | li += '<label class="layui-form-label">联系方式</label>' | 57 | li += '<label class="layui-form-label">联系方式</label>' |
| 55 | li += '<input type="tel" name="phone" maxlength="11" required lay-verify="phone" placeholder="请输联系方式" class="layui-input">' | 58 | li += '<input type="tel" name="phone" value="'+slsqxx.sqrList[i].dhhm+'" maxlength="11" required lay-verify="phone" placeholder="请输联系方式" class="layui-input">' |
| 56 | li += '</div>' | 59 | li += '</div>' |
| 57 | li += '<i class="layui-icon layui-icon-reduce-circle"></i>' | 60 | li += '<i class="layui-icon layui-icon-reduce-circle"></i>' |
| 58 | li += '</div>' | 61 | li += '</div>' |
| ... | @@ -74,6 +77,23 @@ $(function () { | ... | @@ -74,6 +77,23 @@ $(function () { |
| 74 | $('#titleCertificate p').text(houseInfo.bdcqzh); | 77 | $('#titleCertificate p').text(houseInfo.bdcqzh); |
| 75 | $('#beLocated p').text(houseInfo.fdzl); | 78 | $('#beLocated p').text(houseInfo.fdzl); |
| 76 | $('#area p').text(houseInfo.jzmj); | 79 | $('#area p').text(houseInfo.jzmj); |
| 80 | |||
| 81 | // 领证方式 | ||
| 82 | lzfs = slsqxx.lzfs; | ||
| 83 | if (lzfs == 2) { | ||
| 84 | $('.shipping_method').show(); | ||
| 85 | $('.submitButton').hide(); | ||
| 86 | } else { | ||
| 87 | $('.shipping_method').hide(); | ||
| 88 | $('.submitButton').show(); | ||
| 89 | } | ||
| 90 | // 邮寄地址 | ||
| 91 | $('#consignee').val(slsqxx.mailRecordDetail.consignee); | ||
| 92 | $('#consigneePhone').val(slsqxx.mailRecordDetail.consigneePhone); | ||
| 93 | $('#province').attr('data-area',slsqxx.mailRecordDetail.province); | ||
| 94 | $('#city').attr('data-area',slsqxx.mailRecordDetail.city); | ||
| 95 | $('#district').attr('data-area',slsqxx.mailRecordDetail.district); | ||
| 96 | $('#consigneeAddress').val(slsqxx.mailRecordDetail.consigneeAddress); | ||
| 77 | }) | 97 | }) |
| 78 | addTabs('#wssq') | 98 | addTabs('#wssq') |
| 79 | // form 表单 | 99 | // form 表单 |
| ... | @@ -103,10 +123,14 @@ addTabs('#wssq') | ... | @@ -103,10 +123,14 @@ addTabs('#wssq') |
| 103 | // }) | 123 | // }) |
| 104 | $('.radioInfo').click(function () { | 124 | $('.radioInfo').click(function () { |
| 105 | let index = $(this).attr("value") | 125 | let index = $(this).attr("value") |
| 106 | if (index == 2 || index == 3) { | 126 | if ($('#layui-form .layui-form-item').length>1) { |
| 107 | $('.add_form').show() | 127 | return false |
| 108 | } else { | 128 | }else { |
| 109 | $('.add_form').hide() | 129 | if (index == 2 || index == 3) { |
| 130 | $('.add_form').show() | ||
| 131 | } else { | ||
| 132 | $('.add_form').hide() | ||
| 133 | } | ||
| 110 | } | 134 | } |
| 111 | }) | 135 | }) |
| 112 | // form 添加 | 136 | // form 添加 |
| ... | @@ -192,10 +216,18 @@ function LoadClxxDiv() { | ... | @@ -192,10 +216,18 @@ function LoadClxxDiv() { |
| 192 | clxxContent += '<input type="file" multiple id="fileInput' + index + '" onchange="handleUpdate(this,' + index + ', ' + slsqxx.slclList[index].fs + ')"/>'; | 216 | clxxContent += '<input type="file" multiple id="fileInput' + index + '" onchange="handleUpdate(this,' + index + ', ' + slsqxx.slclList[index].fs + ')"/>'; |
| 193 | clxxContent += '<div class="pictureUpload"></div>'; | 217 | clxxContent += '<div class="pictureUpload"></div>'; |
| 194 | clxxContent += '<div class="file_name">'; | 218 | clxxContent += '<div class="file_name">'; |
| 195 | clxxContent += '<img class="update" src="../../staticImages/update.png">'; | 219 | if (slsqxx.slclList[index].fs == item.slclmxDetailList.length) { |
| 196 | clxxContent += '<p class="updatetext">点击文件上传</p>'; | 220 | clxxContent += '<img class="update" src="../../staticImages/Yes.png">'; |
| 221 | }else { | ||
| 222 | clxxContent += '<img class="update" src="../../staticImages/update.png">'; | ||
| 223 | clxxContent += '<p class="updatetext">点击文件上传</p>'; | ||
| 224 | } | ||
| 197 | clxxContent += '</div>'; | 225 | clxxContent += '</div>'; |
| 198 | clxxContent += '<ul class="fileListName" id="fileULName' + index + '"></ul>'; | 226 | clxxContent += '<ul class="fileListName" id="fileULName' + index + '">' |
| 227 | $.each(item.slclmxDetailList, function (childIndex, childIitem){ | ||
| 228 | clxxContent += '<li class="fileName">' + '<span title="' + childIitem.fileName + '">' + childIitem.fileName + '</span>' + '<img bsmSlclmx="'+childIitem.bsmSlclmx+'" class="operation" src="../../staticImages/chacha.png">' + '</li>' | ||
| 229 | }); | ||
| 230 | clxxContent +='</ul>'; | ||
| 199 | clxxContent += '</div>'; | 231 | clxxContent += '</div>'; |
| 200 | clxxContent += '<div class="certificate">' + slsqxx.slclList[index].clmc + '【' + slsqxx.slclList[index].wjlxmc + '】(' + slsqxx.slclList[index].fs + '份)</div>'; | 232 | clxxContent += '<div class="certificate">' + slsqxx.slclList[index].clmc + '【' + slsqxx.slclList[index].wjlxmc + '】(' + slsqxx.slclList[index].fs + '份)</div>'; |
| 201 | clxxContent += '</div>'; | 233 | clxxContent += '</div>'; | ... | ... |
| ... | @@ -115,14 +115,14 @@ | ... | @@ -115,14 +115,14 @@ |
| 115 | <div class="layui-inline"> | 115 | <div class="layui-inline"> |
| 116 | <label class="layui-form-label">收件人</label> | 116 | <label class="layui-form-label">收件人</label> |
| 117 | <div class="layui-input-block"> | 117 | <div class="layui-input-block"> |
| 118 | <input type="text" name="consignee" lay-verify="title" autocomplete="off" placeholder="请输入收件人" | 118 | <input type="text" name="consignee" id="consignee" lay-verify="title" autocomplete="off" placeholder="请输入收件人" |
| 119 | class="layui-input"> | 119 | class="layui-input"> |
| 120 | </div> | 120 | </div> |
| 121 | </div> | 121 | </div> |
| 122 | <div class="layui-inline"> | 122 | <div class="layui-inline"> |
| 123 | <label class="layui-form-label">手机号码</label> | 123 | <label class="layui-form-label">手机号码</label> |
| 124 | <div class="layui-input-block"> | 124 | <div class="layui-input-block"> |
| 125 | <input type="tel" maxlength="11" name="consigneePhone" lay-verify="consigneePhone" autocomplete="off" | 125 | <input type="tel" maxlength="11" id="consigneePhone" name="consigneePhone" lay-verify="consigneePhone" autocomplete="off" |
| 126 | placeholder="请输入手机号码" class="layui-input"> | 126 | placeholder="请输入手机号码" class="layui-input"> |
| 127 | </div> | 127 | </div> |
| 128 | </div> | 128 | </div> |
| ... | @@ -132,19 +132,19 @@ | ... | @@ -132,19 +132,19 @@ |
| 132 | <div class="layui-input-block ssq"> | 132 | <div class="layui-input-block ssq"> |
| 133 | <h2>省</h2> | 133 | <h2>省</h2> |
| 134 | <div class="layui-inline layui-select-default" style="margin-right: 10px;"> | 134 | <div class="layui-inline layui-select-default" style="margin-right: 10px;"> |
| 135 | <select name="province" class="Pselected" disabled data-area="陕西省"" lay-filter="province"> | 135 | <select name="province" class="Pselected" id="province" disabled data-area="陕西省"" lay-filter="province"> |
| 136 | <option value="">选择省</option> | 136 | <option value="">选择省</option> |
| 137 | </select> | 137 | </select> |
| 138 | </div> | 138 | </div> |
| 139 | <h2>市</h2> | 139 | <h2>市</h2> |
| 140 | <div class="layui-inline selected layui-select-default"> | 140 | <div class="layui-inline selected layui-select-default"> |
| 141 | <select name="city" class="Cselected" disabled data-area="西安市"> | 141 | <select name="city" class="Cselected" id="city" disabled data-area="西安市"> |
| 142 | <option value="">选择市</option> | 142 | <option value="">选择市</option> |
| 143 | </select> | 143 | </select> |
| 144 | </div> | 144 | </div> |
| 145 | <h2>区</h2> | 145 | <h2>区</h2> |
| 146 | <div class="layui-inline selected layui-select-default"> | 146 | <div class="layui-inline selected layui-select-default"> |
| 147 | <select name="district" class="Cselected" data-area="雁塔区" lay-filter="selectCity"> | 147 | <select name="district" class="Cselected" id="district" data-area="雁塔区" lay-filter="selectCity"> |
| 148 | <option value="">选择区</option> | 148 | <option value="">选择区</option> |
| 149 | </select> | 149 | </select> |
| 150 | </div> | 150 | </div> |
| ... | @@ -153,7 +153,7 @@ | ... | @@ -153,7 +153,7 @@ |
| 153 | <div> | 153 | <div> |
| 154 | <label class="layui-form-label">详细地址</label> | 154 | <label class="layui-form-label">详细地址</label> |
| 155 | <div class="layui-input-block"> | 155 | <div class="layui-input-block"> |
| 156 | <textarea name="consigneeAddress" placeholder="请输入内容" class="layui-textarea"></textarea> | 156 | <textarea name="consigneeAddress" id="consigneeAddress" placeholder="请输入内容" class="layui-textarea"></textarea> |
| 157 | </div> | 157 | </div> |
| 158 | </div> | 158 | </div> |
| 159 | <div class="next_button"> | 159 | <div class="next_button"> | ... | ... |
-
Please register or sign in to post a comment