修改材料上传预览
Showing
3 changed files
with
40 additions
and
23 deletions
| ... | @@ -401,6 +401,7 @@ input[type='file'] { | ... | @@ -401,6 +401,7 @@ input[type='file'] { |
| 401 | .layui-form-label { | 401 | .layui-form-label { |
| 402 | font-size: 14px; | 402 | font-size: 14px; |
| 403 | } | 403 | } |
| 404 | |||
| 404 | .pictureUpload { | 405 | .pictureUpload { |
| 405 | width: 240px; | 406 | width: 240px; |
| 406 | height: 240px; | 407 | height: 240px; |
| ... | @@ -410,8 +411,21 @@ input[type='file'] { | ... | @@ -410,8 +411,21 @@ input[type='file'] { |
| 410 | top: 0; | 411 | top: 0; |
| 411 | display: none; | 412 | display: none; |
| 412 | } | 413 | } |
| 414 | |||
| 413 | .formInfo { | 415 | .formInfo { |
| 414 | margin-top: 8px; | 416 | margin-top: 8px; |
| 415 | height: 15px; | 417 | height: 15px; |
| 416 | line-height: 23px; | 418 | line-height: 23px; |
| 417 | } | 419 | } |
| 420 | |||
| 421 | .pic { | ||
| 422 | width: 240px; | ||
| 423 | height: 240px; | ||
| 424 | /* border-radius: 6px; | ||
| 425 | margin: 20px auto; */ | ||
| 426 | cursor: pointer; | ||
| 427 | } | ||
| 428 | |||
| 429 | .ddd{ | ||
| 430 | |||
| 431 | } | ... | ... |
This diff is collapsed.
Click to expand it.
| ... | @@ -161,7 +161,7 @@ | ... | @@ -161,7 +161,7 @@ |
| 161 | </li> | 161 | </li> |
| 162 | </ul> | 162 | </ul> |
| 163 | </div> | 163 | </div> |
| 164 | <!-----------------买方信息------------------ --> | 164 | <!-----------------权利人信息------------------ --> |
| 165 | <div class="person_info"> | 165 | <div class="person_info"> |
| 166 | <h3>权利人信息</h3> | 166 | <h3>权利人信息</h3> |
| 167 | <div class="person_radio"> | 167 | <div class="person_radio"> |
| ... | @@ -197,9 +197,22 @@ | ... | @@ -197,9 +197,22 @@ |
| 197 | <p>添加个人信息</p> | 197 | <p>添加个人信息</p> |
| 198 | </div> | 198 | </div> |
| 199 | </div> | 199 | </div> |
| 200 | |||
| 200 | <!-----------------资料上传------------------ --> | 201 | <!-----------------资料上传------------------ --> |
| 201 | <div class="data_upload" id="clxx"> | 202 | <div class="data_upload" id="clxx"> |
| 202 | <h3>资料上传</h3> | 203 | <h3>资料上传</h3> |
| 204 | <!-- <div> | ||
| 205 | <div style="float: left;"> | ||
| 206 | <img class="pic" src=""> | ||
| 207 | <input name="file" accept="image/*" type="file" style="display: none" /> | ||
| 208 | <div class="certificate"> | ||
| 209 | <span> 申请书【原件】 3-1</span> | ||
| 210 | <a href="#">删除</a> | ||
| 211 | </div> | ||
| 212 | </div> | ||
| 213 | </div> --> | ||
| 214 | |||
| 215 | |||
| 203 | </div> | 216 | </div> |
| 204 | <!-- 领证方式 --> | 217 | <!-- 领证方式 --> |
| 205 | <div class="obtaining_license"> | 218 | <div class="obtaining_license"> |
| ... | @@ -216,15 +229,16 @@ | ... | @@ -216,15 +229,16 @@ |
| 216 | <div class="layui-inline"> | 229 | <div class="layui-inline"> |
| 217 | <label class="layui-form-label">收件人</label> | 230 | <label class="layui-form-label">收件人</label> |
| 218 | <div class="layui-input-block"> | 231 | <div class="layui-input-block"> |
| 219 | <input type="text" name="consignee" id="consignee" lay-verify="title" autocomplete="off" placeholder="请输入收件人" | 232 | <input type="text" name="consignee" id="consignee" lay-verify="title" |
| 220 | class="layui-input"> | 233 | autocomplete="off" placeholder="请输入收件人" class="layui-input"> |
| 221 | </div> | 234 | </div> |
| 222 | </div> | 235 | </div> |
| 223 | <div class="layui-inline"> | 236 | <div class="layui-inline"> |
| 224 | <label class="layui-form-label">手机号码</label> | 237 | <label class="layui-form-label">手机号码</label> |
| 225 | <div class="layui-input-block"> | 238 | <div class="layui-input-block"> |
| 226 | <input type="tel" maxlength="11" id="consigneePhone" name="consigneePhone" lay-verify="consigneePhone" autocomplete="off" | 239 | <input type="tel" maxlength="11" id="consigneePhone" name="consigneePhone" |
| 227 | placeholder="请输入手机号码" class="layui-input"> | 240 | lay-verify="consigneePhone" autocomplete="off" placeholder="请输入手机号码" |
| 241 | class="layui-input"> | ||
| 228 | </div> | 242 | </div> |
| 229 | </div> | 243 | </div> |
| 230 | </div> | 244 | </div> |
| ... | @@ -233,7 +247,8 @@ | ... | @@ -233,7 +247,8 @@ |
| 233 | <div class="layui-input-block ssq"> | 247 | <div class="layui-input-block ssq"> |
| 234 | <h2>省</h2> | 248 | <h2>省</h2> |
| 235 | <div class="layui-inline layui-select-default" style="margin-right: 10px;"> | 249 | <div class="layui-inline layui-select-default" style="margin-right: 10px;"> |
| 236 | <select name="province" class="Pselected" id="province" data-area="陕西省"" lay-filter="province"> | 250 | <select name="province" class="Pselected" id="province" |
| 251 | data-area="陕西省"" lay-filter=" province"> | ||
| 237 | <option value="">选择省</option> | 252 | <option value="">选择省</option> |
| 238 | </select> | 253 | </select> |
| 239 | </div> | 254 | </div> |
| ... | @@ -245,7 +260,8 @@ | ... | @@ -245,7 +260,8 @@ |
| 245 | </div> | 260 | </div> |
| 246 | <h2>区</h2> | 261 | <h2>区</h2> |
| 247 | <div class="layui-inline selected layui-select-default"> | 262 | <div class="layui-inline selected layui-select-default"> |
| 248 | <select name="district" class="Cselected" id="district" data-area="雁塔区" lay-filter="selectCity"> | 263 | <select name="district" class="Cselected" id="district" data-area="雁塔区" |
| 264 | lay-filter="selectCity"> | ||
| 249 | <option value="">选择区</option> | 265 | <option value="">选择区</option> |
| 250 | </select> | 266 | </select> |
| 251 | </div> | 267 | </div> |
| ... | @@ -254,7 +270,8 @@ | ... | @@ -254,7 +270,8 @@ |
| 254 | <div> | 270 | <div> |
| 255 | <label class="layui-form-label">详细地址</label> | 271 | <label class="layui-form-label">详细地址</label> |
| 256 | <div class="layui-input-block"> | 272 | <div class="layui-input-block"> |
| 257 | <textarea name="consigneeAddress" id="consigneeAddress" placeholder="请输入内容" class="layui-textarea"></textarea> | 273 | <textarea name="consigneeAddress" id="consigneeAddress" placeholder="请输入内容" |
| 274 | class="layui-textarea"></textarea> | ||
| 258 | </div> | 275 | </div> |
| 259 | </div> | 276 | </div> |
| 260 | <div class="next_button"> | 277 | <div class="next_button"> |
| ... | @@ -282,19 +299,5 @@ | ... | @@ -282,19 +299,5 @@ |
| 282 | <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> | 299 | <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> |
| 283 | <script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script> | 300 | <script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script> |
| 284 | <script type="text/javascript" src="../../staticJs/down.js"></script> | 301 | <script type="text/javascript" src="../../staticJs/down.js"></script> |
| 285 | </html> | ||
| 286 | 302 | ||
| 287 | <!-- <div class="img_update"> | ||
| 288 | <div class="fileBox"> | ||
| 289 | <div class="fileSpan vm"> | ||
| 290 | <input type="file" multiple id="fileInput3" /> | ||
| 291 | <div class="file_name"> | ||
| 292 | <img class="update" src="../../staticImages/update.png"> | ||
| 293 | <p class="updatetext">点击文件上传</p> | ||
| 294 | </div> | ||
| 295 | <div class="fileListName3"></div> | ||
| 296 | <a class="record">下载模板</a> | ||
| 297 | </div> | ||
| 298 | <div class="certificate">询问笔录(1)份</div> | ||
| 299 | </div> | ||
| 300 | </div> --> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 303 | </html> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment