Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/portalStaticPage
Showing
23 changed files
with
678 additions
and
851 deletions
.gitlab-ci.yml
deleted
100644 → 0
File mode changed
| ... | @@ -3,6 +3,7 @@ | ... | @@ -3,6 +3,7 @@ |
| 3 | width: 1200px; | 3 | width: 1200px; |
| 4 | margin: 0 auto; | 4 | margin: 0 auto; |
| 5 | overflow: hidden; | 5 | overflow: hidden; |
| 6 | min-height:calc(100vh - 350px); | ||
| 6 | } | 7 | } |
| 7 | .business_guide { | 8 | .business_guide { |
| 8 | overflow-x: hidden; | 9 | overflow-x: hidden; |
| ... | @@ -138,3 +139,67 @@ | ... | @@ -138,3 +139,67 @@ |
| 138 | margin-left: -10px; | 139 | margin-left: -10px; |
| 139 | margin-bottom: 30px; | 140 | margin-bottom: 30px; |
| 140 | } | 141 | } |
| 142 | |||
| 143 | /* 行政区 */ | ||
| 144 | .selectCity { | ||
| 145 | width: 1200px; | ||
| 146 | margin: 0 auto; | ||
| 147 | margin-top: 20px; | ||
| 148 | } | ||
| 149 | .selectCity h2 { | ||
| 150 | display: inline-block; | ||
| 151 | margin-right: 9px; | ||
| 152 | } | ||
| 153 | .area_list_content { | ||
| 154 | overflow: hidden; | ||
| 155 | margin-top: 20px; | ||
| 156 | width: 100%; | ||
| 157 | } | ||
| 158 | .area_list_content h2 { | ||
| 159 | display: inline-block; | ||
| 160 | float: left; | ||
| 161 | margin-right: 12px; | ||
| 162 | } | ||
| 163 | .selectCity .area_list { | ||
| 164 | width: 95%; | ||
| 165 | float: left; | ||
| 166 | } | ||
| 167 | .selectCity .area_list li { | ||
| 168 | display: inline-block; | ||
| 169 | width: 100px; | ||
| 170 | height: 36px; | ||
| 171 | border-radius: 4px; | ||
| 172 | margin-right: 15px; | ||
| 173 | color: #fff; | ||
| 174 | text-align: center; | ||
| 175 | line-height: 36px; | ||
| 176 | margin-bottom: 10px; | ||
| 177 | cursor: pointer; | ||
| 178 | background: #FFFFFF; | ||
| 179 | border-radius: 4px; | ||
| 180 | border: 1px solid #E6E6E6; | ||
| 181 | color: #6D7278; | ||
| 182 | } | ||
| 183 | .selectCity .area_list li:hover { | ||
| 184 | color: #006CFF; | ||
| 185 | border-color: #006CFF; | ||
| 186 | } | ||
| 187 | .active2 { | ||
| 188 | color: #006CFF!important; | ||
| 189 | border-color: #006CFF!important; | ||
| 190 | } | ||
| 191 | .itemButton { | ||
| 192 | display: inline-block; | ||
| 193 | float: right; | ||
| 194 | width: 170px; | ||
| 195 | } | ||
| 196 | .itemButton a { | ||
| 197 | display: inline-block; | ||
| 198 | } | ||
| 199 | .itemButton a:nth-child(1) { | ||
| 200 | position: relative; | ||
| 201 | left: 15px; | ||
| 202 | } | ||
| 203 | .itemButton button { | ||
| 204 | display: inline-block; | ||
| 205 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -23,4 +23,20 @@ | ... | @@ -23,4 +23,20 @@ |
| 23 | .video_authentication { | 23 | .video_authentication { |
| 24 | text-align: center; | 24 | text-align: center; |
| 25 | height: 300px; | 25 | height: 300px; |
| 26 | margin-top: 30px; | ||
| 27 | } | ||
| 28 | .video_authentication h5 { | ||
| 29 | text-align: left; | ||
| 30 | margin-bottom: 10px; | ||
| 31 | } | ||
| 32 | .sms_authentication div{ | ||
| 33 | display: inline-block; | ||
| 34 | width: 49%; | ||
| 35 | } | ||
| 36 | .sms_authentication div span { | ||
| 37 | display: inline-block; | ||
| 38 | } | ||
| 39 | .sms_authentication div input { | ||
| 40 | display: inline-block; | ||
| 41 | width: 85%; | ||
| 26 | } | 42 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | .content_box { | 1 | .content_box { |
| 2 | width: 1200px; | 2 | width: 1200px; |
| 3 | margin: 0 auto; | 3 | margin: 0 auto; |
| 4 | min-height:calc(100vh - 227px); | 4 | min-height: calc(100vh - 227px); |
| 5 | } | 5 | } |
| 6 | |||
| 6 | .title { | 7 | .title { |
| 7 | height: 16px; | 8 | height: 16px; |
| 8 | padding: 10px 0; | 9 | padding: 10px 0; |
| 9 | margin: 15px 0; | 10 | margin: 15px 0; |
| 10 | padding-left: 10px; | 11 | padding-left: 10px; |
| 11 | } | 12 | } |
| 13 | |||
| 12 | .title h2 { | 14 | .title h2 { |
| 13 | font-weight: 600; | 15 | font-weight: 600; |
| 14 | height: 16px; | 16 | height: 16px; |
| ... | @@ -17,6 +19,7 @@ | ... | @@ -17,6 +19,7 @@ |
| 17 | border-left: 3px solid #ffffff; | 19 | border-left: 3px solid #ffffff; |
| 18 | float: left; | 20 | float: left; |
| 19 | } | 21 | } |
| 22 | |||
| 20 | .title i { | 23 | .title i { |
| 21 | font-size: 24px; | 24 | font-size: 24px; |
| 22 | position: relative; | 25 | position: relative; |
| ... | @@ -24,45 +27,54 @@ | ... | @@ -24,45 +27,54 @@ |
| 24 | color: #ffffff; | 27 | color: #ffffff; |
| 25 | left: 198px; | 28 | left: 198px; |
| 26 | } | 29 | } |
| 30 | |||
| 27 | .layui-icon { | 31 | .layui-icon { |
| 28 | cursor: pointer; | 32 | cursor: pointer; |
| 29 | } | 33 | } |
| 34 | |||
| 30 | .tabs_title { | 35 | .tabs_title { |
| 31 | margin-bottom: 10px; | 36 | margin-bottom: 10px; |
| 32 | } | 37 | } |
| 38 | |||
| 33 | .tabs_title p { | 39 | .tabs_title p { |
| 34 | display: inline-block; | 40 | display: inline-block; |
| 35 | margin-right: 10px; | 41 | margin-right: 10px; |
| 36 | position: relative; | 42 | position: relative; |
| 37 | top: -2px; | 43 | top: -2px; |
| 38 | } | 44 | } |
| 45 | |||
| 39 | .tabs_title input { | 46 | .tabs_title input { |
| 40 | width: 16px; | 47 | width: 16px; |
| 41 | height: 16px; | 48 | height: 16px; |
| 42 | } | 49 | } |
| 43 | 50 | ||
| 44 | .tabs_title i{ | 51 | .tabs_title i { |
| 45 | font-size: 24px; | 52 | font-size: 24px; |
| 46 | position: relative; | 53 | position: relative; |
| 47 | color: #0091FF; | 54 | color: #0091FF; |
| 48 | top: 3px; | 55 | top: 3px; |
| 49 | } | 56 | } |
| 57 | |||
| 50 | .layui-tab { | 58 | .layui-tab { |
| 51 | width: 23%; | 59 | width: 23%; |
| 52 | display: inline-block; | 60 | display: inline-block; |
| 53 | } | 61 | } |
| 62 | |||
| 54 | .layui-tab-bar { | 63 | .layui-tab-bar { |
| 55 | display: none; | 64 | display: none; |
| 56 | } | 65 | } |
| 66 | |||
| 57 | .img_update { | 67 | .img_update { |
| 58 | overflow: hidden; | 68 | overflow: hidden; |
| 59 | position: relative; | 69 | position: relative; |
| 60 | float: left; | 70 | float: left; |
| 61 | } | 71 | } |
| 62 | 72 | ||
| 63 | .fileBox{ | 73 | .fileBox { |
| 64 | margin:10px;float: left; | 74 | margin: 10px; |
| 75 | float: left; | ||
| 65 | } | 76 | } |
| 77 | |||
| 66 | .file_name .update { | 78 | .file_name .update { |
| 67 | display: block; | 79 | display: block; |
| 68 | width: 24px; | 80 | width: 24px; |
| ... | @@ -72,9 +84,11 @@ | ... | @@ -72,9 +84,11 @@ |
| 72 | margin-top: 85px; | 84 | margin-top: 85px; |
| 73 | margin-bottom: 10px; | 85 | margin-bottom: 10px; |
| 74 | } | 86 | } |
| 87 | |||
| 75 | .file_name p { | 88 | .file_name p { |
| 76 | color: #9B9B9B; | 89 | color: #9B9B9B; |
| 77 | } | 90 | } |
| 91 | |||
| 78 | .certificate { | 92 | .certificate { |
| 79 | height: 24px; | 93 | height: 24px; |
| 80 | color: red; | 94 | color: red; |
| ... | @@ -84,7 +98,8 @@ | ... | @@ -84,7 +98,8 @@ |
| 84 | text-align: center; | 98 | text-align: center; |
| 85 | width: 240px; | 99 | width: 240px; |
| 86 | } | 100 | } |
| 87 | .fileSpan{ | 101 | |
| 102 | .fileSpan { | ||
| 88 | display: inline-block; | 103 | display: inline-block; |
| 89 | width: 240px; | 104 | width: 240px; |
| 90 | height: 240px; | 105 | height: 240px; |
| ... | @@ -94,10 +109,12 @@ | ... | @@ -94,10 +109,12 @@ |
| 94 | margin-right: 121px; | 109 | margin-right: 121px; |
| 95 | background: #FCFCFC; | 110 | background: #FCFCFC; |
| 96 | } | 111 | } |
| 97 | .fileSpan:hover{ | 112 | |
| 98 | border-color:#0091FF; | 113 | .fileSpan:hover { |
| 114 | border-color: #0091FF; | ||
| 99 | } | 115 | } |
| 100 | #fileInput, #fileInput1, #fileInput3{ | 116 | |
| 117 | input[type='file'] { | ||
| 101 | position: absolute; | 118 | position: absolute; |
| 102 | width: 100%; | 119 | width: 100%; |
| 103 | height: 100%; | 120 | height: 100%; |
| ... | @@ -107,10 +124,12 @@ | ... | @@ -107,10 +124,12 @@ |
| 107 | cursor: pointer; | 124 | cursor: pointer; |
| 108 | z-index: 10; | 125 | z-index: 10; |
| 109 | } | 126 | } |
| 127 | |||
| 110 | .fileName { | 128 | .fileName { |
| 111 | margin: 0 auto; | 129 | margin: 0 auto; |
| 112 | width: 102px; | 130 | width: 102px; |
| 113 | } | 131 | } |
| 132 | |||
| 114 | .fileName span { | 133 | .fileName span { |
| 115 | display: inline-block; | 134 | display: inline-block; |
| 116 | width: 85px; | 135 | width: 85px; |
| ... | @@ -118,16 +137,21 @@ | ... | @@ -118,16 +137,21 @@ |
| 118 | text-overflow: ellipsis; | 137 | text-overflow: ellipsis; |
| 119 | white-space: nowrap; | 138 | white-space: nowrap; |
| 120 | } | 139 | } |
| 140 | |||
| 121 | .file_name { | 141 | .file_name { |
| 122 | text-align: center; | 142 | text-align: center; |
| 123 | position: relative; | 143 | position: relative; |
| 124 | } | 144 | } |
| 145 | |||
| 125 | .operation { | 146 | .operation { |
| 126 | cursor: pointer; | 147 | cursor: pointer; |
| 127 | width: 14px; | 148 | width: 14px; |
| 128 | height: 14px; | 149 | height: 14px; |
| 129 | } | 150 | } |
| 130 | .fileListName, .fileListName1, .fileListName3{ | 151 | |
| 152 | .fileListName, | ||
| 153 | .fileListName1, | ||
| 154 | .fileListName3 { | ||
| 131 | text-align: center; | 155 | text-align: center; |
| 132 | margin-top: 10px; | 156 | margin-top: 10px; |
| 133 | position: absolute; | 157 | position: absolute; |
| ... | @@ -137,34 +161,53 @@ | ... | @@ -137,34 +161,53 @@ |
| 137 | width: 100%; | 161 | width: 100%; |
| 138 | cursor: pointer; | 162 | cursor: pointer; |
| 139 | } | 163 | } |
| 140 | .fileListName span , .fileListName1 span, .fileListName3 span{ | 164 | |
| 165 | .fileListName span, | ||
| 166 | .fileListName1 span, | ||
| 167 | .fileListName3 span { | ||
| 141 | display: inline-block; | 168 | display: inline-block; |
| 142 | color: #4a4a4a; | 169 | color: #4a4a4a; |
| 143 | } | 170 | } |
| 144 | .fileListName img, .fileListName1 img, .fileListName3 img{ | 171 | |
| 172 | .fileListName img, | ||
| 173 | .fileListName1 img, | ||
| 174 | .fileListName3 img { | ||
| 145 | float: right; | 175 | float: right; |
| 146 | margin-top: 5px; | 176 | margin-top: 5px; |
| 147 | margin-left: 2px; | 177 | margin-left: 2px; |
| 148 | } | 178 | } |
| 149 | .fileList tr, .fileList1 tr, .fileList3 tr { | 179 | |
| 180 | .fileList tr, | ||
| 181 | .fileList1 tr, | ||
| 182 | .fileList3 tr { | ||
| 150 | line-height: 28px; | 183 | line-height: 28px; |
| 151 | width: 70px; | 184 | width: 70px; |
| 152 | } | 185 | } |
| 153 | .fileList tr td, .fileList1 tr td, .fileList3 tr td { | 186 | |
| 187 | .fileList tr td, | ||
| 188 | .fileList1 tr td, | ||
| 189 | .fileList3 tr td { | ||
| 154 | width: 70px; | 190 | width: 70px; |
| 155 | } | 191 | } |
| 192 | |||
| 156 | .operation a:hover { | 193 | .operation a:hover { |
| 157 | color: #0091FF!important; | 194 | color: #0091FF !important; |
| 158 | } | 195 | } |
| 196 | |||
| 159 | .next_button { | 197 | .next_button { |
| 160 | text-align: center; | 198 | text-align: center; |
| 161 | margin: 50px 0; | 199 | margin: 50px 0; |
| 162 | } | 200 | } |
| 201 | |||
| 163 | /* 房屋信息 */ | 202 | /* 房屋信息 */ |
| 164 | .acceptance_information { | 203 | .acceptance_information { |
| 165 | margin: 20px 0; | 204 | margin: 20px 0; |
| 166 | } | 205 | } |
| 167 | .acceptance_information h3 , .person_info h3, .data_upload h3, .obtaining_license h3{ | 206 | |
| 207 | .acceptance_information h3, | ||
| 208 | .person_info h3, | ||
| 209 | .data_upload h3, | ||
| 210 | .obtaining_license h3 { | ||
| 168 | height: 16px; | 211 | height: 16px; |
| 169 | padding-left: 8px; | 212 | padding-left: 8px; |
| 170 | font-size: 16px; | 213 | font-size: 16px; |
| ... | @@ -174,12 +217,16 @@ | ... | @@ -174,12 +217,16 @@ |
| 174 | padding-bottom: 20px; | 217 | padding-bottom: 20px; |
| 175 | color: #4A4A4A; | 218 | color: #4A4A4A; |
| 176 | } | 219 | } |
| 177 | .acceptance_information h3::before , .person_info h3::before , .data_upload h3::before , .obtaining_license h3::before { | 220 | |
| 178 | position:absolute; | 221 | .acceptance_information h3::before, |
| 179 | content:""; | 222 | .person_info h3::before, |
| 180 | left:0; | 223 | .data_upload h3::before, |
| 181 | width:4px; | 224 | .obtaining_license h3::before { |
| 182 | height:12px; | 225 | position: absolute; |
| 226 | content: ""; | ||
| 227 | left: 0; | ||
| 228 | width: 4px; | ||
| 229 | height: 12px; | ||
| 183 | border-radius: 1px; | 230 | border-radius: 1px; |
| 184 | top: 5px; | 231 | top: 5px; |
| 185 | background-color: #0091FF; | 232 | background-color: #0091FF; |
| ... | @@ -188,36 +235,44 @@ | ... | @@ -188,36 +235,44 @@ |
| 188 | .acceptance_information ul { | 235 | .acceptance_information ul { |
| 189 | font-size: 0; | 236 | font-size: 0; |
| 190 | } | 237 | } |
| 238 | |||
| 191 | .acceptance_information ul li { | 239 | .acceptance_information ul li { |
| 192 | display: inline-block; | 240 | display: inline-block; |
| 193 | width: 50%; | 241 | width: 50%; |
| 194 | font-size: 14px; | 242 | font-size: 14px; |
| 195 | line-height: 36px; | 243 | line-height: 36px; |
| 196 | } | 244 | } |
| 245 | |||
| 197 | .acceptance_information ul li span { | 246 | .acceptance_information ul li span { |
| 198 | color: #9B9B9B; | 247 | color: #9B9B9B; |
| 199 | width: 100px; | 248 | width: 100px; |
| 200 | text-align: right; | 249 | text-align: right; |
| 201 | display: inline-block; | 250 | display: inline-block; |
| 202 | } | 251 | } |
| 252 | |||
| 203 | .acceptance_information ul li p { | 253 | .acceptance_information ul li p { |
| 204 | display: inline-block; | 254 | display: inline-block; |
| 205 | } | 255 | } |
| 256 | |||
| 206 | /* 买卖双方信息 */ | 257 | /* 买卖双方信息 */ |
| 207 | .layui-form-item .layui-inline { | 258 | .layui-form-item .layui-inline { |
| 208 | width: 23%; | 259 | width: 23%; |
| 209 | } | 260 | } |
| 261 | |||
| 210 | .idCard { | 262 | .idCard { |
| 211 | width: 150px; | 263 | width: 150px; |
| 212 | } | 264 | } |
| 265 | |||
| 213 | .layui-form-label { | 266 | .layui-form-label { |
| 214 | padding: 9px 0; | 267 | padding: 9px 0; |
| 215 | width: 92px; | 268 | width: 92px; |
| 216 | } | 269 | } |
| 270 | |||
| 217 | .layui-icon-reduce-circle { | 271 | .layui-icon-reduce-circle { |
| 218 | font-size: 20px!important; | 272 | font-size: 20px !important; |
| 219 | color: #FA6400; | 273 | color: #FA6400; |
| 220 | } | 274 | } |
| 275 | |||
| 221 | .add_form { | 276 | .add_form { |
| 222 | height: 36px; | 277 | height: 36px; |
| 223 | border: 1px dotted #DEDEDE; | 278 | border: 1px dotted #DEDEDE; |
| ... | @@ -228,25 +283,30 @@ | ... | @@ -228,25 +283,30 @@ |
| 228 | display: none; | 283 | display: none; |
| 229 | background: #FCFCFC; | 284 | background: #FCFCFC; |
| 230 | } | 285 | } |
| 286 | |||
| 231 | .add_form:hover { | 287 | .add_form:hover { |
| 232 | border-color: #0091FF; | 288 | border-color: #0091FF; |
| 233 | } | 289 | } |
| 290 | |||
| 234 | .add_form i { | 291 | .add_form i { |
| 235 | font-size: 16px!important; | 292 | font-size: 16px !important; |
| 236 | display: inline-block; | 293 | display: inline-block; |
| 237 | margin-top: 5px; | 294 | margin-top: 5px; |
| 238 | color: #4A4A4A; | 295 | color: #4A4A4A; |
| 239 | } | 296 | } |
| 297 | |||
| 240 | .add_form p { | 298 | .add_form p { |
| 241 | display: inline-block; | 299 | display: inline-block; |
| 242 | color: #9B9B9B; | 300 | color: #9B9B9B; |
| 243 | line-height: 36px; | 301 | line-height: 36px; |
| 244 | } | 302 | } |
| 303 | |||
| 245 | /* -----------------资料上传---------------------- */ | 304 | /* -----------------资料上传---------------------- */ |
| 246 | .data_upload { | 305 | .data_upload { |
| 247 | margin-top: 20px; | 306 | margin-top: 20px; |
| 248 | overflow: hidden; | 307 | overflow: hidden; |
| 249 | } | 308 | } |
| 309 | |||
| 250 | /* -----------------询问笔录---------------------- */ | 310 | /* -----------------询问笔录---------------------- */ |
| 251 | .record { | 311 | .record { |
| 252 | position: absolute; | 312 | position: absolute; |
| ... | @@ -261,45 +321,57 @@ | ... | @@ -261,45 +321,57 @@ |
| 261 | width: 100%; | 321 | width: 100%; |
| 262 | cursor: pointer; | 322 | cursor: pointer; |
| 263 | } | 323 | } |
| 324 | |||
| 264 | .record:hover { | 325 | .record:hover { |
| 265 | color: #0091FF; | 326 | color: #0091FF; |
| 266 | } | 327 | } |
| 267 | .layui-form-radio>i:hover, .layui-form-radioed>i { | 328 | |
| 268 | color: #0091FF!important; | 329 | .layui-form-radio>i:hover, |
| 330 | .layui-form-radioed>i { | ||
| 331 | color: #0091FF !important; | ||
| 269 | } | 332 | } |
| 333 | |||
| 270 | /* -------------------领证方式----------------------- */ | 334 | /* -------------------领证方式----------------------- */ |
| 271 | .shipping_method { | 335 | .shipping_method { |
| 272 | display: none; | 336 | display: none; |
| 273 | margin-top: 25px; | 337 | margin-top: 25px; |
| 274 | } | 338 | } |
| 339 | |||
| 275 | .item_inline { | 340 | .item_inline { |
| 276 | font-size: 0; | 341 | font-size: 0; |
| 277 | } | 342 | } |
| 343 | |||
| 278 | .item_inline .layui-inline { | 344 | .item_inline .layui-inline { |
| 279 | width: 50%; | 345 | width: 50%; |
| 280 | font-size: 16px; | 346 | font-size: 16px; |
| 281 | margin-right: 0!important; | 347 | margin-right: 0 !important; |
| 282 | } | 348 | } |
| 283 | .obtaining_license .layui-input-block h2{ | 349 | |
| 350 | .obtaining_license .layui-input-block h2 { | ||
| 284 | display: inline-block; | 351 | display: inline-block; |
| 285 | color: rgb(133, 125, 125); | 352 | color: rgb(133, 125, 125); |
| 286 | margin-right: 13px; | 353 | margin-right: 13px; |
| 287 | } | 354 | } |
| 355 | |||
| 288 | .ssq { | 356 | .ssq { |
| 289 | width: 99.5%; | 357 | width: 99.5%; |
| 290 | white-space: nowrap; | 358 | white-space: nowrap; |
| 291 | left: -13px; | 359 | left: -13px; |
| 292 | } | 360 | } |
| 361 | |||
| 293 | .ssq .layui-inline { | 362 | .ssq .layui-inline { |
| 294 | width: 29%; | 363 | width: 29%; |
| 295 | } | 364 | } |
| 365 | |||
| 296 | .obtaining_license { | 366 | .obtaining_license { |
| 297 | margin-top: 20px; | 367 | margin-top: 20px; |
| 298 | } | 368 | } |
| 369 | |||
| 299 | .person_radio { | 370 | .person_radio { |
| 300 | margin-bottom: 20px; | 371 | margin-bottom: 20px; |
| 301 | } | 372 | } |
| 302 | .person_radio input{ | 373 | |
| 374 | .person_radio input { | ||
| 303 | display: inline-block; | 375 | display: inline-block; |
| 304 | cursor: pointer; | 376 | cursor: pointer; |
| 305 | width: 14px; | 377 | width: 14px; |
| ... | @@ -308,6 +380,7 @@ | ... | @@ -308,6 +380,7 @@ |
| 308 | top: -2px; | 380 | top: -2px; |
| 309 | margin-right: 10px; | 381 | margin-right: 10px; |
| 310 | } | 382 | } |
| 383 | |||
| 311 | .person_radio p { | 384 | .person_radio p { |
| 312 | display: inline-block; | 385 | display: inline-block; |
| 313 | position: relative; | 386 | position: relative; |
| ... | @@ -319,9 +392,11 @@ | ... | @@ -319,9 +392,11 @@ |
| 319 | .layui-form-item { | 392 | .layui-form-item { |
| 320 | font-size: 0; | 393 | font-size: 0; |
| 321 | } | 394 | } |
| 395 | |||
| 322 | .layui-inline { | 396 | .layui-inline { |
| 323 | font-size: 14px; | 397 | font-size: 14px; |
| 324 | } | 398 | } |
| 399 | |||
| 325 | .layui-form-label { | 400 | .layui-form-label { |
| 326 | font-size: 14px; | 401 | font-size: 14px; |
| 327 | } | 402 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | $(function () { | 1 | $(function () { |
| 2 | layui.use('element', function () { | 2 | layui.use('element', function () { |
| 3 | var element = layui.element; | 3 | var element = layui.element; |
| 4 | }); | 4 | }); |
| 5 | layui.use('element', function () { | 5 | layui.use('element', function () { |
| 6 | var element = layui.element; | 6 | var element = layui.element; |
| 7 | //监听Tab切换,以改变地址hash值 | 7 | //监听Tab切换,以改变地址hash值 |
| 8 | element.on('tab(navtab)', function () { | 8 | element.on('tab(navtab)', function () { |
| 9 | if (this.getAttribute('lay-id') == 1) { | 9 | let idUum = undefined |
| 10 | $("body,html").animate({ scrollTop: $(".tudi").offset().top }); | 10 | idUum = this.getAttribute('lay-id')-1 |
| 11 | $(".online_business h2").removeClass('titleActive') | 11 | $(".layui-tab-content .online_business h2").removeClass('titleActive') |
| 12 | $(".tudi .online_business h2").addClass('titleActive') | 12 | if (this.getAttribute('lay-id')==0) { |
| 13 | } else if (this.getAttribute('lay-id') == 2) { | ||
| 14 | $("body,html").animate({ scrollTop: $(".jianzhu").offset().top }); | ||
| 15 | $(".online_business h2").removeClass('titleActive') | ||
| 16 | $(".jianzhu .online_business h2").addClass('titleActive') | ||
| 17 | } else if (this.getAttribute('lay-id') == 3) { | ||
| 18 | $("body,html").animate({ scrollTop: $(".linmu").offset().top }); | ||
| 19 | $(".online_business h2").removeClass('titleActive') | ||
| 20 | $(".linmu .online_business h2").addClass('titleActive') | ||
| 21 | } else if (this.getAttribute('lay-id') == 4) { | ||
| 22 | $("body,html").animate({ scrollTop: $(".qita").offset().top }); | ||
| 23 | $(".online_business h2").removeClass('titleActive') | ||
| 24 | $(".qita .online_business h2").addClass('titleActive') | ||
| 25 | } else { | ||
| 26 | $("body,html").animate({ scrollTop: 0 }); | 13 | $("body,html").animate({ scrollTop: 0 }); |
| 27 | $(".online_business h2").removeClass('titleActive') | 14 | $(".online_business h2").removeClass('titleActive') |
| 15 | } else { | ||
| 16 | $("body,html").animate({ scrollTop: $(".layui-tab-content").eq(idUum).offset().top }); | ||
| 17 | $("#tabContentListOnline .layui-tab-content").eq(idUum).find('.online_business h2').addClass('titleActive') | ||
| 28 | } | 18 | } |
| 29 | }); | 19 | }); |
| 30 | element.on('tab(navtab1)', function () { | 20 | element.on('tab(navtab1)', function () { |
| 31 | if (this.getAttribute('lay-id') == 1) { | 21 | let idUum1 = undefined |
| 32 | $("body,html").animate({ scrollTop: $(".tudi1").offset().top }); | 22 | idUum1 = this.getAttribute('lay-id')-1 |
| 33 | $(".navtab1 h2").removeClass('titleActive') | 23 | $(".layui-tab-content .online_business h2").removeClass('titleActive') |
| 34 | $(".tudi1 .navtab1 h2").addClass('titleActive') | 24 | if (this.getAttribute('lay-id')==0) { |
| 35 | } else if (this.getAttribute('lay-id') == 2) { | ||
| 36 | $("body,html").animate({ scrollTop: $(".jianzhu1").offset().top }); | ||
| 37 | $(".navtab1 h2").removeClass('titleActive') | ||
| 38 | $(".jianzhu1 .navtab1 h2").addClass('titleActive') | ||
| 39 | } else if (this.getAttribute('lay-id') == 3) { | ||
| 40 | $("body,html").animate({ scrollTop: $(".linmu1").offset().top }); | ||
| 41 | $(".navtab1 h2").removeClass('titleActive') | ||
| 42 | $(".linmu1 .navtab1 h2").addClass('titleActive') | ||
| 43 | } else { | ||
| 44 | $("body,html").animate({ scrollTop: 0 }); | 25 | $("body,html").animate({ scrollTop: 0 }); |
| 45 | $(".navtab1 h2").removeClass('titleActive') | 26 | $(".online_business h2").removeClass('titleActive') |
| 27 | } else { | ||
| 28 | $("body,html").animate({ scrollTop: $("#tabContentList .layui-tab-content").eq(idUum1).offset().top }); | ||
| 29 | $("#tabContentList .layui-tab-content").eq(idUum1).find('.online_business h2').addClass('titleActive') | ||
| 46 | } | 30 | } |
| 47 | }); | 31 | }); |
| 48 | }); | 32 | }); |
| 49 | layui.use('util', function () { | 33 | layui.use('util', function () { |
| 50 | let util = layui.util; | 34 | let util = layui.util; |
| 51 | //执行 | 35 | //执行 |
| 52 | util.fixbar({ | 36 | util.fixbar({ |
| ... | @@ -60,8 +44,154 @@ layui.use('util', function () { | ... | @@ -60,8 +44,154 @@ layui.use('util', function () { |
| 60 | } | 44 | } |
| 61 | } | 45 | } |
| 62 | }); | 46 | }); |
| 47 | }) | ||
| 48 | addTabs('#bszn') | ||
| 49 | _initData() | ||
| 50 | }); | ||
| 51 | //config的设置是全局的 | ||
| 52 | layui.config({ | ||
| 53 | base: '../../staticJs/' | ||
| 54 | }).extend({ //设定模块别名 | ||
| 55 | common: 'cityCommon' | ||
| 63 | }); | 56 | }); |
| 64 | 57 | ||
| 58 | $(document).on("click", ".area_list li", function (e) { | ||
| 59 | $(".area_list li").removeClass("active2") | ||
| 60 | $(this).addClass("active2"); | ||
| 61 | _getGuideBusinessInWssq($(this).attr("data-id")) | ||
| 62 | _getGuideBusinessInReserve($(this).attr("data-id")) | ||
| 63 | }) | ||
| 64 | // 办事指南在线办理 | ||
| 65 | $(document).on("click", ".onlineProcessing", function () { | ||
| 66 | console.log($(this).attr('data-id')) | ||
| 67 | _listBusinessIdsByBsznId($(this).attr('data-id')) | ||
| 68 | }) | ||
| 65 | 69 | ||
| 66 | addTabs('#bszn') | 70 | layui.use(['form', 'common'], function () { |
| 71 | var common = layui.common, | ||
| 72 | form = layui.form; | ||
| 73 | //三级地址联动 | ||
| 74 | common.showCity('province', 'city'); | ||
| 75 | //区域选择 | ||
| 76 | form.on('select(selectCity)', function (data) { | ||
| 77 | return false; | ||
| 78 | }); | ||
| 67 | }); | 79 | }); |
| 80 | // 初始化数据 | ||
| 81 | function _initData() { | ||
| 82 | var regionId = undefined; | ||
| 83 | var area_list = $(".area_list"); | ||
| 84 | area_list.empty(); | ||
| 85 | var li | ||
| 86 | $.ajax({ | ||
| 87 | type: "get", //提交方式 | ||
| 88 | url: portal.api_url + "/cms/district/queryAllDistrict",//路径 | ||
| 89 | dataType: "json", | ||
| 90 | //数据,这里使用的是Json格式进行传输 | ||
| 91 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 92 | if (result.code == 200 && result.data != null) { | ||
| 93 | let data = result.data[0].children[0].children | ||
| 94 | for (var i = 0; i < data.length; i++) { | ||
| 95 | if(i==0) { | ||
| 96 | li = '<li data-id="' + data[i].id + '" class="active2">' + data[i].name + '</li>'; | ||
| 97 | }else { | ||
| 98 | li = '<li data-id="' + data[i].id + '">' + data[i].name + '</li>'; | ||
| 99 | } | ||
| 100 | area_list.append(li); | ||
| 101 | } | ||
| 102 | regionId = data[0].id | ||
| 103 | _getGuideBusinessInWssq(regionId) | ||
| 104 | _getGuideBusinessInReserve(regionId) | ||
| 105 | } | ||
| 106 | } | ||
| 107 | }) | ||
| 108 | } | ||
| 109 | // 根据办事大厅获取办事指南----获取网上申请业务指南对应的业务集合 | ||
| 110 | function _getGuideBusinessInWssq(id) { | ||
| 111 | var itemList_tab = $("#itemList_tab"); | ||
| 112 | itemList_tab.empty(); | ||
| 113 | var li; | ||
| 114 | $.ajax({ | ||
| 115 | type: "get", //提交方式 | ||
| 116 | url: portal.api_url + "/portal/MhGuide/getGuideBusinessInWssq?districtId="+id,//路径 | ||
| 117 | dataType: "json", | ||
| 118 | //数据,这里使用的是Json格式进行传输 | ||
| 119 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 120 | if (result.code == 200 && result.data != null) { | ||
| 121 | data.list = result.data | ||
| 122 | layui.use('laytpl', function () { | ||
| 123 | laytpl = layui.laytpl; | ||
| 124 | var getTpl = document.getElementById('businessGuide').innerHTML | ||
| 125 | , view = document.getElementById('tabContentListOnline'); | ||
| 126 | laytpl(getTpl).render(data, function (html) { | ||
| 127 | view.innerHTML = html; | ||
| 128 | }); | ||
| 129 | }); | ||
| 130 | li = '<li class="layui-this" lay-id="0">全部</li>' | ||
| 131 | itemList_tab.append(li) | ||
| 132 | for (var i = 0; i < result.data.length; i++) { | ||
| 133 | li = '<li lay-id="'+(i+1)+'">'+result.data[i].bsznFlmc+'</li>' | ||
| 134 | itemList_tab.append(li) | ||
| 135 | } | ||
| 136 | } | ||
| 137 | } | ||
| 138 | }); | ||
| 139 | } | ||
| 140 | |||
| 141 | // 在线预约 | ||
| 142 | function _getGuideBusinessInReserve(id) { | ||
| 143 | var itemList_tab1 = $("#itemList_tab1"); | ||
| 144 | itemList_tab1.empty(); | ||
| 145 | var li; | ||
| 146 | $.ajax({ | ||
| 147 | type: "get", //提交方式 | ||
| 148 | url: portal.api_url + "/portal/MhGuide/getGuideBusinessInReserve?districtId="+id,//路径 | ||
| 149 | dataType: "json", | ||
| 150 | //数据,这里使用的是Json格式进行传输 | ||
| 151 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 152 | if (result.code == 200 && result.data != null) { | ||
| 153 | data.onlineList = result.data | ||
| 154 | |||
| 155 | layui.use('laytpl', function () { | ||
| 156 | laytpl = layui.laytpl; | ||
| 157 | var getTpl = document.getElementById('onlineBooking').innerHTML | ||
| 158 | , view = document.getElementById('tabContentList'); | ||
| 159 | laytpl(getTpl).render(data, function (html) { | ||
| 160 | view.innerHTML = html; | ||
| 161 | }); | ||
| 162 | }); | ||
| 163 | li = '<li class="layui-this" lay-id="0">全部</li>' | ||
| 164 | itemList_tab1.append(li) | ||
| 165 | for (var i = 0; i < result.data.length; i++) { | ||
| 166 | li = '<li lay-id="'+(i+1)+'">'+result.data[i].bsznFlmc+'</li>' | ||
| 167 | itemList_tab1.append(li) | ||
| 168 | } | ||
| 169 | } | ||
| 170 | } | ||
| 171 | }); | ||
| 172 | } | ||
| 173 | // GET /portal/MhGuide/listBusinessIdsByBsznId 通过办事指南ID获取对应的业务ID列表 | ||
| 174 | |||
| 175 | function _listBusinessIdsByBsznId(id) { | ||
| 176 | $.ajax({ | ||
| 177 | type: "get", //提交方式 | ||
| 178 | url: portal.api_url + "/portal/MhGuide/listBusinessIdsByBsznId?bsznId="+id,//路径 | ||
| 179 | dataType: "json", | ||
| 180 | //数据,这里使用的是Json格式进行传输 | ||
| 181 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 182 | if (result.code == 200 && result.data != null) { | ||
| 183 | if(result.data.length==1) { | ||
| 184 | createBusinesseFlow(result.data[0]) | ||
| 185 | }else { | ||
| 186 | window.open('./wssq.html', "_self") | ||
| 187 | } | ||
| 188 | } | ||
| 189 | } | ||
| 190 | }); | ||
| 191 | } | ||
| 192 | |||
| 193 | |||
| 194 | var data = { //数据 | ||
| 195 | "list": [], | ||
| 196 | "onlineList": [] | ||
| 197 | }; | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -5,21 +5,21 @@ $(function () { | ... | @@ -5,21 +5,21 @@ $(function () { |
| 5 | layui.use('element', function () { | 5 | layui.use('element', function () { |
| 6 | var element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 | 6 | var element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 |
| 7 | }); | 7 | }); |
| 8 | // 新闻详情数据 | 8 | // 办事指南详情数据 |
| 9 | function _initData() { | 9 | function _initData() { |
| 10 | var newsDetail = $("#newsDetail"); | 10 | var newsDetail = $("#newsDetail"); |
| 11 | newsDetail.empty(); | 11 | newsDetail.empty(); |
| 12 | $.ajax({ | 12 | $.ajax({ |
| 13 | type: "get", //提交方式 | 13 | type: "get", //提交方式 |
| 14 | url: portal.api_url + "/portal/MhNotice/getMHDetailById",//路径 | 14 | url: portal.api_url + "/portal/MhGuide/getBsznDetailById",//路径 |
| 15 | data: { | 15 | data: { |
| 16 | "id": GetQueryString('id'), | 16 | "bsznId": GetQueryString('id'), |
| 17 | }, | 17 | }, |
| 18 | dataType: "json", | 18 | dataType: "json", |
| 19 | //数据,这里使用的是Json格式进行传输 | 19 | //数据,这里使用的是Json格式进行传输 |
| 20 | success: function (result) {//返回数据根据结果进行相应的处理 | 20 | success: function (result) {//返回数据根据结果进行相应的处理 |
| 21 | if (result.code == 200 && result.data != null) { | 21 | if (result.code == 200 && result.data != null) { |
| 22 | $('.newsTitle').html(result.data.title) | 22 | $('.newsTitle').html(result.data.headline) |
| 23 | $('.releaseTime').html(result.data.addtime) | 23 | $('.releaseTime').html(result.data.addtime) |
| 24 | newsDetail.append(result.data.content) | 24 | newsDetail.append(result.data.content) |
| 25 | } | 25 | } |
| ... | @@ -30,6 +30,6 @@ function _initData() { | ... | @@ -30,6 +30,6 @@ function _initData() { |
| 30 | function GetQueryString(name) { | 30 | function GetQueryString(name) { |
| 31 | var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); | 31 | var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); |
| 32 | var r = window.location.search.substr(1).match(reg); | 32 | var r = window.location.search.substr(1).match(reg); |
| 33 | if (r != null) return decodeURIComponent(r[2]); | 33 | if (r != null) return decodeURIComponent(r[2]).replace(/\"/g,""); |
| 34 | return null; | 34 | return null; |
| 35 | } | 35 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | $(function () { | 1 | $(function () { |
| 2 | //元素 | ||
| 3 | var oFileInput = $("#fileInput"); //选择文件按钮 | ||
| 4 | var sizeObj = []; //存放每个文件大小的数组,用来比较去重 | ||
| 5 | // var oFileSpan = $("#fileSpan"); | ||
| 6 | // //拖拽外部文件,进入目标元素触发 | ||
| 7 | // oFileSpan.on("dragenter", function () { | ||
| 8 | // $(this).find('.file_name').css("background", "#ccc"); | ||
| 9 | // $(this).find('.file_name').empty(); | ||
| 10 | // $(this).find('.file_name').append( | ||
| 11 | // '<p style="line-height:240px">可以方鼠标了</p>' | ||
| 12 | // ) | ||
| 13 | // }); | ||
| 14 | // //拖拽外部文件,进入目标、离开目标之间,连续触发 | ||
| 15 | // oFileSpan.on("dragover", function () { | ||
| 16 | // return false; | ||
| 17 | // }); | ||
| 18 | // //拖拽外部文件,离开目标元素触发 | ||
| 19 | // oFileSpan.on("dragleave", function () { | ||
| 20 | // $(this).find('.file_name').empty(); | ||
| 21 | // $(this).find('.file_name').css("background", "#ffff"); | ||
| 22 | // $(this).find('.file_name').append( | ||
| 23 | // '<img class="update" src="../staticImages/update.png">'+ | ||
| 24 | // '<p class="updatetext">点击或拖拽文件上传</p>'+ | ||
| 25 | // '<div class="fileListName"></div>' | ||
| 26 | // ) | ||
| 27 | // }); | ||
| 28 | // //拖拽外部文件,在目标元素上释放鼠标触发 | ||
| 29 | // oFileSpan.on("drop", function (ev) { | ||
| 30 | // var fs = ev.originalEvent.dataTransfer.files; | ||
| 31 | // $(this).find('.file_name').empty(); | ||
| 32 | // $(this).find('.file_name').css("background", "#ffff"); | ||
| 33 | // $(this).find('.file_name').append( | ||
| 34 | // '<img class="update" src="../staticImages/update.png">'+ | ||
| 35 | // '<p class="updatetext">点击或拖拽文件上传</p>'+ | ||
| 36 | // '<div class="fileListName"></div>' | ||
| 37 | // ) | ||
| 38 | // analysisList(fs); //解析列表函数 | ||
| 39 | // return false; | ||
| 40 | // }); | ||
| 41 | //点击选择文件按钮选文件 | 2 | //点击选择文件按钮选文件 |
| 42 | oFileInput.on("change", function () { | 3 | $(document).on("click", ".fileListName .fileName .operation", function (e) { |
| 43 | if(flieList.length>=2) { | 4 | var index = $(this).parent().index(); |
| 5 | flieList.splice(index, 1) | ||
| 6 | sizeObj.splice(index, 1) | ||
| 7 | if (flieList.length == 1) { | ||
| 8 | $(this).parent().parent().parent('.fileSpan').find('.update').attr('src', '../../staticImages/update.png'); | ||
| 9 | $(this).parent().parent().parent('.fileSpan').find('.updatetext').text('点击文件上传') | ||
| 10 | } | ||
| 11 | $(this).parent().remove() | ||
| 12 | }) | ||
| 13 | }) | ||
| 14 | var sizeObj = []; | ||
| 15 | var flieList = []; | ||
| 16 | function handleUpdate(e, $input) { | ||
| 17 | if (flieList.length >= $("#" + $input).attr('numList')) { | ||
| 44 | layer.msg('已经完成上传最大限度', { icon: 5 }); | 18 | layer.msg('已经完成上传最大限度', { icon: 5 }); |
| 45 | return false | 19 | return false |
| 46 | }else { | 20 | } else { |
| 47 | analysisList(this.files, oFileInput); | 21 | let file = []; |
| 22 | file.push(e.files[0]) | ||
| 23 | analysisList(file, $input); | ||
| 48 | } | 24 | } |
| 49 | }) | 25 | } |
| 50 | //解析列表函数 | 26 | //解析列表函数 |
| 51 | function analysisList(obj, inputName) { | 27 | function analysisList(obj, $input) { |
| 52 | //如果没有文件 | 28 | //如果没有文件 |
| 53 | if (obj.length < 1) { | 29 | if (obj.length < 1) { |
| 54 | return false; | 30 | return false; |
| ... | @@ -57,7 +33,6 @@ $(function () { | ... | @@ -57,7 +33,6 @@ $(function () { |
| 57 | var fileObj = obj[i]; //单个文件 | 33 | var fileObj = obj[i]; //单个文件 |
| 58 | var name = fileObj.name; //文件名 | 34 | var name = fileObj.name; //文件名 |
| 59 | var size = fileObj.size; //文件大小 | 35 | var size = fileObj.size; //文件大小 |
| 60 | var type = fileType(name); //文件类型,获取的是文件的后缀 | ||
| 61 | //文件大于30M,就不上传 | 36 | //文件大于30M,就不上传 |
| 62 | if (size > 1024 * 1024 * 1024 || size == 0) { | 37 | if (size > 1024 * 1024 * 1024 || size == 0) { |
| 63 | layer.msg('超过了30M,不能上传', { icon: 5 }); | 38 | layer.msg('超过了30M,不能上传', { icon: 5 }); |
| ... | @@ -71,44 +46,29 @@ $(function () { | ... | @@ -71,44 +46,29 @@ $(function () { |
| 71 | //给json对象添加内容,得到选择的文件的数据 | 46 | //给json对象添加内容,得到选择的文件的数据 |
| 72 | var itemArr = [fileObj, name, size]; //文件,文件名,文件大小,文件类型 | 47 | var itemArr = [fileObj, name, size]; //文件,文件名,文件大小,文件类型 |
| 73 | flieList.push(itemArr); | 48 | flieList.push(itemArr); |
| 74 | if (flieList.length==2){ | 49 | if (flieList.length == $("#" + $input).attr('numList')) { |
| 75 | inputName.parent().find('.update').attr('src','../staticImages/Yes.png'); | 50 | sizeObj = []; |
| 76 | inputName.parent().find('.updatetext').text('') | 51 | $("#" + $input).parent().find('.update').attr('src', '../../staticImages/Yes.png'); |
| 52 | $("#" + $input).parent().find('.updatetext').text(''); | ||
| 77 | } | 53 | } |
| 78 | //把这个文件的大小放进数组中 | 54 | //把这个文件的大小放进数组中 |
| 79 | sizeObj.push(size); | 55 | sizeObj.push(size); |
| 80 | } | 56 | } |
| 81 | createList() //生成列表 | 57 | createList($input); //生成列表 |
| 82 | document.querySelector('#fileInput').value = null | 58 | document.querySelector("#" + $input).value = null |
| 83 | }; | 59 | }; |
| 84 | //生成列表 | 60 | |
| 85 | function createList() { | 61 | //生成列表 |
| 86 | $('.fileListName').empty() | 62 | function createList($input) { |
| 63 | $("#" + $input).parent().find('.fileListName').empty() | ||
| 87 | for (var i = 0; i < flieList.length; i++) { | 64 | for (var i = 0; i < flieList.length; i++) { |
| 88 | var fileData = flieList[i]; | 65 | var fileData = flieList[i]; |
| 89 | name = fileData[1] | 66 | var name = fileData[1] |
| 90 | $('.fileListName').append( | 67 | $("#" + $input).parent().find('.fileListName').append( |
| 91 | '<li class="fileName">'+ | 68 | '<li class="fileName">' + |
| 92 | '<span title="' + name + '">' + name + '</span>' + | 69 | '<span title="' + name + '">' + name + '</span>' + |
| 93 | '<img class="operation" src="../staticImages/chacha.png">'+ | 70 | '<img class="operation" src="../../staticImages/chacha.png">' + |
| 94 | '</li>' | 71 | '</li>' |
| 95 | ); | 72 | ); |
| 96 | } | 73 | } |
| 97 | } | ||
| 98 | $(document).on("click", ".fileListName .fileName .operation", function (e) { | ||
| 99 | var index = $(this).parent().index(); | ||
| 100 | flieList.splice(index, 1) | ||
| 101 | sizeObj.splice(index, 1) | ||
| 102 | if(flieList.length==1) { | ||
| 103 | $(this).parent().parent().parent('.fileSpan').find('.update').attr('src','../staticImages/update.png'); | ||
| 104 | $(this).parent().parent().parent('.fileSpan').find('.updatetext').text('点击文件上传') | ||
| 105 | } | ||
| 106 | $(this).parent().remove() | ||
| 107 | }) | ||
| 108 | }) | ||
| 109 | //通过文件名,返回文件的后缀名 | ||
| 110 | function fileType(name) { | ||
| 111 | var nameArr = name.split("."); | ||
| 112 | return nameArr[nameArr.length - 1].toLowerCase(); | ||
| 113 | } | 74 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 114 | ... | ... |
| ... | @@ -2,48 +2,13 @@ $(function () { | ... | @@ -2,48 +2,13 @@ $(function () { |
| 2 | //元素 | 2 | //元素 |
| 3 | var oFileInput1 = $("#fileInput1"); //选择文件按钮 | 3 | var oFileInput1 = $("#fileInput1"); //选择文件按钮 |
| 4 | var sizeObj1 = []; //存放每个文件大小的数组,用来比较去重 | 4 | var sizeObj1 = []; //存放每个文件大小的数组,用来比较去重 |
| 5 | // var oFileSpan = $("#fileSpan"); | ||
| 6 | // //拖拽外部文件,进入目标元素触发 | ||
| 7 | // oFileSpan.on("dragenter", function () { | ||
| 8 | // $(this).find('.file_name').css("background", "#ccc"); | ||
| 9 | // $(this).find('.file_name').empty(); | ||
| 10 | // $(this).find('.file_name').append( | ||
| 11 | // '<p style="line-height:240px">可以方鼠标了</p>' | ||
| 12 | // ) | ||
| 13 | // }); | ||
| 14 | // //拖拽外部文件,进入目标、离开目标之间,连续触发 | ||
| 15 | // oFileSpan.on("dragover", function () { | ||
| 16 | // return false; | ||
| 17 | // }); | ||
| 18 | // //拖拽外部文件,离开目标元素触发 | ||
| 19 | // oFileSpan.on("dragleave", function () { | ||
| 20 | // $(this).find('.file_name').empty(); | ||
| 21 | // $(this).find('.file_name').css("background", "#ffff"); | ||
| 22 | // $(this).find('.file_name').append( | ||
| 23 | // '<img class="update" src="../staticImages/update.png">'+ | ||
| 24 | // '<p class="updatetext">点击或拖拽文件上传</p>'+ | ||
| 25 | // '<div class="fileListName"></div>' | ||
| 26 | // ) | ||
| 27 | // }); | ||
| 28 | // //拖拽外部文件,在目标元素上释放鼠标触发 | ||
| 29 | // oFileSpan.on("drop", function (ev) { | ||
| 30 | // var fs = ev.originalEvent.dataTransfer.files; | ||
| 31 | // $(this).find('.file_name').empty(); | ||
| 32 | // $(this).find('.file_name').css("background", "#ffff"); | ||
| 33 | // $(this).find('.file_name').append( | ||
| 34 | // '<img class="update" src="../staticImages/update.png">'+ | ||
| 35 | // '<p class="updatetext">点击或拖拽文件上传</p>'+ | ||
| 36 | // '<div class="fileListName"></div>' | ||
| 37 | // ) | ||
| 38 | // analysisList(fs); //解析列表函数 | ||
| 39 | // return false; | ||
| 40 | // }); | ||
| 41 | //点击选择文件按钮选文件 | 5 | //点击选择文件按钮选文件 |
| 42 | oFileInput1.on("change", function () { | 6 | oFileInput1.on("change", function () { |
| 43 | if(flieList1.length>=2) { | 7 | if(flieList1.length>=2) { |
| 44 | layer.msg('已经完成上传最大限度', { icon: 5 }); | 8 | layer.msg('已经完成上传最大限度', { icon: 5 }); |
| 45 | return false | 9 | return false |
| 46 | }else { | 10 | }else { |
| 11 | console.log(this.files) | ||
| 47 | analysisList(this.files, oFileInput1); | 12 | analysisList(this.files, oFileInput1); |
| 48 | } | 13 | } |
| 49 | }) | 14 | }) |
| ... | @@ -53,6 +18,7 @@ $(function () { | ... | @@ -53,6 +18,7 @@ $(function () { |
| 53 | if (obj.length < 1) { | 18 | if (obj.length < 1) { |
| 54 | return false; | 19 | return false; |
| 55 | } | 20 | } |
| 21 | console.log(999999999, obj) | ||
| 56 | for (var i = 0; i < obj.length; i++) { | 22 | for (var i = 0; i < obj.length; i++) { |
| 57 | var fileObj = obj[i]; //单个文件 | 23 | var fileObj = obj[i]; //单个文件 |
| 58 | var name = fileObj.name; //文件名 | 24 | var name = fileObj.name; //文件名 |
| ... | @@ -72,7 +38,7 @@ $(function () { | ... | @@ -72,7 +38,7 @@ $(function () { |
| 72 | var itemArr = [fileObj, name, size]; //文件,文件名,文件大小,文件类型 | 38 | var itemArr = [fileObj, name, size]; //文件,文件名,文件大小,文件类型 |
| 73 | flieList1.push(itemArr); | 39 | flieList1.push(itemArr); |
| 74 | if (flieList1.length==2){ | 40 | if (flieList1.length==2){ |
| 75 | inputName.parent().find('.update').attr('src','../staticImages/Yes.png'); | 41 | inputName.parent().find('.update').attr('src','../../staticImages/Yes.png'); |
| 76 | inputName.parent().find('.updatetext').text('') | 42 | inputName.parent().find('.updatetext').text('') |
| 77 | } | 43 | } |
| 78 | //把这个文件的大小放进数组中 | 44 | //把这个文件的大小放进数组中 |
| ... | @@ -90,7 +56,7 @@ $(function () { | ... | @@ -90,7 +56,7 @@ $(function () { |
| 90 | $('.fileListName1').append( | 56 | $('.fileListName1').append( |
| 91 | '<li class="fileName">'+ | 57 | '<li class="fileName">'+ |
| 92 | '<span title="' + name + '">' + name + '</span>' + | 58 | '<span title="' + name + '">' + name + '</span>' + |
| 93 | '<img class="operation" src="../staticImages/chacha.png">'+ | 59 | '<img class="operation" src="../../staticImages/chacha.png">'+ |
| 94 | '</li>' | 60 | '</li>' |
| 95 | ); | 61 | ); |
| 96 | } | 62 | } |
| ... | @@ -100,7 +66,7 @@ $(function () { | ... | @@ -100,7 +66,7 @@ $(function () { |
| 100 | flieList1.splice(index, 1) | 66 | flieList1.splice(index, 1) |
| 101 | sizeObj1.splice(index, 1) | 67 | sizeObj1.splice(index, 1) |
| 102 | if(flieList1.length==1) { | 68 | if(flieList1.length==1) { |
| 103 | $(this).parent().parent().parent('.fileSpan').find('.update').attr('src','../staticImages/update.png'); | 69 | $(this).parent().parent().parent('.fileSpan').find('.update').attr('src','../../staticImages/update.png'); |
| 104 | $(this).parent().parent().parent('.fileSpan').find('.updatetext').text('点击文件上传') | 70 | $(this).parent().parent().parent('.fileSpan').find('.updatetext').text('点击文件上传') |
| 105 | } | 71 | } |
| 106 | $(this).parent().remove() | 72 | $(this).parent().remove() | ... | ... |
| ... | @@ -3,40 +3,7 @@ $(function () { | ... | @@ -3,40 +3,7 @@ $(function () { |
| 3 | let element = layui.element; | 3 | let element = layui.element; |
| 4 | }); | 4 | }); |
| 5 | addTabs('#wssq') | 5 | addTabs('#wssq') |
| 6 | // 业务 | 6 | setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno')); |
| 7 | var data = { | ||
| 8 | 'progressList': [ | ||
| 9 | { | ||
| 10 | stepName: "信息效验", | ||
| 11 | stepState: 2 //0:未办理 1:正在办理 2:已办理 | ||
| 12 | }, | ||
| 13 | { | ||
| 14 | stepName: "填报信息", | ||
| 15 | stepState: 2 | ||
| 16 | }, | ||
| 17 | { | ||
| 18 | stepName: "完税核税", | ||
| 19 | stepState: 2 | ||
| 20 | }, | ||
| 21 | { | ||
| 22 | stepName: "身份认证", | ||
| 23 | stepState: 2 | ||
| 24 | }, | ||
| 25 | { | ||
| 26 | stepName: "资料审核", | ||
| 27 | stepState: 2 | ||
| 28 | }, | ||
| 29 | { | ||
| 30 | stepName: "线上缴费", | ||
| 31 | stepState: 2 | ||
| 32 | }, | ||
| 33 | { | ||
| 34 | stepName: "生成电子证书", | ||
| 35 | stepState: 1 | ||
| 36 | } | ||
| 37 | ], | ||
| 38 | } | ||
| 39 | |||
| 40 | layui.use('laytpl', function () { | 7 | layui.use('laytpl', function () { |
| 41 | laytpl = layui.laytpl; | 8 | laytpl = layui.laytpl; |
| 42 | var getTpl = document.getElementById('progress').innerHTML | 9 | var getTpl = document.getElementById('progress').innerHTML | ... | ... |
| ... | @@ -7,40 +7,7 @@ $(function () { | ... | @@ -7,40 +7,7 @@ $(function () { |
| 7 | }); | 7 | }); |
| 8 | }); | 8 | }); |
| 9 | addTabs('#wssq') | 9 | addTabs('#wssq') |
| 10 | // 业务 | 10 | setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno')); |
| 11 | var data = { | ||
| 12 | 'progressList': [ | ||
| 13 | { | ||
| 14 | stepName: "信息效验", | ||
| 15 | stepState: 2 //0:未办理 1:正在办理 2:已办理 | ||
| 16 | }, | ||
| 17 | { | ||
| 18 | stepName: "填报信息", | ||
| 19 | stepState: 2 | ||
| 20 | }, | ||
| 21 | { | ||
| 22 | stepName: "完税核税", | ||
| 23 | stepState: 2 | ||
| 24 | }, | ||
| 25 | { | ||
| 26 | stepName: "身份认证", | ||
| 27 | stepState: 2 | ||
| 28 | }, | ||
| 29 | { | ||
| 30 | stepName: "资料审核", | ||
| 31 | stepState: 1 | ||
| 32 | }, | ||
| 33 | { | ||
| 34 | stepName: "线上缴费", | ||
| 35 | stepState: 0 | ||
| 36 | }, | ||
| 37 | { | ||
| 38 | stepName: "生成电子证书", | ||
| 39 | stepState: 0 | ||
| 40 | } | ||
| 41 | ], | ||
| 42 | } | ||
| 43 | |||
| 44 | layui.use('laytpl', function () { | 11 | layui.use('laytpl', function () { |
| 45 | laytpl = layui.laytpl; | 12 | laytpl = layui.laytpl; |
| 46 | var getTpl = document.getElementById('progress').innerHTML | 13 | var getTpl = document.getElementById('progress').innerHTML |
| ... | @@ -56,3 +23,7 @@ $(function () { | ... | @@ -56,3 +23,7 @@ $(function () { |
| 56 | }); | 23 | }); |
| 57 | }); | 24 | }); |
| 58 | }) | 25 | }) |
| 26 | //下一步事件 | ||
| 27 | function skipClick(){ | ||
| 28 | skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno')); | ||
| 29 | } | ... | ... |
| 1 | var slsqxx; | ||
| 2 | $(function () { | ||
| 3 | //设置步骤条信息 | ||
| 4 | setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno')); | ||
| 5 | slsqxx = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno')); | ||
| 6 | LoadClxxDiv(); | ||
| 7 | }) | ||
| 1 | layui.use('element', function () { | 8 | layui.use('element', function () { |
| 2 | let element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 | 9 | let element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 |
| 3 | }); | 10 | }); |
| 4 | addTabs('#wssq') | 11 | addTabs('#wssq') |
| 5 | setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno')); | ||
| 6 | // form 表单 | 12 | // form 表单 |
| 7 | layui.use('form', function () { | 13 | layui.use('form', function () { |
| 8 | var form = layui.form; | 14 | var form = layui.form; |
| ... | @@ -88,7 +94,6 @@ $('.add_form').click(function () { | ... | @@ -88,7 +94,6 @@ $('.add_form').click(function () { |
| 88 | $('.record').click(function (event) { | 94 | $('.record').click(function (event) { |
| 89 | event.stopPropagation(); | 95 | event.stopPropagation(); |
| 90 | }) | 96 | }) |
| 91 | var flieList = []; // 登记证书列表 | ||
| 92 | var flieList1 = []; // 房屋所有权证书列表 | 97 | var flieList1 = []; // 房屋所有权证书列表 |
| 93 | var flieList3 = []; // 询问笔录 | 98 | var flieList3 = []; // 询问笔录 |
| 94 | // 省市区 | 99 | // 省市区 |
| ... | @@ -126,6 +131,65 @@ layui.use(['form', 'common'], function () { | ... | @@ -126,6 +131,65 @@ layui.use(['form', 'common'], function () { |
| 126 | }); | 131 | }); |
| 127 | 132 | ||
| 128 | //下一步事件 | 133 | //下一步事件 |
| 129 | function skipClick(){ | 134 | function skipClick() { |
| 130 | skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno')); | 135 | // skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno')); |
| 136 | _uploadSlcl(flieList) | ||
| 137 | } | ||
| 138 | // // 图片上传 | ||
| 139 | // function _uploadSlcl(flieList) { | ||
| 140 | // var formData = new FormData(); | ||
| 141 | // formData.append('bsmCl', 'f5a9ffcff962ed17a393b1cacec4d4bd'); | ||
| 142 | // flieList.map((item, index) => { | ||
| 143 | // console.log(item[0]) | ||
| 144 | // formData.append('files', item[0]); //添加图片信息的参数 | ||
| 145 | // }) | ||
| 146 | // console.log(formData) | ||
| 147 | // $.ajax({ | ||
| 148 | // type: "post", //提交方式 | ||
| 149 | // url: portal.api_url + "/portal/FillInformation/uploadSlcl",//路径 | ||
| 150 | // dataType: "json", | ||
| 151 | // cache: false, //上传文件不需要缓存 | ||
| 152 | // processData: false, // 告诉jQuery不要去处理发送的数据 | ||
| 153 | // contentType: false, // 告诉jQuery不要去设置Content-Type请求头 | ||
| 154 | // data: formData, | ||
| 155 | // //数据,这里使用的是Json格式进行传输 | ||
| 156 | // success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 157 | // if (result.code == 200) { | ||
| 158 | // console.log(result.data) | ||
| 159 | // } | ||
| 160 | // } | ||
| 161 | // }); | ||
| 162 | // } | ||
| 163 | |||
| 164 | function LoadClxxDiv() { | ||
| 165 | let clxxDic = $("#clxx"); | ||
| 166 | let clxxContent; | ||
| 167 | $.each(slsqxx.slclList, function (index, item) { | ||
| 168 | clxxContent = '<div class="img_update">'; | ||
| 169 | clxxContent += '<div class="fileBox">'; | ||
| 170 | clxxContent += '<div class="fileSpan vm">'; | ||
| 171 | clxxContent += '<input type="file" multiple id="fileInput' + index + '" onchange="handleUpdate(this,' + index + ')"/>'; | ||
| 172 | clxxContent += '<div class="file_name">'; | ||
| 173 | clxxContent += '<img class="update" src="../../staticImages/update.png">'; | ||
| 174 | clxxContent += '<p class="updatetext">点击文件上传</p>'; | ||
| 175 | clxxContent += '</div>'; | ||
| 176 | clxxContent += '<ul class="fileListName" id="fileULName' + index + '"></ul>'; | ||
| 177 | clxxContent += '</div>'; | ||
| 178 | clxxContent += '<div class="certificate">' + slsqxx.slclList[index].clmc + '【' + slsqxx.slclList[index].wjlxmc + '】(' + slsqxx.slclList[index].fs + '份)</div>'; | ||
| 179 | clxxContent += '</div>'; | ||
| 180 | clxxContent += '</div>'; | ||
| 181 | clxxDic.append(clxxContent); | ||
| 182 | }); | ||
| 183 | } | ||
| 184 | |||
| 185 | function handleUpdate(e, index) { | ||
| 186 | let fileobj = $("#fileInput" + index); | ||
| 187 | let name = e.files[0].name; | ||
| 188 | let fileul = $("#fileULName" + index); | ||
| 189 | if (fileul.find("li").length >= slsqxx.slclList[index].fs) { | ||
| 190 | layer.msg('已经完成上传最大限度', { icon: 5 }); | ||
| 191 | return false | ||
| 192 | } else { | ||
| 193 | fileul.append('<li class="fileName">' + '<span title="' + name + '">' + name + '</span>' + '<img class="operation" src="../../staticImages/chacha.png">' + '</li>'); | ||
| 194 | } | ||
| 131 | } | 195 | } | ... | ... |
| ... | @@ -3,40 +3,7 @@ $(function () { | ... | @@ -3,40 +3,7 @@ $(function () { |
| 3 | let element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 | 3 | let element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 |
| 4 | }); | 4 | }); |
| 5 | addTabs('#wssq') | 5 | addTabs('#wssq') |
| 6 | // 业务 | 6 | setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno')); |
| 7 | var data = { | ||
| 8 | 'progressList': [ | ||
| 9 | { | ||
| 10 | stepName: "信息效验", | ||
| 11 | stepState: 2 //0:未办理 1:正在办理 2:已办理 | ||
| 12 | }, | ||
| 13 | { | ||
| 14 | stepName: "填报信息", | ||
| 15 | stepState: 2 | ||
| 16 | }, | ||
| 17 | { | ||
| 18 | stepName: "完税核税", | ||
| 19 | stepState: 2 | ||
| 20 | }, | ||
| 21 | { | ||
| 22 | stepName: "身份认证", | ||
| 23 | stepState: 2 | ||
| 24 | }, | ||
| 25 | { | ||
| 26 | stepName: "资料审核", | ||
| 27 | stepState: 2 | ||
| 28 | }, | ||
| 29 | { | ||
| 30 | stepName: "线上缴费", | ||
| 31 | stepState: 1 | ||
| 32 | }, | ||
| 33 | { | ||
| 34 | stepName: "生成电子证书", | ||
| 35 | stepState: 0 | ||
| 36 | } | ||
| 37 | ], | ||
| 38 | } | ||
| 39 | |||
| 40 | layui.use('laytpl', function () { | 7 | layui.use('laytpl', function () { |
| 41 | laytpl = layui.laytpl; | 8 | laytpl = layui.laytpl; |
| 42 | var getTpl = document.getElementById('progress').innerHTML | 9 | var getTpl = document.getElementById('progress').innerHTML |
| ... | @@ -74,8 +41,11 @@ $(function () { | ... | @@ -74,8 +41,11 @@ $(function () { |
| 74 | shadeClose: true, | 41 | shadeClose: true, |
| 75 | skin: 'paymentSuccess', | 42 | skin: 'paymentSuccess', |
| 76 | btn: ['下一步'], | 43 | btn: ['下一步'], |
| 44 | yes : function() { | ||
| 45 | skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno')); | ||
| 46 | }, | ||
| 77 | content: '<ul>' | 47 | content: '<ul>' |
| 78 | + '<li><img src="../staticImages/xuanzhong.png"></li>' | 48 | + '<li><img src="../../staticImages/xuanzhong.png"></li>' |
| 79 | + '<li>支付成功</li>' | 49 | + '<li>支付成功</li>' |
| 80 | + '<li class="info"><span>支付流水号:</span><p>9898989989</p></li>' | 50 | + '<li class="info"><span>支付流水号:</span><p>9898989989</p></li>' |
| 81 | + '<li class="info"><span>支付时间:</span><p>2023255-102-13</p></li>' | 51 | + '<li class="info"><span>支付时间:</span><p>2023255-102-13</p></li>' | ... | ... |
| ... | @@ -19,6 +19,26 @@ function getBusinessConfig(ywid, businessno) { | ... | @@ -19,6 +19,26 @@ function getBusinessConfig(ywid, businessno) { |
| 19 | }); | 19 | }); |
| 20 | } | 20 | } |
| 21 | 21 | ||
| 22 | //获取业务配置信息 | ||
| 23 | function loadBusinessConfig(ywid) { | ||
| 24 | $.ajax({ | ||
| 25 | type: "post", //提交方式 | ||
| 26 | url: portal.api_url + "/portal/ApplyBusinessService/getFQFBusinessFlow",//路径 | ||
| 27 | dataType: "json", | ||
| 28 | async: false, | ||
| 29 | data: { | ||
| 30 | "ywid": ywid | ||
| 31 | }, | ||
| 32 | //数据,这里使用的是Json格式进行传输 | ||
| 33 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 34 | if (result.code == 200 && result.data != null) { | ||
| 35 | business = result.data; | ||
| 36 | } | ||
| 37 | } | ||
| 38 | }); | ||
| 39 | } | ||
| 40 | |||
| 41 | |||
| 22 | //获取正在办理的流程业务 | 42 | //获取正在办理的流程业务 |
| 23 | function getAcceptFlow(bsm_slsq, businessno) { | 43 | function getAcceptFlow(bsm_slsq, businessno) { |
| 24 | $.ajax({ | 44 | $.ajax({ |
| ... | @@ -38,8 +58,33 @@ function getAcceptFlow(bsm_slsq, businessno) { | ... | @@ -38,8 +58,33 @@ function getAcceptFlow(bsm_slsq, businessno) { |
| 38 | } | 58 | } |
| 39 | } | 59 | } |
| 40 | }); | 60 | }); |
| 61 | |||
| 41 | } | 62 | } |
| 42 | 63 | ||
| 64 | //获取申请信息记录 | ||
| 65 | function getApplyRecord(bsm_slsq, businessno) { | ||
| 66 | let bdc = null; | ||
| 67 | $.ajax({ | ||
| 68 | type: "get", //提交方式 | ||
| 69 | //contentType: 'application/json', | ||
| 70 | url: portal.api_url + "/portal/FillInformation/getDetailBybsmSlsq",//路径 | ||
| 71 | dataType: "json", | ||
| 72 | async: false, | ||
| 73 | data: { | ||
| 74 | "bsmSlsq": bsm_slsq, | ||
| 75 | "businessNo": businessno, | ||
| 76 | }, | ||
| 77 | //数据,这里使用的是Json格式进行传输 | ||
| 78 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 79 | if (result.code == 200 && result.data != null) { | ||
| 80 | bdc = result.data; | ||
| 81 | } | ||
| 82 | } | ||
| 83 | }); | ||
| 84 | return bdc; | ||
| 85 | } | ||
| 86 | |||
| 87 | |||
| 43 | //设置步骤条信息 | 88 | //设置步骤条信息 |
| 44 | function setArticleSteps() { | 89 | function setArticleSteps() { |
| 45 | $('.name_title h2').text(business.shortName); | 90 | $('.name_title h2').text(business.shortName); |
| ... | @@ -74,6 +119,13 @@ function getInitiateFLow(ywid, businessno) { | ... | @@ -74,6 +119,13 @@ function getInitiateFLow(ywid, businessno) { |
| 74 | window.open(portal.rootPath + business.stepList[0].pageurl + "?ywid=" + ywid + "&businessno=" + businessno, "_self") | 119 | window.open(portal.rootPath + business.stepList[0].pageurl + "?ywid=" + ywid + "&businessno=" + businessno, "_self") |
| 75 | } | 120 | } |
| 76 | 121 | ||
| 122 | //发起流程方法 | ||
| 123 | function createBusinesseFlow(ywid) { | ||
| 124 | loadBusinessConfig(ywid); | ||
| 125 | window.open(portal.rootPath + business.stepList[0].pageurl + "?ywid=" + ywid + "&businessno=" + business.businessno, "_self") | ||
| 126 | } | ||
| 127 | |||
| 128 | |||
| 77 | //工作箱调取流程方法 | 129 | //工作箱调取流程方法 |
| 78 | function getWorkBoxFLow(bsm_slsq, businessno) { | 130 | function getWorkBoxFLow(bsm_slsq, businessno) { |
| 79 | getAcceptFlow(bsm_slsq, businessno); | 131 | getAcceptFlow(bsm_slsq, businessno); | ... | ... |
| ... | @@ -62,6 +62,7 @@ function _listDel(slsqBsm) { | ... | @@ -62,6 +62,7 @@ function _listDel(slsqBsm) { |
| 62 | success: function (result) {//返回数据根据结果进行相应的处理 | 62 | success: function (result) {//返回数据根据结果进行相应的处理 |
| 63 | if (result.code == 200) { | 63 | if (result.code == 200) { |
| 64 | layer.msg('操作成功!'); | 64 | layer.msg('操作成功!'); |
| 65 | _applyBusinessAJZTCount() | ||
| 65 | _applyBusinessRecord() | 66 | _applyBusinessRecord() |
| 66 | dataRendering(dataList.list) | 67 | dataRendering(dataList.list) |
| 67 | } | 68 | } |
| ... | @@ -245,7 +246,7 @@ function dataRendering() { | ... | @@ -245,7 +246,7 @@ function dataRendering() { |
| 245 | li += '</div>' | 246 | li += '</div>' |
| 246 | li += '<a slsqBsm="'+dataList.list[i].slsqBsm+'" class="delete">删除</a>' | 247 | li += '<a slsqBsm="'+dataList.list[i].slsqBsm+'" class="delete">删除</a>' |
| 247 | if (dataList.list[i].ajzt == '1') { | 248 | if (dataList.list[i].ajzt == '1') { |
| 248 | li += '<a class="handle">继续办理</a>' | 249 | li += '<a class="handle" data-slsqBsm="' + dataList.list[i].slsqBsm + '" data-businessNo="' + dataList.list[i].businessNo + '">继续办理</a>' |
| 249 | } else if (dataList.list[i].ajzt == '3') { | 250 | } else if (dataList.list[i].ajzt == '3') { |
| 250 | li += '<a slsqBsm="'+dataList.list[i].slsqBsm+'" class="handle">缴费</a>' | 251 | li += '<a slsqBsm="'+dataList.list[i].slsqBsm+'" class="handle">缴费</a>' |
| 251 | } | 252 | } | ... | ... |
| ... | @@ -51,10 +51,15 @@ function _initData() { | ... | @@ -51,10 +51,15 @@ function _initData() { |
| 51 | if (result.code == 200 && result.data != null) { | 51 | if (result.code == 200 && result.data != null) { |
| 52 | let data = result.data[0].children[0].children | 52 | let data = result.data[0].children[0].children |
| 53 | for (var i = 0; i < data.length; i++) { | 53 | for (var i = 0; i < data.length; i++) { |
| 54 | if(i==0) { | ||
| 55 | li = '<li data-id="' + data[i].id + '" class="active2">' + data[i].name + '</li>'; | ||
| 56 | }else { | ||
| 54 | li = '<li data-id="' + data[i].id + '">' + data[i].name + '</li>'; | 57 | li = '<li data-id="' + data[i].id + '">' + data[i].name + '</li>'; |
| 58 | } | ||
| 55 | area_list.append(li); | 59 | area_list.append(li); |
| 56 | } | 60 | } |
| 57 | 61 | regionId = data[0].id | |
| 62 | _businessList(regionId) | ||
| 58 | } | 63 | } |
| 59 | } | 64 | } |
| 60 | }); | 65 | }); | ... | ... |
| 1 | <!DOCTYPE html | 1 | <!DOCTYPE html |
| 2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | 2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| 3 | <html xmlns="http://www.w3.org/1999/xhtml"> | 3 | <html xmlns="http://www.w3.org/1999/xhtml"> |
| 4 | |||
| 4 | <head> | 5 | <head> |
| 5 | <style> | 6 | <style> |
| 6 | </style> | 7 | </style> |
| ... | @@ -9,6 +10,7 @@ | ... | @@ -9,6 +10,7 @@ |
| 9 | <script type="text/javascript" src="../staticJs/head.js"></script> | 10 | <script type="text/javascript" src="../staticJs/head.js"></script> |
| 10 | <link rel="stylesheet" type="text/css" href="../staticCss/bszn.css"> | 11 | <link rel="stylesheet" type="text/css" href="../staticCss/bszn.css"> |
| 11 | </head> | 12 | </head> |
| 13 | |||
| 12 | <body> | 14 | <body> |
| 13 | <div class="business_guide"> | 15 | <div class="business_guide"> |
| 14 | <div class="navigation_crumbs"> | 16 | <div class="navigation_crumbs"> |
| ... | @@ -20,7 +22,27 @@ | ... | @@ -20,7 +22,27 @@ |
| 20 | </span> | 22 | </span> |
| 21 | </div> | 23 | </div> |
| 22 | </div> | 24 | </div> |
| 23 | 25 | <!-- 行政区 --> | |
| 26 | <div class="selectCity"> | ||
| 27 | <form class="layui-form"> | ||
| 28 | <h2 class="title">省</h2> | ||
| 29 | <div class="layui-inline layui-select-default" style="margin-right: 10px;"> | ||
| 30 | <select name="province" class="Pselected" disabled data-area="陕西省"" lay-filter=" province"> | ||
| 31 | <option value="">选择省</option> | ||
| 32 | </select> | ||
| 33 | </div> | ||
| 34 | <h2>市</h2> | ||
| 35 | <div class="layui-inline selected layui-select-default"> | ||
| 36 | <select name="city" class="Cselected" disabled data-area="西安市" lay-filter="selectCity"> | ||
| 37 | <option value="">选择市</option> | ||
| 38 | </select> | ||
| 39 | </div> | ||
| 40 | </form> | ||
| 41 | <div class="area_list_content"> | ||
| 42 | <h2>区</h2> | ||
| 43 | <ul class="area_list"></ul> | ||
| 44 | </div> | ||
| 45 | </div> | ||
| 24 | <div class="one_content contentBox"> | 46 | <div class="one_content contentBox"> |
| 25 | <div class="layui-tab"> | 47 | <div class="layui-tab"> |
| 26 | <ul class="layui-tab-title busTabs"> | 48 | <ul class="layui-tab-title busTabs"> |
| ... | @@ -30,513 +52,90 @@ | ... | @@ -30,513 +52,90 @@ |
| 30 | <div class="layui-tab-content"> | 52 | <div class="layui-tab-content"> |
| 31 | <div class="layui-tab-item layui-show"> | 53 | <div class="layui-tab-item layui-show"> |
| 32 | <div class="layui-tab layui-tab-brief" lay-filter="navtab"> | 54 | <div class="layui-tab layui-tab-brief" lay-filter="navtab"> |
| 33 | <ul class="layui-tab-title itemList_tab"> | 55 | <ul class="layui-tab-title itemList_tab" id="itemList_tab"> |
| 34 | <li class="layui-this" lay-id="0">全部</li> | ||
| 35 | <li lay-id="1">土地</li> | ||
| 36 | <li lay-id="2">房屋等建筑</li> | ||
| 37 | <li lay-id="3">构筑物</li> | ||
| 38 | <li lay-id="4">森林,林木</li> | ||
| 39 | </ul> | ||
| 40 | <div class="layui-tab-content tudi" style="padding:0"> | ||
| 41 | <div class="online_business"> | ||
| 42 | <h2> | ||
| 43 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 44 | <use xlink:href="#icontudi"></use> | ||
| 45 | </svg> | ||
| 46 | 土地 | ||
| 47 | </h2> | ||
| 48 | </div> | ||
| 49 | <ul class="online_list"> | ||
| 50 | <li> | ||
| 51 | <a href="" title="土地转移登记"> | ||
| 52 | <span>土地转移登记</span> | ||
| 53 | <button type="button" | ||
| 54 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 55 | </a> | ||
| 56 | </li> | ||
| 57 | <li> | ||
| 58 | <a href="" title="土地转移登记"> | ||
| 59 | <span>土地转移登记</span> | ||
| 60 | <button type="button" | ||
| 61 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 62 | </a> | ||
| 63 | </li> | ||
| 64 | <li> | ||
| 65 | <a href="" title="土地转移登记"> | ||
| 66 | <span>土地转移登记</span> | ||
| 67 | <button type="button" | ||
| 68 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 69 | </a> | ||
| 70 | </li> | ||
| 71 | <li> | ||
| 72 | <a href="" title="土地转移登记"> | ||
| 73 | <span>土地转移登记</span> | ||
| 74 | <button type="button" | ||
| 75 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 76 | </a> | ||
| 77 | </li> | ||
| 78 | <li> | ||
| 79 | <a href="" title="土地转移登记"> | ||
| 80 | <span>土地转移登记</span> | ||
| 81 | <button type="button" | ||
| 82 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 83 | </a> | ||
| 84 | </li> | ||
| 85 | <li> | ||
| 86 | <a href="" title="土地转移登记"> | ||
| 87 | <span>土地转移登记</span> | ||
| 88 | <button type="button" | ||
| 89 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 90 | </a> | ||
| 91 | </li> | ||
| 92 | <li> | ||
| 93 | <a href="" title="土地转移登记"> | ||
| 94 | <span>土地转移登记</span> | ||
| 95 | <button type="button" | ||
| 96 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 97 | </a> | ||
| 98 | </li> | ||
| 99 | <li> | ||
| 100 | <a href="" title="土地转移登记"> | ||
| 101 | <span>土地转移登记</span> | ||
| 102 | <button type="button" | ||
| 103 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 104 | </a> | ||
| 105 | </li> | ||
| 106 | </ul> | 56 | </ul> |
| 57 | <div id="tabContentListOnline"></div> | ||
| 107 | </div> | 58 | </div> |
| 108 | 59 | ||
| 109 | <div class="layui-tab-content jianzhu" style="padding:0"> | ||
| 110 | <div class="online_business"> | ||
| 111 | <h2> | ||
| 112 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 113 | <use xlink:href="#icontudi"></use> | ||
| 114 | </svg> | ||
| 115 | 房屋等建筑 | ||
| 116 | </h2> | ||
| 117 | </div> | 60 | </div> |
| 118 | <ul class="online_list"> | 61 | <div class="layui-tab-item"> |
| 119 | <li> | 62 | <div class="layui-tab layui-tab-brief navtab1" lay-filter="navtab1"> |
| 120 | <a href=""> | 63 | <ul class="layui-tab-title" id="itemList_tab1"> |
| 121 | <span>土地转移登记</span> | ||
| 122 | <button type="button" | ||
| 123 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 124 | </a> | ||
| 125 | </li> | ||
| 126 | <li> | ||
| 127 | <a href=""> | ||
| 128 | <span>土地转移登记</span> | ||
| 129 | <button type="button" | ||
| 130 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 131 | </a> | ||
| 132 | </li> | ||
| 133 | <li> | ||
| 134 | <a href=""> | ||
| 135 | <span>土地转移登记</span> | ||
| 136 | <button type="button" | ||
| 137 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 138 | </a> | ||
| 139 | </li> | ||
| 140 | <li> | ||
| 141 | <a href=""> | ||
| 142 | <span>土地转移登记</span> | ||
| 143 | <button type="button" | ||
| 144 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 145 | </a> | ||
| 146 | </li> | ||
| 147 | <li> | ||
| 148 | <a href=""> | ||
| 149 | <span>土地转移登记</span> | ||
| 150 | <button type="button" | ||
| 151 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 152 | </a> | ||
| 153 | </li> | ||
| 154 | <li> | ||
| 155 | <a href=""> | ||
| 156 | <span>土地转移登记</span> | ||
| 157 | <button type="button" | ||
| 158 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 159 | </a> | ||
| 160 | </li> | ||
| 161 | <li> | ||
| 162 | <a href=""> | ||
| 163 | <span>土地转移登记</span> | ||
| 164 | <button type="button" | ||
| 165 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 166 | </a> | ||
| 167 | </li> | ||
| 168 | <li> | ||
| 169 | <a href=""> | ||
| 170 | <span>土地转移登记</span> | ||
| 171 | <button type="button" | ||
| 172 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 173 | </a> | ||
| 174 | </li> | ||
| 175 | </ul> | 64 | </ul> |
| 65 | <div id="tabContentList"></div> | ||
| 176 | </div> | 66 | </div> |
| 177 | |||
| 178 | <div class="layui-tab-content linmu" style="padding:0"> | ||
| 179 | <div class="online_business"> | ||
| 180 | <h2> | ||
| 181 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 182 | <use xlink:href="#icontudi"></use> | ||
| 183 | </svg> | ||
| 184 | 构筑物 | ||
| 185 | </h2> | ||
| 186 | </div> | 67 | </div> |
| 187 | <ul class="online_list"> | ||
| 188 | <li> | ||
| 189 | <a href=""> | ||
| 190 | <span>土地转移登记</span> | ||
| 191 | <button type="button" | ||
| 192 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 193 | </a> | ||
| 194 | </li> | ||
| 195 | <li> | ||
| 196 | <a href=""> | ||
| 197 | <span>土地转移登记</span> | ||
| 198 | <button type="button" | ||
| 199 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 200 | </a> | ||
| 201 | </li> | ||
| 202 | <li> | ||
| 203 | <a href=""> | ||
| 204 | <span>土地转移登记</span> | ||
| 205 | <button type="button" | ||
| 206 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 207 | </a> | ||
| 208 | </li> | ||
| 209 | <li> | ||
| 210 | <a href=""> | ||
| 211 | <span>土地转移登记</span> | ||
| 212 | <button type="button" | ||
| 213 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 214 | </a> | ||
| 215 | </li> | ||
| 216 | <li> | ||
| 217 | <a href=""> | ||
| 218 | <span>土地转移登记</span> | ||
| 219 | <button type="button" | ||
| 220 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 221 | </a> | ||
| 222 | </li> | ||
| 223 | <li> | ||
| 224 | <a href=""> | ||
| 225 | <span>土地转移登记</span> | ||
| 226 | <button type="button" | ||
| 227 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 228 | </a> | ||
| 229 | </li> | ||
| 230 | <li> | ||
| 231 | <a href=""> | ||
| 232 | <span>土地转移登记</span> | ||
| 233 | <button type="button" | ||
| 234 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 235 | </a> | ||
| 236 | </li> | ||
| 237 | <li> | ||
| 238 | <a href=""> | ||
| 239 | <span>土地转移登记</span> | ||
| 240 | <button type="button" | ||
| 241 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 242 | </a> | ||
| 243 | </li> | ||
| 244 | </ul> | ||
| 245 | </div> | 68 | </div> |
| 246 | |||
| 247 | <div class="layui-tab-content qita" style="padding:0"> | ||
| 248 | <div class="online_business"> | ||
| 249 | <h2> | ||
| 250 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 251 | <use xlink:href="#icontudi"></use> | ||
| 252 | </svg> | ||
| 253 | 森马林木 | ||
| 254 | </h2> | ||
| 255 | </div> | ||
| 256 | <ul class="online_list"> | ||
| 257 | <li> | ||
| 258 | <a href=""> | ||
| 259 | <span>土地转移登记</span> | ||
| 260 | <button type="button" | ||
| 261 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 262 | </a> | ||
| 263 | </li> | ||
| 264 | <li> | ||
| 265 | <a href=""> | ||
| 266 | <span>土地转移登记</span> | ||
| 267 | <button type="button" | ||
| 268 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 269 | </a> | ||
| 270 | </li> | ||
| 271 | <li> | ||
| 272 | <a href=""> | ||
| 273 | <span>土地转移登记</span> | ||
| 274 | <button type="button" | ||
| 275 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 276 | </a> | ||
| 277 | </li> | ||
| 278 | <li> | ||
| 279 | <a href=""> | ||
| 280 | <span>土地转移登记</span> | ||
| 281 | <button type="button" | ||
| 282 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 283 | </a> | ||
| 284 | </li> | ||
| 285 | <li> | ||
| 286 | <a href=""> | ||
| 287 | <span>土地转移登记</span> | ||
| 288 | <button type="button" | ||
| 289 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 290 | </a> | ||
| 291 | </li> | ||
| 292 | <li> | ||
| 293 | <a href=""> | ||
| 294 | <span>土地转移登记</span> | ||
| 295 | <button type="button" | ||
| 296 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 297 | </a> | ||
| 298 | </li> | ||
| 299 | <li> | ||
| 300 | <a href=""> | ||
| 301 | <span>土地转移登记</span> | ||
| 302 | <button type="button" | ||
| 303 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 304 | </a> | ||
| 305 | </li> | ||
| 306 | <li> | ||
| 307 | <a href=""> | ||
| 308 | <span>土地转移登记</span> | ||
| 309 | <button type="button" | ||
| 310 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 311 | </a> | ||
| 312 | </li> | ||
| 313 | </ul> | ||
| 314 | </div> | 69 | </div> |
| 315 | </div> | 70 | </div> |
| 316 | |||
| 317 | </div> | 71 | </div> |
| 318 | <div class="layui-tab-item"> | 72 | </body> |
| 319 | <div class="layui-tab layui-tab-brief navtab1" lay-filter="navtab1"> | 73 | <script type="text/javascript" src="../staticJs/down.js"></script> |
| 320 | <ul class="layui-tab-title"> | 74 | <script type="text/javascript" src="../staticJs/common.js"></script> |
| 321 | <li class="layui-this" lay-id="0">全部</li> | 75 | <script type="text/javascript" src="../staticJs/city-picker.js"></script> |
| 322 | <li lay-id="1">土地1</li> | 76 | <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> |
| 323 | <li lay-id="2">房屋等建筑1</li> | 77 | <script type="text/javascript" src="../staticJs/bszn.js"></script> |
| 324 | <li lay-id="3">构筑物1</li> | 78 | <!-- 网上申请 --> |
| 325 | </ul> | 79 | <script id="businessGuide" type="text/html"> |
| 326 | <div class="layui-tab-content tudi1" style="padding:0"> | 80 | {{# layui.each(d.list, function(index, item){ }} |
| 81 | <div class="layui-tab-content" style="padding:0"> | ||
| 327 | <div class="online_business navtab1"> | 82 | <div class="online_business navtab1"> |
| 328 | <h2> | 83 | <h2> |
| 329 | <svg class="icon svg-icon" aria-hidden="true"> | 84 | <svg class="icon svg-icon" aria-hidden="true"> |
| 330 | <use xlink:href="#icontudi"></use> | 85 | <use xlink:href="#icontudi"></use> |
| 331 | </svg> | 86 | </svg> |
| 332 | 土地 | 87 | {{item.bsznFlmc}} |
| 333 | </h2> | 88 | </h2> |
| 334 | </div> | 89 | </div> |
| 335 | <ul class="online_list"> | 90 | <ul class="online_list"> |
| 91 | {{# for(var i = 0; i < item.bsznListVOS.length; i++){ }} | ||
| 336 | <li> | 92 | <li> |
| 337 | <a href=""> | 93 | <span>{{item.bsznListVOS[i].headline}}</span> |
| 338 | <span>土地转移登记</span> | 94 | <div class="itemButton"> |
| 95 | <a href='./businessGuideDeatil.html?id="{{item.bsznListVOS[i].bsmBszn}}"' target="_blank"> | ||
| 339 | <button type="button" | 96 | <button type="button" |
| 340 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | 97 | class="layui-btn layui-btn-sm">查看详情</button> |
| 341 | </a> | 98 | </a> |
| 342 | </li> | 99 | <a class="onlineProcessing" data-id={{item.bsznListVOS[i].bsmBszn}}> |
| 343 | <li> | 100 | <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> |
| 344 | <a href=""> | ||
| 345 | <span>土地转移登记</span> | ||
| 346 | <button type="button" | ||
| 347 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 348 | </a> | 101 | </a> |
| 349 | </li> | ||
| 350 | <li> | ||
| 351 | <a href=""> | ||
| 352 | <span>土地转移登记</span> | ||
| 353 | <button type="button" | ||
| 354 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 355 | </a> | ||
| 356 | </li> | ||
| 357 | <li> | ||
| 358 | <a href=""> | ||
| 359 | <span>土地转移登记</span> | ||
| 360 | <button type="button" | ||
| 361 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 362 | </a> | ||
| 363 | </li> | ||
| 364 | <li> | ||
| 365 | <a href=""> | ||
| 366 | <span>土地转移登记</span> | ||
| 367 | <button type="button" | ||
| 368 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 369 | </a> | ||
| 370 | </li> | ||
| 371 | <li> | ||
| 372 | <a href=""> | ||
| 373 | <span>土地转移登记</span> | ||
| 374 | <button type="button" | ||
| 375 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 376 | </a> | ||
| 377 | </li> | ||
| 378 | <li> | ||
| 379 | <a href=""> | ||
| 380 | <span>土地转移登记</span> | ||
| 381 | <button type="button" | ||
| 382 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 383 | </a> | ||
| 384 | </li> | ||
| 385 | <li> | ||
| 386 | <a href=""> | ||
| 387 | <span>土地转移登记</span> | ||
| 388 | <button type="button" | ||
| 389 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 390 | </a> | ||
| 391 | </li> | ||
| 392 | </ul> | ||
| 393 | </div> | 102 | </div> |
| 394 | |||
| 395 | <div class="layui-tab-content jianzhu1" style="padding:0"> | ||
| 396 | <div class="online_business navtab1"> | ||
| 397 | <h2> | ||
| 398 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 399 | <use xlink:href="#icontudi"></use> | ||
| 400 | </svg> | ||
| 401 | 房屋等建筑 | ||
| 402 | </h2> | ||
| 403 | </div> | ||
| 404 | <ul class="online_list"> | ||
| 405 | <li> | ||
| 406 | <a href=""> | ||
| 407 | <span>土地转移登记</span> | ||
| 408 | <button type="button" | ||
| 409 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 410 | </a> | ||
| 411 | </li> | ||
| 412 | <li> | ||
| 413 | <a href=""> | ||
| 414 | <span>土地转移登记</span> | ||
| 415 | <button type="button" | ||
| 416 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 417 | </a> | ||
| 418 | </li> | ||
| 419 | <li> | ||
| 420 | <a href=""> | ||
| 421 | <span>土地转移登记</span> | ||
| 422 | <button type="button" | ||
| 423 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 424 | </a> | ||
| 425 | </li> | ||
| 426 | <li> | ||
| 427 | <a href=""> | ||
| 428 | <span>土地转移登记</span> | ||
| 429 | <button type="button" | ||
| 430 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 431 | </a> | ||
| 432 | </li> | ||
| 433 | <li> | ||
| 434 | <a href=""> | ||
| 435 | <span>土地转移登记</span> | ||
| 436 | <button type="button" | ||
| 437 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 438 | </a> | ||
| 439 | </li> | ||
| 440 | <li> | ||
| 441 | <a href=""> | ||
| 442 | <span>土地转移登记</span> | ||
| 443 | <button type="button" | ||
| 444 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 445 | </a> | ||
| 446 | </li> | ||
| 447 | <li> | ||
| 448 | <a href=""> | ||
| 449 | <span>土地转移登记</span> | ||
| 450 | <button type="button" | ||
| 451 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 452 | </a> | ||
| 453 | </li> | ||
| 454 | <li> | ||
| 455 | <a href=""> | ||
| 456 | <span>土地转移登记</span> | ||
| 457 | <button type="button" | ||
| 458 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 459 | </a> | ||
| 460 | </li> | 103 | </li> |
| 104 | {{# } }} | ||
| 461 | </ul> | 105 | </ul> |
| 462 | </div> | 106 | </div> |
| 107 | {{# }); }} | ||
| 108 | </script> | ||
| 463 | 109 | ||
| 464 | <div class="layui-tab-content linmu1" style="padding:0"> | 110 | <!-- 在线预约 --> |
| 111 | <script id="onlineBooking" type="text/html"> | ||
| 112 | {{# layui.each(d.onlineList, function(index, item){ }} | ||
| 113 | <div class="layui-tab-content" style="padding:0"> | ||
| 465 | <div class="online_business navtab1"> | 114 | <div class="online_business navtab1"> |
| 466 | <h2> | 115 | <h2> |
| 467 | <svg class="icon svg-icon" aria-hidden="true"> | 116 | <svg class="icon svg-icon" aria-hidden="true"> |
| 468 | <use xlink:href="#icontudi"></use> | 117 | <use xlink:href="#icontudi"></use> |
| 469 | </svg> | 118 | </svg> |
| 470 | 构筑物 | 119 | {{item.bsznFlmc}} |
| 471 | </h2> | 120 | </h2> |
| 472 | </div> | 121 | </div> |
| 473 | <ul class="online_list"> | 122 | <ul class="online_list"> |
| 123 | {{# for(var i = 0; i < item.bsznListVOS.length; i++){ }} | ||
| 474 | <li> | 124 | <li> |
| 475 | <a href=""> | 125 | <span>{{item.bsznListVOS[i].headline}}</span> |
| 476 | <span>土地转移登记</span> | 126 | <div class="itemButton"> |
| 477 | <button type="button" | 127 | <a href='./businessGuideDeatil.html?id={{item.bsznListVOS[i].bsmBszn}}' target="_blank"> |
| 478 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | 128 | <button type="button" class="layui-btn layui-btn-sm">查看详情</button> |
| 479 | </a> | 129 | </a> |
| 480 | </li> | 130 | <a class="onlineProcessing" data-id={{item.bsznListVOS[i].bsmBszn}}> |
| 481 | <li> | 131 | <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> |
| 482 | <a href=""> | ||
| 483 | <span>土地转移登记</span> | ||
| 484 | <button type="button" | ||
| 485 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 486 | </a> | ||
| 487 | </li> | ||
| 488 | <li> | ||
| 489 | <a href=""> | ||
| 490 | <span>土地转移登记</span> | ||
| 491 | <button type="button" | ||
| 492 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 493 | </a> | ||
| 494 | </li> | ||
| 495 | <li> | ||
| 496 | <a href=""> | ||
| 497 | <span>土地转移登记</span> | ||
| 498 | <button type="button" | ||
| 499 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 500 | </a> | ||
| 501 | </li> | ||
| 502 | <li> | ||
| 503 | <a href=""> | ||
| 504 | <span>土地转移登记</span> | ||
| 505 | <button type="button" | ||
| 506 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 507 | </a> | ||
| 508 | </li> | ||
| 509 | <li> | ||
| 510 | <a href=""> | ||
| 511 | <span>土地转移登记</span> | ||
| 512 | <button type="button" | ||
| 513 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 514 | </a> | ||
| 515 | </li> | ||
| 516 | <li> | ||
| 517 | <a href=""> | ||
| 518 | <span>土地转移登记</span> | ||
| 519 | <button type="button" | ||
| 520 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 521 | </a> | ||
| 522 | </li> | ||
| 523 | <li> | ||
| 524 | <a href=""> | ||
| 525 | <span>土地转移登记</span> | ||
| 526 | <button type="button" | ||
| 527 | class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | ||
| 528 | </a> | 132 | </a> |
| 133 | </div> | ||
| 529 | </li> | 134 | </li> |
| 135 | {{# } }} | ||
| 530 | </ul> | 136 | </ul> |
| 531 | </div> | 137 | </div> |
| 532 | </div> | 138 | {{# }); }} |
| 533 | </div> | 139 | </script> |
| 534 | </div> | 140 | |
| 535 | </div> | ||
| 536 | </div> | ||
| 537 | </div> | ||
| 538 | </body> | ||
| 539 | <script type="text/javascript" src="../staticJs/down.js"></script> | ||
| 540 | <script type="text/javascript" src="../staticJs/common.js"></script> | ||
| 541 | <script type="text/javascript" src="../staticJs/bszn.js"></script> | ||
| 542 | </html> | 141 | </html> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -7,17 +7,17 @@ | ... | @@ -7,17 +7,17 @@ |
| 7 | </style> | 7 | </style> |
| 8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| 9 | <title>立即办理-在线生成电子证书</title> | 9 | <title>立即办理-在线生成电子证书</title> |
| 10 | <script type="text/javascript" src="../staticJs/head.js"></script> | 10 | <script type="text/javascript" src="../../staticJs/head.js"></script> |
| 11 | <link rel="stylesheet" type="text/css" href="../staticCss/progress.css"> | 11 | <link rel="stylesheet" type="text/css" href="../../staticCss/progress.css"> |
| 12 | <link rel="stylesheet" type="text/css" href="../staticCss/dzzs.css"> | 12 | <link rel="stylesheet" type="text/css" href="../../staticCss/dzzs.css"> |
| 13 | </head> | 13 | </head> |
| 14 | 14 | ||
| 15 | <body> | 15 | <body> |
| 16 | <div class="navigation_crumbs"> | 16 | <div class="navigation_crumbs"> |
| 17 | <div class="contentBox"> | 17 | <div class="contentBox"> |
| 18 | <span class="layui-breadcrumb"> | 18 | <span class="layui-breadcrumb"> |
| 19 | <a href="../../index.html">首页</a> | 19 | <a href="../../../index.html">首页</a> |
| 20 | <a href="./wssq.html">网上申请</a> | 20 | <a href="../wssq.html">网上申请</a> |
| 21 | <a><cite>在线生成电子证书</cite></a> | 21 | <a><cite>在线生成电子证书</cite></a> |
| 22 | </span> | 22 | </span> |
| 23 | </div> | 23 | </div> |
| ... | @@ -37,7 +37,7 @@ | ... | @@ -37,7 +37,7 @@ |
| 37 | <ul> | 37 | <ul> |
| 38 | <li> | 38 | <li> |
| 39 | <p> | 39 | <p> |
| 40 | <img src="../staticImages/xuanzhong.png" /> | 40 | <img src="../../staticImages/xuanzhong.png" /> |
| 41 | 该不动产业务已办结,相应的不动产电子证照已生成,请尽快前往办事大厅领取纸质证书 | 41 | 该不动产业务已办结,相应的不动产电子证照已生成,请尽快前往办事大厅领取纸质证书 |
| 42 | </p> | 42 | </p> |
| 43 | <p> | 43 | <p> |
| ... | @@ -47,7 +47,7 @@ | ... | @@ -47,7 +47,7 @@ |
| 47 | </li> | 47 | </li> |
| 48 | <li> | 48 | <li> |
| 49 | <p> | 49 | <p> |
| 50 | <img src="../staticImages/xuanzhong.png" /> | 50 | <img src="../../staticImages/xuanzhong.png" /> |
| 51 | 该不动产业务已办结,相应的不动产电子证照已生成,纸质证书已邮寄 | 51 | 该不动产业务已办结,相应的不动产电子证照已生成,纸质证书已邮寄 |
| 52 | </p> | 52 | </p> |
| 53 | <p> | 53 | <p> |
| ... | @@ -175,9 +175,10 @@ | ... | @@ -175,9 +175,10 @@ |
| 175 | </div> | 175 | </div> |
| 176 | </div> | 176 | </div> |
| 177 | </body> | 177 | </body> |
| 178 | <script type="text/javascript" src="../staticJs/common.js"></script> | 178 | <script type="text/javascript" src="../../staticJs/common.js"></script> |
| 179 | <script type="text/javascript" src="../staticJs/down.js"></script> | 179 | <script type="text/javascript" src="../../staticJs/down.js"></script> |
| 180 | <script type="text/javascript" src="../staticJs/dzzs.js"></script> | 180 | <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> |
| 181 | <script type="text/javascript" src="../../staticJs/onlineApply/certificateIssuance.js"></script> | ||
| 181 | <script id="progress" type="text/html"> | 182 | <script id="progress" type="text/html"> |
| 182 | {{# layui.each(d.progressList, function(index, item){ }} | 183 | {{# layui.each(d.progressList, function(index, item){ }} |
| 183 | {{# if(item.stepState==2){ }} | 184 | {{# if(item.stepState==2){ }} | ... | ... |
| ... | @@ -16,8 +16,8 @@ | ... | @@ -16,8 +16,8 @@ |
| 16 | <div class="navigation_crumbs"> | 16 | <div class="navigation_crumbs"> |
| 17 | <div class="contentBox"> | 17 | <div class="contentBox"> |
| 18 | <span class="layui-breadcrumb"> | 18 | <span class="layui-breadcrumb"> |
| 19 | <a href="../../index.html">首页</a> | 19 | <a href="../../../index.html">首页</a> |
| 20 | <a href="./wssq.html">网上申请</a> | 20 | <a href="../wssq.html">网上申请</a> |
| 21 | <a><cite>资料审核</cite></a> | 21 | <a><cite>资料审核</cite></a> |
| 22 | </span> | 22 | </span> |
| 23 | </div> | 23 | </div> |
| ... | @@ -34,7 +34,7 @@ | ... | @@ -34,7 +34,7 @@ |
| 34 | </div> | 34 | </div> |
| 35 | <div class="audit_progress"> | 35 | <div class="audit_progress"> |
| 36 | <h2> | 36 | <h2> |
| 37 | <img src="../staticImages/xuanzhong.png" /> | 37 | <img src="../../staticImages/xuanzhong.png" /> |
| 38 | 您的申请已提交,工作人员会在15个工作日内完成审核! | 38 | 您的申请已提交,工作人员会在15个工作日内完成审核! |
| 39 | </h2> | 39 | </h2> |
| 40 | </div> | 40 | </div> |
| ... | @@ -159,7 +159,7 @@ | ... | @@ -159,7 +159,7 @@ |
| 159 | </div> | 159 | </div> |
| 160 | <div class="next_button"> | 160 | <div class="next_button"> |
| 161 | <button type="button" class="layui-btn layui-btn-normal"> | 161 | <button type="button" class="layui-btn layui-btn-normal"> |
| 162 | <a href="./xsjf.html">下一步</a> | 162 | <a onclick="skipClick()">下一步</a> |
| 163 | </button> | 163 | </button> |
| 164 | </div> | 164 | </div> |
| 165 | </div> | 165 | </div> |
| ... | @@ -167,6 +167,7 @@ | ... | @@ -167,6 +167,7 @@ |
| 167 | </body> | 167 | </body> |
| 168 | <script type="text/javascript" src="../../staticJs/common.js"></script> | 168 | <script type="text/javascript" src="../../staticJs/common.js"></script> |
| 169 | <script type="text/javascript" src="../../staticJs/down.js"></script> | 169 | <script type="text/javascript" src="../../staticJs/down.js"></script> |
| 170 | <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> | ||
| 170 | <script type="text/javascript" src="../../staticJs/onlineApply/dataReview.js"></script> | 171 | <script type="text/javascript" src="../../staticJs/onlineApply/dataReview.js"></script> |
| 171 | <script id="progress" type="text/html"> | 172 | <script id="progress" type="text/html"> |
| 172 | {{# layui.each(d.progressList, function(index, item){ }} | 173 | {{# layui.each(d.progressList, function(index, item){ }} | ... | ... |
| ... | @@ -38,7 +38,7 @@ | ... | @@ -38,7 +38,7 @@ |
| 38 | <ul> | 38 | <ul> |
| 39 | <li> | 39 | <li> |
| 40 | <span>不动产单元号:</span> | 40 | <span>不动产单元号:</span> |
| 41 | <p>450101 450002 GB 00740W00000000</p> | 41 | <p>450101 450002 GB00740 W00000000</p> |
| 42 | </li> | 42 | </li> |
| 43 | <li> | 43 | <li> |
| 44 | <span>产权证号:</span> | 44 | <span>产权证号:</span> |
| ... | @@ -111,12 +111,13 @@ | ... | @@ -111,12 +111,13 @@ |
| 111 | </div> | 111 | </div> |
| 112 | </div> | 112 | </div> |
| 113 | <!-----------------资料上传------------------ --> | 113 | <!-----------------资料上传------------------ --> |
| 114 | <div class="data_upload"> | 114 | <div class="data_upload" id="clxx"> |
| 115 | <h3>资料上传</h3> | 115 | <h3>资料上传</h3> |
| 116 | <div class="img_update"> | 116 | <!-- <div class="img_update"> |
| 117 | <div class="fileBox"> | 117 | <div class="fileBox"> |
| 118 | <div class="fileSpan vm"> | 118 | <div class="fileSpan vm"> |
| 119 | <input type="file" multiple id="fileInput" /> | 119 | <input type="file" multiple id="fileInput" numList="2" onchange="handleUpdate(this,'fileInput')"/> |
| 120 | <input type="file" multiple id="fileInput" numList="2" onchange="handleUpdate(this,'fileInput')"/> | ||
| 120 | <div class="file_name"> | 121 | <div class="file_name"> |
| 121 | <img class="update" src="../../staticImages/update.png"> | 122 | <img class="update" src="../../staticImages/update.png"> |
| 122 | <p class="updatetext">点击文件上传</p> | 123 | <p class="updatetext">点击文件上传</p> |
| ... | @@ -125,37 +126,23 @@ | ... | @@ -125,37 +126,23 @@ |
| 125 | </div> | 126 | </div> |
| 126 | <div class="certificate">登记申请书(2份)</div> | 127 | <div class="certificate">登记申请书(2份)</div> |
| 127 | </div> | 128 | </div> |
| 128 | </div> | 129 | </div> --> |
| 129 | <!-- 房屋所有权证书 --> | 130 | <!-- 房屋所有权证书 --> |
| 130 | <div class="img_update"> | 131 | <!-- <div class="img_update"> |
| 131 | <div class="fileBox"> | 132 | <div class="fileBox"> |
| 132 | <div class="fileSpan vm"> | 133 | <div class="fileSpan vm"> |
| 133 | <input type="file" multiple id="fileInput1" /> | 134 | <input type="file" multiple id="fileInput1" onclick="" onchange="handleUpdate(this,'fileInput1')"/> |
| 134 | <div class="file_name"> | 135 | <div class="file_name"> |
| 135 | <img class="update" src="../../staticImages/update.png"> | 136 | <img class="update" src="../../staticImages/update.png"> |
| 136 | <p class="updatetext">点击文件上传</p> | 137 | <p class="updatetext">点击文件上传</p> |
| 137 | </div> | 138 | </div> |
| 138 | <div class="fileListName1"></div> | 139 | <div class="fileListName"></div> |
| 139 | </div> | 140 | </div> |
| 140 | <div class="certificate">房屋所有权证书(2份)</div> | 141 | <div class="certificate">房屋所有权证书(2份)</div> |
| 141 | </div> | 142 | </div> |
| 142 | </div> | 143 | </div> --> |
| 143 | |||
| 144 | <!-- 询问笔录 --> | 144 | <!-- 询问笔录 --> |
| 145 | <div class="img_update"> | 145 | |
| 146 | <div class="fileBox"> | ||
| 147 | <div class="fileSpan vm"> | ||
| 148 | <input type="file" multiple id="fileInput3" /> | ||
| 149 | <div class="file_name"> | ||
| 150 | <img class="update" src="../../staticImages/update.png"> | ||
| 151 | <p class="updatetext">点击文件上传</p> | ||
| 152 | </div> | ||
| 153 | <div class="fileListName3"></div> | ||
| 154 | <a class="record">下载模板</a> | ||
| 155 | </div> | ||
| 156 | <div class="certificate">询问笔录(1)份</div> | ||
| 157 | </div> | ||
| 158 | </div> | ||
| 159 | </div> | 146 | </div> |
| 160 | <div class="next_button submitButton"> | 147 | <div class="next_button submitButton"> |
| 161 | <button type="button" class="layui-btn layui-btn-normal" onclick="skipClick()"> | 148 | <button type="button" class="layui-btn layui-btn-normal" onclick="skipClick()"> |
| ... | @@ -168,12 +155,25 @@ | ... | @@ -168,12 +155,25 @@ |
| 168 | <script type="text/javascript" src="../../staticJs/common.js"></script> | 155 | <script type="text/javascript" src="../../staticJs/common.js"></script> |
| 169 | <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> | 156 | <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> |
| 170 | <script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script> | 157 | <script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script> |
| 171 | <script type="text/javascript" src="../../staticJs/imageUpdate.js"></script> | 158 | <!-- <script type="text/javascript" src="../../staticJs/imageUpdate.js"></script> --> |
| 172 | <script type="text/javascript" src="../../staticJs/imageUpdate1.js"></script> | 159 | <!-- <script type="text/javascript" src="../../staticJs/city-picker.js"></script> --> |
| 173 | <script type="text/javascript" src="../../staticJs/imageUpdate3.js"></script> | ||
| 174 | <script type="text/javascript" src="../../staticJs/city-picker.js"></script> | ||
| 175 | <script type="text/javascript" src="../../staticJs/down.js"></script> | 160 | <script type="text/javascript" src="../../staticJs/down.js"></script> |
| 176 | <script type="text/html" id="barDemo"> | 161 | <!-- <script type="text/html" id="barDemo"> |
| 177 | <i class="layui-icon layui-icon-reduce-circle" lay-event="edit"></i> | 162 | <i class="layui-icon layui-icon-reduce-circle" lay-event="edit"></i> |
| 178 | </script> | 163 | </script> --> |
| 179 | </html> | 164 | </html> |
| 165 | |||
| 166 | <!-- <div class="img_update"> | ||
| 167 | <div class="fileBox"> | ||
| 168 | <div class="fileSpan vm"> | ||
| 169 | <input type="file" multiple id="fileInput3" /> | ||
| 170 | <div class="file_name"> | ||
| 171 | <img class="update" src="../../staticImages/update.png"> | ||
| 172 | <p class="updatetext">点击文件上传</p> | ||
| 173 | </div> | ||
| 174 | <div class="fileListName3"></div> | ||
| 175 | <a class="record">下载模板</a> | ||
| 176 | </div> | ||
| 177 | <div class="certificate">询问笔录(1)份</div> | ||
| 178 | </div> | ||
| 179 | </div> --> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -36,8 +36,20 @@ | ... | @@ -36,8 +36,20 @@ |
| 36 | <div class="nav_title"> | 36 | <div class="nav_title"> |
| 37 | <h2>买方</h2> | 37 | <h2>买方</h2> |
| 38 | </div> | 38 | </div> |
| 39 | <div class="sms_authentication"> | ||
| 40 | <h5>短信认证</h5> | ||
| 41 | <div> | ||
| 42 | <span>手机号</span> | ||
| 43 | <input type="tel" name="phone" placeholder="请输入手机号" class="layui-input"> | ||
| 44 | </div> | ||
| 45 | <div> | ||
| 46 | <span>验证码</span> | ||
| 47 | <input type="tel" name="code" placeholder="请输入验证码" class="layui-input"> | ||
| 48 | </div> | ||
| 49 | </div> | ||
| 50 | |||
| 39 | <div class="video_authentication"> | 51 | <div class="video_authentication"> |
| 40 | 视频认证 | 52 | <h5>视频认证<h5> |
| 41 | <div id="my_camera"></div> | 53 | <div id="my_camera"></div> |
| 42 | <form> | 54 | <form> |
| 43 | <input type=button value="Take Snapshot" onClick="take_snapshot()"> | 55 | <input type=button value="Take Snapshot" onClick="take_snapshot()"> |
| ... | @@ -56,7 +68,6 @@ | ... | @@ -56,7 +68,6 @@ |
| 56 | <script type="text/javascript" src="../../staticJs/down.js"></script> | 68 | <script type="text/javascript" src="../../staticJs/down.js"></script> |
| 57 | <script type="text/javascript" src="../../staticJs/jquery.webcam.min.js"></script> | 69 | <script type="text/javascript" src="../../staticJs/jquery.webcam.min.js"></script> |
| 58 | <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> | 70 | <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> |
| 59 | +88 | ||
| 60 | <script type="text/javascript" src="../../staticJs/onlineApply/identityAuthentication.js"></script> | 71 | <script type="text/javascript" src="../../staticJs/onlineApply/identityAuthentication.js"></script> |
| 61 | <script id="progress" type="text/html"> | 72 | <script id="progress" type="text/html"> |
| 62 | {{# layui.each(d.progressList, function(index, item){ }} | 73 | {{# layui.each(d.progressList, function(index, item){ }} | ... | ... |
| ... | @@ -6,9 +6,9 @@ | ... | @@ -6,9 +6,9 @@ |
| 6 | </style> | 6 | </style> |
| 7 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 7 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| 8 | <title>立即办理-线上缴费</title> | 8 | <title>立即办理-线上缴费</title> |
| 9 | <script type="text/javascript" src="../staticJs/head.js"></script> | 9 | <script type="text/javascript" src="../../staticJs/head.js"></script> |
| 10 | <link rel="stylesheet" type="text/css" href="../staticCss/progress.css"> | 10 | <link rel="stylesheet" type="text/css" href="../../staticCss/progress.css"> |
| 11 | <link rel="stylesheet" type="text/css" href="../staticCss/xsjf.css"> | 11 | <link rel="stylesheet" type="text/css" href="../../staticCss/xsjf.css"> |
| 12 | </head> | 12 | </head> |
| 13 | 13 | ||
| 14 | <body> | 14 | <body> |
| ... | @@ -16,7 +16,7 @@ | ... | @@ -16,7 +16,7 @@ |
| 16 | <div class="contentBox"> | 16 | <div class="contentBox"> |
| 17 | <span class="layui-breadcrumb"> | 17 | <span class="layui-breadcrumb"> |
| 18 | <a href="../../index.html">首页</a> | 18 | <a href="../../index.html">首页</a> |
| 19 | <a href="./wssq.html">网上申请</a> | 19 | <a href="../wssq.html">网上申请</a> |
| 20 | <a><cite>线上缴费</cite></a> | 20 | <a><cite>线上缴费</cite></a> |
| 21 | </span> | 21 | </span> |
| 22 | </div> | 22 | </div> |
| ... | @@ -35,7 +35,7 @@ | ... | @@ -35,7 +35,7 @@ |
| 35 | <!-- ------------------开始支付----------------- --> | 35 | <!-- ------------------开始支付----------------- --> |
| 36 | <div class="audit_progress"> | 36 | <div class="audit_progress"> |
| 37 | <h2> | 37 | <h2> |
| 38 | <img src="../staticImages/xuanzhong.png" /> | 38 | <img src="../../staticImages/xuanzhong.png" /> |
| 39 | 您的申请已提交,工作人员会在15个工作日内完成审核! | 39 | 您的申请已提交,工作人员会在15个工作日内完成审核! |
| 40 | </h2> | 40 | </h2> |
| 41 | </div> | 41 | </div> |
| ... | @@ -74,11 +74,11 @@ | ... | @@ -74,11 +74,11 @@ |
| 74 | <h3>缴费通道</h3> | 74 | <h3>缴费通道</h3> |
| 75 | <ul class="payment_channel_con"> | 75 | <ul class="payment_channel_con"> |
| 76 | <li> | 76 | <li> |
| 77 | <img src="../staticImages/wechat.png"> | 77 | <img src="../../staticImages/wechat.png"> |
| 78 | <span>微信</span> | 78 | <span>微信</span> |
| 79 | </li> | 79 | </li> |
| 80 | <li> | 80 | <li> |
| 81 | <img src="../staticImages/alipay.png" alt=""> | 81 | <img src="../../staticImages/alipay.png" alt=""> |
| 82 | <span>支付宝</span> | 82 | <span>支付宝</span> |
| 83 | </li> | 83 | </li> |
| 84 | </ul> | 84 | </ul> |
| ... | @@ -86,10 +86,10 @@ | ... | @@ -86,10 +86,10 @@ |
| 86 | <p>扫一扫付款(元)</p> | 86 | <p>扫一扫付款(元)</p> |
| 87 | <p>600.00</p> | 87 | <p>600.00</p> |
| 88 | <div class="scanning_results"> | 88 | <div class="scanning_results"> |
| 89 | <img class="erweima" src="../staticImages/code.png"> | 89 | <img class="erweima" src="../../staticImages/code.png"> |
| 90 | <img class="codeShowImg" src="../staticImages/alipayShow.png"> | 90 | <img class="codeShowImg" src="../../staticImages/alipayShow.png"> |
| 91 | <div class="code_detail"> | 91 | <div class="code_detail"> |
| 92 | <img src="../staticImages/saoyisao.png"> | 92 | <img src="../../staticImages/saoyisao.png"> |
| 93 | <ul> | 93 | <ul> |
| 94 | <li class="paymentText">打开手机支付</li> | 94 | <li class="paymentText">打开手机支付</li> |
| 95 | <li>扫一扫继续付款</li> | 95 | <li>扫一扫继续付款</li> |
| ... | @@ -102,9 +102,10 @@ | ... | @@ -102,9 +102,10 @@ |
| 102 | <!-- ------------------支付成功----------------- --> | 102 | <!-- ------------------支付成功----------------- --> |
| 103 | </div> | 103 | </div> |
| 104 | </body> | 104 | </body> |
| 105 | <script type="text/javascript" src="../staticJs/common.js"></script> | 105 | <script type="text/javascript" src="../../staticJs/common.js"></script> |
| 106 | <script type="text/javascript" src="../staticJs/down.js"></script> | 106 | <script type="text/javascript" src="../../staticJs/down.js"></script> |
| 107 | <script type="text/javascript" src="../staticJs/xsjf.js"></script> | 107 | <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> |
| 108 | <script type="text/javascript" src="../../staticJs/onlineApply/onlinePayment.js"></script> | ||
| 108 | <script id="progress" type="text/html"> | 109 | <script id="progress" type="text/html"> |
| 109 | {{# layui.each(d.progressList, function(index, item){ }} | 110 | {{# layui.each(d.progressList, function(index, item){ }} |
| 110 | {{# if(item.stepState==2){ }} | 111 | {{# if(item.stepState==2){ }} | ... | ... |
| ... | @@ -51,34 +51,6 @@ | ... | @@ -51,34 +51,6 @@ |
| 51 | <div class="online_examination"> | 51 | <div class="online_examination"> |
| 52 | <h1 class="type_title">网上预审(现场办结)</h1> | 52 | <h1 class="type_title">网上预审(现场办结)</h1> |
| 53 | <div id="settlement"></div> | 53 | <div id="settlement"></div> |
| 54 | <!-- <ul class="item_list"> | ||
| 55 | <div class="list_title"> | ||
| 56 | <h2> | ||
| 57 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 58 | <use xlink:href="#icontudi"></use> | ||
| 59 | </svg> | ||
| 60 | 预告类 | ||
| 61 | </h2> | ||
| 62 | </div> | ||
| 63 | <li> | ||
| 64 | <p>二手房买卖登记</p> | ||
| 65 | <div class="button"> | ||
| 66 | <button type="button" class="layui-btn layui-btn-normal layui-btn-sm"> | ||
| 67 | <a href='./esf-xxjy.html'>立即办理</a> | ||
| 68 | </button> | ||
| 69 | <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button> | ||
| 70 | </div> | ||
| 71 | </li> | ||
| 72 | <li> | ||
| 73 | <p>商品房转移登记</p> | ||
| 74 | <div class="button"> | ||
| 75 | <button type="button" class="layui-btn layui-btn-normal layui-btn-sm"> | ||
| 76 | <a href='./xxjy.html'>立即办理</a> | ||
| 77 | </button> | ||
| 78 | <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button> | ||
| 79 | </div> | ||
| 80 | </li> | ||
| 81 | </ul> --> | ||
| 82 | </div> | 54 | </div> |
| 83 | </div> | 55 | </div> |
| 84 | </div> | 56 | </div> | ... | ... |
| ... | @@ -96,7 +96,7 @@ | ... | @@ -96,7 +96,7 @@ |
| 96 | <div class="confim_input"> | 96 | <div class="confim_input"> |
| 97 | <div class="checkbox"> | 97 | <div class="checkbox"> |
| 98 | </div> | 98 | </div> |
| 99 | <p>接收</p> | 99 | <p>接受</p> |
| 100 | </div> | 100 | </div> |
| 101 | <div class="next_button"> | 101 | <div class="next_button"> |
| 102 | <button type="button" class="layui-btn layui-btn-normal">下一步</button> | 102 | <button type="button" class="layui-btn layui-btn-normal">下一步</button> | ... | ... |
-
Please register or sign in to post a comment