Commit d7d4c01739740ff888159a565cc601cc71723e87
1 parent
f1a4d9dc
1
Showing
33 changed files
with
3615 additions
and
400 deletions
apis/modules/ly.js
| 1 | 1 | import request from '../../service/request.js' |
| 2 | 2 | import utils from '../../service/utils.js' |
| 3 | -export default { | |
| 3 | +export default { | |
| 4 | + // 修改界桩 | |
| 5 | + removeplie(data){ | |
| 6 | + return request.put('/areBoundary/plie',data) | |
| 7 | + }, | |
| 8 | + // 添加界桩 | |
| 9 | + addplie(data){ | |
| 10 | + return request.post('/areBoundary/plie',data) | |
| 11 | + }, | |
| 12 | + // 获取地名类别 | |
| 13 | + getregional(data){ | |
| 14 | + return request.get('/arePlaceName/regional/list',data) | |
| 15 | + }, | |
| 16 | + // 获取处理地名类别 | |
| 17 | + gettreeselect(data){ | |
| 18 | + return request.get('/arePlaceName/regional/treeselect',data) | |
| 19 | + }, | |
| 20 | + // 添加国家地理 | |
| 21 | + toponym(data){ | |
| 22 | + return request.post('/arePlaceName/toponym',data) | |
| 23 | + }, | |
| 24 | + // 获取国家地理 | |
| 25 | + gettoponym(data){ | |
| 26 | + return request.get('/arePlaceName/toponym/list',data) | |
| 27 | + }, | |
| 4 | 28 | // 申报巡检 |
| 5 | 29 | addpatrol(data){ |
| 6 | 30 | return request.post('/areBoundary/patrol',data) | ... | ... |
pages.json
| ... | ... | @@ -140,12 +140,12 @@ |
| 140 | 140 | }, { |
| 141 | 141 | "path": "pages/map1/map", |
| 142 | 142 | "style": { |
| 143 | - "navigationStyle": "custom" | |
| 143 | + "navigationBarTitleText": "地名查询服务" | |
| 144 | 144 | } |
| 145 | 145 | }, { |
| 146 | 146 | "path": "pages/mapstakeline/mapstakeline", |
| 147 | 147 | "style": { |
| 148 | - "navigationStyle": "custom" | |
| 148 | + "navigationBarTitleText": "界桩界线管护" | |
| 149 | 149 | } |
| 150 | 150 | }, { |
| 151 | 151 | "path": "pages/mapstakelinedetail/mapstakelinedetail", |
| ... | ... | @@ -427,6 +427,33 @@ |
| 427 | 427 | "style": { |
| 428 | 428 | "navigationStyle": "custom" |
| 429 | 429 | } |
| 430 | + }, | |
| 431 | + { | |
| 432 | + "path" : "pages/declaration/newDeclaration", | |
| 433 | + "style" : | |
| 434 | + { | |
| 435 | + "navigationStyle": "custom", | |
| 436 | + "navigationBarTitleText" : "", | |
| 437 | + "enablePullDownRefresh" : false | |
| 438 | + } | |
| 439 | + }, | |
| 440 | + { | |
| 441 | + "path" : "pages/declaration/newDeclarationdetail", | |
| 442 | + "style" : | |
| 443 | + { | |
| 444 | + "navigationBarTitleText" : "", | |
| 445 | + "navigationStyle": "custom", | |
| 446 | + "enablePullDownRefresh" : false | |
| 447 | + } | |
| 448 | + }, | |
| 449 | + { | |
| 450 | + "path" : "pages/mapstakelinedetail/addmapstakelinedetail", | |
| 451 | + "style" : | |
| 452 | + { | |
| 453 | + "navigationBarTitleText" : "", | |
| 454 | + "enablePullDownRefresh" : false, | |
| 455 | + "navigationStyle": "custom" | |
| 456 | + } | |
| 430 | 457 | } |
| 431 | 458 | ], |
| 432 | 459 | "globalStyle": { | ... | ... |
pages/declaration/declaration.vue
| ... | ... | @@ -19,7 +19,7 @@ |
| 19 | 19 | <view class="serve-title">行政区划</view> |
| 20 | 20 | <view class="serve-right"> |
| 21 | 21 | <picker @change="e=> bindPickerChange1(e,3)" :value="index" :range="array3"> |
| 22 | - <view class="uni-input">{{community.adminArea?community.adminArea:'请选择'}} | |
| 22 | + <view :class="community.adminArea?'uni-input1':'uni-input2'">{{community.adminArea?community.adminArea:'请选择'}} | |
| 23 | 23 | </view> |
| 24 | 24 | </picker> |
| 25 | 25 | <image src="../../static/down3.png"></image> |
| ... | ... | @@ -33,7 +33,7 @@ |
| 33 | 33 | <view class="serve-title">地名类别</view> |
| 34 | 34 | <view class="serve-right"> |
| 35 | 35 | <picker @change="e=> bindPickerChange1(e,1)" :value="index" :range="array1"> |
| 36 | - <view class="uni-input"> | |
| 36 | + <view :class="community.placeNameCategory?'uni-input1':'uni-input2'"> | |
| 37 | 37 | {{community.placeNameCategory?community.placeNameCategory:'请选择'}} |
| 38 | 38 | </view> |
| 39 | 39 | </picker> |
| ... | ... | @@ -48,7 +48,7 @@ |
| 48 | 48 | <view class="serve-title">类型</view> |
| 49 | 49 | <view class="serve-right"> |
| 50 | 50 | <picker @change="e=> bindPickerChange1(e,2)" :value="index" :range="array2"> |
| 51 | - <view class="uni-input">{{community.types?community.types:'请选择'}} | |
| 51 | + <view :class="community.types?'uni-input1':'uni-input2'">{{community.types?community.types:'请选择'}} | |
| 52 | 52 | </view> |
| 53 | 53 | </picker> |
| 54 | 54 | <image src="../../static/down3.png"></image> |
| ... | ... | @@ -63,7 +63,7 @@ |
| 63 | 63 | <view> |
| 64 | 64 | <input id="communityName" @input="oninput" v-module="community.communityName" |
| 65 | 65 | placeholder="请输入" style="text-align: right;" |
| 66 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 66 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 67 | 67 | </view> |
| 68 | 68 | </view> |
| 69 | 69 | </view> |
| ... | ... | @@ -75,7 +75,7 @@ |
| 75 | 75 | <view> |
| 76 | 76 | <input id="originalName" @input="oninput" v-module="community.originalName" |
| 77 | 77 | placeholder="请输入" style="text-align: right;" |
| 78 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 78 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 79 | 79 | </view> |
| 80 | 80 | </view> |
| 81 | 81 | </view> |
| ... | ... | @@ -87,7 +87,7 @@ |
| 87 | 87 | <view> |
| 88 | 88 | <input id="historyName" @input="oninput" v-module="community.historyName" |
| 89 | 89 | placeholder="请输入" style="text-align: right;" |
| 90 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 90 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 91 | 91 | </view> |
| 92 | 92 | </view> |
| 93 | 93 | </view> |
| ... | ... | @@ -99,7 +99,7 @@ |
| 99 | 99 | <view> |
| 100 | 100 | <input id="totalArea" @input="oninput" v-module="community.totalArea" |
| 101 | 101 | placeholder="请输入" style="text-align: right;" |
| 102 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 102 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 103 | 103 | </view> |
| 104 | 104 | </view> |
| 105 | 105 | </view> |
| ... | ... | @@ -111,7 +111,7 @@ |
| 111 | 111 | <view> |
| 112 | 112 | <input id="villageCommunity" @input="oninput" v-module="community.villageCommunity" |
| 113 | 113 | placeholder="请输入" style="text-align: right;" |
| 114 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 114 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 115 | 115 | </view> |
| 116 | 116 | </view> |
| 117 | 117 | </view> |
| ... | ... | @@ -123,7 +123,7 @@ |
| 123 | 123 | <view> |
| 124 | 124 | <input id="buildingCount" @input="oninput" v-module="community.buildingCount" |
| 125 | 125 | placeholder="请输入" style="text-align: right;" |
| 126 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 126 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 127 | 127 | </view> |
| 128 | 128 | </view> |
| 129 | 129 | </view> |
| ... | ... | @@ -133,7 +133,7 @@ |
| 133 | 133 | <view class="serve"> |
| 134 | 134 | <view class="serve-title">详细地址</view> |
| 135 | 135 | <view class="serve-right" @tap="openaddress(1)"> |
| 136 | - <view class="uni-input">{{community.address?community.address:'请选择'}}</view> | |
| 136 | + <view :class="community.address?'uni-input1':'uni-input2'">{{community.address?community.address:'请选择'}}</view> | |
| 137 | 137 | </view> |
| 138 | 138 | </view> |
| 139 | 139 | </view> |
| ... | ... | @@ -143,7 +143,7 @@ |
| 143 | 143 | <view class="serve"> |
| 144 | 144 | <view class="serve-title">有效起始时间</view> |
| 145 | 145 | <view class="serve-right" @tap="opentime(1)"> |
| 146 | - <view class="uni-input">{{community.validStartDate?community.validStartDate:'请选择'}} | |
| 146 | + <view :class="community.validStartDate?'uni-input1':'uni-input2'">{{community.validStartDate?community.validStartDate:'请选择'}} | |
| 147 | 147 | </view> |
| 148 | 148 | </view> |
| 149 | 149 | </view> |
| ... | ... | @@ -154,7 +154,7 @@ |
| 154 | 154 | <view class="serve"> |
| 155 | 155 | <view class="serve-title">有效终止日期</view> |
| 156 | 156 | <view class="serve-right" @tap="opentime(2)"> |
| 157 | - <view class="uni-input">{{community.validEndDate?community.validEndDate:'请选择'}} | |
| 157 | + <view :class="community.validEndDate?'uni-input1':'uni-input2'">{{community.validEndDate?community.validEndDate:'请选择'}} | |
| 158 | 158 | </view> |
| 159 | 159 | </view> |
| 160 | 160 | </view> |
| ... | ... | @@ -167,7 +167,7 @@ |
| 167 | 167 | <view> |
| 168 | 168 | <input id="totalUnits" @input="oninput" v-module="community.totalUnits" |
| 169 | 169 | placeholder="请输入" style="text-align: right;" |
| 170 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 170 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 171 | 171 | </view> |
| 172 | 172 | </view> |
| 173 | 173 | </view> |
| ... | ... | @@ -179,7 +179,7 @@ |
| 179 | 179 | <view> |
| 180 | 180 | <input id="developer" @input="oninput" v-module="community.developer" |
| 181 | 181 | placeholder="请输入" style="text-align: right;" |
| 182 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 182 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 183 | 183 | </view> |
| 184 | 184 | </view> |
| 185 | 185 | </view> |
| ... | ... | @@ -192,7 +192,7 @@ |
| 192 | 192 | <input id="romanLettersSpell" @input="oninput" |
| 193 | 193 | v-module="community.romanLettersSpell" placeholder="请输入" |
| 194 | 194 | style="text-align: right;" |
| 195 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 195 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 196 | 196 | </view> |
| 197 | 197 | </view> |
| 198 | 198 | </view> |
| ... | ... | @@ -202,7 +202,7 @@ |
| 202 | 202 | <view class="serve"> |
| 203 | 203 | <view class="serve-title">设立时间</view> |
| 204 | 204 | <view class="serve-right" @tap="opentime(3)"> |
| 205 | - <view class="uni-input">{{community.establishTime?community.establishTime:'请选择'}} | |
| 205 | + <view :class="community.establishTime?'uni-input1':'uni-input2'">{{community.establishTime?community.establishTime:'请选择'}} | |
| 206 | 206 | </view> |
| 207 | 207 | </view> |
| 208 | 208 | </view> |
| ... | ... | @@ -216,7 +216,7 @@ |
| 216 | 216 | <input id="originOfPlaceNames" @input="oninput" |
| 217 | 217 | v-module="community.originOfPlaceNames" placeholder="请输入" |
| 218 | 218 | style="text-align: right;" |
| 219 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 219 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 220 | 220 | </view> |
| 221 | 221 | </view> |
| 222 | 222 | </view> |
| ... | ... | @@ -229,7 +229,7 @@ |
| 229 | 229 | <input id="meaningOfPlaceNames" @input="oninput" |
| 230 | 230 | v-module="community.meaningOfPlaceNames" placeholder="请输入" |
| 231 | 231 | style="text-align: right;" |
| 232 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 232 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 233 | 233 | </view> |
| 234 | 234 | </view> |
| 235 | 235 | </view> |
| ... | ... | @@ -242,7 +242,7 @@ |
| 242 | 242 | <input id="historicalEvolution" @input="oninput" |
| 243 | 243 | v-module="community.historicalEvolution" placeholder="请输入" |
| 244 | 244 | style="text-align: right;" |
| 245 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 245 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 246 | 246 | </view> |
| 247 | 247 | </view> |
| 248 | 248 | </view> |
| ... | ... | @@ -254,7 +254,7 @@ |
| 254 | 254 | <view> |
| 255 | 255 | <input id="postalCode" @input="oninput" v-module="community.postalCode" |
| 256 | 256 | placeholder="请输入" style="text-align: right;" |
| 257 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 257 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 258 | 258 | </view> |
| 259 | 259 | </view> |
| 260 | 260 | </view> |
| ... | ... | @@ -267,7 +267,7 @@ |
| 267 | 267 | <input id="administrativeRegion" @input="oninput" |
| 268 | 268 | v-module="community.administrativeRegion" placeholder="请输入" |
| 269 | 269 | style="text-align: right;" |
| 270 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 270 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 271 | 271 | </view> |
| 272 | 272 | </view> |
| 273 | 273 | </view> |
| ... | ... | @@ -281,7 +281,7 @@ |
| 281 | 281 | <view class="serve-title">行政区划</view> |
| 282 | 282 | <view class="serve-right"> |
| 283 | 283 | <picker @change="e=> bindPickerChange1(e,4)" :value="index" :range="array3"> |
| 284 | - <view class="uni-input">{{street.adminArea?street.adminArea:'请选择'}} | |
| 284 | + <view :class="street.adminAre?'uni-input1':'uni-input2'">{{street.adminArea?street.adminArea:'请选择'}} | |
| 285 | 285 | </view> |
| 286 | 286 | </picker> |
| 287 | 287 | <image src="../../static/down3.png"></image> |
| ... | ... | @@ -296,7 +296,7 @@ |
| 296 | 296 | <view> |
| 297 | 297 | <input id="standardName" @input="oninput1" v-module="street.standardName" |
| 298 | 298 | placeholder="请输入" style="text-align: right;" |
| 299 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 299 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 300 | 300 | </view> |
| 301 | 301 | </view> |
| 302 | 302 | </view> |
| ... | ... | @@ -308,7 +308,7 @@ |
| 308 | 308 | <view> |
| 309 | 309 | <input id="originalName" @input="oninput1" v-module="street.originalName" |
| 310 | 310 | placeholder="请输入" style="text-align: right;" |
| 311 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 311 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 312 | 312 | </view> |
| 313 | 313 | </view> |
| 314 | 314 | </view> |
| ... | ... | @@ -320,7 +320,7 @@ |
| 320 | 320 | <view> |
| 321 | 321 | <input id="nameHistory" @input="oninput1" v-module="street.nameHistory" |
| 322 | 322 | placeholder="请输入" style="text-align: right;" |
| 323 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 323 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 324 | 324 | </view> |
| 325 | 325 | </view> |
| 326 | 326 | </view> |
| ... | ... | @@ -332,7 +332,7 @@ |
| 332 | 332 | <view> |
| 333 | 333 | <input id="nameMeaning" @input="oninput1" v-module="street.nameMeaning" |
| 334 | 334 | placeholder="请输入" style="text-align: right;" |
| 335 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 335 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 336 | 336 | </view> |
| 337 | 337 | </view> |
| 338 | 338 | </view> |
| ... | ... | @@ -344,7 +344,7 @@ |
| 344 | 344 | <view> |
| 345 | 345 | <input id="length" @input="oninput1" v-module="street.length" placeholder="请输入" |
| 346 | 346 | style="text-align: right;" |
| 347 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 347 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 348 | 348 | </view> |
| 349 | 349 | </view> |
| 350 | 350 | </view> |
| ... | ... | @@ -356,7 +356,7 @@ |
| 356 | 356 | <view> |
| 357 | 357 | <input id="width" @input="oninput1" v-module="street.width" placeholder="请输入" |
| 358 | 358 | style="text-align: right;" |
| 359 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 359 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 360 | 360 | </view> |
| 361 | 361 | </view> |
| 362 | 362 | </view> |
| ... | ... | @@ -369,7 +369,7 @@ |
| 369 | 369 | <input id="streetRegistration" @input="oninput1" |
| 370 | 370 | v-module="street.streetRegistration" placeholder="请输入" |
| 371 | 371 | style="text-align: right;" |
| 372 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 372 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 373 | 373 | </view> |
| 374 | 374 | </view> |
| 375 | 375 | </view> |
| ... | ... | @@ -379,7 +379,7 @@ |
| 379 | 379 | <view class="serve"> |
| 380 | 380 | <view class="serve-title">有效起始时间</view> |
| 381 | 381 | <view class="serve-right" @tap="opentime(4)"> |
| 382 | - <view class="uni-input">{{street.validStartDate?street.validStartDate:'请选择'}}</view> | |
| 382 | + <view :class="street.validStartDate?'uni-input1':'uni-input2'">{{street.validStartDate?street.validStartDate:'请选择'}}</view> | |
| 383 | 383 | </view> |
| 384 | 384 | </view> |
| 385 | 385 | </view> |
| ... | ... | @@ -389,7 +389,7 @@ |
| 389 | 389 | <view class="serve"> |
| 390 | 390 | <view class="serve-title">有效终止日期</view> |
| 391 | 391 | <view class="serve-right" @tap="opentime(5)"> |
| 392 | - <view class="uni-input">{{street.validEndDate?street.validEndDate:'请选择'}}</view> | |
| 392 | + <view :class="street.validEndDate?'uni-input1':'uni-input2'">{{street.validEndDate?street.validEndDate:'请选择'}}</view> | |
| 393 | 393 | </view> |
| 394 | 394 | </view> |
| 395 | 395 | </view> |
| ... | ... | @@ -399,7 +399,7 @@ |
| 399 | 399 | <view class="serve"> |
| 400 | 400 | <view class="serve-title">开始位置</view> |
| 401 | 401 | <view class="serve-right" @tap="openaddress(2)"> |
| 402 | - <view class="uni-input">{{street.startLocation?street.startLocation:'请选择'}}</view> | |
| 402 | + <view :class="street.startLocation?'uni-input1':'uni-input2'">{{street.startLocation?street.startLocation:'请选择'}}</view> | |
| 403 | 403 | </view> |
| 404 | 404 | </view> |
| 405 | 405 | </view> |
| ... | ... | @@ -409,7 +409,7 @@ |
| 409 | 409 | <view class="serve"> |
| 410 | 410 | <view class="serve-title">结束位置</view> |
| 411 | 411 | <view class="serve-right" @tap="openaddress(3)"> |
| 412 | - <view class="uni-input">{{street.endLocation?street.endLocation:'请选择'}}</view> | |
| 412 | + <view :class="street.endLocation?'uni-input1':'uni-input2'">{{street.endLocation?street.endLocation:'请选择'}}</view> | |
| 413 | 413 | </view> |
| 414 | 414 | </view> |
| 415 | 415 | </view> |
| ... | ... | @@ -422,7 +422,7 @@ |
| 422 | 422 | <view class="serve-title">行政区划</view> |
| 423 | 423 | <view class="serve-right"> |
| 424 | 424 | <picker @change="e=> bindPickerChange1(e,5)" :value="index" :range="array3"> |
| 425 | - <view class="uni-input">{{build.adminArea?build.adminArea:'请选择'}} | |
| 425 | + <view :class="build.adminArea?'uni-input1':'uni-input2'">{{build.adminArea?build.adminArea:'请选择'}} | |
| 426 | 426 | </view> |
| 427 | 427 | </picker> |
| 428 | 428 | <image src="../../static/down3.png"></image> |
| ... | ... | @@ -437,7 +437,7 @@ |
| 437 | 437 | <view> |
| 438 | 438 | <input id="tallBuildName" @input="oninput2" v-module="build.tallBuildName" |
| 439 | 439 | placeholder="请输入" style="text-align: right;" |
| 440 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 440 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 441 | 441 | </view> |
| 442 | 442 | </view> |
| 443 | 443 | </view> |
| ... | ... | @@ -449,7 +449,7 @@ |
| 449 | 449 | <view> |
| 450 | 450 | <input id="originalName" @input="oninput2" v-module="build.originalName" |
| 451 | 451 | placeholder="请输入" style="text-align: right;" |
| 452 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 452 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 453 | 453 | </view> |
| 454 | 454 | </view> |
| 455 | 455 | </view> |
| ... | ... | @@ -461,7 +461,7 @@ |
| 461 | 461 | <view> |
| 462 | 462 | <input id="layerNumber" @input="oninput2" v-module="build.layerNumber" |
| 463 | 463 | placeholder="请输入" style="text-align: right;" |
| 464 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 464 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 465 | 465 | </view> |
| 466 | 466 | </view> |
| 467 | 467 | </view> |
| ... | ... | @@ -473,7 +473,7 @@ |
| 473 | 473 | <view> |
| 474 | 474 | <input id="occupiesArea" @input="oninput2" v-module="build.occupiesArea" |
| 475 | 475 | placeholder="请输入" style="text-align: right;" |
| 476 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 476 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 477 | 477 | </view> |
| 478 | 478 | </view> |
| 479 | 479 | </view> |
| ... | ... | @@ -483,7 +483,7 @@ |
| 483 | 483 | <view class="serve"> |
| 484 | 484 | <view class="serve-title">详细地址</view> |
| 485 | 485 | <view class="serve-right" @tap="openaddress(4)"> |
| 486 | - <view class="uni-input">{{build.locationPoint?build.locationPoint:'请选择'}}</view> | |
| 486 | + <view :class="build.locationPoint?'uni-input1':'uni-input2'">{{build.locationPoint?build.locationPoint:'请选择'}}</view> | |
| 487 | 487 | </view> |
| 488 | 488 | </view> |
| 489 | 489 | </view> |
| ... | ... | @@ -493,7 +493,7 @@ |
| 493 | 493 | <view class="serve"> |
| 494 | 494 | <view class="serve-title">有效起始时间</view> |
| 495 | 495 | <view class="serve-right" @tap="opentime(6)"> |
| 496 | - <view class="uni-input">{{build.validStartDate?build.validStartDate:'请选择'}}</view> | |
| 496 | + <view :class="build.validStartDate?'uni-input1':'uni-input2'">{{build.validStartDate?build.validStartDate:'请选择'}}</view> | |
| 497 | 497 | </view> |
| 498 | 498 | </view> |
| 499 | 499 | </view> |
| ... | ... | @@ -503,7 +503,7 @@ |
| 503 | 503 | <view class="serve"> |
| 504 | 504 | <view class="serve-title">有效终止日期</view> |
| 505 | 505 | <view class="serve-right" @tap="opentime(7)"> |
| 506 | - <view class="uni-input">{{build.validEndDate?build.validEndDate:'请选择'}}</view> | |
| 506 | + <view :class="build.validEndDate?'uni-input1':'uni-input2'">{{build.validEndDate?build.validEndDate:'请选择'}}</view> | |
| 507 | 507 | </view> |
| 508 | 508 | </view> |
| 509 | 509 | </view> |
| ... | ... | @@ -515,7 +515,7 @@ |
| 515 | 515 | <view> |
| 516 | 516 | <input id="developer" @input="oninput2" v-module="build.developer" placeholder="请输入" |
| 517 | 517 | style="text-align: right;" |
| 518 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 518 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 519 | 519 | </view> |
| 520 | 520 | </view> |
| 521 | 521 | </view> |
| ... | ... | @@ -527,7 +527,7 @@ |
| 527 | 527 | <view> |
| 528 | 528 | <input id="describeContent" @input="oninput2" v-module="build.describeContent" |
| 529 | 529 | placeholder="请输入" style="text-align: right;" |
| 530 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 530 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 531 | 531 | </view> |
| 532 | 532 | </view> |
| 533 | 533 | </view> |
| ... | ... | @@ -542,7 +542,7 @@ |
| 542 | 542 | <view> |
| 543 | 543 | <input id="addressName" @input="oninput3" v-module="applicatio.addressName" |
| 544 | 544 | placeholder="请输入" style="text-align: right;" |
| 545 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 545 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 546 | 546 | </view> |
| 547 | 547 | </view> |
| 548 | 548 | </view> |
| ... | ... | @@ -554,7 +554,7 @@ |
| 554 | 554 | <view> |
| 555 | 555 | <input id="applicationName" @input="oninput3" v-module="applicatio.applicationName" |
| 556 | 556 | placeholder="请输入" style="text-align: right;" |
| 557 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 557 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 558 | 558 | </view> |
| 559 | 559 | </view> |
| 560 | 560 | </view> |
| ... | ... | @@ -567,7 +567,7 @@ |
| 567 | 567 | <input id="applicationPhone" @input="oninput3" |
| 568 | 568 | v-module="applicatio.applicationPhone" placeholder="请输入" |
| 569 | 569 | style="text-align: right;" |
| 570 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 570 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 571 | 571 | </view> |
| 572 | 572 | </view> |
| 573 | 573 | </view> |
| ... | ... | @@ -578,7 +578,7 @@ |
| 578 | 578 | <view class="serve"> |
| 579 | 579 | <view class="serve-title">详细地址</view> |
| 580 | 580 | <view class="serve-right" @tap="openaddress(5)"> |
| 581 | - <view class="uni-input">{{applicatio.address?applicatio.address:'请选择'}}</view> | |
| 581 | + <view :class="applicatio.address?'uni-input1':'uni-input2'">{{applicatio.address?applicatio.address:'请选择'}}</view> | |
| 582 | 582 | </view> |
| 583 | 583 | </view> |
| 584 | 584 | </view> |
| ... | ... | @@ -590,7 +590,7 @@ |
| 590 | 590 | <view> |
| 591 | 591 | <input id="remark" @input="oninput3" v-module="applicatio.remark" placeholder="请输入" |
| 592 | 592 | style="text-align: right;" |
| 593 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 593 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 594 | 594 | </view> |
| 595 | 595 | </view> |
| 596 | 596 | </view> |
| ... | ... | @@ -600,11 +600,39 @@ |
| 600 | 600 | <view class="info-box"> |
| 601 | 601 | <view class="info-box-list"> |
| 602 | 602 | <view class="serve"> |
| 603 | + <view class="serve-title">申报类型</view> | |
| 604 | + <view class="serve-right"> | |
| 605 | + <picker @change="e=> bindPickerChange1(e,6)" :value="index" :range="array4"> | |
| 606 | + <view :class="array4type?'uni-input1':'uni-input2'">{{array4type?array4type:'请选择'}} | |
| 607 | + </view> | |
| 608 | + </picker> | |
| 609 | + <image src="../../static/down3.png"></image> | |
| 610 | + </view> | |
| 611 | + </view> | |
| 612 | + </view> | |
| 613 | + </view> | |
| 614 | + <view class="info-box" v-if="array4type == '单个申报'"> | |
| 615 | + <view class="info-box-list"> | |
| 616 | + <view class="serve"> | |
| 617 | + <view class="serve-title">类型</view> | |
| 618 | + <view class="serve-right"> | |
| 619 | + <picker @change="e=> bindPickerChange1(e,7)" :value="index" :range="array5"> | |
| 620 | + <view :class="doorplate.cellType?'uni-input1':'uni-input2'">{{doorplate.cellType?doorplate.cellType:'请选择'}} | |
| 621 | + </view> | |
| 622 | + </picker> | |
| 623 | + <image src="../../static/down3.png"></image> | |
| 624 | + </view> | |
| 625 | + </view> | |
| 626 | + </view> | |
| 627 | + </view> | |
| 628 | + <view class="info-box"> | |
| 629 | + <view class="info-box-list"> | |
| 630 | + <view class="serve"> | |
| 603 | 631 | <view class="serve-title">小区名称</view> |
| 604 | 632 | <view> |
| 605 | 633 | <input id="communityName" @input="oninput4" v-module="doorplate.communityName" |
| 606 | 634 | placeholder="请输入" style="text-align: right;" |
| 607 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 635 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 608 | 636 | </view> |
| 609 | 637 | </view> |
| 610 | 638 | </view> |
| ... | ... | @@ -616,7 +644,7 @@ |
| 616 | 644 | <view> |
| 617 | 645 | <input id="formerName" @input="oninput4" v-module="doorplate.formerName" |
| 618 | 646 | placeholder="请输入" style="text-align: right;" |
| 619 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 647 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 620 | 648 | </view> |
| 621 | 649 | </view> |
| 622 | 650 | </view> |
| ... | ... | @@ -629,13 +657,13 @@ |
| 629 | 657 | <input id="historicalPlaceNames" @input="oninput4" |
| 630 | 658 | v-module="doorplate.historicalPlaceNames" placeholder="请输入" |
| 631 | 659 | style="text-align: right;" |
| 632 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 660 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 633 | 661 | </view> |
| 634 | 662 | </view> |
| 635 | 663 | </view> |
| 636 | 664 | </view> |
| 637 | 665 | </view> |
| 638 | - <view v-if="OrderType==5" class="message-list"> | |
| 666 | + <view v-if="OrderType==5 && array4type == '批量申报'" class="message-list"> | |
| 639 | 667 | <view class="info-box"> |
| 640 | 668 | <view class="info-box-list"> |
| 641 | 669 | <view class="info-box-width" style="width: 100%;"> |
| ... | ... | @@ -648,6 +676,19 @@ |
| 648 | 676 | </view> |
| 649 | 677 | </view> |
| 650 | 678 | </view> |
| 679 | + <view v-if="OrderType==3" class="message-list"> | |
| 680 | + <view class="info-box"> | |
| 681 | + <view class="info-box-list"> | |
| 682 | + <view class="info-box-width" style="width: 100%;"> | |
| 683 | + <view class="info-box-small">资料附件(建筑物平面dwg格式、国土地)</view> | |
| 684 | + <view style="margin-top: 20rpx;width: 100%;"> | |
| 685 | + <sczl @onchangfileJsonfile="onchangfileJsonfile"></sczl> | |
| 686 | + </view> | |
| 687 | + <!-- <view class="info-box-list-img"><image src="../../static/img.png"></image></view> --> | |
| 688 | + </view> | |
| 689 | + </view> | |
| 690 | + </view> | |
| 691 | + </view> | |
| 651 | 692 | <view class="page-footer"> |
| 652 | 693 | <view class="footer-buy"> |
| 653 | 694 | <view class="cart-add" @click="mapdoorplatesuccess"> |
| ... | ... | @@ -686,6 +727,7 @@ |
| 686 | 727 | applyId: uni.getStorageSync('USERS_KEY').userId, |
| 687 | 728 | createdUser: uni.getStorageSync('USERS_KEY').userId, |
| 688 | 729 | communityName: null, //小区名称 |
| 730 | + cellType:null,//门牌类型 | |
| 689 | 731 | formerName: null, //曾用名 |
| 690 | 732 | historicalPlaceNames: null, //历史地名 |
| 691 | 733 | doorNumberFile: null, //门牌文件 |
| ... | ... | @@ -716,6 +758,7 @@ |
| 716 | 758 | validEndDate: null, //有效终止日期 |
| 717 | 759 | locationPoint: null, //地理位置 |
| 718 | 760 | status: '待审核', //审核状态 |
| 761 | + imageData:null | |
| 719 | 762 | }, |
| 720 | 763 | street: { |
| 721 | 764 | applyId: uni.getStorageSync('USERS_KEY').userId, |
| ... | ... | @@ -775,6 +818,9 @@ |
| 775 | 818 | array1: ['农村牧场点', '工矿点', '农村居民点', '城镇居民点'], |
| 776 | 819 | array2: ['农林牧场', '工矿点', '农村', '城镇'], |
| 777 | 820 | array3: getApp().globalData.list1, |
| 821 | + array4: ['单个申报','批量申报'], | |
| 822 | + array5: ['临街门牌', '大门牌', '楼栋牌', '单元牌', '户牌'], | |
| 823 | + array4type:null, | |
| 778 | 824 | }; |
| 779 | 825 | }, |
| 780 | 826 | onPageScroll(e) { |
| ... | ... | @@ -793,11 +839,11 @@ |
| 793 | 839 | } else if (this.OrderType == 2) { |
| 794 | 840 | this.nvConfig.title = '街路巷申报' |
| 795 | 841 | } else if (this.OrderType == 3) { |
| 796 | - this.nvConfig.title = '高层建筑申报' | |
| 842 | + this.nvConfig.title = '建筑名称备案' | |
| 797 | 843 | } else if (this.OrderType == 4) { |
| 798 | - this.nvConfig.title = '地名申报' | |
| 844 | + this.nvConfig.title = '地名命名申报' | |
| 799 | 845 | } else if (this.OrderType == 5) { |
| 800 | - this.nvConfig.title = '开发商小区门牌号申报' | |
| 846 | + this.nvConfig.title = '门楼牌需求申报' | |
| 801 | 847 | } |
| 802 | 848 | }, |
| 803 | 849 | methods: { |
| ... | ... | @@ -887,8 +933,11 @@ |
| 887 | 933 | this.street.adminArea = this.array3[e.detail.value] |
| 888 | 934 | } else if (e1 == 5) { |
| 889 | 935 | this.build.adminArea = this.array3[e.detail.value] |
| 936 | + }else if (e1 == 6) { | |
| 937 | + this.array4type = this.array4[e.detail.value] | |
| 938 | + }else if (e1 == 7) { | |
| 939 | + this.doorplate.cellType = this.array5[e.detail.value] | |
| 890 | 940 | } |
| 891 | - console.log(this.community) | |
| 892 | 941 | }, |
| 893 | 942 | mapdoorplatesuccess() { |
| 894 | 943 | if (this.OrderType == 1) { |
| ... | ... | @@ -930,6 +979,18 @@ |
| 930 | 979 | }) |
| 931 | 980 | return |
| 932 | 981 | } else if (this.OrderType == 3) { |
| 982 | + console.log('this.filelist', this.filelist) | |
| 983 | + let box1 = '' | |
| 984 | + for (let i = 0; i < this.filelist.length; i++) { | |
| 985 | + console.log('this.filelist[i]',this.filelist[i]) | |
| 986 | + if(i == 0) { | |
| 987 | + box1 = this.filelist[i].url | |
| 988 | + } else { | |
| 989 | + box1 =box1+','+ this.filelist[i].url | |
| 990 | + } | |
| 991 | + } | |
| 992 | + console.log('box1',box1) | |
| 993 | + this.build.imageData = box1 | |
| 933 | 994 | console.log('this.build', this.build) |
| 934 | 995 | // return |
| 935 | 996 | this.API.addbuild(this.build).then(res => { |
| ... | ... | @@ -968,18 +1029,22 @@ |
| 968 | 1029 | }) |
| 969 | 1030 | return |
| 970 | 1031 | } else if (this.OrderType == 5) { |
| 971 | - console.log('this.filelist', this.filelist) | |
| 972 | - let box1 = '' | |
| 973 | - for (let i = 0; i < this.filelist.length; i++) { | |
| 974 | - console.log('this.filelist[i]',this.filelist[i]) | |
| 975 | - if(i == 0) { | |
| 976 | - box1 = this.filelist[i].url | |
| 977 | - } else { | |
| 978 | - box1 =box1+','+ this.filelist[i].url | |
| 1032 | + | |
| 1033 | + if(this.array4type == '批量申报') { | |
| 1034 | + console.log('this.filelist', this.filelist) | |
| 1035 | + let box1 = '' | |
| 1036 | + for (let i = 0; i < this.filelist.length; i++) { | |
| 1037 | + console.log('this.filelist[i]',this.filelist[i]) | |
| 1038 | + if(i == 0) { | |
| 1039 | + box1 = this.filelist[i].url | |
| 1040 | + } else { | |
| 1041 | + box1 =box1+','+ this.filelist[i].url | |
| 1042 | + } | |
| 979 | 1043 | } |
| 1044 | + console.log('box1',box1) | |
| 1045 | + this.doorplate.doorNumberFile = box1 | |
| 980 | 1046 | } |
| 981 | - console.log('box1',box1) | |
| 982 | - this.doorplate.doorNumberFile = box1 | |
| 1047 | + | |
| 983 | 1048 | // return |
| 984 | 1049 | this.API.adddoorplate(this.doorplate).then(res => { |
| 985 | 1050 | console.log(res); |
| ... | ... | @@ -1033,6 +1098,19 @@ |
| 1033 | 1098 | </script> |
| 1034 | 1099 | |
| 1035 | 1100 | <style scoped lang="scss"> |
| 1101 | + .uni-input1 { | |
| 1102 | + color:#3d3d3d; | |
| 1103 | + // font-weight: bold; | |
| 1104 | + | |
| 1105 | + } | |
| 1106 | + .uni-input2 { | |
| 1107 | + color: #909090; | |
| 1108 | + | |
| 1109 | + } | |
| 1110 | + input { | |
| 1111 | + color: #3d3d3d; | |
| 1112 | + font-size: 26rpx; | |
| 1113 | + } | |
| 1036 | 1114 | .listBox { |
| 1037 | 1115 | position: relative; |
| 1038 | 1116 | z-index: 1; |
| ... | ... | @@ -1177,13 +1255,13 @@ |
| 1177 | 1255 | width: 100%; |
| 1178 | 1256 | |
| 1179 | 1257 | .serve-title { |
| 1180 | - font-size: 25rpx; | |
| 1258 | + font-size: 26rpx; | |
| 1181 | 1259 | color: #909090; |
| 1182 | 1260 | } |
| 1183 | 1261 | |
| 1184 | 1262 | .serve-right { |
| 1185 | - font-size: 25rpx; | |
| 1186 | - font-weight: bold; | |
| 1263 | + font-size: 26rpx; | |
| 1264 | + // font-weight: bold; | |
| 1187 | 1265 | display: flex; |
| 1188 | 1266 | align-items: center; |
| 1189 | 1267 | justify-content: flex-end; | ... | ... |
pages/declaration/declaration1.vue
| ... | ... | @@ -23,7 +23,7 @@ |
| 23 | 23 | placeholder-style="color:#3d3d3d;font-weight: bold;" /> |
| 24 | 24 | </view> --> |
| 25 | 25 | <view class="serve-right"> |
| 26 | - <view class="uni-input">{{from.pileId?from.pileId:'-'}} | |
| 26 | + <view :class="from.pileId?'uni-input1':'uni-input2'">{{from.pileId?from.pileId:'-'}} | |
| 27 | 27 | </view> |
| 28 | 28 | </view> |
| 29 | 29 | </view> |
| ... | ... | @@ -35,7 +35,7 @@ |
| 35 | 35 | <view class="serve-title">巡检状态</view> |
| 36 | 36 | <view class="serve-right"> |
| 37 | 37 | <picker @change="e=> bindPickerChange1(e,3)" :value="index" :range="array1"> |
| 38 | - <view class="uni-input">{{from.patrolStatus?from.patrolStatus:'请选择'}} | |
| 38 | + <view :class="from.patrolStatus?'uni-input1':'uni-input2'">{{from.patrolStatus?from.patrolStatus:'请选择'}} | |
| 39 | 39 | </view> |
| 40 | 40 | </picker> |
| 41 | 41 | <image src="../../static/down3.png"></image> |
| ... | ... | @@ -52,7 +52,7 @@ |
| 52 | 52 | <view> |
| 53 | 53 | <input id="patrolContent" @input="oninput" v-module="from.patrolContent" |
| 54 | 54 | placeholder="请输入" style="text-align: right;" |
| 55 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 55 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 56 | 56 | </view> |
| 57 | 57 | </view> |
| 58 | 58 | </view> |
| ... | ... | @@ -257,6 +257,19 @@ |
| 257 | 257 | </script> |
| 258 | 258 | |
| 259 | 259 | <style scoped lang="scss"> |
| 260 | + .uni-input1 { | |
| 261 | + color:#3d3d3d; | |
| 262 | + // font-weight: bold; | |
| 263 | + | |
| 264 | + } | |
| 265 | + .uni-input2 { | |
| 266 | + color: #909090; | |
| 267 | + | |
| 268 | + } | |
| 269 | + input { | |
| 270 | + color: #3d3d3d; | |
| 271 | + font-size: 26rpx; | |
| 272 | + } | |
| 260 | 273 | .listBox { |
| 261 | 274 | position: relative; |
| 262 | 275 | z-index: 1; |
| ... | ... | @@ -401,13 +414,13 @@ |
| 401 | 414 | width: 100%; |
| 402 | 415 | |
| 403 | 416 | .serve-title { |
| 404 | - font-size: 25rpx; | |
| 417 | + font-size: 26rpx; | |
| 405 | 418 | color: #909090; |
| 406 | 419 | } |
| 407 | 420 | |
| 408 | 421 | .serve-right { |
| 409 | - font-size: 25rpx; | |
| 410 | - font-weight: bold; | |
| 422 | + font-size: 26rpx; | |
| 423 | + // font-weight: bold; | |
| 411 | 424 | display: flex; |
| 412 | 425 | align-items: center; |
| 413 | 426 | justify-content: flex-end; | ... | ... |
pages/declaration/declarationList.vue
| 1 | 1 | <template> |
| 2 | 2 | <view> |
| 3 | 3 | <view v-if="list.length>0"> |
| 4 | - <view class="top-box" v-for="(item,index) in list" :key="index" @click="gopath('/pages/declaration/declarationListdetail?type= '+type+'¢='+JSON.stringify(item))"> | |
| 4 | + <view class="top-box" v-for="(item,index) in list" :key="index" @click="gopath(type == '7'?'/pages/declaration/newDeclarationdetail?cent='+JSON.stringify(item):'/pages/declaration/declarationListdetail?type= '+type+'¢='+JSON.stringify(item))"> | |
| 5 | 5 | <view>{{item.name}}<span style="margin-left: 20rpx;" :style="item.status=='已通过'?'color: #00D970;':item.status=='未通过'?'color: #FC4444;':'color: #547DFF;'">{{item.status?item.status:'待审核'}}</span></view> |
| 6 | 6 | <view class="top-box-img"> |
| 7 | 7 | <image src="../../static/right2.png" mode="widthFix"></image> |
| ... | ... | @@ -82,6 +82,14 @@ |
| 82 | 82 | console.log(res); |
| 83 | 83 | this.list = res.rows |
| 84 | 84 | }) |
| 85 | + }else if(this.type == '7') { | |
| 86 | + this.API.gettoponym(this.from).then(res=>{ | |
| 87 | + console.log(res); | |
| 88 | + for (let i = 0; i < res.rows.length; i++) { | |
| 89 | + res.rows[i].name = res.rows[i].standardName | |
| 90 | + } | |
| 91 | + this.list = res.rows | |
| 92 | + }) | |
| 85 | 93 | } |
| 86 | 94 | |
| 87 | 95 | }, | ... | ... |
pages/declaration/declarationListdetail.vue
| ... | ... | @@ -271,8 +271,23 @@ |
| 271 | 271 | <view class="info-box-small">描述</view> |
| 272 | 272 | </view> |
| 273 | 273 | </view> |
| 274 | - | |
| 274 | + <view class="info-box-list"> | |
| 275 | + <view class="info-box-width" style="width: 100%;"> | |
| 276 | + <view>资料附件</view> | |
| 277 | + <view style="margin-top: 20rpx;"> | |
| 278 | + <view v-for="(item,index) in info.imageData" | |
| 279 | + :key="index" | |
| 280 | + style="background-color: #F9FAFF;border: 1px solid #EAEDF5;border-radius: 10rpx;display: flex;justify-content: space-between;padding: 15rpx;margin-bottom: 15rpx;font-size: 25rpx;"> | |
| 281 | + <view | |
| 282 | + style="width:80%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;"> | |
| 283 | + 资料附件{{index+1}}</view> | |
| 284 | + </view> | |
| 285 | + | |
| 286 | + </view> | |
| 287 | + </view> | |
| 288 | + </view> | |
| 275 | 289 | </view> |
| 290 | + | |
| 276 | 291 | </view> |
| 277 | 292 | </view> |
| 278 | 293 | <view class="content" v-else-if="type == 4"> |
| ... | ... | @@ -348,9 +363,13 @@ |
| 348 | 363 | {{info.historicalPlaceNames?info.historicalPlaceNames:'-'}}</view> |
| 349 | 364 | <view class="info-box-small">历史地名</view> |
| 350 | 365 | </view> |
| 351 | - | |
| 366 | + <view class="info-box-width" style="width: 100%;" v-if="info.cellType"> | |
| 367 | + <view class="info-box-overflow"> | |
| 368 | + {{info.cellType?info.cellType:'-'}}</view> | |
| 369 | + <view class="info-box-small">类型</view> | |
| 370 | + </view> | |
| 352 | 371 | </view> |
| 353 | - <view class="info-box-list"> | |
| 372 | + <view class="info-box-list" v-if="info.doorNumberFile"> | |
| 354 | 373 | <view class="info-box-width" style="width: 100%;"> |
| 355 | 374 | <view>门牌文件</view> |
| 356 | 375 | <view style="margin-top: 20rpx;"> |
| ... | ... | @@ -496,7 +515,9 @@ |
| 496 | 515 | if (this.type == 5) { |
| 497 | 516 | this.info.doorNumberFile = this.info.doorNumberFile.split(',') |
| 498 | 517 | } |
| 499 | - | |
| 518 | + if (this.type == 3) { | |
| 519 | + this.info.imageData = this.info.imageData.split(',') | |
| 520 | + } | |
| 500 | 521 | }, |
| 501 | 522 | methods: { |
| 502 | 523 | downfile(e) { | ... | ... |
pages/declaration/list - 副本.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view> | |
| 3 | + <view class="bg"><image src="../../static/bg.jpg" mode="widthFix"></image></view> | |
| 4 | + <view style="display: flex;padding: 30rpx;width: 100%;box-sizing: border-box;flex-wrap: wrap;justify-content: space-between;"> | |
| 5 | + <view @click="gopath('/pages/declaration/declaration?type=1')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;"> | |
| 6 | + <view style="width: 50%;margin: 0 auto;"> | |
| 7 | + <image style="height: 120rpx;width: 100%;" src="../../static/ly/image7.png" mode="aspectFit"></image> | |
| 8 | + </view> | |
| 9 | + <view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;"> | |
| 10 | + 居民小区申报 | |
| 11 | + </view> | |
| 12 | + </view> | |
| 13 | + <view @click="gopath('/pages/declaration/declaration?type=2')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;"> | |
| 14 | + <view style="width: 50%;margin: 0 auto;"> | |
| 15 | + <image style="height: 120rpx;width: 100%;" src="../../static/ly/image8.png" mode="aspectFit"></image> | |
| 16 | + </view> | |
| 17 | + <view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;"> | |
| 18 | + 街路巷申报 | |
| 19 | + </view> | |
| 20 | + </view> | |
| 21 | + <view @click="gopath('/pages/declaration/declaration?type=3')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;margin-top:20rpx;"> | |
| 22 | + <view style="width: 50%;margin: 0 auto;"> | |
| 23 | + <image style="height: 120rpx;width: 100%;" src="../../static/ly/image5.png" mode="aspectFit"></image> | |
| 24 | + </view> | |
| 25 | + <view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;"> | |
| 26 | + 建筑名称备案 | |
| 27 | + </view> | |
| 28 | + </view> | |
| 29 | + <view @click="gopath('/pages/declaration/newDeclaration')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;margin-top:20rpx;"> | |
| 30 | + <view style="width: 50%;margin: 0 auto;"> | |
| 31 | + <image style="height: 120rpx;width: 100%;" src="../../static/ly/image6.png" mode="aspectFit"></image> | |
| 32 | + </view> | |
| 33 | + <view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;"> | |
| 34 | + 地名命名申报 | |
| 35 | + </view> | |
| 36 | + </view> | |
| 37 | + | |
| 38 | + </view> | |
| 39 | + <view style="padding: 30rpx;width: 100%;box-sizing: border-box;"> | |
| 40 | + <view @click="gopath('/pages/declaration/declaration?type=5')" style="width: 100%;background: rgba(255,255,255,0.63);border-radius: 30rpx;padding: 20rpx 0;"> | |
| 41 | + <view style="width: 60%;margin: 0 auto;display: flex;align-items: center;"> | |
| 42 | + <view style="width: 30%;margin: 0 auto;"> | |
| 43 | + <image style="height: 120rpx;width: 100%;" src="../../static/ly/image11.png" mode="aspectFit"></image> | |
| 44 | + </view> | |
| 45 | + <view style="color: #3D3D3D;text-align: center;font-size: 25rpx;"> | |
| 46 | + 开发商小区门牌号申报 | |
| 47 | + </view> | |
| 48 | + </view> | |
| 49 | + </view> | |
| 50 | + | |
| 51 | + </view> | |
| 52 | + <view class="bottom"> | |
| 53 | + <view class="bottom-two"> | |
| 54 | + <view class="bottom-two-list" @click="gopath('/pages/mapstakeline/mapstakeline')"> | |
| 55 | + <view class="bottom-two-list-img"><image src="../../static/map1.png"></image></view> | |
| 56 | + <view class="bottom-two-list-text">界桩界线管护</view> | |
| 57 | + </view> | |
| 58 | + <view class="bottom-two-list" @click="gopath('/pages/mapdoorplate/mapdoorplate')"> | |
| 59 | + <view class="bottom-two-list-img"><image src="../../static/map2.png"></image></view> | |
| 60 | + <view class="bottom-two-list-text">路门牌上报</view> | |
| 61 | + </view> | |
| 62 | + </view> | |
| 63 | + <view class="bottom-my" style="margin-top: 20rpx;" @click="gopath('/pages/maptask/maptask')"> | |
| 64 | + <view class="bottom-my-img"><image src="../../static/map3.png"></image></view> | |
| 65 | + <view class="bottom-my-text">我的任务</view> | |
| 66 | + </view> | |
| 67 | + </view> | |
| 68 | + </view> | |
| 69 | +</template> | |
| 70 | + | |
| 71 | +<script> | |
| 72 | + export default { | |
| 73 | + data() { | |
| 74 | + return { | |
| 75 | + | |
| 76 | + } | |
| 77 | + }, | |
| 78 | + methods: { | |
| 79 | + gopath(e) { | |
| 80 | + uni.navigateTo({ | |
| 81 | + url: e | |
| 82 | + }) | |
| 83 | + }, | |
| 84 | + } | |
| 85 | + } | |
| 86 | +</script> | |
| 87 | + | |
| 88 | +<style scoped lang="scss"> | |
| 89 | +.bg { | |
| 90 | + width: 100%; | |
| 91 | + height: 100vh; | |
| 92 | + position: fixed; | |
| 93 | + z-index: -1; | |
| 94 | + image { | |
| 95 | + width: 100%; | |
| 96 | + height: 100vh; | |
| 97 | + } | |
| 98 | +} | |
| 99 | +.bottom { | |
| 100 | + padding: 20rpx 20rpx; | |
| 101 | + margin: 20rpx 30rpx; | |
| 102 | + width: 94%; | |
| 103 | + position: fixed; | |
| 104 | + bottom: 30rpx; | |
| 105 | + background: rgba(255,255,255,0.63); | |
| 106 | + border-radius: 30rpx; | |
| 107 | + .bottom-two { | |
| 108 | + display: flex; | |
| 109 | + justify-content: space-between; | |
| 110 | + | |
| 111 | + .bottom-two-list { | |
| 112 | + position: relative; | |
| 113 | + .bottom-two-list-img { | |
| 114 | + image { | |
| 115 | + width: 320rpx; | |
| 116 | + height: 69rpx; | |
| 117 | + box-shadow: 5rpx 10rpx 20rpx 0 #b7c8ff; | |
| 118 | + border-radius: 100rpx; | |
| 119 | + } | |
| 120 | + } | |
| 121 | + .bottom-two-list-text { | |
| 122 | + position: absolute; | |
| 123 | + top: 33%; | |
| 124 | + left: 25%; | |
| 125 | + transform: translate(-33%, -25%); | |
| 126 | + color: #fff; | |
| 127 | + font-size: 28rpx; | |
| 128 | + } | |
| 129 | + } | |
| 130 | + } | |
| 131 | + .bottom-my { | |
| 132 | + position: relative; | |
| 133 | + .bottom-my-img { | |
| 134 | + image { | |
| 135 | + width: 710rpx; | |
| 136 | + height: 69rpx; | |
| 137 | + box-shadow: 5rpx 10rpx 20rpx 0 #b5f4d5; | |
| 138 | + border-radius: 100rpx; | |
| 139 | + } | |
| 140 | + } | |
| 141 | + .bottom-my-text { | |
| 142 | + position: absolute; | |
| 143 | + top: 25%; | |
| 144 | + left: 8%; | |
| 145 | + transform: translate(-25%, -8%); | |
| 146 | + color: #fff; | |
| 147 | + font-size: 28rpx; | |
| 148 | + } | |
| 149 | + } | |
| 150 | +} | |
| 151 | +</style> | ... | ... |
pages/declaration/list.vue
| ... | ... | @@ -2,20 +2,21 @@ |
| 2 | 2 | <view> |
| 3 | 3 | <view class="bg"><image src="../../static/bg.jpg" mode="widthFix"></image></view> |
| 4 | 4 | <view style="display: flex;padding: 30rpx;width: 100%;box-sizing: border-box;flex-wrap: wrap;justify-content: space-between;"> |
| 5 | - <view @click="gopath('/pages/declaration/declaration?type=1')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;"> | |
| 5 | + <view @click="gopath('/pages/declaration/declaration?type=5')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;"> | |
| 6 | 6 | <view style="width: 50%;margin: 0 auto;"> |
| 7 | - <image style="height: 120rpx;width: 100%;" src="../../static/ly/image7.png" mode="aspectFit"></image> | |
| 7 | + <image style="height: 120rpx;width: 100%;" src="../../static/ly/image11.png" mode="aspectFit"></image> | |
| 8 | 8 | </view> |
| 9 | 9 | <view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;"> |
| 10 | - 居民小区申报 | |
| 10 | + <!-- 地名标志牌需求申报 --> | |
| 11 | + 门楼牌需求申报 | |
| 11 | 12 | </view> |
| 12 | 13 | </view> |
| 13 | - <view @click="gopath('/pages/declaration/declaration?type=2')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;"> | |
| 14 | + <view @click="gopath('/pages/mapdoorplate/mapdoorplate')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;"> | |
| 14 | 15 | <view style="width: 50%;margin: 0 auto;"> |
| 15 | 16 | <image style="height: 120rpx;width: 100%;" src="../../static/ly/image8.png" mode="aspectFit"></image> |
| 16 | 17 | </view> |
| 17 | 18 | <view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;"> |
| 18 | - 街路巷申报 | |
| 19 | + 地名标志牌需求申报 | |
| 19 | 20 | </view> |
| 20 | 21 | </view> |
| 21 | 22 | <view @click="gopath('/pages/declaration/declaration?type=3')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;margin-top:20rpx;"> |
| ... | ... | @@ -23,41 +24,41 @@ |
| 23 | 24 | <image style="height: 120rpx;width: 100%;" src="../../static/ly/image5.png" mode="aspectFit"></image> |
| 24 | 25 | </view> |
| 25 | 26 | <view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;"> |
| 26 | - 高层建筑申报 | |
| 27 | + 建筑名称备案 | |
| 27 | 28 | </view> |
| 28 | 29 | </view> |
| 29 | - <view @click="gopath('/pages/declaration/declaration?type=4')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;margin-top:20rpx;"> | |
| 30 | + <view @click="gopath('/pages/declaration/newDeclaration')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;margin-top:20rpx;"> | |
| 30 | 31 | <view style="width: 50%;margin: 0 auto;"> |
| 31 | 32 | <image style="height: 120rpx;width: 100%;" src="../../static/ly/image6.png" mode="aspectFit"></image> |
| 32 | 33 | </view> |
| 33 | 34 | <view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;"> |
| 34 | - 地名申报 | |
| 35 | + 地名命名申报 | |
| 35 | 36 | </view> |
| 36 | 37 | </view> |
| 37 | 38 | |
| 38 | 39 | </view> |
| 39 | - <view style="padding: 30rpx;width: 100%;box-sizing: border-box;"> | |
| 40 | +<!-- <view style="padding: 30rpx;width: 100%;box-sizing: border-box;"> | |
| 40 | 41 | <view @click="gopath('/pages/declaration/declaration?type=5')" style="width: 100%;background: rgba(255,255,255,0.63);border-radius: 30rpx;padding: 20rpx 0;"> |
| 41 | 42 | <view style="width: 60%;margin: 0 auto;display: flex;align-items: center;"> |
| 42 | 43 | <view style="width: 30%;margin: 0 auto;"> |
| 43 | 44 | <image style="height: 120rpx;width: 100%;" src="../../static/ly/image11.png" mode="aspectFit"></image> |
| 44 | 45 | </view> |
| 45 | 46 | <view style="color: #3D3D3D;text-align: center;font-size: 25rpx;"> |
| 46 | - 开发商小区门牌号申报 | |
| 47 | + 门楼牌需求申报 | |
| 47 | 48 | </view> |
| 48 | 49 | </view> |
| 49 | 50 | </view> |
| 50 | 51 | |
| 51 | - </view> | |
| 52 | + </view> --> | |
| 52 | 53 | <view class="bottom"> |
| 53 | 54 | <view class="bottom-two"> |
| 54 | 55 | <view class="bottom-two-list" @click="gopath('/pages/mapstakeline/mapstakeline')"> |
| 55 | 56 | <view class="bottom-two-list-img"><image src="../../static/map1.png"></image></view> |
| 56 | 57 | <view class="bottom-two-list-text">界桩界线管护</view> |
| 57 | 58 | </view> |
| 58 | - <view class="bottom-two-list" @click="gopath('/pages/mapdoorplate/mapdoorplate')"> | |
| 59 | + <view class="bottom-two-list" @click="gopath('/pages/map1/map')"> | |
| 59 | 60 | <view class="bottom-two-list-img"><image src="../../static/map2.png"></image></view> |
| 60 | - <view class="bottom-two-list-text">路门牌上报</view> | |
| 61 | + <view class="bottom-two-list-text">地名查询服务</view> | |
| 61 | 62 | </view> |
| 62 | 63 | </view> |
| 63 | 64 | <view class="bottom-my" style="margin-top: 20rpx;" @click="gopath('/pages/maptask/maptask')"> | ... | ... |
pages/declaration/newDeclaration.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view class="page"> | |
| 3 | + <pyh-nv ref="nv" :config="nvConfig"></pyh-nv> | |
| 4 | + <view class="listBox" :style="{'padding-top':(pageTop+'px')}"> | |
| 5 | + <view class="content"> | |
| 6 | + <view class="top-box" @click="gopath('/pages/declaration/declarationList?type='+7)"> | |
| 7 | + <view>上报历史</view> | |
| 8 | + <view class="top-box-img"> | |
| 9 | + <image src="../../static/right2.png"></image> | |
| 10 | + </view> | |
| 11 | + </view> | |
| 12 | + <view class="titleall-left"> | |
| 13 | + <view class="titleall-left-line"></view>我要上报 | |
| 14 | + </view> | |
| 15 | + <view class="message-list"> | |
| 16 | + <view v-for="(item,index) in textlist" :key="index"> | |
| 17 | + <view class="info-box" v-if="item.type == '7'"> | |
| 18 | + <view class="info-box-list"> | |
| 19 | + <view class="serve"> | |
| 20 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 21 | + <view class="serve-right"> | |
| 22 | + <picker range-key="name" mode="multiSelector" @columnchange="columnChange" | |
| 23 | + @change="e=> bindPickerChange2(e,index)" :range="array1" :value="idx"> | |
| 24 | + <view :class="item.cent?'uni-input1':'uni-input2'">{{item.cent?item.cent:'请选择'}} | |
| 25 | + </view> | |
| 26 | + </picker> | |
| 27 | + <image src="../../static/down3.png"></image> | |
| 28 | + </view> | |
| 29 | + </view> | |
| 30 | + </view> | |
| 31 | + </view> | |
| 32 | + <view class="info-box" v-else-if="item.type == '1'"> | |
| 33 | + <view class="info-box-list"> | |
| 34 | + <view class="serve"> | |
| 35 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 36 | + <view> | |
| 37 | + <u-input placeholder="请输入" border="none" v-model="item.cent" | |
| 38 | + inputAlign="right" fontSize="13px" color="#3d3d3d" placeholderStyle="color: #909090;font-size: 26rpx;"></u-input> | |
| 39 | + </view> | |
| 40 | + </view> | |
| 41 | + </view> | |
| 42 | + </view> | |
| 43 | + <view class="info-box" v-else-if="item.type == '2'"> | |
| 44 | + <view class="info-box-list"> | |
| 45 | + <view class="serve"> | |
| 46 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 47 | + <view class="serve-right"> | |
| 48 | + <picker @change="e=> bindPickerChange1(e,index,'array3')" :range="array3"> | |
| 49 | + <view :class="item.cent?'uni-input1':'uni-input2'">{{item.cent?item.cent:'请选择'}} | |
| 50 | + </view> | |
| 51 | + </picker> | |
| 52 | + <image src="../../static/down3.png"></image> | |
| 53 | + </view> | |
| 54 | + </view> | |
| 55 | + </view> | |
| 56 | + </view> | |
| 57 | + <view v-else-if="item.type == '3'"> | |
| 58 | + <view class="info-box" > | |
| 59 | + <view class="info-box-list"> | |
| 60 | + <view class="serve"> | |
| 61 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 62 | + <view class="serve-right" @tap="openaddress(index)"> | |
| 63 | + <view :class="item.cent?'uni-input1':'uni-input2'">{{item.cent?item.cent:'请选择'}}</view> | |
| 64 | + <image src="../../static/down3.png"></image> | |
| 65 | + </view> | |
| 66 | + </view> | |
| 67 | + </view> | |
| 68 | + </view> | |
| 69 | + <view class="info-box" v-if="item.latitude"> | |
| 70 | + <view class="info-box-list"> | |
| 71 | + <view class="serve"> | |
| 72 | + <view class="serve-title">纬度<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 73 | + <view class="serve-right" @tap="openaddress(index)"> | |
| 74 | + <view :class="item.latitude?'uni-input1':'uni-input2'">{{item.latitude?item.latitude:'请选择'}}</view> | |
| 75 | + <image src="../../static/down3.png"></image> | |
| 76 | + </view> | |
| 77 | + </view> | |
| 78 | + </view> | |
| 79 | + </view> | |
| 80 | + <view class="info-box" v-if="item.longitude"> | |
| 81 | + <view class="info-box-list"> | |
| 82 | + <view class="serve"> | |
| 83 | + <view class="serve-title">经度<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 84 | + <view class="serve-right" @tap="openaddress(index)"> | |
| 85 | + <view :class="item.longitude?'uni-input1':'uni-input2'">{{item.longitude?item.longitude:'请选择'}}</view> | |
| 86 | + <image src="../../static/down3.png"></image> | |
| 87 | + </view> | |
| 88 | + </view> | |
| 89 | + </view> | |
| 90 | + </view> | |
| 91 | + </view> | |
| 92 | + | |
| 93 | + <view class="info-box" v-else-if="item.type == '4'"> | |
| 94 | + <view class="info-box-list"> | |
| 95 | + <view class="serve"> | |
| 96 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 97 | + <view class="serve-right" @tap="opentime(index)"> | |
| 98 | + <view :class="item.cent?'uni-input1':'uni-input2'">{{item.cent?item.cent:'请选择'}} | |
| 99 | + </view> | |
| 100 | + <image src="../../static/down3.png"></image> | |
| 101 | + </view> | |
| 102 | + </view> | |
| 103 | + </view> | |
| 104 | + </view> | |
| 105 | + <view class="info-box" v-else-if="item.type == '5'"> | |
| 106 | + <view class="info-box-list"> | |
| 107 | + <view class="info-box-width" style="width: 100%;"> | |
| 108 | + <view class="info-box-small">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 109 | + <view style="margin-top: 20rpx;"> | |
| 110 | + <textarea style="border: solid 1px #eee;border-radius: 18rpx;padding: 20rpx;font-weight: 500;font-size: 26rpx;" placeholder-style="color: #909090;font-size: 26rpx;font-weight: 100;" placeholder="请输入" :class="item.cent?'uni-input1':'uni-input2'" v-model="item.cent"></textarea> | |
| 111 | + <!-- <u-textarea count :value="item.cent" placeholder="请输入" placeholderStyle="color: #909090;font-size: 26rpx;font-weight: 500;"></u-textarea> --> | |
| 112 | + </view> | |
| 113 | + </view> | |
| 114 | + </view> | |
| 115 | + </view> | |
| 116 | + <view class="info-box" v-else-if="item.type == '6'"> | |
| 117 | + <view class="info-box-list"> | |
| 118 | + <view class="serve"> | |
| 119 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 120 | + <view class="serve-right"> | |
| 121 | + <picker @change="e=> bindPickerChange1(e,index,'array2')" :range="array2"> | |
| 122 | + <view :class="item.cent?'uni-input1':'uni-input2'">{{item.cent?item.cent:'请选择'}} | |
| 123 | + </view> | |
| 124 | + </picker> | |
| 125 | + <image src="../../static/down3.png"></image> | |
| 126 | + </view> | |
| 127 | + </view> | |
| 128 | + </view> | |
| 129 | + </view> | |
| 130 | + <view class="info-box" v-else-if="item.type == '8'"> | |
| 131 | + <view class="info-box-list"> | |
| 132 | + <view class="serve"> | |
| 133 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 134 | + <view class="serve-right"> | |
| 135 | + <picker @change="e=> bindPickerChange1(e,index,'array4')" :range="array4"> | |
| 136 | + <view :class="item.cent?'uni-input1':'uni-input2'">{{item.cent?item.cent:'请选择'}} | |
| 137 | + </view> | |
| 138 | + </picker> | |
| 139 | + <image src="../../static/down3.png"></image> | |
| 140 | + </view> | |
| 141 | + </view> | |
| 142 | + </view> | |
| 143 | + </view> | |
| 144 | + </view> | |
| 145 | + <view v-for="(item,index) in newtextlist" :key="index"> | |
| 146 | + <view class="info-box" v-if="item.type == '7'"> | |
| 147 | + <view class="info-box-list"> | |
| 148 | + <view class="serve"> | |
| 149 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 150 | + <view class="serve-right"> | |
| 151 | + <picker range-key="name" mode="multiSelector" @columnchange="columnChange" | |
| 152 | + @change="e=> bindPickerChange2(e,index)" :range="array1" :value="idx"> | |
| 153 | + <view :class="item.cent?'uni-input1':'uni-input2'">{{item.cent?item.cent:'请选择'}} | |
| 154 | + </view> | |
| 155 | + </picker> | |
| 156 | + <image src="../../static/down3.png"></image> | |
| 157 | + </view> | |
| 158 | + </view> | |
| 159 | + </view> | |
| 160 | + </view> | |
| 161 | + <view class="info-box" v-else-if="item.type == '1'"> | |
| 162 | + <view class="info-box-list"> | |
| 163 | + <view class="serve"> | |
| 164 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 165 | + <view> | |
| 166 | + <u-input placeholder="请输入" border="none" v-model="item.cent" | |
| 167 | + inputAlign="right" fontSize="13px" color="#3d3d3d" placeholderStyle="color: #909090;font-size: 26rpx;"></u-input> | |
| 168 | + </view> | |
| 169 | + </view> | |
| 170 | + </view> | |
| 171 | + </view> | |
| 172 | + <view class="info-box" v-else-if="item.type == '2'"> | |
| 173 | + <view class="info-box-list"> | |
| 174 | + <view class="serve"> | |
| 175 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 176 | + <view class="serve-right"> | |
| 177 | + <picker @change="e=> bindPickerChange1(e,index,'array3')" :range="array3"> | |
| 178 | + <view :class="item.cent?'uni-input1':'uni-input2'">{{item.cent?item.cent:'请选择'}} | |
| 179 | + </view> | |
| 180 | + </picker> | |
| 181 | + <image src="../../static/down3.png"></image> | |
| 182 | + </view> | |
| 183 | + </view> | |
| 184 | + </view> | |
| 185 | + </view> | |
| 186 | + <view v-else-if="item.type == '3'"> | |
| 187 | + <view class="info-box" > | |
| 188 | + <view class="info-box-list"> | |
| 189 | + <view class="serve"> | |
| 190 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 191 | + <view class="serve-right" @tap="openaddress(index)"> | |
| 192 | + <view :class="item.cent?'uni-input1':'uni-input2'">{{item.cent?item.cent:'请选择'}}</view> | |
| 193 | + <image src="../../static/down3.png"></image> | |
| 194 | + </view> | |
| 195 | + </view> | |
| 196 | + </view> | |
| 197 | + </view> | |
| 198 | + <view class="info-box" v-if="item.latitude"> | |
| 199 | + <view class="info-box-list"> | |
| 200 | + <view class="serve"> | |
| 201 | + <view class="serve-title">纬度<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 202 | + <view class="serve-right" @tap="openaddress(index)"> | |
| 203 | + <view :class="item.latitude?'uni-input1':'uni-input2'">{{item.latitude?item.latitude:'请选择'}}</view> | |
| 204 | + <image src="../../static/down3.png"></image> | |
| 205 | + </view> | |
| 206 | + </view> | |
| 207 | + </view> | |
| 208 | + </view> | |
| 209 | + <view class="info-box" v-if="item.longitude"> | |
| 210 | + <view class="info-box-list"> | |
| 211 | + <view class="serve"> | |
| 212 | + <view class="serve-title">经度<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 213 | + <view class="serve-right" @tap="openaddress(index)"> | |
| 214 | + <view :class="item.longitude?'uni-input1':'uni-input2'">{{item.longitude?item.longitude:'请选择'}}</view> | |
| 215 | + <image src="../../static/down3.png"></image> | |
| 216 | + </view> | |
| 217 | + </view> | |
| 218 | + </view> | |
| 219 | + </view> | |
| 220 | + </view> | |
| 221 | + | |
| 222 | + <view class="info-box" v-else-if="item.type == '4'"> | |
| 223 | + <view class="info-box-list"> | |
| 224 | + <view class="serve"> | |
| 225 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 226 | + <view class="serve-right" @tap="opentime(index)"> | |
| 227 | + <view :class="item.cent?'uni-input1':'uni-input2'">{{item.cent?item.cent:'请选择'}} | |
| 228 | + </view> | |
| 229 | + <image src="../../static/down3.png"></image> | |
| 230 | + </view> | |
| 231 | + </view> | |
| 232 | + </view> | |
| 233 | + </view> | |
| 234 | + <view class="info-box" v-else-if="item.type == '5'"> | |
| 235 | + <view class="info-box-list"> | |
| 236 | + <view class="info-box-width" style="width: 100%;"> | |
| 237 | + <view class="info-box-small">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 238 | + <view style="margin-top: 20rpx;"> | |
| 239 | + <textarea style="border: solid 1px #eee;border-radius: 18rpx;padding: 20rpx;font-weight: 500;font-size: 26rpx;" placeholder-style="color: #909090;font-size: 26rpx;font-weight: 100;" placeholder="请输入" :class="item.cent?'uni-input1':'uni-input2'" v-model="item.cent"></textarea> | |
| 240 | + <!-- <u-textarea count :value="item.cent" placeholder="请输入" placeholderStyle="color: #909090;font-size: 26rpx;font-weight: 500;"></u-textarea> --> | |
| 241 | + </view> | |
| 242 | + </view> | |
| 243 | + </view> | |
| 244 | + </view> | |
| 245 | + <view class="info-box" v-else-if="item.type == '6'"> | |
| 246 | + <view class="info-box-list"> | |
| 247 | + <view class="serve"> | |
| 248 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 249 | + <view class="serve-right"> | |
| 250 | + <picker @change="e=> bindPickerChange1(e,index,'array2')" :range="array2"> | |
| 251 | + <view :class="item.cent?'uni-input1':'uni-input2'">{{item.cent?item.cent:'请选择'}} | |
| 252 | + </view> | |
| 253 | + </picker> | |
| 254 | + <image src="../../static/down3.png"></image> | |
| 255 | + </view> | |
| 256 | + </view> | |
| 257 | + </view> | |
| 258 | + </view> | |
| 259 | + <view class="info-box" v-else-if="item.type == '8'"> | |
| 260 | + <view class="info-box-list"> | |
| 261 | + <view class="serve"> | |
| 262 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" style="color: red;margin-left: 6rpx;">*</span></view> | |
| 263 | + <view class="serve-right"> | |
| 264 | + <picker @change="e=> bindPickerChange3(e,index,'array5')" :range="array5"> | |
| 265 | + <view :class="item.cent?'uni-input1':'uni-input2'">{{item.cent?item.cent:'请选择'}} | |
| 266 | + </view> | |
| 267 | + </picker> | |
| 268 | + <image src="../../static/down3.png"></image> | |
| 269 | + </view> | |
| 270 | + </view> | |
| 271 | + </view> | |
| 272 | + </view> | |
| 273 | + </view> | |
| 274 | + </view> | |
| 275 | +<!-- <view class="message-list"> | |
| 276 | + <view class="info-box"> | |
| 277 | + <view class="info-box-list"> | |
| 278 | + <view class="info-box-width" style="width: 100%;"> | |
| 279 | + <view class="info-box-small">多媒体信息</view> | |
| 280 | + <view style="margin-top: 20rpx;width: 100%;"> | |
| 281 | + <sczl :imagelist="mtbox.imgcent" :wjlist="mtbox.filecent" @onchangfileJsonimg="e=>{onchangfileJsonimg(e)}" @onchangfileJsonfile="e=>{onchangfileJsonfile(e)}"></sczl> | |
| 282 | + | |
| 283 | + | |
| 284 | + </view> | |
| 285 | + </view> | |
| 286 | + </view> | |
| 287 | + </view> | |
| 288 | + </view> --> | |
| 289 | + <view class="page-footer"> | |
| 290 | + <view class="footer-buy"> | |
| 291 | + <view class="cart-add" @click="mapdoorplatesuccess"> | |
| 292 | + <image src="../../static/btn5.png"></image> | |
| 293 | + <text>立即上报</text> | |
| 294 | + </view> | |
| 295 | + </view> | |
| 296 | + </view> | |
| 297 | + | |
| 298 | + </view> | |
| 299 | + </view> | |
| 300 | + <uni-calendar ref="calendar" :insert="false" @confirm="confirm" /> | |
| 301 | + </view> | |
| 302 | +</template> | |
| 303 | + | |
| 304 | +<script> | |
| 305 | + import service from '@/service/service.js' | |
| 306 | + import BASE_URL from "@/common/config.js" | |
| 307 | + import sczl from "@/components/sczl.vue" | |
| 308 | + export default { | |
| 309 | + data() { | |
| 310 | + return { | |
| 311 | + newtextlist:[], | |
| 312 | + mtbox:{ | |
| 313 | + imgcent:[], | |
| 314 | + filecent:[], | |
| 315 | + }, | |
| 316 | + idx: [0,0,0,0], | |
| 317 | + array1: [], | |
| 318 | + array2: ['可公开', '不宜公开','大洋怪重', '不属于地名'], | |
| 319 | + array4: ['现今地名', '历史地名','本地名删除'], | |
| 320 | + array5: ['冷泉', '热泉'], | |
| 321 | + time: null, | |
| 322 | + array3: getApp().globalData.list1, | |
| 323 | + BASE_URL, | |
| 324 | + nvConfig: { | |
| 325 | + title: "地名命名申报", | |
| 326 | + bgColor: "#ffffff", | |
| 327 | + color: "#000000", | |
| 328 | + fixedAssist: { | |
| 329 | + hide: true, | |
| 330 | + }, | |
| 331 | + }, | |
| 332 | + lbbox:[], | |
| 333 | + textlist: [{ | |
| 334 | + name: '行政区划', | |
| 335 | + type: '2', | |
| 336 | + isbx:true, | |
| 337 | + cent: '', | |
| 338 | + from:'adminArea' | |
| 339 | + }, | |
| 340 | + { | |
| 341 | + name: '地名类别', | |
| 342 | + type: '7', | |
| 343 | + isbx:true, | |
| 344 | + cent: '', | |
| 345 | + from:'placeNameCategory' | |
| 346 | + }, | |
| 347 | + { | |
| 348 | + name: '标准名称', | |
| 349 | + type: '1', | |
| 350 | + isbx:true, | |
| 351 | + cent: '', | |
| 352 | + from:'standardName' | |
| 353 | + }, | |
| 354 | + { | |
| 355 | + name: '地名代码', | |
| 356 | + type: '1', | |
| 357 | + isbx:false, | |
| 358 | + cent: '', | |
| 359 | + from:'toponymicCode' | |
| 360 | + }, | |
| 361 | + { | |
| 362 | + name: '是否可公开', | |
| 363 | + type: '6', | |
| 364 | + isbx:false, | |
| 365 | + cent: '', | |
| 366 | + from:'whetherPublic' | |
| 367 | + }, | |
| 368 | + { | |
| 369 | + name: '罗马字母拼写', | |
| 370 | + type: '1', | |
| 371 | + isbx:true, | |
| 372 | + cent: '', | |
| 373 | + from:'romanLettersSpell' | |
| 374 | + }, | |
| 375 | + { | |
| 376 | + name: '通名罗马字母拼写', | |
| 377 | + type: '1', | |
| 378 | + isbx:false, | |
| 379 | + cent: '', | |
| 380 | + from:'commonRomanAlphabetSpelling' | |
| 381 | + }, | |
| 382 | + { | |
| 383 | + name: '少数民族语拼写', | |
| 384 | + type: '1', | |
| 385 | + isbx:false, | |
| 386 | + cent: '', | |
| 387 | + from:'minoritySpelling' | |
| 388 | + }, | |
| 389 | + { | |
| 390 | + name: '地名语种', | |
| 391 | + type: '1', | |
| 392 | + isbx:false, | |
| 393 | + cent: '', | |
| 394 | + from:'language' | |
| 395 | + }, | |
| 396 | + { | |
| 397 | + name: '别名', | |
| 398 | + type: '1', | |
| 399 | + isbx:false, | |
| 400 | + cent: '', | |
| 401 | + from:'alias' | |
| 402 | + }, | |
| 403 | + { | |
| 404 | + name: '简称', | |
| 405 | + type: '1', | |
| 406 | + isbx:false, | |
| 407 | + cent: '', | |
| 408 | + from:'abbreviation' | |
| 409 | + }, | |
| 410 | + { | |
| 411 | + name: '使用时间', | |
| 412 | + type: '8', | |
| 413 | + isbx:true, | |
| 414 | + cent: '', | |
| 415 | + from:'usageTime' | |
| 416 | + }, | |
| 417 | + { | |
| 418 | + name: '曾用名', | |
| 419 | + type: '1', | |
| 420 | + isbx:false, | |
| 421 | + cent: '', | |
| 422 | + from:'formerName' | |
| 423 | + }, | |
| 424 | + { | |
| 425 | + name: '设立时间', | |
| 426 | + type: '4', | |
| 427 | + isbx:true, | |
| 428 | + cent: '', | |
| 429 | + from:'establishTime' | |
| 430 | + }, | |
| 431 | + { | |
| 432 | + name: '废止时间', | |
| 433 | + type: '4', | |
| 434 | + isbx:false, | |
| 435 | + cent: '', | |
| 436 | + from:'annulmentTime' | |
| 437 | + }, | |
| 438 | + { | |
| 439 | + name: '地理位置', | |
| 440 | + type: '3', | |
| 441 | + isbx:true, | |
| 442 | + cent: '', | |
| 443 | + from:'mapCoordinates' | |
| 444 | + }, | |
| 445 | + { | |
| 446 | + name: '地名来历', | |
| 447 | + type: '5', | |
| 448 | + isbx:true, | |
| 449 | + cent: '', | |
| 450 | + from:'originOfPlaceNames' | |
| 451 | + }, | |
| 452 | + { | |
| 453 | + name: '地名含义', | |
| 454 | + type: '5', | |
| 455 | + isbx:true, | |
| 456 | + cent: '', | |
| 457 | + from:'meaningOfPlaceNames' | |
| 458 | + }, | |
| 459 | + { | |
| 460 | + name: '历史沿革', | |
| 461 | + type: '5', | |
| 462 | + isbx:true, | |
| 463 | + cent: '', | |
| 464 | + from:'historicalEvolution' | |
| 465 | + }, | |
| 466 | + { | |
| 467 | + name: '备注', | |
| 468 | + type: '5', | |
| 469 | + isbx:false, | |
| 470 | + cent: '', | |
| 471 | + from:'remark' | |
| 472 | + }, | |
| 473 | + ] | |
| 474 | + }; | |
| 475 | + }, | |
| 476 | + components: { | |
| 477 | + sczl | |
| 478 | + }, | |
| 479 | + computed: { | |
| 480 | + pageTop() { | |
| 481 | + return parseInt(88 * uni.getSystemInfoSync().windowWidth / 750) + uni.getSystemInfoSync().statusBarHeight | |
| 482 | + } | |
| 483 | + }, | |
| 484 | + onLoad(e) { | |
| 485 | + this.gain() | |
| 486 | + | |
| 487 | + | |
| 488 | + }, | |
| 489 | + methods: { | |
| 490 | + gain() { | |
| 491 | + this.API.gettreeselect().then(res => { | |
| 492 | + console.log(res.data[0].children); | |
| 493 | + | |
| 494 | + let box1 = [] | |
| 495 | + let box2 = [] | |
| 496 | + let box3 = [] | |
| 497 | + let box4 = [] | |
| 498 | + for (let i = 0; i < res.data[0].children.length; i++) { | |
| 499 | + let list1 = res.data[0].children[i] | |
| 500 | + | |
| 501 | + let cent1 = { | |
| 502 | + id: list1.id, | |
| 503 | + name: list1.label | |
| 504 | + } | |
| 505 | + box1.push(cent1) | |
| 506 | + if(list1.children) { | |
| 507 | + for (let n = 0; n < list1.children.length; n++) { | |
| 508 | + let list2 = list1.children[n] | |
| 509 | + let cent2 = { | |
| 510 | + id: list2.id, | |
| 511 | + name: list2.label, | |
| 512 | + pid: list1.id, | |
| 513 | + } | |
| 514 | + box2.push(cent2) | |
| 515 | + if(list2.children) { | |
| 516 | + for (let x = 0; x < list2.children.length; x++) { | |
| 517 | + let list3 = list2.children[x] | |
| 518 | + let cent3 = { | |
| 519 | + id: list3.id, | |
| 520 | + name: list3.label, | |
| 521 | + pid: list2.id, | |
| 522 | + } | |
| 523 | + box3.push(cent3) | |
| 524 | + if(list3.children) { | |
| 525 | + for (let y = 0; y < list3.children.length; y++) { | |
| 526 | + let list4 = list3.children[y] | |
| 527 | + let cent4 = { | |
| 528 | + id: list4.id, | |
| 529 | + name: list4.label, | |
| 530 | + pid: list3.id, | |
| 531 | + } | |
| 532 | + box4.push(cent4) | |
| 533 | + } | |
| 534 | + } | |
| 535 | + } | |
| 536 | + } | |
| 537 | + } | |
| 538 | + } else { | |
| 539 | + | |
| 540 | + } | |
| 541 | + } | |
| 542 | + this.lbbox = [box1,box2,box3,box4] | |
| 543 | + console.log(this.lbbox); | |
| 544 | + this.updatelist(0,0) | |
| 545 | + }) | |
| 546 | + // this.API.getregional().then(res => { | |
| 547 | + // console.log(res); | |
| 548 | + // }) | |
| 549 | + }, | |
| 550 | + gopath(e) { | |
| 551 | + uni.navigateTo({ | |
| 552 | + url: e | |
| 553 | + }) | |
| 554 | + }, | |
| 555 | + onchangfileJsonimg(e,){ | |
| 556 | + console.log(e); | |
| 557 | + this.mtbox.imgcent = e | |
| 558 | + }, | |
| 559 | + onchangfileJsonfile(e) { | |
| 560 | + console.log(e); | |
| 561 | + this.mtbox.filecent = e | |
| 562 | + }, | |
| 563 | + confirm(e) { | |
| 564 | + this.textlist[this.time].cent = e.fulldate | |
| 565 | + }, | |
| 566 | + opentime(e) { | |
| 567 | + this.$refs.calendar.open(); | |
| 568 | + this.time = e | |
| 569 | + }, | |
| 570 | + mapdoorplatesuccess() { | |
| 571 | + console.log(this.textlist,this.textlist.length) | |
| 572 | + let from = {} | |
| 573 | + // for (let i = 0; i < this.textlist.length; i++) { | |
| 574 | + // if(this.textlist[i].isbx) { | |
| 575 | + // if(this.textlist[i].cent) { | |
| 576 | + | |
| 577 | + // } else { | |
| 578 | + // uni.showToast({ | |
| 579 | + // icon:'none', | |
| 580 | + // title:'请填写' + this.textlist[i].name | |
| 581 | + // }) | |
| 582 | + // return | |
| 583 | + // } | |
| 584 | + // } else { | |
| 585 | + | |
| 586 | + // } | |
| 587 | + // } | |
| 588 | + // for (let i = 0; i < this.newtextlist.length; i++) { | |
| 589 | + // if(this.newtextlist[i].isbx) { | |
| 590 | + // if(this.newtextlist[i].cent) { | |
| 591 | + | |
| 592 | + // } else { | |
| 593 | + // uni.showToast({ | |
| 594 | + // icon:'none', | |
| 595 | + // title:'请填写' + this.newtextlist[i].name | |
| 596 | + // }) | |
| 597 | + // return | |
| 598 | + // } | |
| 599 | + // } else { | |
| 600 | + | |
| 601 | + // } | |
| 602 | + // } | |
| 603 | + for (let i = 0; i < this.textlist.length; i++) { | |
| 604 | + | |
| 605 | + if(this.textlist[i].from == 'mapCoordinates') { | |
| 606 | + from[this.textlist[i].from] = this.textlist[i].cent | |
| 607 | + from.eastLongitude = this.textlist[i].longitude | |
| 608 | + from.northLatitude = this.textlist[i].latitude | |
| 609 | + } else { | |
| 610 | + from[this.textlist[i].from] = this.textlist[i].cent | |
| 611 | + } | |
| 612 | + } | |
| 613 | + console.log(from,from.length) | |
| 614 | + from.createdUser=uni.getStorageSync('USERS_KEY').userId | |
| 615 | + from.status='待审核' | |
| 616 | + from.remarksField5 = JSON.stringify(this.newtextlist) | |
| 617 | + this.API.toponym(from).then(res => { | |
| 618 | + console.log(res); | |
| 619 | + if (res.code == 200) { | |
| 620 | + uni.showToast({ | |
| 621 | + icon: 'success', | |
| 622 | + title: "添加成功", | |
| 623 | + }) | |
| 624 | + setTimeout(() => { | |
| 625 | + uni.redirectTo({ | |
| 626 | + url: '/pages/mapdoorplatesuccess/mapdoorplatesuccess', | |
| 627 | + }) | |
| 628 | + }, 800) | |
| 629 | + | |
| 630 | + } | |
| 631 | + }) | |
| 632 | + }, | |
| 633 | + bindPickerChange2: function(e, e1) { | |
| 634 | + console.log('picker发送选择改变,携带值为', e, e1,this.array1) | |
| 635 | + let box1 = this.array1[0] | |
| 636 | + let box2 = this.array1[1] | |
| 637 | + let box3 = this.array1[2] | |
| 638 | + let box4 = this.array1[3] | |
| 639 | + this.textlist[e1].cent = box4[e.detail.value[3]]?box4[e.detail.value[3]].name:box3[e.detail.value[2]]?box3[e.detail.value[2]].name:box2[e.detail.value[1]]?box2[e.detail.value[1]].name:box1[e.detail.value[0]].name | |
| 640 | + if(this.textlist[e1].cent == '泉') { | |
| 641 | + this.array5 = ['冷泉', '热泉'] | |
| 642 | + this.newtextlist = [ | |
| 643 | + { | |
| 644 | + name: '类型', | |
| 645 | + type: '8', | |
| 646 | + isbx:true, | |
| 647 | + cent: '', | |
| 648 | + from:'name0' | |
| 649 | + }, | |
| 650 | + { | |
| 651 | + name: '最高水位(米)', | |
| 652 | + type: '1', | |
| 653 | + isbx:false, | |
| 654 | + cent: '', | |
| 655 | + from:'name1' | |
| 656 | + }, | |
| 657 | + { | |
| 658 | + name: '最低水位(米)', | |
| 659 | + type: '1', | |
| 660 | + isbx:false, | |
| 661 | + cent: '', | |
| 662 | + from:'name2' | |
| 663 | + }, | |
| 664 | + { | |
| 665 | + name: '最大输出量(立方米)', | |
| 666 | + type: '1', | |
| 667 | + isbx:false, | |
| 668 | + cent: '', | |
| 669 | + from:'name3' | |
| 670 | + }, | |
| 671 | + { | |
| 672 | + name: '日出水量(立方米)', | |
| 673 | + type: '1', | |
| 674 | + isbx:false, | |
| 675 | + cent: '', | |
| 676 | + from:'name4' | |
| 677 | + }, | |
| 678 | + { | |
| 679 | + name: '涌水高度(米)', | |
| 680 | + type: '1', | |
| 681 | + isbx:false, | |
| 682 | + cent: '', | |
| 683 | + from:'name5' | |
| 684 | + }, | |
| 685 | + { | |
| 686 | + name: '年均水温(摄氏度)', | |
| 687 | + type: '1', | |
| 688 | + isbx:false, | |
| 689 | + cent: '', | |
| 690 | + from:'name6' | |
| 691 | + }, | |
| 692 | + ] | |
| 693 | + } else if(this.textlist[e1].cent == '瀑布') { | |
| 694 | + this.newtextlist = [ | |
| 695 | + { | |
| 696 | + name: '最大落差(米)', | |
| 697 | + type: '1', | |
| 698 | + isbx:true, | |
| 699 | + cent: '', | |
| 700 | + from:'name0' | |
| 701 | + }, | |
| 702 | + { | |
| 703 | + name: '最大宽度(米)', | |
| 704 | + type: '1', | |
| 705 | + isbx:true, | |
| 706 | + cent: '', | |
| 707 | + from:'name0' | |
| 708 | + }, | |
| 709 | + { | |
| 710 | + name: '流量(立方米/秒)', | |
| 711 | + type: '1', | |
| 712 | + isbx:false, | |
| 713 | + cent: '', | |
| 714 | + from:'name0' | |
| 715 | + }, | |
| 716 | + { | |
| 717 | + name: '上游水源', | |
| 718 | + type: '1', | |
| 719 | + isbx:false, | |
| 720 | + cent: '', | |
| 721 | + from:'name0' | |
| 722 | + }, | |
| 723 | + ] | |
| 724 | + }else if(this.textlist[e1].cent == '') { | |
| 725 | + | |
| 726 | + }else if(this.textlist[e1].cent == '') { | |
| 727 | + | |
| 728 | + } | |
| 729 | + | |
| 730 | + this.newtextlist.push( | |
| 731 | + { | |
| 732 | + name: '所在(跨) 行政区', | |
| 733 | + type: '1', | |
| 734 | + isbx:true, | |
| 735 | + cent: '', | |
| 736 | + from:'name'+this.newtextlist.length | |
| 737 | + }, | |
| 738 | + ) | |
| 739 | + this.newtextlist.push( | |
| 740 | + { | |
| 741 | + name: '其他信息', | |
| 742 | + type: '5', | |
| 743 | + isbx:false, | |
| 744 | + cent: '', | |
| 745 | + from:'name'+this.newtextlist.length | |
| 746 | + }, | |
| 747 | + ) | |
| 748 | + console.log(this.newtextlist) | |
| 749 | + }, | |
| 750 | + bindPickerChange1: function(e, e1,e2) { | |
| 751 | + console.log('picker发送选择改变,携带值为', e, e1,e2) | |
| 752 | + this.textlist[e1].cent = this[e2][e.detail.value] | |
| 753 | + }, | |
| 754 | + bindPickerChange3: function(e, e1,e2) { | |
| 755 | + console.log('picker发送选择改变,携带值为', e, e1,e2) | |
| 756 | + this.newtextlist[e1].cent = this[e2][e.detail.value] | |
| 757 | + }, | |
| 758 | + openaddress(e) { | |
| 759 | + let that = this | |
| 760 | + // 用户已经同意小程序使用录音功能,后续调用 wx.startRecord 接口不会弹窗询问 | |
| 761 | + wx.chooseLocation({ | |
| 762 | + success: function(res) { | |
| 763 | + that.textlist[e].cent = res.address | |
| 764 | + that.textlist[e].latitude = res.latitude | |
| 765 | + that.textlist[e].longitude = res.longitude | |
| 766 | + console.log(res) | |
| 767 | + }, | |
| 768 | + fail(err) { | |
| 769 | + console.log(err) | |
| 770 | + } | |
| 771 | + }); | |
| 772 | + }, | |
| 773 | + // picker的列发生变化时 | |
| 774 | + columnChange(e) { | |
| 775 | + // column列索引(0-第一列) value是列中数组索引 | |
| 776 | + this.updatelist(parseInt(e.target.column), parseInt(e.target.value)) | |
| 777 | + }, | |
| 778 | + updatelist(col, idx) { | |
| 779 | + console.log(col,idx) | |
| 780 | + let data = this.lbbox | |
| 781 | + let list = this.array1 // 视图渲染 | |
| 782 | + list[0] = data[0] // picker的第一列数据 | |
| 783 | + // 当第一列变化时 | |
| 784 | + if (col == 0) { | |
| 785 | + // 更新第二列的数据 | |
| 786 | + list[1] = list[0][idx]?data[1].filter(ele => ele.pid == list[0][idx].id):[] | |
| 787 | + // 更新第三列的数据 | |
| 788 | + list[2] = list[1][0]?data[2].filter(ele => ele.pid == list[1][0].id):[] | |
| 789 | + list[3] = list[2][0]?data[3].filter(ele => ele.pid == list[2][0].id):[] | |
| 790 | + this.idx = [idx, 0, 0,0] | |
| 791 | + } | |
| 792 | + // 当第二列变化时 | |
| 793 | + if (col == 1) { | |
| 794 | + // 只用更新第三列数据 | |
| 795 | + list[2] = list[1][idx]?data[2].filter(ele => ele.pid == list[1][idx].id):[] | |
| 796 | + list[3] = list[2][0]?data[3].filter(ele => ele.pid == list[2][0].id):[] | |
| 797 | + this.idx = [this.idx[0], idx, 0,0] | |
| 798 | + } | |
| 799 | + // 当第三列变化时 | |
| 800 | + if (col == 2) { | |
| 801 | + // 只用更新第三列数据 | |
| 802 | + list[3] = list[2][idx]?data[3].filter(ele => ele.pid == list[2][idx].id):[] | |
| 803 | + this.idx = [this.idx[0],this.idx[1],idx,0] | |
| 804 | + } | |
| 805 | + // 更新list,更新picker视图 | |
| 806 | + this.array1 = list | |
| 807 | + } | |
| 808 | + } | |
| 809 | + } | |
| 810 | +</script> | |
| 811 | + | |
| 812 | +<style scoped lang="scss"> | |
| 813 | + .uni-input1 { | |
| 814 | + color:#3d3d3d; | |
| 815 | + // font-weight: bold; | |
| 816 | + | |
| 817 | + } | |
| 818 | + .uni-input2 { | |
| 819 | + color: #909090; | |
| 820 | + | |
| 821 | + } | |
| 822 | + .listBox { | |
| 823 | + position: relative; | |
| 824 | + z-index: 1; | |
| 825 | + } | |
| 826 | + | |
| 827 | + .content { | |
| 828 | + width: 100%; | |
| 829 | + padding-bottom: 120rpx; | |
| 830 | + } | |
| 831 | + | |
| 832 | + .titleall-left { | |
| 833 | + font-size: 28rpx; | |
| 834 | + font-weight: bold; | |
| 835 | + display: flex; | |
| 836 | + align-items: center; | |
| 837 | + margin: 30rpx; | |
| 838 | + | |
| 839 | + .titleall-left-line { | |
| 840 | + width: 10rpx; | |
| 841 | + height: 25rpx; | |
| 842 | + border-radius: 18rpx; | |
| 843 | + background-color: #547DFF; | |
| 844 | + margin-right: 20rpx; | |
| 845 | + box-shadow: inset 0rpx 4rpx 9rpx 0rpx rgba(255, 255, 255, 0.34), 5rpx 7rpx 9rpx 0rpx rgba(80, 161, 255, 0.33); | |
| 846 | + } | |
| 847 | + } | |
| 848 | + | |
| 849 | + .top-box { | |
| 850 | + display: flex; | |
| 851 | + justify-content: space-between; | |
| 852 | + margin: 30rpx; | |
| 853 | + font-size: 28rpx; | |
| 854 | + font-weight: bold; | |
| 855 | + background-color: #fff; | |
| 856 | + border-radius: 21rpx; | |
| 857 | + padding: 30rpx; | |
| 858 | + | |
| 859 | + .top-box-img { | |
| 860 | + image { | |
| 861 | + width: 40rpx; | |
| 862 | + height: 40rpx; | |
| 863 | + } | |
| 864 | + } | |
| 865 | + } | |
| 866 | + | |
| 867 | + .titleall-box { | |
| 868 | + display: flex; | |
| 869 | + justify-content: space-between; | |
| 870 | + padding: 40rpx 20rpx 20rpx 0; | |
| 871 | + | |
| 872 | + .titleall-left { | |
| 873 | + font-size: 32rpx; | |
| 874 | + font-weight: bold; | |
| 875 | + display: flex; | |
| 876 | + align-items: center; | |
| 877 | + | |
| 878 | + .titleall-left-line { | |
| 879 | + width: 14rpx; | |
| 880 | + height: 36rpx; | |
| 881 | + border-radius: 0 10rpx 10rpx 0; | |
| 882 | + background-color: #667FFF; | |
| 883 | + box-shadow: 0 0 10rpx 5rpx #d1d9ff; | |
| 884 | + margin-right: 20rpx; | |
| 885 | + } | |
| 886 | + | |
| 887 | + text { | |
| 888 | + font-size: 28rpx; | |
| 889 | + color: #999999; | |
| 890 | + } | |
| 891 | + } | |
| 892 | + } | |
| 893 | + | |
| 894 | + .message-list { | |
| 895 | + // background-color: #FFFFFF; | |
| 896 | + // border-radius: 20rpx; | |
| 897 | + font-size: 25rpx; | |
| 898 | + margin: 25rpx; | |
| 899 | + | |
| 900 | + .info-box { | |
| 901 | + padding: 0 40rpx; | |
| 902 | + background: #FFFFFF; | |
| 903 | + border-radius: 21rpx; | |
| 904 | + margin-bottom: 15rpx; | |
| 905 | + | |
| 906 | + .info-box-list { | |
| 907 | + display: flex; | |
| 908 | + align-items: center; | |
| 909 | + border-bottom: 2rpx solid #ececec; | |
| 910 | + padding-top: 20rpx; | |
| 911 | + padding-bottom: 20rpx; | |
| 912 | + | |
| 913 | + .width100 { | |
| 914 | + width: 100% !important; | |
| 915 | + } | |
| 916 | + | |
| 917 | + .info-box-width { | |
| 918 | + width: 50%; | |
| 919 | + font-size: 30rpx; | |
| 920 | + font-weight: bold; | |
| 921 | + | |
| 922 | + .info-box-small { | |
| 923 | + font-size: 26rpx; | |
| 924 | + color: #a8a8a8; | |
| 925 | + font-weight: 500; | |
| 926 | + margin-top: 10rpx; | |
| 927 | + } | |
| 928 | + | |
| 929 | + .info-box-list-img { | |
| 930 | + margin-top: 30rpx; | |
| 931 | + | |
| 932 | + image { | |
| 933 | + width: 180rpx; | |
| 934 | + height: 180rpx; | |
| 935 | + border-radius: 20rpx; | |
| 936 | + } | |
| 937 | + } | |
| 938 | + | |
| 939 | + .input-text { | |
| 940 | + font-size: 30rpx; | |
| 941 | + } | |
| 942 | + | |
| 943 | + .inputtext { | |
| 944 | + color: #3d3d3d; | |
| 945 | + } | |
| 946 | + | |
| 947 | + .textarea { | |
| 948 | + background-color: #F7F7F7; | |
| 949 | + border-radius: 20rpx; | |
| 950 | + width: 100%; | |
| 951 | + margin-top: 20rpx; | |
| 952 | + padding: 20rpx; | |
| 953 | + font-size: 28rpx; | |
| 954 | + font-weight: normal; | |
| 955 | + min-height: 80rpx; | |
| 956 | + } | |
| 957 | + } | |
| 958 | + | |
| 959 | + .serve { | |
| 960 | + display: flex; | |
| 961 | + justify-content: space-between; | |
| 962 | + align-items: center; | |
| 963 | + width: 100%; | |
| 964 | + | |
| 965 | + .serve-title { | |
| 966 | + font-size: 26rpx; | |
| 967 | + color: #909090; | |
| 968 | + } | |
| 969 | + | |
| 970 | + .serve-right { | |
| 971 | + font-size: 26rpx; | |
| 972 | + // font-weight: bold; | |
| 973 | + display: flex; | |
| 974 | + align-items: center; | |
| 975 | + justify-content: flex-end; | |
| 976 | + | |
| 977 | + text { | |
| 978 | + color: #FC4444; | |
| 979 | + } | |
| 980 | + | |
| 981 | + image { | |
| 982 | + width: 20rpx; | |
| 983 | + height: 20rpx; | |
| 984 | + margin-left: 10rpx; | |
| 985 | + } | |
| 986 | + } | |
| 987 | + } | |
| 988 | + } | |
| 989 | + | |
| 990 | + .info-box-list:last-child { | |
| 991 | + border-bottom: 0; | |
| 992 | + } | |
| 993 | + } | |
| 994 | + } | |
| 995 | + | |
| 996 | + /* 底部 */ | |
| 997 | + .page-footer { | |
| 998 | + margin: 30rpx; | |
| 999 | + display: flex; | |
| 1000 | + height: 100rpx; | |
| 1001 | + | |
| 1002 | + .footer-buy { | |
| 1003 | + height: 100%; | |
| 1004 | + width: 100%; | |
| 1005 | + | |
| 1006 | + .cart-add { | |
| 1007 | + display: flex; | |
| 1008 | + align-items: center; | |
| 1009 | + justify-content: center; | |
| 1010 | + margin-top: 60rpx; | |
| 1011 | + | |
| 1012 | + image { | |
| 1013 | + position: absolute; | |
| 1014 | + z-index: 0; | |
| 1015 | + width: 95%; | |
| 1016 | + height: 83rpx; | |
| 1017 | + box-shadow: 5rpx 10rpx 20rpx 0 #b7c8ff; | |
| 1018 | + border-radius: 100rpx; | |
| 1019 | + } | |
| 1020 | + | |
| 1021 | + text { | |
| 1022 | + font-size: 30rpx; | |
| 1023 | + font-weight: bold; | |
| 1024 | + color: #fff; | |
| 1025 | + position: absolute; | |
| 1026 | + z-index: 1; | |
| 1027 | + } | |
| 1028 | + } | |
| 1029 | + } | |
| 1030 | + } | |
| 1031 | +</style> | |
| 0 | 1032 | \ No newline at end of file | ... | ... |
pages/declaration/newDeclarationdetail.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view class="page"> | |
| 3 | + <pyh-nv ref="nv" :config="nvConfig"></pyh-nv> | |
| 4 | + <view class="listBox" :style="{'padding-top':(pageTop+'px')}"> | |
| 5 | + <view class="content" > | |
| 6 | + <view class="message-list"> | |
| 7 | + <view class="titleall-box"> | |
| 8 | + <view class="titleall-left"> | |
| 9 | + <view class="titleall-left-line"></view>基本信息 | |
| 10 | + </view> | |
| 11 | + </view> | |
| 12 | + <view class="newinfo-box"> | |
| 13 | + <view class="info-box-list"> | |
| 14 | + <view :class="item.type=='5'?'width100 info-box-width':'info-box-width'" v-for="(item,index) in textlist" :key="index"> | |
| 15 | + <view class="info-box-overflow">{{item.cent?item.cent:'-'}}</view> | |
| 16 | + <view class="info-box-small">{{item.name}}</view> | |
| 17 | + </view> | |
| 18 | + </view> | |
| 19 | + </view> | |
| 20 | + </view> | |
| 21 | + | |
| 22 | + </view> | |
| 23 | + <view class="content" v-if="newtextlist.length>0"> | |
| 24 | + <view class="message-list"> | |
| 25 | + <view class="titleall-box"> | |
| 26 | + <view class="titleall-left"> | |
| 27 | + <view class="titleall-left-line"></view>基本信息 | |
| 28 | + </view> | |
| 29 | + </view> | |
| 30 | + <view class="newinfo-box"> | |
| 31 | + <view class="info-box-list"> | |
| 32 | + <view :class="item.type=='5'?'width100 info-box-width':'info-box-width'" v-for="(item,index) in newtextlist" :key="index"> | |
| 33 | + <view class="info-box-overflow">{{item.cent?item.cent:'-'}}</view> | |
| 34 | + <view class="info-box-small">{{item.name}}</view> | |
| 35 | + </view> | |
| 36 | + </view> | |
| 37 | + </view> | |
| 38 | + </view> | |
| 39 | + | |
| 40 | + </view> | |
| 41 | + <view class="content" v-if="info.remarksField1"> | |
| 42 | + <view class="message-list"> | |
| 43 | + <view class="titleall-box"> | |
| 44 | + <view class="titleall-left"> | |
| 45 | + <view class="titleall-left-line"></view>驳回原因 | |
| 46 | + </view> | |
| 47 | + </view> | |
| 48 | + <view class="info-box"> | |
| 49 | + <view class="info-box-list"> | |
| 50 | + <view class="info-box-width" style="width: 100%;"> | |
| 51 | + <view class="info-box-overflow"> | |
| 52 | + {{info.remarksField1?info.remarksField1:'-'}}</view> | |
| 53 | + | |
| 54 | + </view> | |
| 55 | + | |
| 56 | + </view> | |
| 57 | + </view> | |
| 58 | + </view> | |
| 59 | + </view> | |
| 60 | + <view class="content" v-if="info.remarksField2"> | |
| 61 | + <view class="message-list"> | |
| 62 | + <view class="titleall-box"> | |
| 63 | + <view class="titleall-left"> | |
| 64 | + <view class="titleall-left-line"></view>处理结果 | |
| 65 | + </view> | |
| 66 | + </view> | |
| 67 | + <view class="info-box"> | |
| 68 | + <view class="info-box-list"> | |
| 69 | + <view class="info-box-width" style="width: 100%;"> | |
| 70 | + <view class="info-box-overflow"> | |
| 71 | + {{info.remarksField2?info.remarksField2:'-'}}</view> | |
| 72 | + | |
| 73 | + </view> | |
| 74 | + | |
| 75 | + </view> | |
| 76 | + </view> | |
| 77 | + </view> | |
| 78 | + </view> | |
| 79 | + <view class="skip-btn" v-if="info.filePath"> | |
| 80 | + <view class="buy-at" @click="downfile(info.filePath)"> | |
| 81 | + <image src="../../static/btn7.png"></image> | |
| 82 | + <text>批复文件下载</text> | |
| 83 | + </view> | |
| 84 | + </view> | |
| 85 | + </view> | |
| 86 | + </view> | |
| 87 | +</template> | |
| 88 | + | |
| 89 | +<script> | |
| 90 | + import BASE_URL from "@/common/config.js" | |
| 91 | + export default { | |
| 92 | + data() { | |
| 93 | + return { | |
| 94 | + textlist: [{ | |
| 95 | + name: '行政区划', | |
| 96 | + type: '2', | |
| 97 | + isbx:true, | |
| 98 | + cent: '', | |
| 99 | + from:'adminArea' | |
| 100 | + }, | |
| 101 | + { | |
| 102 | + name: '地名类别', | |
| 103 | + type: '7', | |
| 104 | + isbx:true, | |
| 105 | + cent: '', | |
| 106 | + from:'placeNameCategory' | |
| 107 | + }, | |
| 108 | + { | |
| 109 | + name: '标准名称', | |
| 110 | + type: '1', | |
| 111 | + isbx:true, | |
| 112 | + cent: '', | |
| 113 | + from:'standardName' | |
| 114 | + }, | |
| 115 | + { | |
| 116 | + name: '地名代码', | |
| 117 | + type: '1', | |
| 118 | + isbx:false, | |
| 119 | + cent: '', | |
| 120 | + from:'toponymicCode' | |
| 121 | + }, | |
| 122 | + { | |
| 123 | + name: '是否可公开', | |
| 124 | + type: '6', | |
| 125 | + isbx:false, | |
| 126 | + cent: '', | |
| 127 | + from:'whetherPublic' | |
| 128 | + }, | |
| 129 | + { | |
| 130 | + name: '罗马字母拼写', | |
| 131 | + type: '1', | |
| 132 | + isbx:true, | |
| 133 | + cent: '', | |
| 134 | + from:'romanLettersSpell' | |
| 135 | + }, | |
| 136 | + { | |
| 137 | + name: '通名罗马字母拼写', | |
| 138 | + type: '1', | |
| 139 | + isbx:false, | |
| 140 | + cent: '', | |
| 141 | + from:'commonRomanAlphabetSpelling' | |
| 142 | + }, | |
| 143 | + { | |
| 144 | + name: '少数民族语拼写', | |
| 145 | + type: '1', | |
| 146 | + isbx:false, | |
| 147 | + cent: '', | |
| 148 | + from:'minoritySpelling' | |
| 149 | + }, | |
| 150 | + { | |
| 151 | + name: '地名语种', | |
| 152 | + type: '1', | |
| 153 | + isbx:false, | |
| 154 | + cent: '', | |
| 155 | + from:'language' | |
| 156 | + }, | |
| 157 | + { | |
| 158 | + name: '别名', | |
| 159 | + type: '1', | |
| 160 | + isbx:false, | |
| 161 | + cent: '', | |
| 162 | + from:'alias' | |
| 163 | + }, | |
| 164 | + { | |
| 165 | + name: '简称', | |
| 166 | + type: '1', | |
| 167 | + isbx:false, | |
| 168 | + cent: '', | |
| 169 | + from:'abbreviation' | |
| 170 | + }, | |
| 171 | + { | |
| 172 | + name: '使用时间', | |
| 173 | + type: '8', | |
| 174 | + isbx:true, | |
| 175 | + cent: '', | |
| 176 | + from:'usageTime' | |
| 177 | + }, | |
| 178 | + { | |
| 179 | + name: '曾用名', | |
| 180 | + type: '1', | |
| 181 | + isbx:false, | |
| 182 | + cent: '', | |
| 183 | + from:'formerName' | |
| 184 | + }, | |
| 185 | + { | |
| 186 | + name: '设立时间', | |
| 187 | + type: '4', | |
| 188 | + isbx:true, | |
| 189 | + cent: '', | |
| 190 | + from:'establishTime' | |
| 191 | + }, | |
| 192 | + { | |
| 193 | + name: '废止时间', | |
| 194 | + type: '4', | |
| 195 | + isbx:false, | |
| 196 | + cent: '', | |
| 197 | + from:'annulmentTime' | |
| 198 | + }, | |
| 199 | + { | |
| 200 | + name: '地理位置', | |
| 201 | + type: '3', | |
| 202 | + isbx:true, | |
| 203 | + cent: '', | |
| 204 | + from:'mapCoordinates' | |
| 205 | + }, | |
| 206 | + { | |
| 207 | + name: '地名来历', | |
| 208 | + type: '5', | |
| 209 | + isbx:true, | |
| 210 | + cent: '', | |
| 211 | + from:'originOfPlaceNames' | |
| 212 | + }, | |
| 213 | + { | |
| 214 | + name: '地名含义', | |
| 215 | + type: '5', | |
| 216 | + isbx:true, | |
| 217 | + cent: '', | |
| 218 | + from:'meaningOfPlaceNames' | |
| 219 | + }, | |
| 220 | + { | |
| 221 | + name: '历史沿革', | |
| 222 | + type: '5', | |
| 223 | + isbx:true, | |
| 224 | + cent: '', | |
| 225 | + from:'historicalEvolution' | |
| 226 | + }, | |
| 227 | + { | |
| 228 | + name: '备注', | |
| 229 | + type: '5', | |
| 230 | + isbx:false, | |
| 231 | + cent: '', | |
| 232 | + from:'remark' | |
| 233 | + }, | |
| 234 | + ], | |
| 235 | + type: null, | |
| 236 | + BASE_URL, | |
| 237 | + info: {}, | |
| 238 | + nvConfig: { | |
| 239 | + title: "HC52454【单立桩】", | |
| 240 | + bgColor: "#ffffff", | |
| 241 | + color: "#000000", | |
| 242 | + fixedAssist: { | |
| 243 | + hide: true, | |
| 244 | + }, | |
| 245 | + }, | |
| 246 | + markers: [], | |
| 247 | + address: { | |
| 248 | + // 纬度 | |
| 249 | + latitude: 29.99599, | |
| 250 | + // 经度 | |
| 251 | + longitude: 104.13412 | |
| 252 | + }, | |
| 253 | + newtextlist:[] | |
| 254 | + }; | |
| 255 | + }, | |
| 256 | + onPageScroll(e) { | |
| 257 | + this.$refs.nv.pageScroll(e) | |
| 258 | + }, | |
| 259 | + computed: { | |
| 260 | + pageTop() { | |
| 261 | + return parseInt(88 * uni.getSystemInfoSync().windowWidth / 750) + uni.getSystemInfoSync().statusBarHeight | |
| 262 | + } | |
| 263 | + }, | |
| 264 | + onLoad(params) { | |
| 265 | + this.info = JSON.parse(params.cent) | |
| 266 | + this.nvConfig.title = this.info.name | |
| 267 | + let from = params.cent?JSON.parse(params.cent):'' | |
| 268 | + console.log(from) | |
| 269 | + if(from) { | |
| 270 | + for (let i = 0; i < this.textlist.length; i++) { | |
| 271 | + if(this.textlist[i].from == 'mapCoordinates') { | |
| 272 | + this.textlist[i].cent =from[this.textlist[i].from] | |
| 273 | + this.textlist[i].longitude = from.eastLongitude | |
| 274 | + this.textlist[i].latitude = from.northLatitude | |
| 275 | + } else { | |
| 276 | + this.textlist[i].cent = from[this.textlist[i].from] | |
| 277 | + } | |
| 278 | + } | |
| 279 | + if(from.remarksField5) { | |
| 280 | + this.newtextlist = JSON.parse(from.remarksField5) | |
| 281 | + } | |
| 282 | + | |
| 283 | + } | |
| 284 | + }, | |
| 285 | + methods: { | |
| 286 | + downfile(e) { | |
| 287 | + | |
| 288 | + let that = this | |
| 289 | + console.log(that.BASE_URL + e) | |
| 290 | + let c1 = e.split('.') | |
| 291 | + console.log(c1) | |
| 292 | + uni.downloadFile({ | |
| 293 | + url: that.BASE_URL+e, | |
| 294 | + header: { | |
| 295 | + 'content-type': "application/json", | |
| 296 | + }, | |
| 297 | + // filePath: wx.env.USER_DATA_PATH + e, | |
| 298 | + success: (res) => { | |
| 299 | + console.log(res) | |
| 300 | + if (res.statusCode === 200) { | |
| 301 | + const savedFilePath = res.tempFilePath | |
| 302 | + uni.openDocument({ | |
| 303 | + filePath: savedFilePath, | |
| 304 | + fileType: c1[1], //注意:文件为pdf,类型为pdf | |
| 305 | + showMenu: true, | |
| 306 | + success: (response) => { | |
| 307 | + console.log(response) | |
| 308 | + }, | |
| 309 | + fail: (err) => { | |
| 310 | + console.log(err) | |
| 311 | + wx.hideLoading() | |
| 312 | + } | |
| 313 | + }) | |
| 314 | + } else { | |
| 315 | + wx.hideLoading() | |
| 316 | + } | |
| 317 | + }, | |
| 318 | + fail: (err) => { | |
| 319 | + console.log(err) | |
| 320 | + wx.hideLoading() | |
| 321 | + | |
| 322 | + }, | |
| 323 | + complete: () => { | |
| 324 | + wx.hideLoading() | |
| 325 | + } | |
| 326 | + }) | |
| 327 | + } | |
| 328 | + } | |
| 329 | + } | |
| 330 | +</script> | |
| 331 | + | |
| 332 | +<style scoped lang="scss"> | |
| 333 | + .newinfo-box { | |
| 334 | + padding: 0 40rpx; | |
| 335 | + border-radius: 20rpx; | |
| 336 | + margin-bottom: 30rpx; | |
| 337 | + .width100 { | |
| 338 | + width: 100% !important; | |
| 339 | + } | |
| 340 | + .info-box-list { | |
| 341 | + display: flex; | |
| 342 | + justify-content: space-between; | |
| 343 | + align-items: center; | |
| 344 | + flex-wrap: wrap; | |
| 345 | + .info-box-width { | |
| 346 | + width: 45%; | |
| 347 | + font-size: 30rpx; | |
| 348 | + font-weight: bold; | |
| 349 | + border-bottom: 2rpx solid #ececec; | |
| 350 | + padding-top: 30rpx; | |
| 351 | + padding-bottom: 30rpx; | |
| 352 | + .info-box-overflow { | |
| 353 | + width: 95%; | |
| 354 | + display: -webkit-box; | |
| 355 | + -webkit-box-orient: vertical; | |
| 356 | + -webkit-line-clamp: 1; | |
| 357 | + overflow: hidden; | |
| 358 | + } | |
| 359 | + | |
| 360 | + .info-box-small { | |
| 361 | + font-size: 26rpx; | |
| 362 | + color: #a8a8a8; | |
| 363 | + font-weight: 500; | |
| 364 | + margin-top: 10rpx; | |
| 365 | + } | |
| 366 | + | |
| 367 | + .info-box-list-img { | |
| 368 | + margin-top: 30rpx; | |
| 369 | + | |
| 370 | + image { | |
| 371 | + width: 180rpx; | |
| 372 | + height: 180rpx; | |
| 373 | + border-radius: 20rpx; | |
| 374 | + } | |
| 375 | + } | |
| 376 | + | |
| 377 | + .info-box-list-sm { | |
| 378 | + background-color: #F7F7F7; | |
| 379 | + border-radius: 20rpx; | |
| 380 | + font-size: 28rpx; | |
| 381 | + color: #909090; | |
| 382 | + font-weight: 500; | |
| 383 | + width: 100%; | |
| 384 | + padding: 20rpx; | |
| 385 | + margin-top: 20rpx; | |
| 386 | + } | |
| 387 | + | |
| 388 | + .green { | |
| 389 | + color: #00D970; | |
| 390 | + } | |
| 391 | + } | |
| 392 | + | |
| 393 | + .serve { | |
| 394 | + display: flex; | |
| 395 | + justify-content: space-between; | |
| 396 | + width: 100%; | |
| 397 | + | |
| 398 | + .serve-title { | |
| 399 | + font-size: 30rpx; | |
| 400 | + font-weight: bold; | |
| 401 | + } | |
| 402 | + | |
| 403 | + .serve-right { | |
| 404 | + font-size: 28rpx; | |
| 405 | + text-align: right; | |
| 406 | + color: #909090; | |
| 407 | + | |
| 408 | + .serve-right-top { | |
| 409 | + margin-bottom: 20rpx; | |
| 410 | + } | |
| 411 | + } | |
| 412 | + } | |
| 413 | + } | |
| 414 | + } | |
| 415 | + .listBox { | |
| 416 | + position: relative; | |
| 417 | + z-index: 1; | |
| 418 | + } | |
| 419 | + | |
| 420 | + .content { | |
| 421 | + width: 100%; | |
| 422 | + // padding-bottom: 120rpx; | |
| 423 | + } | |
| 424 | + | |
| 425 | + .topimg { | |
| 426 | + margin: 25rpx; | |
| 427 | + | |
| 428 | + image { | |
| 429 | + width: 100%; | |
| 430 | + border-radius: 20rpx; | |
| 431 | + } | |
| 432 | + } | |
| 433 | + | |
| 434 | + .titleall-box { | |
| 435 | + display: flex; | |
| 436 | + justify-content: space-between; | |
| 437 | + padding: 40rpx 20rpx 20rpx 0; | |
| 438 | + | |
| 439 | + .titleall-left { | |
| 440 | + font-size: 32rpx; | |
| 441 | + font-weight: bold; | |
| 442 | + display: flex; | |
| 443 | + align-items: center; | |
| 444 | + | |
| 445 | + .titleall-left-line { | |
| 446 | + width: 14rpx; | |
| 447 | + height: 36rpx; | |
| 448 | + border-radius: 0 10rpx 10rpx 0; | |
| 449 | + background-color: #667FFF; | |
| 450 | + box-shadow: 0 0 10rpx 5rpx #d1d9ff; | |
| 451 | + margin-right: 20rpx; | |
| 452 | + } | |
| 453 | + } | |
| 454 | + } | |
| 455 | + | |
| 456 | + .message-list { | |
| 457 | + background-color: #FFFFFF; | |
| 458 | + border-radius: 20rpx; | |
| 459 | + font-size: 26rpx; | |
| 460 | + margin: 25rpx; | |
| 461 | + | |
| 462 | + .info-box { | |
| 463 | + padding: 0 40rpx; | |
| 464 | + border-radius: 20rpx; | |
| 465 | + margin-bottom: 30rpx; | |
| 466 | + | |
| 467 | + .info-box-list { | |
| 468 | + display: flex; | |
| 469 | + align-items: center; | |
| 470 | + border-bottom: 2rpx solid #ececec; | |
| 471 | + padding-top: 30rpx; | |
| 472 | + padding-bottom: 30rpx; | |
| 473 | + | |
| 474 | + .width100 { | |
| 475 | + width: 100% !important; | |
| 476 | + } | |
| 477 | + | |
| 478 | + .info-box-width { | |
| 479 | + width: 50%; | |
| 480 | + font-size: 30rpx; | |
| 481 | + font-weight: bold; | |
| 482 | + | |
| 483 | + .info-box-overflow { | |
| 484 | + width: 95%; | |
| 485 | + display: -webkit-box; | |
| 486 | + -webkit-box-orient: vertical; | |
| 487 | + -webkit-line-clamp: 1; | |
| 488 | + overflow: hidden; | |
| 489 | + } | |
| 490 | + | |
| 491 | + .info-box-small { | |
| 492 | + font-size: 26rpx; | |
| 493 | + color: #a8a8a8; | |
| 494 | + font-weight: 500; | |
| 495 | + margin-top: 10rpx; | |
| 496 | + } | |
| 497 | + | |
| 498 | + .info-box-list-img { | |
| 499 | + margin-top: 30rpx; | |
| 500 | + | |
| 501 | + image { | |
| 502 | + width: 180rpx; | |
| 503 | + height: 180rpx; | |
| 504 | + border-radius: 20rpx; | |
| 505 | + } | |
| 506 | + } | |
| 507 | + | |
| 508 | + .info-box-list-sm { | |
| 509 | + background-color: #F7F7F7; | |
| 510 | + border-radius: 20rpx; | |
| 511 | + font-size: 28rpx; | |
| 512 | + color: #909090; | |
| 513 | + font-weight: 500; | |
| 514 | + width: 100%; | |
| 515 | + padding: 20rpx; | |
| 516 | + margin-top: 20rpx; | |
| 517 | + } | |
| 518 | + | |
| 519 | + .green { | |
| 520 | + color: #00D970; | |
| 521 | + } | |
| 522 | + } | |
| 523 | + | |
| 524 | + .serve { | |
| 525 | + display: flex; | |
| 526 | + justify-content: space-between; | |
| 527 | + width: 100%; | |
| 528 | + | |
| 529 | + .serve-title { | |
| 530 | + font-size: 30rpx; | |
| 531 | + font-weight: bold; | |
| 532 | + } | |
| 533 | + | |
| 534 | + .serve-right { | |
| 535 | + font-size: 28rpx; | |
| 536 | + text-align: right; | |
| 537 | + color: #909090; | |
| 538 | + | |
| 539 | + .serve-right-top { | |
| 540 | + margin-bottom: 20rpx; | |
| 541 | + } | |
| 542 | + } | |
| 543 | + } | |
| 544 | + } | |
| 545 | + | |
| 546 | + .info-box-list:last-child { | |
| 547 | + border-bottom: 0; | |
| 548 | + } | |
| 549 | + } | |
| 550 | + } | |
| 551 | + | |
| 552 | + .skip-btn { | |
| 553 | + display: flex; | |
| 554 | + align-items: center; | |
| 555 | + justify-content: center; | |
| 556 | + width: 100%; | |
| 557 | + height: 100rpx; | |
| 558 | + margin-top: 70rpx; | |
| 559 | + position: fixed; | |
| 560 | + bottom: 30rpx; | |
| 561 | + | |
| 562 | + .cart-add { | |
| 563 | + display: flex; | |
| 564 | + align-items: center; | |
| 565 | + justify-content: center; | |
| 566 | + width: 38%; | |
| 567 | + | |
| 568 | + image { | |
| 569 | + width: 253rpx; | |
| 570 | + height: 80rpx; | |
| 571 | + box-shadow: 5rpx 10rpx 20rpx 0 #efefef; | |
| 572 | + border-radius: 100rpx; | |
| 573 | + } | |
| 574 | + | |
| 575 | + text { | |
| 576 | + font-size: 30rpx; | |
| 577 | + font-weight: bold; | |
| 578 | + color: #262626; | |
| 579 | + position: absolute; | |
| 580 | + z-index: 1; | |
| 581 | + } | |
| 582 | + } | |
| 583 | + | |
| 584 | + .buy-at { | |
| 585 | + display: flex; | |
| 586 | + align-items: center; | |
| 587 | + justify-content: center; | |
| 588 | + width: 58%; | |
| 589 | + | |
| 590 | + image { | |
| 591 | + width: 415rpx; | |
| 592 | + height: 80rpx; | |
| 593 | + box-shadow: 5rpx 10rpx 20rpx 0 #b7c8ff; | |
| 594 | + border-radius: 100rpx; | |
| 595 | + } | |
| 596 | + | |
| 597 | + text { | |
| 598 | + font-size: 30rpx; | |
| 599 | + font-weight: bold; | |
| 600 | + color: #FFFFFF; | |
| 601 | + position: absolute; | |
| 602 | + z-index: 1; | |
| 603 | + } | |
| 604 | + } | |
| 605 | + } | |
| 606 | +</style> | |
| 0 | 607 | \ No newline at end of file | ... | ... |
pages/home/home.vue
| ... | ... | @@ -31,14 +31,14 @@ |
| 31 | 31 | <view><image src="/static/new/4.png" mode="heightFix"></image></view> |
| 32 | 32 | <view class="text">殡葬服务</view> |
| 33 | 33 | </view> |
| 34 | - <view class="list" @click="lmpsb"> | |
| 34 | + <view class="list" @click="toponym"> | |
| 35 | 35 | <view><image src="/static/new/image 1.png" mode="heightFix"></image></view> |
| 36 | - <view class="text">路门牌上报</view> | |
| 36 | + <view class="text">地名申报</view> | |
| 37 | 37 | <!-- <view class="text">个案接报登记</view> --> |
| 38 | 38 | </view> |
| 39 | - <view class="list" @click="toponym"> | |
| 39 | + <view class="list" @click="lmpsb"> | |
| 40 | 40 | <view><image src="/static/new/image 2.png" mode="heightFix"></image></view> |
| 41 | - <view class="text">地名申报</view> | |
| 41 | + <view class="text">地名查询</view> | |
| 42 | 42 | </view> |
| 43 | 43 | <view class="list" @click="gopath('/pages/policy/policy')"> |
| 44 | 44 | <view><image src="/static/new/image 3.png" mode="heightFix"></image></view> |
| ... | ... | @@ -128,7 +128,7 @@ |
| 128 | 128 | }, |
| 129 | 129 | toponym() { |
| 130 | 130 | uni.navigateTo({ |
| 131 | - url:"/pages/declaration/declaration?type=4" | |
| 131 | + url:"/pages/declaration/newDeclaration" | |
| 132 | 132 | }) |
| 133 | 133 | }, |
| 134 | 134 | tzyl(){ |
| ... | ... | @@ -139,7 +139,8 @@ |
| 139 | 139 | }, |
| 140 | 140 | lmpsb(){ |
| 141 | 141 | uni.navigateTo({ |
| 142 | - url:'/pages/mapdoorplate/mapdoorplate' | |
| 142 | + // url:'/pages/mapdoorplate/mapdoorplate' | |
| 143 | + url:'/pages/map1/map' | |
| 143 | 144 | // url: '/pages/receiptRegistration/receiptRegistration' |
| 144 | 145 | }) |
| 145 | 146 | }, | ... | ... |
pages/map1/home.scss
0 → 100644
| 1 | +.page{ | |
| 2 | + position: relative; | |
| 3 | + width: 100%; | |
| 4 | + overflow: hidden; | |
| 5 | +} | |
| 6 | + | |
| 7 | +.cent { | |
| 8 | + position: fixed; | |
| 9 | + bottom: 0; | |
| 10 | + width: 100%; | |
| 11 | + .list { | |
| 12 | + flex-wrap: wrap; | |
| 13 | + .on { | |
| 14 | + border: 2rpx solid sandybrown; | |
| 15 | + border-radius: 18rpx; | |
| 16 | + } | |
| 17 | + .item { | |
| 18 | + width: 20%; | |
| 19 | + height: 100rpx; | |
| 20 | + text-align: center; | |
| 21 | + font-size: 22rpx; | |
| 22 | + font-weight: 500; | |
| 23 | + color: #676767; | |
| 24 | + background: #FFFFFF; | |
| 25 | + // box-sizing: border-box; | |
| 26 | + padding: 20rpx 0rpx; | |
| 27 | + margin-left: 4%; | |
| 28 | + margin-bottom: 20rpx; | |
| 29 | + border-radius: 18rpx; | |
| 30 | + } | |
| 31 | + } | |
| 32 | + .list1 { | |
| 33 | + background: #FFFFFF; | |
| 34 | + padding: 0 30rpx; | |
| 35 | + .item { | |
| 36 | + width: 100%; | |
| 37 | + align-items: center; | |
| 38 | + padding: 20rpx 0; | |
| 39 | + border-top: 2rpx solid #EEEEEE; | |
| 40 | + font-size: 24rpx; | |
| 41 | + font-weight: 500; | |
| 42 | + color: #676767; | |
| 43 | + } | |
| 44 | + } | |
| 45 | +} | |
| 0 | 46 | \ No newline at end of file | ... | ... |
pages/map1/map - 副本.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view class="page"> | |
| 3 | + <pyh-nv ref="nv" :config="nvConfig"></pyh-nv> | |
| 4 | + <view class="listBox" :style="{'padding-top':(pageTop+'px')}"> | |
| 5 | + <view class="content"> | |
| 6 | + <!-- <view class="bg"><image src="../../static/img/1.png" mode="widthFix"></image></view> --> | |
| 7 | + <view class="map-content"> | |
| 8 | + <view v-if="isshow1"> | |
| 9 | + <view class="map-list"> | |
| 10 | + <view class="map-list-title">区域</view> | |
| 11 | + <view class="map-list-icon"> | |
| 12 | + <view class="map-icon-bg map-icon-bg-all active">全部</view> | |
| 13 | + <view class="map-icon-bg">老城区</view> | |
| 14 | + <view class="map-icon-bg">城南新区</view> | |
| 15 | + <view class="map-icon-bg">城北新区</view> | |
| 16 | + </view> | |
| 17 | + </view> | |
| 18 | + <view class="map-list"> | |
| 19 | + <view class="map-list-title">街道</view> | |
| 20 | + <view class="map-list-icon"> | |
| 21 | + <view class="map-icon-bg-all active">全部</view> | |
| 22 | + <view class="map-icon-bg">文林街道</view> | |
| 23 | + <view class="map-icon-bg">普宁街道</view> | |
| 24 | + <view class="map-icon-bg">怀仁街道</view> | |
| 25 | + <view class="map-icon-more">展开<image src="../../static/down1.png"></image></view> | |
| 26 | + </view> | |
| 27 | + </view> | |
| 28 | + <view class="map-list"> | |
| 29 | + <view class="map-list-title">镇</view> | |
| 30 | + <view class="map-list-icon"> | |
| 31 | + <view class="map-icon-bg-all active">全部</view> | |
| 32 | + <view class="map-icon-bg">文宫镇</view> | |
| 33 | + <view class="map-icon-bg">禾加镇</view> | |
| 34 | + <view class="map-icon-bg">龙马镇</view> | |
| 35 | + <view class="map-icon-more">展开<image src="../../static/down1.png"></image></view> | |
| 36 | + </view> | |
| 37 | + </view> | |
| 38 | + <view class="map-list"> | |
| 39 | + <view class="map-list-title">乡</view> | |
| 40 | + <view class="map-list-icon"> | |
| 41 | + <view class="map-icon-bg-all active">全部</view> | |
| 42 | + <view class="map-icon-bg">青岗乡</view> | |
| 43 | + <view class="map-icon-bg">谢安乡</view> | |
| 44 | + <view class="map-icon-bg">贵平乡</view> | |
| 45 | + <view class="map-icon-more">展开<image src="../../static/down1.png"></image></view> | |
| 46 | + </view> | |
| 47 | + </view> | |
| 48 | + </view> | |
| 49 | + <view class="search"> | |
| 50 | + <view class="search-icon"><image src="../../static/search.png"></image><text>|</text></view> | |
| 51 | + <!-- <view class="search-text"> | |
| 52 | + <text>单位信息</text><image src="../../static/down2.png"></image> | |
| 53 | + </view> --> | |
| 54 | + <view class="search-input"><input type="text" placeholder="请输入关键词查询" v-model="query.unitName" placeholder-class="inputtext" /></view> | |
| 55 | + <view class="search-btn" @click="getlist"><image src="../../static/search1.png"></image></view> | |
| 56 | + </view> | |
| 57 | + </view> | |
| 58 | + <view class="map" style="width: 100%;height: 100%;"> | |
| 59 | + <map :min-scale="9" id="customMap" :scale="15" :style="'width: 100%;'+ 'height:'+screenHeight" :markers="markers" layer-style="1" subkey="PTOBZ-QDQEG-DK3QM-QMYWN-I5WDZ-CCB6S" | |
| 60 | + :latitude="address.latitude" :longitude="address.longitude"> | |
| 61 | + </map> | |
| 62 | + </view> | |
| 63 | + | |
| 64 | + </view> | |
| 65 | +</view> | |
| 66 | +</view> | |
| 67 | +</template> | |
| 68 | + | |
| 69 | +<script> | |
| 70 | + export default { | |
| 71 | + data() { | |
| 72 | + return { | |
| 73 | + markers:[], | |
| 74 | + isshow1:false, | |
| 75 | + address: { | |
| 76 | + // 纬度 | |
| 77 | + latitude: 29.99599, | |
| 78 | + // 经度 | |
| 79 | + longitude: 104.13412 | |
| 80 | + }, | |
| 81 | + nvConfig:{ | |
| 82 | + title:"单位查询", | |
| 83 | + bgColor:"#ffffff", | |
| 84 | + color:"#000000", | |
| 85 | + fixedAssist:{ | |
| 86 | + hide:true, | |
| 87 | + }, | |
| 88 | + transparent:{ | |
| 89 | + initColor:"#000", | |
| 90 | + }, | |
| 91 | + }, | |
| 92 | + screenHeight:'', | |
| 93 | + list:[], | |
| 94 | + query:{ | |
| 95 | + unitName:'' | |
| 96 | + } | |
| 97 | + } | |
| 98 | + }, | |
| 99 | + onPageScroll(e) {this.$refs.nv.pageScroll(e)}, | |
| 100 | + computed:{ | |
| 101 | + pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight} | |
| 102 | + }, | |
| 103 | + onReady() { | |
| 104 | + uni.hideTabBar(); | |
| 105 | + }, | |
| 106 | + onLoad() { | |
| 107 | + var that = this; | |
| 108 | + uni.getSystemInfo({ | |
| 109 | + success: function(res) { | |
| 110 | + that.screenHeight = res.safeArea.height + 'px' | |
| 111 | + } | |
| 112 | + }) | |
| 113 | + this.GetLocation() | |
| 114 | + | |
| 115 | + }, | |
| 116 | + methods:{ | |
| 117 | + // 添加门店标记 | |
| 118 | + addMarkers(list) { | |
| 119 | + const positions = [] | |
| 120 | + list.forEach((item, index) => { | |
| 121 | + let box = item.locationPoint.split(',') | |
| 122 | + positions.push({ | |
| 123 | + latitude: box[1], | |
| 124 | + longitude: box[0], | |
| 125 | + title: item.unitName, | |
| 126 | + }) | |
| 127 | + }) | |
| 128 | + const newMarkers = [] | |
| 129 | + positions.forEach((p, i) => { | |
| 130 | + // console.log(i) | |
| 131 | + newMarkers.push( | |
| 132 | + Object.assign({}, { | |
| 133 | + id: i + 1, | |
| 134 | + | |
| 135 | + joinCluster: false, // 指定了该参数才会参与聚合 | |
| 136 | + label: { | |
| 137 | + padding: 10, | |
| 138 | + height: 30, | |
| 139 | + borderRadius: 10, | |
| 140 | + bgColor: '#0098ae', | |
| 141 | + color:'#fff', | |
| 142 | + content: `${p.title}` | |
| 143 | + } | |
| 144 | + }, p) | |
| 145 | + ) | |
| 146 | + }) | |
| 147 | + this.markers = newMarkers | |
| 148 | + const markers = newMarkers | |
| 149 | + this._mapContext.addMarkers({ | |
| 150 | + markers, | |
| 151 | + clear: false, | |
| 152 | + complete(res) { | |
| 153 | + console.log('addMarkers', res) | |
| 154 | + } | |
| 155 | + }) | |
| 156 | + }, | |
| 157 | + // 获取单位列表 | |
| 158 | + getlist(){ | |
| 159 | + this.API.getunitlist(this.query).then(res=>{ | |
| 160 | + console.log("单位列表",res); | |
| 161 | + this.addMarkers(res.rows) | |
| 162 | + }) | |
| 163 | + }, | |
| 164 | + //获取定位 | |
| 165 | + GetLocation () { | |
| 166 | + let that = this | |
| 167 | + // 获取用户是否开启 授权获取当前的地理位置、速度的权限。 | |
| 168 | + uni.getSetting({ | |
| 169 | + success (res) { | |
| 170 | + console.log(res) | |
| 171 | + // 如果没有授权 | |
| 172 | + if (!res.authSetting['scope.userLocation']) { | |
| 173 | + // 则拉起授权窗口 | |
| 174 | + uni.authorize({ | |
| 175 | + scope: 'scope.userLocation', | |
| 176 | + success () { | |
| 177 | + //点击允许后--就一直会进入成功授权的回调 就可以使用获取的方法了 | |
| 178 | + uni.getLocation({ | |
| 179 | + type: 'wgs84', | |
| 180 | + success: function (e) { | |
| 181 | + console.log('这是当前位置信息', e) | |
| 182 | + that.address.latitude = e.latitude; | |
| 183 | + that.address.longitude = e.longitude; | |
| 184 | + } | |
| 185 | + }) | |
| 186 | + }, | |
| 187 | + fail (error) { | |
| 188 | + //点击了拒绝授权后--就一直会进入失败回调函数--此时就可以在这里重新拉起授权窗口 | |
| 189 | + console.log('拒绝授权', error) | |
| 190 | + | |
| 191 | + uni.showModal({ | |
| 192 | + title: '提示', | |
| 193 | + content: '若点击不授权,将无法使用位置功能', | |
| 194 | + cancelText: '不授权', | |
| 195 | + cancelColor: '#999', | |
| 196 | + confirmText: '授权', | |
| 197 | + confirmColor: '#f94218', | |
| 198 | + success (res) { | |
| 199 | + console.log(res) | |
| 200 | + if (res.confirm) { | |
| 201 | + // 选择弹框内授权 | |
| 202 | + uni.openSetting({ | |
| 203 | + success (res) { | |
| 204 | + console.log(res.authSetting,'12121') | |
| 205 | + uni.getLocation({ | |
| 206 | + type: 'wgs84', | |
| 207 | + success: function (e) { | |
| 208 | + console.log('777', error) | |
| 209 | + that.address.latitude = e.latitude; | |
| 210 | + that.address.longitude = e.longitude; | |
| 211 | + }, | |
| 212 | + fail (error) { | |
| 213 | + console.log('失败', error) | |
| 214 | + } | |
| 215 | + }) | |
| 216 | + } | |
| 217 | + }) | |
| 218 | + } else if (res.cancel) { | |
| 219 | + console.log('用户点击不授权') | |
| 220 | + } | |
| 221 | + } | |
| 222 | + }) | |
| 223 | + } | |
| 224 | + }) | |
| 225 | + } else { | |
| 226 | + uni.getLocation({ | |
| 227 | + type: 'wgs84', | |
| 228 | + success: function (e) { | |
| 229 | + console.log('这是当前位置信息', e) | |
| 230 | + that.address.latitude = e.latitude; | |
| 231 | + that.address.longitude = e.longitude; | |
| 232 | + }, | |
| 233 | + fail (error) { | |
| 234 | + console.log('失败', error) | |
| 235 | + } | |
| 236 | + }) | |
| 237 | + } | |
| 238 | + }, | |
| 239 | + complete(re) { | |
| 240 | + console.log('获取数据', re) | |
| 241 | + that.getlist() | |
| 242 | + } | |
| 243 | + }) | |
| 244 | + }, | |
| 245 | + mapstakeline() { | |
| 246 | + uni.navigateTo({ | |
| 247 | + url: '/pages/mapstakeline/mapstakeline' | |
| 248 | + }) | |
| 249 | + }, | |
| 250 | + maptask() { | |
| 251 | + uni.navigateTo({ | |
| 252 | + url: '/pages/maptask/maptask' | |
| 253 | + }) | |
| 254 | + }, | |
| 255 | + mapdoorplate() { | |
| 256 | + uni.navigateTo({ | |
| 257 | + url: '/pages/mapdoorplate/mapdoorplate' | |
| 258 | + }) | |
| 259 | + }, | |
| 260 | + } | |
| 261 | + } | |
| 262 | +</script> | |
| 263 | + | |
| 264 | +<style scoped lang="scss"> | |
| 265 | + @import 'map.scss'; | |
| 266 | +</style> | ... | ... |
pages/map1/map.vue
| 1 | -<template> | |
| 1 | +<template> | |
| 2 | 2 | <view class="page"> |
| 3 | - <pyh-nv ref="nv" :config="nvConfig"></pyh-nv> | |
| 4 | - <view class="listBox" :style="{'padding-top':(pageTop+'px')}"> | |
| 5 | - <view class="content"> | |
| 6 | - <!-- <view class="bg"><image src="../../static/img/1.png" mode="widthFix"></image></view> --> | |
| 7 | - <view class="map-content"> | |
| 8 | - <view v-if="isshow1"> | |
| 9 | - <view class="map-list"> | |
| 10 | - <view class="map-list-title">区域</view> | |
| 11 | - <view class="map-list-icon"> | |
| 12 | - <view class="map-icon-bg map-icon-bg-all active">全部</view> | |
| 13 | - <view class="map-icon-bg">老城区</view> | |
| 14 | - <view class="map-icon-bg">城南新区</view> | |
| 15 | - <view class="map-icon-bg">城北新区</view> | |
| 16 | - </view> | |
| 17 | - </view> | |
| 18 | - <view class="map-list"> | |
| 19 | - <view class="map-list-title">街道</view> | |
| 20 | - <view class="map-list-icon"> | |
| 21 | - <view class="map-icon-bg-all active">全部</view> | |
| 22 | - <view class="map-icon-bg">文林街道</view> | |
| 23 | - <view class="map-icon-bg">普宁街道</view> | |
| 24 | - <view class="map-icon-bg">怀仁街道</view> | |
| 25 | - <view class="map-icon-more">展开<image src="../../static/down1.png"></image></view> | |
| 26 | - </view> | |
| 3 | + <view class="main"> | |
| 4 | + <view class="map" style="width: 100%;height: 100%;"> | |
| 5 | + <map id="customMap" :scale="scaleNum" :style="'width: 100%;'+ 'height:'+screenHeight" :markers="markers" layer-style="1" subkey="PTOBZ-QDQEG-DK3QM-QMYWN-I5WDZ-CCB6S" | |
| 6 | + :latitude="address.latitude" :longitude="address.longitude" @regionchange="mapTouchEnd" @labeltap="mapMarkerChange" ></map> | |
| 7 | + </view> | |
| 8 | + </view> | |
| 9 | + <view class="cent" > | |
| 10 | + <view class=" list" style="display: flex;"> | |
| 11 | + <view v-for="(item,index) in icon" :key='index' class="item" :class="type==item.text?'on':''" @click="changmap(item)"> | |
| 12 | + <view style="height: 60%;"> | |
| 13 | + <image style="height: 100%;" :src="item.icon" mode="heightFix"></image> | |
| 14 | + <!-- <image src="../../static/imgs/index/icon23.png" mode="heightFix"></image> --> | |
| 27 | 15 | </view> |
| 28 | - <view class="map-list"> | |
| 29 | - <view class="map-list-title">镇</view> | |
| 30 | - <view class="map-list-icon"> | |
| 31 | - <view class="map-icon-bg-all active">全部</view> | |
| 32 | - <view class="map-icon-bg">文宫镇</view> | |
| 33 | - <view class="map-icon-bg">禾加镇</view> | |
| 34 | - <view class="map-icon-bg">龙马镇</view> | |
| 35 | - <view class="map-icon-more">展开<image src="../../static/down1.png"></image></view> | |
| 16 | + <view style="height: 10%;"></view> | |
| 17 | + <view>{{item.text}}</view> | |
| 18 | + </view> | |
| 19 | + </view> | |
| 20 | + <scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper" | |
| 21 | + @scrolltolower="lower" @scroll="scroll"> | |
| 22 | + <view class="list1"> | |
| 23 | + <view v-for="(item,index) in list" :key='index' class="item" style="display: flex;justify-content: space-between;"> | |
| 24 | + <view style="width: 75%;"> | |
| 25 | + <view style="font-weight: bold;font-size: 26rpx;margin-bottom: 10rpx;">{{item.title}}</view> | |
| 26 | + <view>{{item.address}}</view> | |
| 36 | 27 | </view> |
| 37 | - </view> | |
| 38 | - <view class="map-list"> | |
| 39 | - <view class="map-list-title">乡</view> | |
| 40 | - <view class="map-list-icon"> | |
| 41 | - <view class="map-icon-bg-all active">全部</view> | |
| 42 | - <view class="map-icon-bg">青岗乡</view> | |
| 43 | - <view class="map-icon-bg">谢安乡</view> | |
| 44 | - <view class="map-icon-bg">贵平乡</view> | |
| 45 | - <view class="map-icon-more">展开<image src="../../static/down1.png"></image></view> | |
| 28 | + <view @click="NavigationMap(item)"> | |
| 29 | + <u-icon name="map-fill" color="#2979ff" size="20"></u-icon> | |
| 30 | + <!-- <uni-icons type="paperplane-filled" size="20" color="sandybrown"></uni-icons> --> | |
| 46 | 31 | </view> |
| 47 | 32 | </view> |
| 48 | 33 | </view> |
| 49 | - <view class="search"> | |
| 50 | - <view class="search-icon"><image src="../../static/search.png"></image><text>|</text></view> | |
| 51 | - <!-- <view class="search-text"> | |
| 52 | - <text>单位信息</text><image src="../../static/down2.png"></image> | |
| 53 | - </view> --> | |
| 54 | - <view class="search-input"><input type="text" placeholder="请输入关键词查询" v-model="query.unitName" placeholder-class="inputtext" /></view> | |
| 55 | - <view class="search-btn" @click="getlist"><image src="../../static/search1.png"></image></view> | |
| 56 | - </view> | |
| 57 | - </view> | |
| 58 | - <view class="map" style="width: 100%;height: 100%;"> | |
| 59 | - <map :min-scale="9" id="customMap" :scale="15" :style="'width: 100%;'+ 'height:'+screenHeight" :markers="markers" layer-style="1" subkey="PTOBZ-QDQEG-DK3QM-QMYWN-I5WDZ-CCB6S" | |
| 60 | - :latitude="address.latitude" :longitude="address.longitude"> | |
| 61 | - </map> | |
| 62 | - </view> | |
| 63 | - | |
| 34 | + </scroll-view> | |
| 35 | + </view> | |
| 64 | 36 | </view> |
| 65 | -</view> | |
| 66 | -</view> | |
| 67 | -</template> | |
| 68 | - | |
| 69 | -<script> | |
| 70 | - export default { | |
| 71 | - data() { | |
| 37 | +</template> | |
| 38 | + | |
| 39 | +<script> | |
| 40 | + import utils from '../../service/utils.js' | |
| 41 | + import service from '../../service/service.js' | |
| 42 | + export default { | |
| 43 | + | |
| 44 | + data() { | |
| 72 | 45 | return { |
| 73 | - markers:[], | |
| 74 | - isshow1:false, | |
| 46 | + icon:[ | |
| 47 | + // { | |
| 48 | + // text:'商业街区', | |
| 49 | + // icon:'../../static/imgs/index/icon23.png', | |
| 50 | + // }, | |
| 51 | + { | |
| 52 | + text:'加油站', | |
| 53 | + icon:'../../static/imgs/index/icon24.png', | |
| 54 | + }, | |
| 55 | + { | |
| 56 | + text:'停车场', | |
| 57 | + icon:'../../static/imgs/index/icon25.png', | |
| 58 | + }, | |
| 59 | + { | |
| 60 | + text:'洗车场', | |
| 61 | + icon:'../../static/imgs/index/icon26.png', | |
| 62 | + }, | |
| 63 | + { | |
| 64 | + text:'充电站', | |
| 65 | + icon:'../../static/imgs/index/icon27.png', | |
| 66 | + }, | |
| 67 | + { | |
| 68 | + text:'医院', | |
| 69 | + icon:'../../static/imgs/index/icon28.png', | |
| 70 | + }, | |
| 71 | + { | |
| 72 | + text:'体育场', | |
| 73 | + icon:'../../static/imgs/index/icon29.png', | |
| 74 | + }, | |
| 75 | + { | |
| 76 | + text:'厕所', | |
| 77 | + icon:'../../static/imgs/index/icon30.png', | |
| 78 | + }, | |
| 79 | + // { | |
| 80 | + // text:'文化馆', | |
| 81 | + // icon:'../../static/imgs/index/icon32.png', | |
| 82 | + // }, | |
| 83 | + // { | |
| 84 | + // text:'图书馆', | |
| 85 | + // icon:'../../static/imgs/index/icon33.png', | |
| 86 | + // }, | |
| 87 | + // { | |
| 88 | + // text:'博物馆', | |
| 89 | + // icon:'../../static/imgs/index/icon34.png', | |
| 90 | + // }, | |
| 91 | + ], | |
| 92 | + screenHeight:'', | |
| 93 | + scrollTop: 0, | |
| 94 | + old: { | |
| 95 | + scrollTop: 0 | |
| 96 | + }, | |
| 75 | 97 | address: { |
| 76 | 98 | // 纬度 |
| 77 | 99 | latitude: 29.99599, |
| 78 | 100 | // 经度 |
| 79 | 101 | longitude: 104.13412 |
| 80 | 102 | }, |
| 81 | - nvConfig:{ | |
| 82 | - title:"单位查询", | |
| 83 | - bgColor:"#ffffff", | |
| 84 | - color:"#000000", | |
| 85 | - fixedAssist:{ | |
| 86 | - hide:true, | |
| 87 | - }, | |
| 88 | - transparent:{ | |
| 89 | - initColor:"#000", | |
| 90 | - }, | |
| 91 | - }, | |
| 92 | - screenHeight:'', | |
| 93 | - list:[], | |
| 94 | - query:{ | |
| 95 | - unitName:'' | |
| 96 | - } | |
| 97 | - } | |
| 98 | - }, | |
| 99 | - onPageScroll(e) {this.$refs.nv.pageScroll(e)}, | |
| 100 | - computed:{ | |
| 101 | - pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight} | |
| 103 | + _mapContext: undefined, | |
| 104 | + markers: [], | |
| 105 | + list: [], | |
| 106 | + // 缩放比例 | |
| 107 | + scaleNum: 14, | |
| 108 | + mescroll: null, // mescroll实例对象 (此行可删,mixins已默认) | |
| 109 | + type:'商业街区' | |
| 110 | + } | |
| 102 | 111 | }, |
| 103 | 112 | onReady() { |
| 104 | - uni.hideTabBar(); | |
| 113 | + // 获取地图实例 | |
| 114 | + this.markers = [] | |
| 115 | + this._mapContext = uni.createMapContext("customMap", this); | |
| 116 | + console.log('这是地图实力信息', this._mapContext) | |
| 117 | + // this.GetLocation() | |
| 118 | + | |
| 105 | 119 | }, |
| 106 | - onLoad() { | |
| 107 | - var that = this; | |
| 120 | + onLoad(e) { | |
| 121 | + console.log(e.type) | |
| 122 | + | |
| 123 | + if(e.type) { | |
| 124 | + this.GetStoreData(e.type) | |
| 125 | + this.type = e.type | |
| 126 | + } else { | |
| 127 | + this.type = '加油站' | |
| 128 | + this.GetStoreData('加油站') | |
| 129 | + } | |
| 130 | + let that = this | |
| 108 | 131 | uni.getSystemInfo({ |
| 109 | 132 | success: function(res) { |
| 133 | + console.log('App Launch1111') | |
| 134 | + console.log(res.safeArea.height) | |
| 110 | 135 | that.screenHeight = res.safeArea.height + 'px' |
| 111 | - } | |
| 112 | - }) | |
| 113 | - this.GetLocation() | |
| 136 | + }, | |
| 114 | 137 | |
| 138 | + }) | |
| 115 | 139 | }, |
| 116 | - methods:{ | |
| 117 | - // 添加门店标记 | |
| 140 | + methods: { | |
| 141 | + NavigationMap(e) { | |
| 142 | + console.log(e) | |
| 143 | + uni.openLocation({ | |
| 144 | + longitude: parseFloat(e.location.lng), | |
| 145 | + latitude: parseFloat(e.location.lat), | |
| 146 | + success(e) { | |
| 147 | + console.log('拉起导航成功', e) | |
| 148 | + }, | |
| 149 | + fail(error) { | |
| 150 | + uni.showToast({ | |
| 151 | + title: error, | |
| 152 | + icon: 'none' | |
| 153 | + }) | |
| 154 | + }, | |
| 155 | + complete(com) { | |
| 156 | + console.log('拉起导航complete', com) | |
| 157 | + } | |
| 158 | + }) | |
| 159 | + }, | |
| 160 | + upper: function(e) { | |
| 161 | + // console.log(e) | |
| 162 | + }, | |
| 163 | + lower: function(e) { | |
| 164 | + // console.log(e) | |
| 165 | + }, | |
| 166 | + scroll: function(e) { | |
| 167 | + // console.log(e) | |
| 168 | + this.old.scrollTop = e.detail.scrollTop | |
| 169 | + }, | |
| 170 | + changmap(e) { | |
| 171 | + this.type = e.text | |
| 172 | + this.markers = [] | |
| 173 | + this.list = [] | |
| 174 | + this._mapContext.addMarkers({ | |
| 175 | + clear: true, | |
| 176 | + markers: [], | |
| 177 | + success: (res) => { | |
| 178 | + console.log('removeMarkers', res) | |
| 179 | + }, | |
| 180 | + }) | |
| 181 | + this.GetStoreData(e.text) | |
| 182 | + }, | |
| 183 | + mapTouchEnd(e) { | |
| 184 | + console.log('回调参数', e) | |
| 185 | + }, | |
| 186 | + | |
| 187 | + async mapMarkerChange(e) { | |
| 188 | + console.log('标记点', e) | |
| 189 | + }, | |
| 118 | 190 | addMarkers(list) { |
| 119 | 191 | const positions = [] |
| 120 | 192 | list.forEach((item, index) => { |
| 121 | - let box = item.locationPoint.split(',') | |
| 122 | 193 | positions.push({ |
| 123 | - latitude: box[1], | |
| 124 | - longitude: box[0], | |
| 125 | - title: item.unitName, | |
| 194 | + latitude: item.location.lat, | |
| 195 | + longitude: item.location.lng, | |
| 196 | + title: item.title, | |
| 197 | + // distance: item.distance, | |
| 198 | + // type:item.type==1?'整租':item.type==2?'合租':'' | |
| 126 | 199 | }) |
| 127 | 200 | }) |
| 128 | 201 | const newMarkers = [] |
| 129 | 202 | positions.forEach((p, i) => { |
| 130 | - // console.log(i) | |
| 131 | 203 | newMarkers.push( |
| 132 | 204 | Object.assign({}, { |
| 133 | - id: i + 1, | |
| 134 | - | |
| 205 | + id: i, | |
| 206 | + // iconPath: this.IMG_URL + '/imgs/marks.png', | |
| 207 | + width: 20, | |
| 208 | + height: 30, | |
| 135 | 209 | joinCluster: false, // 指定了该参数才会参与聚合 |
| 136 | - label: { | |
| 137 | - padding: 10, | |
| 138 | - height: 30, | |
| 139 | - borderRadius: 10, | |
| 140 | - bgColor: '#0098ae', | |
| 141 | - color:'#fff', | |
| 142 | - content: `${p.title}` | |
| 143 | - } | |
| 210 | + // label: { | |
| 211 | + // padding: 10, | |
| 212 | + // height: 30, | |
| 213 | + // borderWidth: 1, | |
| 214 | + // borderRadius: 10, | |
| 215 | + // bgColor: '#ffffff', | |
| 216 | + // color:'#3d3d3d', | |
| 217 | + // content: `${p.title}` | |
| 218 | + // } | |
| 144 | 219 | }, p) |
| 145 | 220 | ) |
| 146 | 221 | }) |
| 147 | - this.markers = newMarkers | |
| 148 | - const markers = newMarkers | |
| 222 | + this.markers = [...this.markers ,...newMarkers] | |
| 223 | + const markers = [...this.markers ,...newMarkers] | |
| 224 | + | |
| 225 | + this.$forceUpdate() | |
| 226 | + | |
| 149 | 227 | this._mapContext.addMarkers({ |
| 150 | 228 | markers, |
| 151 | 229 | clear: false, |
| 152 | 230 | complete(res) { |
| 153 | - console.log('addMarkers', res) | |
| 231 | + // console.log('addMarkers', res) | |
| 154 | 232 | } |
| 155 | 233 | }) |
| 156 | 234 | }, |
| 157 | - // 获取单位列表 | |
| 158 | - getlist(){ | |
| 159 | - this.API.getunitlist(this.query).then(res=>{ | |
| 160 | - console.log("单位列表",res); | |
| 161 | - this.addMarkers(res.rows) | |
| 162 | - }) | |
| 163 | - }, | |
| 164 | - //获取定位 | |
| 165 | - GetLocation () { | |
| 166 | - let that = this | |
| 167 | - // 获取用户是否开启 授权获取当前的地理位置、速度的权限。 | |
| 168 | - uni.getSetting({ | |
| 169 | - success (res) { | |
| 170 | - console.log(res) | |
| 171 | - // 如果没有授权 | |
| 172 | - if (!res.authSetting['scope.userLocation']) { | |
| 173 | - // 则拉起授权窗口 | |
| 174 | - uni.authorize({ | |
| 175 | - scope: 'scope.userLocation', | |
| 176 | - success () { | |
| 177 | - //点击允许后--就一直会进入成功授权的回调 就可以使用获取的方法了 | |
| 178 | - uni.getLocation({ | |
| 179 | - type: 'wgs84', | |
| 180 | - success: function (e) { | |
| 181 | - console.log('这是当前位置信息', e) | |
| 182 | - that.address.latitude = e.latitude; | |
| 183 | - that.address.longitude = e.longitude; | |
| 184 | - } | |
| 185 | - }) | |
| 186 | - }, | |
| 187 | - fail (error) { | |
| 188 | - //点击了拒绝授权后--就一直会进入失败回调函数--此时就可以在这里重新拉起授权窗口 | |
| 189 | - console.log('拒绝授权', error) | |
| 190 | - | |
| 191 | - uni.showModal({ | |
| 192 | - title: '提示', | |
| 193 | - content: '若点击不授权,将无法使用位置功能', | |
| 194 | - cancelText: '不授权', | |
| 195 | - cancelColor: '#999', | |
| 196 | - confirmText: '授权', | |
| 197 | - confirmColor: '#f94218', | |
| 198 | - success (res) { | |
| 199 | - console.log(res) | |
| 200 | - if (res.confirm) { | |
| 201 | - // 选择弹框内授权 | |
| 202 | - uni.openSetting({ | |
| 203 | - success (res) { | |
| 204 | - console.log(res.authSetting,'12121') | |
| 205 | - uni.getLocation({ | |
| 206 | - type: 'wgs84', | |
| 207 | - success: function (e) { | |
| 208 | - console.log('777', error) | |
| 209 | - that.address.latitude = e.latitude; | |
| 210 | - that.address.longitude = e.longitude; | |
| 211 | - }, | |
| 212 | - fail (error) { | |
| 213 | - console.log('失败', error) | |
| 214 | - } | |
| 215 | - }) | |
| 216 | - } | |
| 217 | - }) | |
| 218 | - } else if (res.cancel) { | |
| 219 | - console.log('用户点击不授权') | |
| 220 | - } | |
| 221 | - } | |
| 235 | + | |
| 236 | + // 获取门店列表 | |
| 237 | + async GetStoreData(e) { | |
| 238 | + let that = this | |
| 239 | + wx.request({ | |
| 240 | + //地图WebserviceAPI地点搜索接口请求路径及参数(具体使用方法请参考开发文档) | |
| 241 | + url: 'https://apis.map.qq.com/ws/place/v1/search?page_index=1&page_size=20&boundary=region(仁寿县,0)&key=JSMBZ-IH4WB-AHOU5-JIQ4B-RONK3-FRBL4&keyword='+e, | |
| 242 | + success(res){ | |
| 243 | + // console.log(res.data.data) | |
| 244 | + that.addMarkers(res.data.data) | |
| 245 | + that.list = res.data.data | |
| 246 | + // console.log(res.data.count) | |
| 247 | + if(res.data.count > 20) { | |
| 248 | + // console.log(res.data.count/20) | |
| 249 | + // console.log(Math.ceil(res.data.count/20)) | |
| 250 | + let c1 = Math.ceil(res.data.count/20) | |
| 251 | + for (let i = 1; i <= c1; i++) { | |
| 252 | + // console.log(i) | |
| 253 | + if(i == 1) { | |
| 254 | + | |
| 255 | + } else if(i == 2) { | |
| 256 | + wx.request({ | |
| 257 | + //地图WebserviceAPI地点搜索接口请求路径及参数(具体使用方法请参考开发文档) | |
| 258 | + url: 'https://apis.map.qq.com/ws/place/v1/search?page_size=20&boundary=region(资中县,0)&key=JSMBZ-IH4WB-AHOU5-JIQ4B-RONK3-FRBL4&keyword=' + e + '&page_index=' + i, | |
| 259 | + success(res){ | |
| 260 | + // console.log(res.data.data) | |
| 261 | + that.addMarkers(res.data.data) | |
| 262 | + that.list =[...that.list,...res.data.data] | |
| 263 | + } | |
| 222 | 264 | }) |
| 265 | + } else { | |
| 266 | + | |
| 223 | 267 | } |
| 224 | - }) | |
| 268 | + } | |
| 269 | + | |
| 225 | 270 | } else { |
| 226 | - uni.getLocation({ | |
| 227 | - type: 'wgs84', | |
| 228 | - success: function (e) { | |
| 229 | - console.log('这是当前位置信息', e) | |
| 230 | - that.address.latitude = e.latitude; | |
| 231 | - that.address.longitude = e.longitude; | |
| 232 | - }, | |
| 233 | - fail (error) { | |
| 234 | - console.log('失败', error) | |
| 235 | - } | |
| 236 | - }) | |
| 271 | + console.log('不够') | |
| 237 | 272 | } |
| 238 | - }, | |
| 239 | - complete(re) { | |
| 240 | - console.log('获取数据', re) | |
| 241 | - that.getlist() | |
| 242 | - } | |
| 273 | + } | |
| 243 | 274 | }) |
| 275 | + // this.API.GetArticleList({...this.model,...this.addressqq}).then(res => { | |
| 276 | + // console.log('获取门店列表', res) | |
| 277 | + // for (let i = 0; i < res.data.list.length; i++) { | |
| 278 | + // console.log(res.data.list[i].distance ) | |
| 279 | + // res.data.list[i].distance = this.WAY.kmUnit(res.data.list[i].distance) | |
| 280 | + // console.log(res.data.list[i].distance ) | |
| 281 | + // } | |
| 282 | + // this.addMarkers(res.data.list) | |
| 283 | + // this.list = res.data.list | |
| 284 | + // }) | |
| 244 | 285 | }, |
| 245 | - mapstakeline() { | |
| 246 | - uni.navigateTo({ | |
| 247 | - url: '/pages/mapstakeline/mapstakeline' | |
| 248 | - }) | |
| 286 | + downCallback() { | |
| 287 | + this.mescroll.endSuccess(); | |
| 249 | 288 | }, |
| 250 | - maptask() { | |
| 251 | - uni.navigateTo({ | |
| 252 | - url: '/pages/maptask/maptask' | |
| 253 | - }) | |
| 289 | + upCallback(page) { | |
| 290 | + setTimeout(() => { | |
| 291 | + this.mescroll.endByPage(10, 20); | |
| 292 | + }, 2000) | |
| 254 | 293 | }, |
| 255 | - mapdoorplate() { | |
| 294 | + ConfirmOrder(e) { | |
| 256 | 295 | uni.navigateTo({ |
| 257 | - url: '/pages/mapdoorplate/mapdoorplate' | |
| 296 | + url: '/pages/houseCent/houseCent?id='+ e | |
| 258 | 297 | }) |
| 259 | 298 | }, |
| 260 | - } | |
| 261 | - } | |
| 262 | -</script> | |
| 263 | - | |
| 264 | -<style scoped lang="scss"> | |
| 265 | - @import 'map.scss'; | |
| 266 | -</style> | |
| 299 | + } | |
| 300 | + }; | |
| 301 | +</script> | |
| 302 | + | |
| 303 | +<style scoped lang="scss"> | |
| 304 | + @import 'home.scss'; | |
| 305 | + .scroll-Y { | |
| 306 | + height: 400rpx; | |
| 307 | + background: #ffffff; | |
| 308 | + } | |
| 309 | + .manpCenter { | |
| 310 | + width: 60rpx; | |
| 311 | + height: 60rpx; | |
| 312 | + position: absolute; | |
| 313 | + // z-index: 111 !important; | |
| 314 | + left: calc(50% - 24rpx); | |
| 315 | + top: calc(50% - 77rpx); // 按道理是-38.5rpx,但是会比实际偏上一点,设置-77rpx视觉上比较符合实际 | |
| 316 | + } | |
| 317 | + | |
| 318 | + .titleSetting { | |
| 319 | + box-shadow: 2px 2px 10px #e0e0e0; | |
| 320 | + text-align: center; | |
| 321 | + font-size: 20rpx; | |
| 322 | + color: black; | |
| 323 | + line-height: 28rpx; | |
| 324 | + background-color: white; | |
| 325 | + height: 28rpx; | |
| 326 | + padding: 10rpx 15rpx 10rpx 15rpx; | |
| 327 | + position: absolute; | |
| 328 | + // z-index: 111 !important; | |
| 329 | + left: calc(50% - 80rpx); | |
| 330 | + top: calc(50% - 130rpx); // 按道理是-38.5rpx,但是会比实际偏上一点,设置-77rpx视觉上比较符合实际 | |
| 331 | + } | |
| 332 | + | |
| 333 | + .centerview1 { | |
| 334 | + | |
| 335 | + margin: 0 auto; | |
| 336 | + width: 100%; | |
| 337 | + border: 1px solid #f2e2ac; | |
| 338 | + border-radius: 10px; | |
| 339 | + background: linear-gradient(270deg, #878787 0%, #282828 100%); | |
| 340 | + text-align: center; | |
| 341 | + z-index: 99999999999; | |
| 342 | + height: 40px; | |
| 343 | + line-height: 40px; | |
| 344 | + color: white; | |
| 345 | + animation: scaleDrawC 2s; | |
| 346 | + transform-origin: 50% 50%; | |
| 347 | + -webkit-animation-name: scaleDrawC !important; | |
| 348 | + /*关键帧名称*/ | |
| 349 | + -webkit-animation-timing-function: ease-in-out; | |
| 350 | + /*动画的速度曲线*/ | |
| 351 | + -webkit-animation-iteration-count: infinite; | |
| 352 | + /*动画播放的次数*/ | |
| 353 | + -webkit-animation-duration: 2s; | |
| 354 | + } | |
| 355 | +</style> | ... | ... |
pages/mapdoorplate/mapdoorplate.vue
| ... | ... | @@ -19,7 +19,7 @@ |
| 19 | 19 | <view class="serve-title">路门牌情况</view> |
| 20 | 20 | <view class="serve-right"> |
| 21 | 21 | <picker @change="bindPickerChange" :value="index" :range="array"> |
| 22 | - <view class="uni-input">{{sign.roadStatus?sign.roadStatus:'请选择'}} | |
| 22 | + <view :class="sign.roadStatus?'uni-input1':'uni-input2'">{{sign.roadStatus?sign.roadStatus:'请选择'}} | |
| 23 | 23 | </view> |
| 24 | 24 | </picker> |
| 25 | 25 | <image src="../../static/down3.png"></image> |
| ... | ... | @@ -34,7 +34,7 @@ |
| 34 | 34 | <view> |
| 35 | 35 | <input id="name" @input="oninput" v-module="sign.name" |
| 36 | 36 | placeholder="请输入" style="text-align: right;" |
| 37 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 37 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 38 | 38 | </view> |
| 39 | 39 | </view> |
| 40 | 40 | </view> |
| ... | ... | @@ -46,7 +46,7 @@ |
| 46 | 46 | <view> |
| 47 | 47 | <input id="contactName" @input="oninput" v-module="sign.contactName" |
| 48 | 48 | placeholder="请输入" style="text-align: right;" |
| 49 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 49 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 50 | 50 | </view> |
| 51 | 51 | </view> |
| 52 | 52 | </view> |
| ... | ... | @@ -58,7 +58,7 @@ |
| 58 | 58 | <view> |
| 59 | 59 | <input id="phone" @input="oninput" v-module="sign.phone" |
| 60 | 60 | placeholder="请输入" style="text-align: right;" |
| 61 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 61 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 62 | 62 | </view> |
| 63 | 63 | </view> |
| 64 | 64 | </view> |
| ... | ... | @@ -68,7 +68,8 @@ |
| 68 | 68 | <view class="serve"> |
| 69 | 69 | <view class="serve-title">详细地址</view> |
| 70 | 70 | <view class="serve-right" @tap="openaddress"> |
| 71 | - <view class="uni-input">{{sign.address?sign.address:'请选择'}}</view> | |
| 71 | + <view :class="sign.roadStatus?'uni-input1':'uni-input2'">{{sign.address?sign.address:'请选择'}}</view> | |
| 72 | + <image src="../../static/down3.png"></image> | |
| 72 | 73 | </view> |
| 73 | 74 | </view> |
| 74 | 75 | </view> |
| ... | ... | @@ -80,7 +81,7 @@ |
| 80 | 81 | <view> |
| 81 | 82 | <input id="remark" @input="oninput" v-module="sign.remark" |
| 82 | 83 | placeholder="请输入" style="text-align: right;" |
| 83 | - placeholder-style="color:#3d3d3d;font-weight: bold;" /> | |
| 84 | + placeholder-style="color: #909090;font-size: 26rpx;" /> | |
| 84 | 85 | </view> |
| 85 | 86 | </view> |
| 86 | 87 | </view> |
| ... | ... | @@ -126,7 +127,7 @@ |
| 126 | 127 | fileList: [], |
| 127 | 128 | OrderType: 0, |
| 128 | 129 | nvConfig: { |
| 129 | - title: "路门牌上报", | |
| 130 | + title: "地名标志牌需求申报", | |
| 130 | 131 | bgColor: "#ffffff", |
| 131 | 132 | color: "#000000", |
| 132 | 133 | fixedAssist: { |
| ... | ... | @@ -138,7 +139,7 @@ |
| 138 | 139 | applyId: uni.getStorageSync('USERS_KEY').userId, |
| 139 | 140 | createdUser: uni.getStorageSync('USERS_KEY').userId, |
| 140 | 141 | roadStatus: null, //请选择路门牌情况 |
| 141 | - status: '待审核', //审核状态 | |
| 142 | + status: '待处理', //审核状态 | |
| 142 | 143 | name: null, //名称 |
| 143 | 144 | phone: null, //联系电话 |
| 144 | 145 | address: null, //详细地址 |
| ... | ... | @@ -149,7 +150,7 @@ |
| 149 | 150 | inspectionImage:null,//图片 |
| 150 | 151 | }, |
| 151 | 152 | |
| 152 | - array:['正常','需维修', '需更换'] , | |
| 153 | + array:['新申报','报修', '查询'] , | |
| 153 | 154 | |
| 154 | 155 | }; |
| 155 | 156 | }, |
| ... | ... | @@ -251,6 +252,19 @@ |
| 251 | 252 | </script> |
| 252 | 253 | |
| 253 | 254 | <style scoped lang="scss"> |
| 255 | + .uni-input1 { | |
| 256 | + color:#3d3d3d; | |
| 257 | + // font-weight: bold; | |
| 258 | + | |
| 259 | + } | |
| 260 | + .uni-input2 { | |
| 261 | + color: #909090; | |
| 262 | + | |
| 263 | + } | |
| 264 | + input { | |
| 265 | + color: #3d3d3d; | |
| 266 | + font-size: 26rpx; | |
| 267 | + } | |
| 254 | 268 | .listBox { |
| 255 | 269 | position: relative; |
| 256 | 270 | z-index: 1; |
| ... | ... | @@ -395,13 +409,13 @@ |
| 395 | 409 | width: 100%; |
| 396 | 410 | |
| 397 | 411 | .serve-title { |
| 398 | - font-size: 25rpx; | |
| 412 | + font-size: 26rpx; | |
| 399 | 413 | color: #909090; |
| 400 | 414 | } |
| 401 | 415 | |
| 402 | 416 | .serve-right { |
| 403 | - font-size: 25rpx; | |
| 404 | - font-weight: bold; | |
| 417 | + font-size: 26rpx; | |
| 418 | + // font-weight: bold; | |
| 405 | 419 | display: flex; |
| 406 | 420 | align-items: center; |
| 407 | 421 | justify-content: flex-end; | ... | ... |
pages/mapstakeline/mapstakeline.scss
| 1 | +.skip-btn{ | |
| 2 | + display: flex; | |
| 3 | + align-items: center; | |
| 4 | + justify-content: center; | |
| 5 | + width: 100%; | |
| 6 | + height: 100rpx; | |
| 7 | + margin-top: 70rpx; | |
| 8 | + position: fixed; | |
| 9 | + bottom: 30rpx; | |
| 10 | + .cart-add{ | |
| 11 | + display: flex; | |
| 12 | + align-items: center; | |
| 13 | + justify-content: center; | |
| 14 | + width: 38%; | |
| 15 | + image { | |
| 16 | + width: 253rpx; | |
| 17 | + height: 80rpx; | |
| 18 | + box-shadow: 5rpx 10rpx 20rpx 0 #efefef; | |
| 19 | + border-radius: 100rpx; | |
| 20 | + } | |
| 21 | + text{ | |
| 22 | + font-size: 30rpx; | |
| 23 | + font-weight: bold; | |
| 24 | + color: #262626; | |
| 25 | + position: absolute; | |
| 26 | + z-index: 1; | |
| 27 | + } | |
| 28 | + } | |
| 29 | + .buy-at{ | |
| 30 | + display: flex; | |
| 31 | + align-items: center; | |
| 32 | + justify-content: center; | |
| 33 | + width: 58%; | |
| 34 | + image { | |
| 35 | + width: 415rpx; | |
| 36 | + height: 80rpx; | |
| 37 | + box-shadow: 5rpx 10rpx 20rpx 0 #b7c8ff; | |
| 38 | + border-radius: 100rpx; | |
| 39 | + } | |
| 40 | + text{ | |
| 41 | + font-size: 30rpx; | |
| 42 | + font-weight: bold; | |
| 43 | + color: #FFFFFF; | |
| 44 | + position: absolute; | |
| 45 | + z-index: 1; | |
| 46 | + } | |
| 47 | + } | |
| 48 | +} | |
| 1 | 49 | .listBox{ |
| 2 | 50 | position: relative; |
| 3 | 51 | z-index: 1; |
| 4 | 52 | } |
| 5 | 53 | .content { |
| 6 | 54 | width: 100%; |
| 7 | - padding-top: 100rpx; | |
| 55 | + // padding-top: 100rpx; | |
| 8 | 56 | } |
| 9 | 57 | .coupon-tab { |
| 10 | 58 | position: fixed; |
| ... | ... | @@ -51,13 +99,14 @@ |
| 51 | 99 | .topimg { |
| 52 | 100 | margin-bottom: 25rpx; |
| 53 | 101 | width: 100%; |
| 102 | + background: #fff; | |
| 54 | 103 | image { |
| 55 | 104 | width: 100%; |
| 56 | 105 | border-radius: 20rpx; |
| 57 | 106 | } |
| 58 | 107 | } |
| 59 | 108 | .user-list{ |
| 60 | - padding: 25rpx; | |
| 109 | + | |
| 61 | 110 | .list{ |
| 62 | 111 | position: relative; |
| 63 | 112 | display: flex; | ... | ... |
pages/mapstakeline/mapstakeline.vue
| 1 | -<template> | |
| 1 | +<template> | |
| 2 | 2 | <view class="page"> |
| 3 | - <pyh-nv ref="nv" :config="nvConfig"></pyh-nv> | |
| 4 | -<!-- <view class="coupon-tab" :style="{'padding-top':(pageTop+'px')}"> | |
| 3 | + <!-- <pyh-nv ref="nv" :config="nvConfig"></pyh-nv> --> | |
| 4 | + <!-- <view class="coupon-tab" :style="{'padding-top':(pageTop+'px')}"> | |
| 5 | 5 | <view class="tab" :class="{'action':TabShow===0}" @click="onCouponTab(0)"> |
| 6 | 6 | <text>全部</text> |
| 7 | 7 | <text class="line"></text> |
| ... | ... | @@ -20,34 +20,58 @@ |
| 20 | 20 | </view> |
| 21 | 21 | </view> --> |
| 22 | 22 | <!-- <view class="listBox" :style="{'padding-top':(pageTop+'px')}"> --> |
| 23 | - <view class="content"> | |
| 24 | - <!-- 列表 --> | |
| 25 | - <view class="user-list"> | |
| 26 | - <view class="topimg"> | |
| 27 | - <map style="width: 100%;" :min-scale="9" id="customMap" :scale="15" :markers="markers" layer-style="1" subkey="PTOBZ-QDQEG-DK3QM-QMYWN-I5WDZ-CCB6S" | |
| 23 | + <view class="content"> | |
| 24 | + <!-- 列表 --> | |
| 25 | + <view class="user-list"> | |
| 26 | + <view class="topimg" style="padding: 25rpx;"> | |
| 27 | + <u-input placeholder="请输入" v-model="text"> | |
| 28 | + <template slot="suffix"> | |
| 29 | + <u-button @tap="getCode" text="搜索" type="primary" size="mini" ></u-button> | |
| 30 | + </template> | |
| 31 | + | |
| 32 | + </u-input> | |
| 33 | + | |
| 34 | + <!-- <map style="width: 100%;" :min-scale="9" id="customMap" :scale="15" :markers="markers" layer-style="1" subkey="PTOBZ-QDQEG-DK3QM-QMYWN-I5WDZ-CCB6S" | |
| 28 | 35 | :latitude="address.latitude" :longitude="address.longitude"> |
| 29 | - </map> | |
| 30 | - </view> | |
| 31 | - <view class="list" @click="mapstakelinedetail(item)" v-for="(item,index) in list" :key="index"> | |
| 32 | - <view class="title"> | |
| 33 | - <view>{{item.markerNumber}}【{{item.markerType}}】</view> | |
| 34 | - <text>位置:{{item.location}}</text> | |
| 36 | + </map> --> | |
| 37 | + </view> | |
| 38 | + <view style="padding: 0 25rpx;"> | |
| 39 | + <view class="list" @click="mapstakelinedetail(item)" v-for="(item,index) in list" :key="index"> | |
| 40 | + <view class="title"> | |
| 41 | + <view>{{item.markerNumber}}【{{item.markerSpecification||'-'}}】</view> | |
| 42 | + <text>位置:{{item.location}}</text> | |
| 43 | + </view> | |
| 44 | + <!-- <view class="more-content"> | |
| 45 | + <view class="more-content-img"><text class="more-content-text">正常</text><image src="../../static/right.png"></image></view> | |
| 46 | + </view> --> | |
| 47 | + </view> | |
| 35 | 48 | </view> |
| 36 | - <!-- <view class="more-content"> | |
| 37 | - <view class="more-content-img"><text class="more-content-text">正常</text><image src="../../static/right.png"></image></view> | |
| 38 | - </view> --> | |
| 39 | 49 | </view> |
| 40 | 50 | </view> |
| 41 | - </view> | |
| 42 | - </view> | |
| 43 | - </view> | |
| 44 | -</template> | |
| 45 | - | |
| 46 | -<script> | |
| 47 | - export default { | |
| 48 | - data() { | |
| 51 | +<!-- <view class="page-footer"> | |
| 52 | + <view class="footer-buy"> | |
| 53 | + <view class="cart-add" @click="mapdoorplatesuccess"> | |
| 54 | + <image src="../../static/btn5.png"></image> | |
| 55 | + <text>添加界桩</text> | |
| 56 | + </view> | |
| 57 | + </view> | |
| 58 | + </view> --> | |
| 59 | +<!-- <view class="skip-btn"> | |
| 60 | + <view class="cart-add" @click="gopath('/pages/mapstakelinedetail/addmapstakelinedetail')"> | |
| 61 | + <image src="../../static/btn3.png"></image> | |
| 62 | + <text>添加界桩</text> | |
| 63 | + </view> | |
| 64 | + </view> --> | |
| 65 | + </view> | |
| 66 | + | |
| 67 | +</template> | |
| 68 | + | |
| 69 | +<script> | |
| 70 | + export default { | |
| 71 | + data() { | |
| 49 | 72 | return { |
| 50 | - markers:[], | |
| 73 | + text:'', | |
| 74 | + markers: [], | |
| 51 | 75 | address: { |
| 52 | 76 | // 纬度 |
| 53 | 77 | latitude: 29.99599, |
| ... | ... | @@ -55,36 +79,51 @@ |
| 55 | 79 | longitude: 104.13412 |
| 56 | 80 | }, |
| 57 | 81 | TabShow: 0, |
| 58 | - nvConfig:{ | |
| 59 | - title:"界桩界线管护", | |
| 60 | - bgColor:"#ffffff", | |
| 61 | - color:"#000000", | |
| 62 | - fixedAssist:{ | |
| 63 | - hide:true, | |
| 82 | + nvConfig: { | |
| 83 | + title: "界桩界线管护", | |
| 84 | + bgColor: "#ffffff", | |
| 85 | + color: "#000000", | |
| 86 | + fixedAssist: { | |
| 87 | + hide: true, | |
| 64 | 88 | }, |
| 65 | 89 | }, |
| 66 | - list:[], | |
| 67 | - pages:{ | |
| 68 | - pageNum:1, | |
| 69 | - pageSize:10 | |
| 70 | - } | |
| 71 | - } | |
| 90 | + list: [], | |
| 91 | + pages: { | |
| 92 | + pageNum: 1, | |
| 93 | + pageSize: 10, | |
| 94 | + markerNumber:'' | |
| 95 | + } | |
| 96 | + } | |
| 97 | + }, | |
| 98 | + onPageScroll(e) { | |
| 99 | + // this.$refs.nv.pageScroll(e) | |
| 72 | 100 | }, |
| 73 | - onPageScroll(e) {this.$refs.nv.pageScroll(e)}, | |
| 74 | - computed:{ | |
| 75 | - pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight} | |
| 101 | + computed: { | |
| 102 | + pageTop() { | |
| 103 | + return parseInt(88 * uni.getSystemInfoSync().windowWidth / 750) + uni.getSystemInfoSync().statusBarHeight | |
| 104 | + } | |
| 76 | 105 | }, |
| 77 | - onLoad() { | |
| 106 | + onShow() { | |
| 78 | 107 | this.getlist(); |
| 79 | 108 | }, |
| 80 | - methods:{ | |
| 109 | + methods: { | |
| 110 | + gopath(e) { | |
| 111 | + uni.navigateTo({ | |
| 112 | + url: e | |
| 113 | + }) | |
| 114 | + }, | |
| 115 | + getCode(e) { | |
| 116 | + console.log(this.text) | |
| 117 | + this.pages.markerNumber = this.text | |
| 118 | + this.getlist(); | |
| 119 | + }, | |
| 81 | 120 | addMarkers(list) { |
| 82 | 121 | const positions = [] |
| 83 | 122 | list.forEach((item, index) => { |
| 84 | - | |
| 123 | + | |
| 85 | 124 | positions.push({ |
| 86 | 125 | latitude: item.latitude, |
| 87 | - longitude:item.longitude, | |
| 126 | + longitude: item.longitude, | |
| 88 | 127 | title: item.markerNumber, |
| 89 | 128 | }) |
| 90 | 129 | }) |
| ... | ... | @@ -94,14 +133,14 @@ |
| 94 | 133 | newMarkers.push( |
| 95 | 134 | Object.assign({}, { |
| 96 | 135 | id: i, |
| 97 | - | |
| 136 | + | |
| 98 | 137 | joinCluster: false, // 指定了该参数才会参与聚合 |
| 99 | 138 | label: { |
| 100 | 139 | padding: 10, |
| 101 | 140 | height: 30, |
| 102 | 141 | borderRadius: 10, |
| 103 | 142 | bgColor: '#0098ae', |
| 104 | - color:'#fff', | |
| 143 | + color: '#fff', | |
| 105 | 144 | content: `${p.title}` |
| 106 | 145 | } |
| 107 | 146 | }, p) |
| ... | ... | @@ -118,25 +157,64 @@ |
| 118 | 157 | }) |
| 119 | 158 | }, |
| 120 | 159 | // 获取我的任务的列表 |
| 121 | - getlist(){ | |
| 122 | - this.API.getplie(this.pages).then(res=>{ | |
| 123 | - console.log("界桩",res); | |
| 160 | + getlist() { | |
| 161 | + this.API.getplie(this.pages).then(res => { | |
| 162 | + console.log("界桩", res); | |
| 124 | 163 | this.list = res.rows |
| 125 | - this.addMarkers(this.list) | |
| 164 | + // this.addMarkers(this.list) | |
| 126 | 165 | }) |
| 127 | 166 | }, |
| 128 | - onCouponTab(type){ | |
| 167 | + onCouponTab(type) { | |
| 129 | 168 | this.TabShow = type; |
| 130 | 169 | }, |
| 131 | 170 | mapstakelinedetail(e) { |
| 132 | 171 | uni.navigateTo({ |
| 133 | - url: '/pages/mapstakelinedetail/mapstakelinedetail?cent='+JSON.stringify(e) | |
| 172 | + url: '/pages/mapstakelinedetail/mapstakelinedetail?cent=' + JSON.stringify(e) | |
| 134 | 173 | }) |
| 135 | 174 | }, |
| 136 | - } | |
| 137 | - } | |
| 138 | -</script> | |
| 139 | - | |
| 140 | -<style scoped lang="scss"> | |
| 141 | - @import 'mapstakeline.scss'; | |
| 142 | -</style> | |
| 175 | + } | |
| 176 | + } | |
| 177 | +</script> | |
| 178 | + | |
| 179 | +<style scoped lang="scss"> | |
| 180 | + @import 'mapstakeline.scss'; | |
| 181 | + | |
| 182 | + /* 底部 */ | |
| 183 | + .page-footer { | |
| 184 | + position: fixed; | |
| 185 | + bottom: 40rpx; | |
| 186 | + // margin: 30rpx; | |
| 187 | + display: flex; | |
| 188 | + height: 100rpx; | |
| 189 | + width: 100%; | |
| 190 | + | |
| 191 | + .footer-buy { | |
| 192 | + height: 100%; | |
| 193 | + width: 100%; | |
| 194 | + | |
| 195 | + .cart-add { | |
| 196 | + display: flex; | |
| 197 | + align-items: center; | |
| 198 | + justify-content: center; | |
| 199 | + margin-top: 60rpx; | |
| 200 | + | |
| 201 | + image { | |
| 202 | + position: absolute; | |
| 203 | + z-index: 0; | |
| 204 | + width: 95%; | |
| 205 | + height: 83rpx; | |
| 206 | + box-shadow: 5rpx 10rpx 20rpx 0 #b7c8ff; | |
| 207 | + border-radius: 100rpx; | |
| 208 | + } | |
| 209 | + | |
| 210 | + text { | |
| 211 | + font-size: 30rpx; | |
| 212 | + font-weight: bold; | |
| 213 | + color: #fff; | |
| 214 | + position: absolute; | |
| 215 | + z-index: 1; | |
| 216 | + } | |
| 217 | + } | |
| 218 | + } | |
| 219 | + } | |
| 220 | +</style> | |
| 143 | 221 | \ No newline at end of file | ... | ... |
pages/mapstakelinedetail/addmapstakelinedetail.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view class="page"> | |
| 3 | + <pyh-nv ref="nv" :config="nvConfig"></pyh-nv> | |
| 4 | + <view class="listBox" :style="{'padding-top':(pageTop+'px')}"> | |
| 5 | + <view class="content"> | |
| 6 | + <view class="message-list"> | |
| 7 | + <view v-for="(item,index) in textlist" :key="index"> | |
| 8 | + <view class="info-box" v-if="item.type == '7'"> | |
| 9 | + <view class="info-box-list"> | |
| 10 | + <view class="serve"> | |
| 11 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" | |
| 12 | + style="color: red;margin-left: 6rpx;">*</span></view> | |
| 13 | + <view class="serve-right"> | |
| 14 | + <picker range-key="name" mode="multiSelector" @columnchange="columnChange" | |
| 15 | + @change="e=> bindPickerChange2(e,index)" :range="array1" :value="idx"> | |
| 16 | + <view :class="item.cent?'uni-input1':'uni-input2'"> | |
| 17 | + {{item.cent?item.cent:'请选择'}} | |
| 18 | + </view> | |
| 19 | + </picker> | |
| 20 | + <image src="../../static/down3.png"></image> | |
| 21 | + </view> | |
| 22 | + </view> | |
| 23 | + </view> | |
| 24 | + </view> | |
| 25 | + <view class="info-box" v-else-if="item.type == '1'"> | |
| 26 | + <view class="info-box-list"> | |
| 27 | + <view class="serve"> | |
| 28 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" | |
| 29 | + style="color: red;margin-left: 6rpx;">*</span></view> | |
| 30 | + <view> | |
| 31 | + <u-input placeholder="请输入" border="none" v-model="item.cent" inputAlign="right" | |
| 32 | + fontSize="13px" color="#3d3d3d" | |
| 33 | + placeholderStyle="color: #909090;font-size: 26rpx;"></u-input> | |
| 34 | + </view> | |
| 35 | + </view> | |
| 36 | + </view> | |
| 37 | + </view> | |
| 38 | + <view class="info-box" v-else-if="item.type == '2'"> | |
| 39 | + <view class="info-box-list"> | |
| 40 | + <view class="serve"> | |
| 41 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" | |
| 42 | + style="color: red;margin-left: 6rpx;">*</span></view> | |
| 43 | + <view class="serve-right"> | |
| 44 | + <picker @change="e=> bindPickerChange1(e,index,'array3')" :range="array3"> | |
| 45 | + <view :class="item.cent?'uni-input1':'uni-input2'"> | |
| 46 | + {{item.cent?item.cent:'请选择'}} | |
| 47 | + </view> | |
| 48 | + </picker> | |
| 49 | + <image src="../../static/down3.png"></image> | |
| 50 | + </view> | |
| 51 | + </view> | |
| 52 | + </view> | |
| 53 | + </view> | |
| 54 | + <view v-else-if="item.type == '3'"> | |
| 55 | + <view class="info-box"> | |
| 56 | + <view class="info-box-list"> | |
| 57 | + <view class="serve"> | |
| 58 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" | |
| 59 | + style="color: red;margin-left: 6rpx;">*</span></view> | |
| 60 | + <view class="serve-right" @tap="openaddress(index)"> | |
| 61 | + <view :class="item.cent?'uni-input1':'uni-input2'"> | |
| 62 | + {{item.cent?item.cent:'请选择'}} | |
| 63 | + </view> | |
| 64 | + <image src="../../static/down3.png"></image> | |
| 65 | + </view> | |
| 66 | + </view> | |
| 67 | + </view> | |
| 68 | + </view> | |
| 69 | + <view class="info-box" v-if="item.latitude"> | |
| 70 | + <view class="info-box-list"> | |
| 71 | + <view class="serve"> | |
| 72 | + <view class="serve-title">纬度<span v-if="item.isbx" | |
| 73 | + style="color: red;margin-left: 6rpx;">*</span></view> | |
| 74 | + <view class="serve-right" @tap="openaddress(index)"> | |
| 75 | + <view :class="item.latitude?'uni-input1':'uni-input2'"> | |
| 76 | + {{item.latitude?item.latitude:'请选择'}} | |
| 77 | + </view> | |
| 78 | + <image src="../../static/down3.png"></image> | |
| 79 | + </view> | |
| 80 | + </view> | |
| 81 | + </view> | |
| 82 | + </view> | |
| 83 | + <view class="info-box" v-if="item.longitude"> | |
| 84 | + <view class="info-box-list"> | |
| 85 | + <view class="serve"> | |
| 86 | + <view class="serve-title">经度<span v-if="item.isbx" | |
| 87 | + style="color: red;margin-left: 6rpx;">*</span></view> | |
| 88 | + <view class="serve-right" @tap="openaddress(index)"> | |
| 89 | + <view :class="item.longitude?'uni-input1':'uni-input2'"> | |
| 90 | + {{item.longitude?item.longitude:'请选择'}} | |
| 91 | + </view> | |
| 92 | + <image src="../../static/down3.png"></image> | |
| 93 | + </view> | |
| 94 | + </view> | |
| 95 | + </view> | |
| 96 | + </view> | |
| 97 | + </view> | |
| 98 | + | |
| 99 | + <view class="info-box" v-else-if="item.type == '4'"> | |
| 100 | + <view class="info-box-list"> | |
| 101 | + <view class="serve"> | |
| 102 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" | |
| 103 | + style="color: red;margin-left: 6rpx;">*</span></view> | |
| 104 | + <view class="serve-right" @tap="opentime(index)"> | |
| 105 | + <view :class="item.cent?'uni-input1':'uni-input2'">{{item.cent?item.cent:'请选择'}} | |
| 106 | + </view> | |
| 107 | + <image src="../../static/down3.png"></image> | |
| 108 | + </view> | |
| 109 | + </view> | |
| 110 | + </view> | |
| 111 | + </view> | |
| 112 | + <view class="info-box" v-else-if="item.type == '5'"> | |
| 113 | + <view class="info-box-list"> | |
| 114 | + <view class="info-box-width" style="width: 100%;"> | |
| 115 | + <view class="info-box-small">{{item.name}}<span v-if="item.isbx" | |
| 116 | + style="color: red;margin-left: 6rpx;">*</span></view> | |
| 117 | + <view style="margin-top: 20rpx;"> | |
| 118 | + <textarea | |
| 119 | + style="border: solid 1px #eee;border-radius: 18rpx;padding: 20rpx;font-weight: 500;font-size: 26rpx;" | |
| 120 | + placeholder-style="color: #909090;font-size: 26rpx;font-weight: 100;" | |
| 121 | + placeholder="请输入" :class="item.cent?'uni-input1':'uni-input2'" | |
| 122 | + v-model="item.cent"></textarea> | |
| 123 | + <!-- <u-textarea count :value="item.cent" placeholder="请输入" placeholderStyle="color: #909090;font-size: 26rpx;font-weight: 500;"></u-textarea> --> | |
| 124 | + </view> | |
| 125 | + </view> | |
| 126 | + </view> | |
| 127 | + </view> | |
| 128 | + <view class="info-box" v-else-if="item.type == '6'"> | |
| 129 | + <view class="info-box-list"> | |
| 130 | + <view class="serve"> | |
| 131 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" | |
| 132 | + style="color: red;margin-left: 6rpx;">*</span></view> | |
| 133 | + <view class="serve-right"> | |
| 134 | + <picker @change="e=> bindPickerChange1(e,index,'markerTypelist2')" :range="markerTypelist2"> | |
| 135 | + <view :class="item.cent?'uni-input1':'uni-input2'"> | |
| 136 | + {{item.cent?item.cent:'请选择'}} | |
| 137 | + </view> | |
| 138 | + </picker> | |
| 139 | + <image src="../../static/down3.png"></image> | |
| 140 | + </view> | |
| 141 | + </view> | |
| 142 | + </view> | |
| 143 | + </view> | |
| 144 | + <view class="info-box" v-else-if="item.type == '8'"> | |
| 145 | + <view class="info-box-list"> | |
| 146 | + <view class="serve"> | |
| 147 | + <view class="serve-title">{{item.name}}<span v-if="item.isbx" | |
| 148 | + style="color: red;margin-left: 6rpx;">*</span></view> | |
| 149 | + <view class="serve-right"> | |
| 150 | + <picker @change="e=> bindPickerChange1(e,index,'markerTypelist1')" | |
| 151 | + :range="markerTypelist1"> | |
| 152 | + <view :class="item.cent?'uni-input1':'uni-input2'"> | |
| 153 | + {{item.cent?item.cent:'请选择'}} | |
| 154 | + </view> | |
| 155 | + </picker> | |
| 156 | + <image src="../../static/down3.png"></image> | |
| 157 | + </view> | |
| 158 | + </view> | |
| 159 | + </view> | |
| 160 | + </view> | |
| 161 | + </view> | |
| 162 | + </view> | |
| 163 | + <view class="message-list"> | |
| 164 | + <view class="info-box"> | |
| 165 | + <view class="info-box-list"> | |
| 166 | + <view class="info-box-width" style="width: 100%;"> | |
| 167 | + <view class="info-box-small">图片</view> | |
| 168 | + <view style="margin-top: 20rpx;width: 100%;"> | |
| 169 | + <u-upload name="1" multiple :fileList="fileList" @delete="deletePic" | |
| 170 | + @afterRead="afterRead" :previewFullImage="true" :maxCount="1"></u-upload> | |
| 171 | + </view> | |
| 172 | + </view> | |
| 173 | + </view> | |
| 174 | + </view> | |
| 175 | + </view> | |
| 176 | + <!-- <view class="message-list"> | |
| 177 | + <view class="info-box"> | |
| 178 | + <view class="info-box-list"> | |
| 179 | + <view class="info-box-width" style="width: 100%;"> | |
| 180 | + <view class="info-box-small">多媒体信息</view> | |
| 181 | + <view style="margin-top: 20rpx;width: 100%;"> | |
| 182 | + <sczl :imagelist="mtbox.imgcent" :wjlist="mtbox.filecent" @onchangfileJsonimg="e=>{onchangfileJsonimg(e)}" @onchangfileJsonfile="e=>{onchangfileJsonfile(e)}"></sczl> | |
| 183 | + | |
| 184 | + | |
| 185 | + </view> | |
| 186 | + </view> | |
| 187 | + </view> | |
| 188 | + </view> | |
| 189 | + </view> --> | |
| 190 | + <view class="page-footer"> | |
| 191 | + <view class="footer-buy"> | |
| 192 | + <view class="cart-add" @click="mapdoorplatesuccess"> | |
| 193 | + <image src="../../static/btn5.png"></image> | |
| 194 | + <text>保存</text> | |
| 195 | + </view> | |
| 196 | + </view> | |
| 197 | + </view> | |
| 198 | + | |
| 199 | + </view> | |
| 200 | + </view> | |
| 201 | + <uni-calendar ref="calendar" :insert="false" @confirm="confirm" /> | |
| 202 | + </view> | |
| 203 | +</template> | |
| 204 | + | |
| 205 | +<script> | |
| 206 | + import service from '@/service/service.js' | |
| 207 | + import BASE_URL from "@/common/config.js" | |
| 208 | + import sczl from "@/components/sczl.vue" | |
| 209 | + export default { | |
| 210 | + data() { | |
| 211 | + return { | |
| 212 | + fileList: [], | |
| 213 | + markerTypelist1: ['石材','钢材'], | |
| 214 | + markerTypelist2: ['小型', '中型', '大型'], | |
| 215 | + mtbox: { | |
| 216 | + imgcent: [], | |
| 217 | + filecent: [], | |
| 218 | + }, | |
| 219 | + idx: [0, 0, 0, 0], | |
| 220 | + array1: [], | |
| 221 | + array2: ['可公开', '不宜公开', '大洋怪重', '不属于地名'], | |
| 222 | + array4: ['现今地名', '历史地名', '本地名删除'], | |
| 223 | + time: null, | |
| 224 | + array3: getApp().globalData.list1, | |
| 225 | + BASE_URL, | |
| 226 | + nvConfig: { | |
| 227 | + title: "修改界桩", | |
| 228 | + bgColor: "#ffffff", | |
| 229 | + color: "#000000", | |
| 230 | + fixedAssist: { | |
| 231 | + hide: true, | |
| 232 | + }, | |
| 233 | + }, | |
| 234 | + lbbox: [], | |
| 235 | + textlist: [{ | |
| 236 | + name: '界线名称', | |
| 237 | + type: '1', | |
| 238 | + isbx: false, | |
| 239 | + cent: '', | |
| 240 | + from: 'boundaryName' | |
| 241 | + }, | |
| 242 | + { | |
| 243 | + name: '界桩编号', | |
| 244 | + type: '1', | |
| 245 | + isbx: false, | |
| 246 | + cent: '', | |
| 247 | + from: 'markerNumber' | |
| 248 | + }, | |
| 249 | + { | |
| 250 | + name: '界桩规格', | |
| 251 | + type: '6', | |
| 252 | + isbx: false, | |
| 253 | + cent: '', | |
| 254 | + from: 'markerSpecification' | |
| 255 | + }, | |
| 256 | + { | |
| 257 | + name: '界桩材质', | |
| 258 | + type: '8', | |
| 259 | + isbx: false, | |
| 260 | + cent: '', | |
| 261 | + from: 'unit' | |
| 262 | + }, | |
| 263 | + { | |
| 264 | + name: '高程', | |
| 265 | + type: '1', | |
| 266 | + isbx: false, | |
| 267 | + cent: '', | |
| 268 | + from: 'elevation' | |
| 269 | + }, | |
| 270 | + { | |
| 271 | + name: '所在地', | |
| 272 | + type: '3', | |
| 273 | + isbx: false, | |
| 274 | + cent: '', | |
| 275 | + from: 'location' | |
| 276 | + }, | |
| 277 | + { | |
| 278 | + name: '录入时间', | |
| 279 | + type: '4', | |
| 280 | + isbx: false, | |
| 281 | + cent: '', | |
| 282 | + from: 'enteredTime' | |
| 283 | + }, | |
| 284 | + { | |
| 285 | + name: '录入人姓名', | |
| 286 | + type: '1', | |
| 287 | + isbx: false, | |
| 288 | + cent: '', | |
| 289 | + from: 'enteredUser' | |
| 290 | + }, | |
| 291 | + ] | |
| 292 | + }; | |
| 293 | + }, | |
| 294 | + components: { | |
| 295 | + sczl | |
| 296 | + }, | |
| 297 | + computed: { | |
| 298 | + pageTop() { | |
| 299 | + return parseInt(88 * uni.getSystemInfoSync().windowWidth / 750) + uni.getSystemInfoSync().statusBarHeight | |
| 300 | + } | |
| 301 | + }, | |
| 302 | + onLoad(params) { | |
| 303 | + let from = params.cent?JSON.parse(params.cent):'' | |
| 304 | + console.log(from) | |
| 305 | + this.from = params.cent?JSON.parse(params.cent):'' | |
| 306 | + if(from) { | |
| 307 | + for (let i = 0; i < this.textlist.length; i++) { | |
| 308 | + if(this.textlist[i].from == 'location') { | |
| 309 | + this.textlist[i].cent =from[this.textlist[i].from] | |
| 310 | + this.textlist[i].longitude = from.longitude | |
| 311 | + this.textlist[i].latitude = from.latitude | |
| 312 | + } else { | |
| 313 | + this.textlist[i].cent = from[this.textlist[i].from] | |
| 314 | + } | |
| 315 | + } | |
| 316 | + this.fileList.push({ | |
| 317 | + name: from.imageInfo, | |
| 318 | + fileId: from.imageInfo, | |
| 319 | + url: this.BASE_URL + from.imageInfo | |
| 320 | + }) | |
| 321 | + } | |
| 322 | + }, | |
| 323 | + methods: { | |
| 324 | + async afterRead(event) { | |
| 325 | + for (let i = 0; i < event.file.length; i++) { | |
| 326 | + var res = await this.uploadImg(event.file[i].url) | |
| 327 | + // console.log(res) | |
| 328 | + res = JSON.parse(res.data) | |
| 329 | + this.fileList.push({ | |
| 330 | + name: res.fileName, | |
| 331 | + fileId: res.newFileName, | |
| 332 | + url: this.BASE_URL + res.fileName | |
| 333 | + }) | |
| 334 | + } | |
| 335 | + }, | |
| 336 | + uploadImg(url) { | |
| 337 | + return new Promise((r, e) => { | |
| 338 | + uni.uploadFile({ | |
| 339 | + url: this.BASE_URL + "/common/upload", | |
| 340 | + filePath: url, | |
| 341 | + name: "file", | |
| 342 | + success: (d) => r(d) | |
| 343 | + }) | |
| 344 | + }) | |
| 345 | + }, | |
| 346 | + deletePic(event) { | |
| 347 | + this.fileList.splice(event.index, 1) | |
| 348 | + }, | |
| 349 | + gopath(e) { | |
| 350 | + uni.navigateTo({ | |
| 351 | + url: e | |
| 352 | + }) | |
| 353 | + }, | |
| 354 | + onchangfileJsonimg(e, ) { | |
| 355 | + console.log(e); | |
| 356 | + this.mtbox.imgcent = e | |
| 357 | + }, | |
| 358 | + onchangfileJsonfile(e) { | |
| 359 | + console.log(e); | |
| 360 | + this.mtbox.filecent = e | |
| 361 | + }, | |
| 362 | + confirm(e) { | |
| 363 | + this.textlist[this.time].cent = e.fulldate | |
| 364 | + }, | |
| 365 | + opentime(e) { | |
| 366 | + this.$refs.calendar.open(); | |
| 367 | + this.time = e | |
| 368 | + }, | |
| 369 | + mapdoorplatesuccess() { | |
| 370 | + console.log(this.from) | |
| 371 | + for (let i = 0; i < this.textlist.length; i++) { | |
| 372 | + if(this.textlist[i].from == 'location') { | |
| 373 | + this.from[this.textlist[i].from] = this.textlist[i].cent | |
| 374 | + this.from.longitude = this.textlist[i].longitude | |
| 375 | + this.from.latitude = this.textlist[i].latitude | |
| 376 | + } else { | |
| 377 | + this.from[this.textlist[i].from] = this.textlist[i].cent | |
| 378 | + } | |
| 379 | + } | |
| 380 | + if(this.fileList.length>0) { | |
| 381 | + this.from.imageInfo = this.fileList[0].name | |
| 382 | + } | |
| 383 | + console.log(this.from) | |
| 384 | + // return | |
| 385 | + this.API.removeplie(this.from).then(res => { | |
| 386 | + console.log(res); | |
| 387 | + if (res.code == 200) { | |
| 388 | + uni.showToast({ | |
| 389 | + icon: 'success', | |
| 390 | + title: "修改成功", | |
| 391 | + }) | |
| 392 | + setTimeout(() => { | |
| 393 | + uni.navigateTo({ | |
| 394 | + url: '/pages/mapstakelinedetail/mapstakelinedetail?cent=' + JSON.stringify(this.from) | |
| 395 | + }) | |
| 396 | + // uni.navigateBack({ | |
| 397 | + // delta: 2 | |
| 398 | + // }); | |
| 399 | + }, 800) | |
| 400 | + | |
| 401 | + } | |
| 402 | + }) | |
| 403 | + }, | |
| 404 | + bindPickerChange2: function(e, e1) { | |
| 405 | + console.log('picker发送选择改变,携带值为', e, e1, this.array1) | |
| 406 | + let box1 = this.array1[0] | |
| 407 | + let box2 = this.array1[1] | |
| 408 | + let box3 = this.array1[2] | |
| 409 | + let box4 = this.array1[3] | |
| 410 | + this.textlist[e1].cent = box4[e.detail.value[3]] ? box4[e.detail.value[3]].name : box3[e.detail.value[ | |
| 411 | + 2]] ? box3[e.detail.value[2]].name : box2[e.detail.value[1]] ? box2[e.detail.value[1]].name : | |
| 412 | + box1[e.detail.value[0]].name | |
| 413 | + }, | |
| 414 | + bindPickerChange1: function(e, e1, e2) { | |
| 415 | + console.log('picker发送选择改变,携带值为', e, e1, e2) | |
| 416 | + this.textlist[e1].cent = this[e2][e.detail.value] | |
| 417 | + }, | |
| 418 | + openaddress(e) { | |
| 419 | + let that = this | |
| 420 | + // 用户已经同意小程序使用录音功能,后续调用 wx.startRecord 接口不会弹窗询问 | |
| 421 | + wx.chooseLocation({ | |
| 422 | + success: function(res) { | |
| 423 | + that.textlist[e].cent = res.address | |
| 424 | + that.textlist[e].latitude = res.latitude | |
| 425 | + that.textlist[e].longitude = res.longitude | |
| 426 | + console.log(res) | |
| 427 | + }, | |
| 428 | + fail(err) { | |
| 429 | + console.log(err) | |
| 430 | + } | |
| 431 | + }); | |
| 432 | + }, | |
| 433 | + // picker的列发生变化时 | |
| 434 | + columnChange(e) { | |
| 435 | + // column列索引(0-第一列) value是列中数组索引 | |
| 436 | + this.updatelist(parseInt(e.target.column), parseInt(e.target.value)) | |
| 437 | + }, | |
| 438 | + updatelist(col, idx) { | |
| 439 | + console.log(col, idx) | |
| 440 | + let data = this.lbbox | |
| 441 | + let list = this.array1 // 视图渲染 | |
| 442 | + list[0] = data[0] // picker的第一列数据 | |
| 443 | + // 当第一列变化时 | |
| 444 | + if (col == 0) { | |
| 445 | + // 更新第二列的数据 | |
| 446 | + list[1] = list[0][idx] ? data[1].filter(ele => ele.pid == list[0][idx].id) : [] | |
| 447 | + // 更新第三列的数据 | |
| 448 | + list[2] = list[1][0] ? data[2].filter(ele => ele.pid == list[1][0].id) : [] | |
| 449 | + list[3] = list[2][0] ? data[3].filter(ele => ele.pid == list[2][0].id) : [] | |
| 450 | + this.idx = [idx, 0, 0, 0] | |
| 451 | + } | |
| 452 | + // 当第二列变化时 | |
| 453 | + if (col == 1) { | |
| 454 | + // 只用更新第三列数据 | |
| 455 | + list[2] = list[1][idx] ? data[2].filter(ele => ele.pid == list[1][idx].id) : [] | |
| 456 | + list[3] = list[2][0] ? data[3].filter(ele => ele.pid == list[2][0].id) : [] | |
| 457 | + this.idx = [this.idx[0], idx, 0, 0] | |
| 458 | + } | |
| 459 | + // 当第三列变化时 | |
| 460 | + if (col == 2) { | |
| 461 | + // 只用更新第三列数据 | |
| 462 | + list[3] = list[2][idx] ? data[3].filter(ele => ele.pid == list[2][idx].id) : [] | |
| 463 | + this.idx = [this.idx[0], this.idx[1], idx, 0] | |
| 464 | + } | |
| 465 | + // 更新list,更新picker视图 | |
| 466 | + this.array1 = list | |
| 467 | + } | |
| 468 | + } | |
| 469 | + } | |
| 470 | +</script> | |
| 471 | + | |
| 472 | +<style scoped lang="scss"> | |
| 473 | + .uni-input1 { | |
| 474 | + color: #3d3d3d; | |
| 475 | + // font-weight: bold; | |
| 476 | + | |
| 477 | + } | |
| 478 | + | |
| 479 | + .uni-input2 { | |
| 480 | + color: #909090; | |
| 481 | + | |
| 482 | + } | |
| 483 | + | |
| 484 | + .listBox { | |
| 485 | + position: relative; | |
| 486 | + z-index: 1; | |
| 487 | + } | |
| 488 | + | |
| 489 | + .content { | |
| 490 | + width: 100%; | |
| 491 | + padding-bottom: 120rpx; | |
| 492 | + } | |
| 493 | + | |
| 494 | + .titleall-left { | |
| 495 | + font-size: 28rpx; | |
| 496 | + font-weight: bold; | |
| 497 | + display: flex; | |
| 498 | + align-items: center; | |
| 499 | + margin: 30rpx; | |
| 500 | + | |
| 501 | + .titleall-left-line { | |
| 502 | + width: 10rpx; | |
| 503 | + height: 25rpx; | |
| 504 | + border-radius: 18rpx; | |
| 505 | + background-color: #547DFF; | |
| 506 | + margin-right: 20rpx; | |
| 507 | + box-shadow: inset 0rpx 4rpx 9rpx 0rpx rgba(255, 255, 255, 0.34), 5rpx 7rpx 9rpx 0rpx rgba(80, 161, 255, 0.33); | |
| 508 | + } | |
| 509 | + } | |
| 510 | + | |
| 511 | + .top-box { | |
| 512 | + display: flex; | |
| 513 | + justify-content: space-between; | |
| 514 | + margin: 30rpx; | |
| 515 | + font-size: 28rpx; | |
| 516 | + font-weight: bold; | |
| 517 | + background-color: #fff; | |
| 518 | + border-radius: 21rpx; | |
| 519 | + padding: 30rpx; | |
| 520 | + | |
| 521 | + .top-box-img { | |
| 522 | + image { | |
| 523 | + width: 40rpx; | |
| 524 | + height: 40rpx; | |
| 525 | + } | |
| 526 | + } | |
| 527 | + } | |
| 528 | + | |
| 529 | + .titleall-box { | |
| 530 | + display: flex; | |
| 531 | + justify-content: space-between; | |
| 532 | + padding: 40rpx 20rpx 20rpx 0; | |
| 533 | + | |
| 534 | + .titleall-left { | |
| 535 | + font-size: 32rpx; | |
| 536 | + font-weight: bold; | |
| 537 | + display: flex; | |
| 538 | + align-items: center; | |
| 539 | + | |
| 540 | + .titleall-left-line { | |
| 541 | + width: 14rpx; | |
| 542 | + height: 36rpx; | |
| 543 | + border-radius: 0 10rpx 10rpx 0; | |
| 544 | + background-color: #667FFF; | |
| 545 | + box-shadow: 0 0 10rpx 5rpx #d1d9ff; | |
| 546 | + margin-right: 20rpx; | |
| 547 | + } | |
| 548 | + | |
| 549 | + text { | |
| 550 | + font-size: 28rpx; | |
| 551 | + color: #999999; | |
| 552 | + } | |
| 553 | + } | |
| 554 | + } | |
| 555 | + | |
| 556 | + .message-list { | |
| 557 | + // background-color: #FFFFFF; | |
| 558 | + // border-radius: 20rpx; | |
| 559 | + font-size: 25rpx; | |
| 560 | + margin: 25rpx; | |
| 561 | + | |
| 562 | + .info-box { | |
| 563 | + padding: 0 40rpx; | |
| 564 | + background: #FFFFFF; | |
| 565 | + border-radius: 21rpx; | |
| 566 | + margin-bottom: 15rpx; | |
| 567 | + | |
| 568 | + .info-box-list { | |
| 569 | + display: flex; | |
| 570 | + align-items: center; | |
| 571 | + border-bottom: 2rpx solid #ececec; | |
| 572 | + padding-top: 20rpx; | |
| 573 | + padding-bottom: 20rpx; | |
| 574 | + | |
| 575 | + .width100 { | |
| 576 | + width: 100% !important; | |
| 577 | + } | |
| 578 | + | |
| 579 | + .info-box-width { | |
| 580 | + width: 50%; | |
| 581 | + font-size: 30rpx; | |
| 582 | + font-weight: bold; | |
| 583 | + | |
| 584 | + .info-box-small { | |
| 585 | + font-size: 26rpx; | |
| 586 | + color: #a8a8a8; | |
| 587 | + font-weight: 500; | |
| 588 | + margin-top: 10rpx; | |
| 589 | + } | |
| 590 | + | |
| 591 | + .info-box-list-img { | |
| 592 | + margin-top: 30rpx; | |
| 593 | + | |
| 594 | + image { | |
| 595 | + width: 180rpx; | |
| 596 | + height: 180rpx; | |
| 597 | + border-radius: 20rpx; | |
| 598 | + } | |
| 599 | + } | |
| 600 | + | |
| 601 | + .input-text { | |
| 602 | + font-size: 30rpx; | |
| 603 | + } | |
| 604 | + | |
| 605 | + .inputtext { | |
| 606 | + color: #3d3d3d; | |
| 607 | + } | |
| 608 | + | |
| 609 | + .textarea { | |
| 610 | + background-color: #F7F7F7; | |
| 611 | + border-radius: 20rpx; | |
| 612 | + width: 100%; | |
| 613 | + margin-top: 20rpx; | |
| 614 | + padding: 20rpx; | |
| 615 | + font-size: 28rpx; | |
| 616 | + font-weight: normal; | |
| 617 | + min-height: 80rpx; | |
| 618 | + } | |
| 619 | + } | |
| 620 | + | |
| 621 | + .serve { | |
| 622 | + display: flex; | |
| 623 | + justify-content: space-between; | |
| 624 | + align-items: center; | |
| 625 | + width: 100%; | |
| 626 | + | |
| 627 | + .serve-title { | |
| 628 | + font-size: 26rpx; | |
| 629 | + color: #909090; | |
| 630 | + } | |
| 631 | + | |
| 632 | + .serve-right { | |
| 633 | + font-size: 26rpx; | |
| 634 | + // font-weight: bold; | |
| 635 | + display: flex; | |
| 636 | + align-items: center; | |
| 637 | + justify-content: flex-end; | |
| 638 | + | |
| 639 | + text { | |
| 640 | + color: #FC4444; | |
| 641 | + } | |
| 642 | + | |
| 643 | + image { | |
| 644 | + width: 20rpx; | |
| 645 | + height: 20rpx; | |
| 646 | + margin-left: 10rpx; | |
| 647 | + } | |
| 648 | + } | |
| 649 | + } | |
| 650 | + } | |
| 651 | + | |
| 652 | + .info-box-list:last-child { | |
| 653 | + border-bottom: 0; | |
| 654 | + } | |
| 655 | + } | |
| 656 | + } | |
| 657 | + | |
| 658 | + /* 底部 */ | |
| 659 | + .page-footer { | |
| 660 | + margin: 30rpx; | |
| 661 | + display: flex; | |
| 662 | + height: 100rpx; | |
| 663 | + | |
| 664 | + .footer-buy { | |
| 665 | + height: 100%; | |
| 666 | + width: 100%; | |
| 667 | + | |
| 668 | + .cart-add { | |
| 669 | + display: flex; | |
| 670 | + align-items: center; | |
| 671 | + justify-content: center; | |
| 672 | + margin-top: 60rpx; | |
| 673 | + | |
| 674 | + image { | |
| 675 | + position: absolute; | |
| 676 | + z-index: 0; | |
| 677 | + width: 95%; | |
| 678 | + height: 83rpx; | |
| 679 | + box-shadow: 5rpx 10rpx 20rpx 0 #b7c8ff; | |
| 680 | + border-radius: 100rpx; | |
| 681 | + } | |
| 682 | + | |
| 683 | + text { | |
| 684 | + font-size: 30rpx; | |
| 685 | + font-weight: bold; | |
| 686 | + color: #fff; | |
| 687 | + position: absolute; | |
| 688 | + z-index: 1; | |
| 689 | + } | |
| 690 | + } | |
| 691 | + } | |
| 692 | + } | |
| 693 | +</style> | |
| 0 | 694 | \ No newline at end of file | ... | ... |
pages/mapstakelinedetail/mapstakelinedetail.vue
| ... | ... | @@ -20,13 +20,17 @@ |
| 20 | 20 | <view class="info-box"> |
| 21 | 21 | <view class="info-box-list"> |
| 22 | 22 | <view class="info-box-width"> |
| 23 | - <view>{{info.markerNumber}}</view> | |
| 23 | + <view>{{info.markerNumber || '-'}}</view> | |
| 24 | 24 | <view class="info-box-small">界桩编号</view> |
| 25 | 25 | </view> |
| 26 | 26 | <view class="info-box-width"> |
| 27 | + <view>{{info.boundaryName || '-'}}</view> | |
| 28 | + <view class="info-box-small">界线名称</view> | |
| 29 | + </view> | |
| 30 | + <!-- <view class="info-box-width"> | |
| 27 | 31 | <view>北纬{{info.latitude}},东经{{info.longitude}}</view> |
| 28 | 32 | <view class="info-box-small">经纬度</view> |
| 29 | - </view> | |
| 33 | + </view> --> | |
| 30 | 34 | </view> |
| 31 | 35 | <view class="info-box-list"> |
| 32 | 36 | <view class="info-box-width"> |
| ... | ... | @@ -34,14 +38,24 @@ |
| 34 | 38 | <view class="info-box-small">高程</view> |
| 35 | 39 | </view> |
| 36 | 40 | <view class="info-box-width"> |
| 37 | - <view>{{info.location}}</view> | |
| 41 | + <view>{{info.location || '-'}}</view> | |
| 38 | 42 | <view class="info-box-small">位置</view> |
| 39 | 43 | </view> |
| 40 | 44 | </view> |
| 41 | 45 | <view class="info-box-list"> |
| 42 | 46 | <view class="info-box-width"> |
| 43 | - <view>{{info.markerType}}</view> | |
| 44 | - <view class="info-box-small">类型</view> | |
| 47 | + <view>{{info.longitude?info.longitude:'-'}}</view> | |
| 48 | + <view class="info-box-small">东经</view> | |
| 49 | + </view> | |
| 50 | + <view class="info-box-width"> | |
| 51 | + <view>{{info.latitude?info.latitude:'-'}}</view> | |
| 52 | + <view class="info-box-small">北纬</view> | |
| 53 | + </view> | |
| 54 | + </view> | |
| 55 | + <view class="info-box-list"> | |
| 56 | + <view class="info-box-width"> | |
| 57 | + <view>{{info.markerSpecification?info.markerSpecification:'-'}}</view> | |
| 58 | + <view class="info-box-small">规格</view> | |
| 45 | 59 | </view> |
| 46 | 60 | <view class="info-box-width"> |
| 47 | 61 | <view>{{info.unit?info.unit:'-'}}</view> |
| ... | ... | @@ -54,8 +68,8 @@ |
| 54 | 68 | <view class="info-box-small">设立时间</view> |
| 55 | 69 | </view> |
| 56 | 70 | <view class="info-box-width"> |
| 57 | - <view>{{info.updatedTime?info.updatedTime:'-'}}</view> | |
| 58 | - <view class="info-box-small">最近更新时间</view> | |
| 71 | + <view>{{info.enteredUser?info.enteredUser:'-'}}</view> | |
| 72 | + <view class="info-box-small">录入人姓名</view> | |
| 59 | 73 | </view> |
| 60 | 74 | </view> |
| 61 | 75 | <view class="info-box-list" v-if="info.imageInfo"> |
| ... | ... | @@ -133,16 +147,16 @@ |
| 133 | 147 | |
| 134 | 148 | </view> |
| 135 | 149 | |
| 136 | -<!-- <view class="skip-btn"> | |
| 137 | - <view class="cart-add"> | |
| 150 | + <view class="skip-btn"> | |
| 151 | + <view class="cart-add" @click="gopath('/pages/mapstakelinedetail/addmapstakelinedetail?cent='+JSON.stringify(info))"> | |
| 138 | 152 | <image src="../../static/btn3.png"></image> |
| 139 | 153 | <text>资料修改</text> |
| 140 | 154 | </view> |
| 141 | - <view class="buy-at"> | |
| 155 | + <!-- <view class="buy-at"> | |
| 142 | 156 | <image src="../../static/btn1.png"></image> |
| 143 | 157 | <text>界桩巡检情况上报</text> |
| 144 | - </view> | |
| 145 | - </view> --> | |
| 158 | + </view> --> | |
| 159 | + </view> | |
| 146 | 160 | |
| 147 | 161 | </view> |
| 148 | 162 | </view> |
| ... | ... | @@ -199,6 +213,11 @@ |
| 199 | 213 | |
| 200 | 214 | }, |
| 201 | 215 | methods: { |
| 216 | + gopath(e) { | |
| 217 | + uni.navigateTo({ | |
| 218 | + url: e | |
| 219 | + }) | |
| 220 | + }, | |
| 202 | 221 | getlist() { |
| 203 | 222 | this.API.getpatrol(this.pages).then(res=>{ |
| 204 | 223 | console.log("巡检",res); | ... | ... |
static/imgs/index/icon23.png
0 → 100644
3.57 KB
static/imgs/index/icon24.png
0 → 100644
2.09 KB
static/imgs/index/icon25.png
0 → 100644
3.51 KB
static/imgs/index/icon26.png
0 → 100644
2.68 KB
static/imgs/index/icon27.png
0 → 100644
1.99 KB
static/imgs/index/icon28.png
0 → 100644
1.92 KB
static/imgs/index/icon29.png
0 → 100644
1.59 KB
static/imgs/index/icon30.png
0 → 100644
1.8 KB
static/imgs/index/icon31.png
0 → 100644
3.68 KB
static/imgs/index/icon32.png
0 → 100644
2.27 KB
static/imgs/index/icon33.png
0 → 100644
1.46 KB
static/imgs/index/icon34.png
0 → 100644
1.99 KB
static/xj.png
0 → 100644
6.07 KB