Commit 19e734d2ea7d2831cc6382b8d74041bf5504c29e
1 parent
379aff0a
场地,登录页,隐私政策
Showing
36 changed files
with
4470 additions
and
170 deletions
components/EditorBox/EditorBox.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view class="liu-editor"> | |
| 3 | + <!-- 工具栏 --> | |
| 4 | + <view class="scroll"> | |
| 5 | + <view class="toolsBar-view"> | |
| 6 | + <view class="toolsBar-item" :class="{active:formats[item.name]}" @click="toolsBarItemClick(item)" v-for="(item,index) in toolbarList" :key="index"> | |
| 7 | + <image style="width: 30rpx;height: 30rpx;" :src="item.icon" mode=""></image> | |
| 8 | + </view> | |
| 9 | + </view> | |
| 10 | + </view> | |
| 11 | + | |
| 12 | + <!-- 编辑器 --> | |
| 13 | + <editor | |
| 14 | + id="editor" | |
| 15 | + :show-img-resize="true" | |
| 16 | + :show-img-size="true" | |
| 17 | + :show-img-toolbar="true" | |
| 18 | + :placeholder="placeholder" | |
| 19 | + @ready="onEditorReady" | |
| 20 | + @statuschange="onStatusChange" | |
| 21 | + ></editor> | |
| 22 | + | |
| 23 | + <!-- 取色器 --> | |
| 24 | + <!-- <t-color-picker ref="colorPicker" :color="color" @confirm="colorConfirm" @cancel="colorCancel"></t-color-picker> --> | |
| 25 | + </view> | |
| 26 | +</template> | |
| 27 | + | |
| 28 | +<script> | |
| 29 | + export default { | |
| 30 | + name: "liu-editor", | |
| 31 | + | |
| 32 | + props: { | |
| 33 | + // 提示信息 | |
| 34 | + placeholder: { | |
| 35 | + type: String, | |
| 36 | + default: '开始输入...' | |
| 37 | + }, | |
| 38 | + // 加载文字提示 | |
| 39 | + loadingText: { | |
| 40 | + type: String, | |
| 41 | + default: '上传中...' | |
| 42 | + }, | |
| 43 | + // 上传图片时是否使用加载 | |
| 44 | + isLoading: { | |
| 45 | + type: Boolean, | |
| 46 | + default: true | |
| 47 | + }, | |
| 48 | + // 图片上传路径 | |
| 49 | + uploadImgUrl: { | |
| 50 | + type: String, | |
| 51 | + default: '' | |
| 52 | + }, | |
| 53 | + // 上传的配置参数 | |
| 54 | + uploadConfig:{ | |
| 55 | + type:Object, | |
| 56 | + default:()=>({}) | |
| 57 | + }, | |
| 58 | + // 初始化文本信息 | |
| 59 | + html:{ | |
| 60 | + type:String, | |
| 61 | + default:'' | |
| 62 | + } | |
| 63 | + }, | |
| 64 | + | |
| 65 | + data() { | |
| 66 | + return { | |
| 67 | + editorCtx: null, // 富文本上下文api | |
| 68 | + formats:{}, // 点前选择的样式集 | |
| 69 | + | |
| 70 | + // 工具栏 | |
| 71 | + toolbarList:[ | |
| 72 | + { | |
| 73 | + name:'image', // 图片上传 | |
| 74 | + icon:'/static/editor-img/image.png', | |
| 75 | + type:'upload', // 上传类型 | |
| 76 | + }, | |
| 77 | + { | |
| 78 | + name:'previewFun', // 预览 | |
| 79 | + icon:'/static/editor-img/preview.png', | |
| 80 | + type:'click', // 点击类型 | |
| 81 | + }, | |
| 82 | + { | |
| 83 | + name:'header', // 文字标题(header) | |
| 84 | + icon:'/static/editor-img/header.png', | |
| 85 | + type:'select', // 选择类型 | |
| 86 | + value:[ | |
| 87 | + { | |
| 88 | + name:'一级标题', | |
| 89 | + value:'H1' | |
| 90 | + }, | |
| 91 | + { | |
| 92 | + name:'二级标题', | |
| 93 | + value:'H2' | |
| 94 | + }, | |
| 95 | + { | |
| 96 | + name:'三级标题', | |
| 97 | + value:'H3' | |
| 98 | + }, | |
| 99 | + { | |
| 100 | + name:'四级标题', | |
| 101 | + value:'H4' | |
| 102 | + }, | |
| 103 | + { | |
| 104 | + name:'五级标题', | |
| 105 | + value:'H5' | |
| 106 | + }, | |
| 107 | + { | |
| 108 | + name:'六级标题', | |
| 109 | + value:'H6' | |
| 110 | + } | |
| 111 | + ] | |
| 112 | + }, | |
| 113 | + { | |
| 114 | + name:'bold', // 文字加粗(bold) | |
| 115 | + icon:'/static/editor-img/bold.png', | |
| 116 | + type:'click', // 点击类型 | |
| 117 | + }, | |
| 118 | + { | |
| 119 | + name:'italic', // 文字斜体(italic) | |
| 120 | + icon:'/static/editor-img/italic.png', | |
| 121 | + type:'click', // 点击类型 | |
| 122 | + }, | |
| 123 | + { | |
| 124 | + name:'underline', // 文字下划线(underline) | |
| 125 | + icon:'/static/editor-img/underline.png', | |
| 126 | + type:'click', // 点击类型 | |
| 127 | + }, | |
| 128 | + { | |
| 129 | + name:'strike', // 文字删除线(strike) | |
| 130 | + icon:'/static/editor-img/strike.png', | |
| 131 | + type:'click', // 点击类型 | |
| 132 | + }, | |
| 133 | + { | |
| 134 | + name:'indent', // 文字缩进(indent) | |
| 135 | + icon:'/static/editor-img/indent.png', | |
| 136 | + type:'select', // 选择类型 | |
| 137 | + value:[ | |
| 138 | + { | |
| 139 | + name:'向右缩进', | |
| 140 | + value:'+1', | |
| 141 | + }, | |
| 142 | + { | |
| 143 | + name:'向左缩进', | |
| 144 | + value:'-1' | |
| 145 | + } | |
| 146 | + ] | |
| 147 | + }, | |
| 148 | + { | |
| 149 | + name:'list', // 列表(list) | |
| 150 | + icon:'/static/editor-img/list.png', | |
| 151 | + type:'select', // 选择类型 | |
| 152 | + value:[ | |
| 153 | + { | |
| 154 | + name:'有序列表', | |
| 155 | + value:'ordered', | |
| 156 | + }, | |
| 157 | + { | |
| 158 | + name:'无序列表', | |
| 159 | + value:'bullet' | |
| 160 | + }, | |
| 161 | + { | |
| 162 | + name:'方框列表', | |
| 163 | + value:'check' | |
| 164 | + } | |
| 165 | + ], // 数字 、点、方框 | |
| 166 | + }, | |
| 167 | + { | |
| 168 | + name:'lineHeight', // 文字行高(lineHeight) | |
| 169 | + icon:'/static/editor-img/lineHeight.png', | |
| 170 | + type:'select', // 选择类型 | |
| 171 | + value:[ | |
| 172 | + { | |
| 173 | + name:'1', | |
| 174 | + value:'1' | |
| 175 | + }, | |
| 176 | + { | |
| 177 | + name:'1.5', | |
| 178 | + value:'1.5' | |
| 179 | + }, | |
| 180 | + { | |
| 181 | + name:'2', | |
| 182 | + value:'2' | |
| 183 | + }, | |
| 184 | + { | |
| 185 | + name:'2.5', | |
| 186 | + value:'2.5' | |
| 187 | + }, | |
| 188 | + { | |
| 189 | + name:'3', | |
| 190 | + value:'3' | |
| 191 | + } | |
| 192 | + ], | |
| 193 | + }, | |
| 194 | + { | |
| 195 | + name:'fontSize', // 文字大小(fontSize) | |
| 196 | + icon:'/static/editor-img/fontSize.png', | |
| 197 | + type:'select', // 选择类型 | |
| 198 | + value:[ | |
| 199 | + { | |
| 200 | + name:'10px', | |
| 201 | + value:'10px' | |
| 202 | + }, | |
| 203 | + { | |
| 204 | + name:'13px', | |
| 205 | + value:'13px' | |
| 206 | + }, | |
| 207 | + { | |
| 208 | + name:'16px', | |
| 209 | + value:'16px' | |
| 210 | + }, | |
| 211 | + { | |
| 212 | + name:'18px', | |
| 213 | + value:'18px' | |
| 214 | + }, | |
| 215 | + { | |
| 216 | + name:'24px', | |
| 217 | + value:'24px' | |
| 218 | + }, | |
| 219 | + { | |
| 220 | + name:'32px', | |
| 221 | + value:'32px' | |
| 222 | + }, | |
| 223 | + { | |
| 224 | + name:'48px', | |
| 225 | + value:'48px' | |
| 226 | + } | |
| 227 | + ], | |
| 228 | + }, | |
| 229 | + { | |
| 230 | + name:'align', // 文字排版(align) | |
| 231 | + icon:'/static/editor-img/align.png', | |
| 232 | + type:'select', // 选择类型 | |
| 233 | + value:[ | |
| 234 | + { | |
| 235 | + name:'左对齐', | |
| 236 | + value:'left' | |
| 237 | + }, | |
| 238 | + { | |
| 239 | + name:'居中对齐', | |
| 240 | + value:'center' | |
| 241 | + }, | |
| 242 | + { | |
| 243 | + name:'右对齐', | |
| 244 | + value:'right' | |
| 245 | + }, | |
| 246 | + { | |
| 247 | + name:'整行对齐', | |
| 248 | + value:'justify' | |
| 249 | + } | |
| 250 | + ], | |
| 251 | + }, | |
| 252 | + { | |
| 253 | + name:'color', // 文字颜色(color) | |
| 254 | + icon:'/static/editor-img/color.png', | |
| 255 | + type:'popup', // 弹窗类型 | |
| 256 | + }, | |
| 257 | + { | |
| 258 | + name:'undoFun', // 撤销 | |
| 259 | + icon:'/static/editor-img/undo.png', | |
| 260 | + type:'click', // 点击类型 | |
| 261 | + }, | |
| 262 | + { | |
| 263 | + name:'redoFun', // 恢复 | |
| 264 | + icon:'/static/editor-img/redo.png', | |
| 265 | + type:'click', // 点击类型 | |
| 266 | + }, | |
| 267 | + { | |
| 268 | + name:'margin', // 外边距(margin) | |
| 269 | + icon:'/static/editor-img/margin.png', | |
| 270 | + type:'select', // 选择类型 | |
| 271 | + value:[ | |
| 272 | + { | |
| 273 | + name:'四周外边距', | |
| 274 | + value:'margin', | |
| 275 | + }, | |
| 276 | + { | |
| 277 | + name:'上外边距', | |
| 278 | + value:'marginTop', | |
| 279 | + }, | |
| 280 | + { | |
| 281 | + name:'下外边距', | |
| 282 | + value:'marginBottom', | |
| 283 | + }, | |
| 284 | + { | |
| 285 | + name:'左外边距', | |
| 286 | + value:'marginLeft', | |
| 287 | + }, | |
| 288 | + { | |
| 289 | + name:'右外边距', | |
| 290 | + value:'marginRight', | |
| 291 | + } | |
| 292 | + ], | |
| 293 | + }, | |
| 294 | + { | |
| 295 | + name:'padding', // 内边距(padding) | |
| 296 | + icon:'/static/editor-img/padding.png', | |
| 297 | + type:'select', // 选择类型 | |
| 298 | + value:[ | |
| 299 | + { | |
| 300 | + name:'四周内边距', | |
| 301 | + value:'padding', | |
| 302 | + }, | |
| 303 | + { | |
| 304 | + name:'上内边距', | |
| 305 | + value:'paddingTop', | |
| 306 | + }, | |
| 307 | + { | |
| 308 | + name:'下内边距', | |
| 309 | + value:'paddingBottom', | |
| 310 | + }, | |
| 311 | + { | |
| 312 | + name:'左内边距', | |
| 313 | + value:'paddingLeft', | |
| 314 | + }, | |
| 315 | + { | |
| 316 | + name:'右内边距', | |
| 317 | + value:'paddingRight', | |
| 318 | + } | |
| 319 | + ], | |
| 320 | + }, | |
| 321 | + { | |
| 322 | + name:'clearFun', // 清空编辑器内容 | |
| 323 | + icon:'/static/editor-img/clear.png', | |
| 324 | + type:'click', // 选择类型 | |
| 325 | + } | |
| 326 | + | |
| 327 | + ], | |
| 328 | + | |
| 329 | + // color | |
| 330 | + color: { | |
| 331 | + r: 255, | |
| 332 | + g: 0, | |
| 333 | + b: 0, | |
| 334 | + a: 0.6 | |
| 335 | + }, | |
| 336 | + | |
| 337 | + }; | |
| 338 | + }, | |
| 339 | + | |
| 340 | + watch:{ | |
| 341 | + html(n,o){ | |
| 342 | + n && this.onEditorReady(); | |
| 343 | + } | |
| 344 | + }, | |
| 345 | + | |
| 346 | + methods: { | |
| 347 | + | |
| 348 | + // 取色器确定事件 | |
| 349 | + colorConfirm(e) { | |
| 350 | + // console.log(e); | |
| 351 | + this.format('color',e.hex); | |
| 352 | + }, | |
| 353 | + // 取色器取消事件 | |
| 354 | + colorCancel() { | |
| 355 | + // console.log('取消'); | |
| 356 | + }, | |
| 357 | + | |
| 358 | + // 初始化 | |
| 359 | + onEditorReady() { | |
| 360 | + if( this.editorCtx ){ | |
| 361 | + this.html && this.initEditor() | |
| 362 | + return; | |
| 363 | + } | |
| 364 | + uni.createSelectorQuery().select('#editor').context((res) => { | |
| 365 | + if( res.context ){ | |
| 366 | + this.editorCtx = res.context; | |
| 367 | + this.html && this.initEditor() | |
| 368 | + } | |
| 369 | + }).exec() | |
| 370 | + }, | |
| 371 | + | |
| 372 | + // 设置样式时触发 | |
| 373 | + onStatusChange(e){ | |
| 374 | + this.formats = e.detail; | |
| 375 | + }, | |
| 376 | + | |
| 377 | + // 设置样式 | |
| 378 | + format(name,value){ | |
| 379 | + this.editorCtx.format(name,value); | |
| 380 | + }, | |
| 381 | + | |
| 382 | + // 插入图片 | |
| 383 | + insertImage() { | |
| 384 | + | |
| 385 | + uni.chooseImage({ | |
| 386 | + success: async (res) => { | |
| 387 | + // console.log(res); | |
| 388 | + // res.tempFilePaths | |
| 389 | + if (res.tempFilePaths.length) { | |
| 390 | + // console.log(res.tempFilePaths); | |
| 391 | + // 加载 | |
| 392 | + this.isLoading && uni.showLoading({title: this.loadingText,mask:true}); | |
| 393 | + | |
| 394 | + for (let i = 0,ilen=res.tempFilePaths.length; i < ilen; i++) { | |
| 395 | + try{ | |
| 396 | + let [err,img_res] = await this.uploadImageSync(res.tempFilePaths[i]); | |
| 397 | + let resData = JSON.parse(img_res.data); | |
| 398 | + // console.log(resData); | |
| 399 | + if( !resData.error_code ){ | |
| 400 | + uni.hideLoading(); | |
| 401 | + this.editorCtx.insertImage({ | |
| 402 | + src:resData.data.uri, | |
| 403 | + alt:'图片', | |
| 404 | + extClass:'editor--editor-img' | |
| 405 | + // width:'100%', | |
| 406 | + }) | |
| 407 | + this.editorCtx.insertText({text:' '}); | |
| 408 | + | |
| 409 | + }else{ | |
| 410 | + uni.hideLoading(); | |
| 411 | + this.toast('图片上传失败'); | |
| 412 | + } | |
| 413 | + }catch(e){ | |
| 414 | + //TODO handle the exception | |
| 415 | + uni.hideLoading(); | |
| 416 | + this.toast('上传图片发生错误'); | |
| 417 | + } | |
| 418 | + | |
| 419 | + } | |
| 420 | + // console.log(1122); | |
| 421 | + } | |
| 422 | + }, | |
| 423 | + fail: (err) => { | |
| 424 | + console.log(err); | |
| 425 | + } | |
| 426 | + }) | |
| 427 | + }, | |
| 428 | + | |
| 429 | + // 初始化文本信息 | |
| 430 | + initEditor(){ | |
| 431 | + this.editorCtx.setContents({html:this.html}); | |
| 432 | + }, | |
| 433 | + | |
| 434 | + // 图片上传 | |
| 435 | + uploadImageSync(filePath) { | |
| 436 | + // 没有上传路径 直接返回 filePath | |
| 437 | + if( !this.uploadImgUrl ){return filePath}; | |
| 438 | + let header = this.uploadConfig.header || {}; | |
| 439 | + let formData = this.uploadConfig.formData || {}; | |
| 440 | + // 返回 promise对象 | |
| 441 | + return uni.uploadFile({ | |
| 442 | + url: this.uploadImgUrl, | |
| 443 | + filePath, | |
| 444 | + header:{ | |
| 445 | + // #ifdef APP-PLUS | |
| 446 | + 'content-type': 'multipart/form-data', | |
| 447 | + // #endif | |
| 448 | + ...header | |
| 449 | + }, | |
| 450 | + // #ifdef APP-PLUS | |
| 451 | + name: 'file', | |
| 452 | + // #endif | |
| 453 | + formData, | |
| 454 | + }); | |
| 455 | + }, | |
| 456 | + | |
| 457 | + // 轻提示 | |
| 458 | + toast(title,duration=1000,icon='none'){ | |
| 459 | + uni.showToast({title,duration,icon}); | |
| 460 | + }, | |
| 461 | + | |
| 462 | + // 工具栏点击事件 | |
| 463 | + toolsBarItemClick(item){ | |
| 464 | + let switchFun = { | |
| 465 | + // 点击类型 | |
| 466 | + 'click':()=>{ | |
| 467 | + let keys = {previewFun:1,undoFun:1,redoFun:1,clearFun:1}; | |
| 468 | + if( keys[item.name] ){ | |
| 469 | + return this[item.name] && this[item.name](); | |
| 470 | + } | |
| 471 | + this.format(item.name,item.value); | |
| 472 | + }, | |
| 473 | + // 弹窗类型 | |
| 474 | + 'popup':()=>{ | |
| 475 | + if( this.formats[item.name] ){ | |
| 476 | + return this.format(item.name,''); | |
| 477 | + } | |
| 478 | + this.$refs.colorPicker.open(); | |
| 479 | + }, | |
| 480 | + // 选择类型 | |
| 481 | + 'select':()=>{ | |
| 482 | + if( this.formats[item.name] ){ | |
| 483 | + return this.format(item.name,''); | |
| 484 | + } | |
| 485 | + let keys = item.value.map(item=>item.name); | |
| 486 | + if( item.name === 'margin' || item.name === 'padding' ){ | |
| 487 | + uni.showActionSheet({ | |
| 488 | + itemList: keys, | |
| 489 | + success: resOne=>{ | |
| 490 | + let name = item.value[resOne.tapIndex].value; | |
| 491 | + setTimeout(()=>{ | |
| 492 | + let list = ['0px','10px','15px','20px','25px','30px']; | |
| 493 | + uni.showActionSheet({ | |
| 494 | + itemList: list, | |
| 495 | + success: resTwo=>{ | |
| 496 | + this.format(name,list[resTwo.tapIndex]); | |
| 497 | + // console.log(name,list[resTwo.tapIndex]); | |
| 498 | + } | |
| 499 | + }); | |
| 500 | + },100); | |
| 501 | + | |
| 502 | + }, | |
| 503 | + fail: function (res) { | |
| 504 | + console.log(res.errMsg); | |
| 505 | + } | |
| 506 | + }); | |
| 507 | + return; | |
| 508 | + } | |
| 509 | + uni.showActionSheet({ | |
| 510 | + itemList: keys, | |
| 511 | + success: res=>{ | |
| 512 | + this.format(item.name,item.value[res.tapIndex].value); | |
| 513 | + }, | |
| 514 | + fail: function (res) { | |
| 515 | + console.log(res.errMsg); | |
| 516 | + } | |
| 517 | + }); | |
| 518 | + }, | |
| 519 | + // 上传类型 | |
| 520 | + 'upload':()=>{ | |
| 521 | + this.insertImage(); | |
| 522 | + } | |
| 523 | + } | |
| 524 | + switchFun[item.type] && switchFun[item.type](); | |
| 525 | + }, | |
| 526 | + | |
| 527 | + // 预览 | |
| 528 | + async previewFun(){ | |
| 529 | + // this.toast('预览'); | |
| 530 | + let res = await this.editorGetContents(); | |
| 531 | + if( res.html ){ | |
| 532 | + uni.setStorageSync('editorPreviewHtml',res.html); | |
| 533 | + } | |
| 534 | + uni.navigateTo({url:'/pages/editorPreview/editorPreview'}); | |
| 535 | + }, | |
| 536 | + // 撤销 | |
| 537 | + undoFun(){ | |
| 538 | + this.toast('撤销'); | |
| 539 | + this.editorCtx.undo(); | |
| 540 | + }, | |
| 541 | + // 清空编辑器内容 | |
| 542 | + clearFun(){ | |
| 543 | + uni.showModal({ | |
| 544 | + content:'确定清空编辑器内容?', | |
| 545 | + success: res => { | |
| 546 | + if( res.confirm ){ | |
| 547 | + this.editorCtx.clear(); | |
| 548 | + } | |
| 549 | + } | |
| 550 | + }) | |
| 551 | + }, | |
| 552 | + | |
| 553 | + // 获取编辑器内容 | |
| 554 | + editorGetContents(cb){ | |
| 555 | + return new Promise((resolve,reject)=>{ | |
| 556 | + this.editorCtx.getContents({ | |
| 557 | + success:res=>{ | |
| 558 | + resolve(res); | |
| 559 | + }, | |
| 560 | + fail:err=>{ | |
| 561 | + reject(err); | |
| 562 | + } | |
| 563 | + }) | |
| 564 | + }); | |
| 565 | + }, | |
| 566 | + | |
| 567 | + | |
| 568 | + } | |
| 569 | + } | |
| 570 | +</script> | |
| 571 | + | |
| 572 | +<style> | |
| 573 | + .liu-editor { | |
| 574 | + width: 100%; | |
| 575 | + background-color: #fff; | |
| 576 | + } | |
| 577 | + | |
| 578 | + .toolsBar-view{ | |
| 579 | + display: flex; | |
| 580 | + align-items:center; | |
| 581 | + background-color: #F2F2F2; | |
| 582 | + padding-left: 20rpx; | |
| 583 | + border-bottom: 4rpx solid #e1e1e1; | |
| 584 | + } | |
| 585 | + .toolsBar-item{ | |
| 586 | + margin-right:25rpx; | |
| 587 | + width: 50rpx; | |
| 588 | + height: 50rpx; | |
| 589 | + background-color: #fff; | |
| 590 | + display: flex; | |
| 591 | + align-items: center; | |
| 592 | + justify-content: center; | |
| 593 | + } | |
| 594 | + .toolsBar-item.active{ | |
| 595 | + background-color: rgba(255,85,0,0.5); | |
| 596 | + } | |
| 597 | + | |
| 598 | + .scroll{ | |
| 599 | + width: 100%; | |
| 600 | + height: 80rpx; | |
| 601 | + overflow: hidden; | |
| 602 | + overflow-x: auto; | |
| 603 | + display: flex; | |
| 604 | + } | |
| 605 | + | |
| 606 | + #editor { | |
| 607 | + padding: 20rpx 20rpx 20rpx; | |
| 608 | + background-color: #F2F2F2; | |
| 609 | + box-sizing: border-box; | |
| 610 | + width: 100%; | |
| 611 | + height: 100%; | |
| 612 | + font-size: 16px; | |
| 613 | + line-height: 1.5; | |
| 614 | + overflow: auto; | |
| 615 | + } | |
| 616 | +</style> | |
| 0 | 617 | \ No newline at end of file | ... | ... |
components/tabbar/tabbar.vue
| ... | ... | @@ -2,7 +2,7 @@ |
| 2 | 2 | <view class="page-total"> |
| 3 | 3 | <view class="tab-list"> |
| 4 | 4 | <view class="list" v-for="(item,index) in TabBarList" |
| 5 | - @click="onTabBar(item,index)" | |
| 5 | + @click="onTabBar(item,item.index)" | |
| 6 | 6 | :key="index"> |
| 7 | 7 | <image :src="item.acImg" mode="widthFix" v-show="tabBarShow === index"></image> |
| 8 | 8 | <image :src="item.img" mode="widthFix" v-show="tabBarShow != index"></image> |
| ... | ... | @@ -85,7 +85,9 @@ |
| 85 | 85 | */ |
| 86 | 86 | onTabBar(item,index){ |
| 87 | 87 | // this.tabBarShow = index; |
| 88 | + console.log(index) | |
| 88 | 89 | switch (index){ |
| 90 | + | |
| 89 | 91 | case 0: |
| 90 | 92 | wx.switchTab({ |
| 91 | 93 | url:'/pages/home/home' | ... | ... |
manifest.json
pages.json
| ... | ... | @@ -125,7 +125,7 @@ |
| 125 | 125 | "path": "pages/questionnaire/questionnaire", |
| 126 | 126 | "style": { |
| 127 | 127 | "navigationBarTitleText": "问卷调查", |
| 128 | - "navigationBarBackgroundColor": "#E0E0E0" | |
| 128 | + "navigationBarBackgroundColor": "#FFFFFF" | |
| 129 | 129 | } |
| 130 | 130 | }, |
| 131 | 131 | { |
| ... | ... | @@ -226,6 +226,43 @@ |
| 226 | 226 | "navigationBarTitleText": "招商方案", |
| 227 | 227 | "navigationBarBackgroundColor": "#FFFFFF" |
| 228 | 228 | } |
| 229 | + }, | |
| 230 | + // 营销推广活动 | |
| 231 | + { | |
| 232 | + "path": "pages/marketing/marketingList/marketingList", | |
| 233 | + "style": { | |
| 234 | + "navigationBarTitleText": "营销推广活动", | |
| 235 | + "navigationBarBackgroundColor": "#FFFFFF" | |
| 236 | + } | |
| 237 | + }, | |
| 238 | + { | |
| 239 | + "path": "pages/marketing/marketingDetail/marketingDetail", | |
| 240 | + "style": { | |
| 241 | + "navigationBarTitleText": "详情", | |
| 242 | + "navigationBarBackgroundColor": "#FFFFFF" | |
| 243 | + } | |
| 244 | + }, | |
| 245 | + // 商务合作 | |
| 246 | + { | |
| 247 | + "path": "pages/business/businessList/businessList", | |
| 248 | + "style": { | |
| 249 | + "navigationBarTitleText": "商务合作", | |
| 250 | + "navigationBarBackgroundColor": "#FFFFFF" | |
| 251 | + } | |
| 252 | + }, | |
| 253 | + { | |
| 254 | + "path": "pages/business/businessDetail/businessDetail", | |
| 255 | + "style": { | |
| 256 | + "navigationBarTitleText": "详情", | |
| 257 | + "navigationBarBackgroundColor": "#FFFFFF" | |
| 258 | + } | |
| 259 | + }, | |
| 260 | + { | |
| 261 | + "path": "pages/privacy/privacy", | |
| 262 | + "style": { | |
| 263 | + "navigationBarTitleText": "绿道用户隐私政策", | |
| 264 | + "navigationBarBackgroundColor": "#FFFFFF" | |
| 265 | + } | |
| 229 | 266 | } |
| 230 | 267 | ], |
| 231 | 268 | "globalStyle": { | ... | ... |
pages/advertisementAdd/advertisementAdd - 副本.scss
0 → 100644
| 1 | +.page{ | |
| 2 | + position: absolute; | |
| 3 | + left: 0; | |
| 4 | + top: 0; | |
| 5 | + width: 100%; | |
| 6 | + height: 100%; | |
| 7 | + background-color: #f6f6f6; | |
| 8 | +} | |
| 9 | + | |
| 10 | +.add-list{ | |
| 11 | + padding: 0 4%; | |
| 12 | + background-color: #FFFFFF; | |
| 13 | + border-radius: 20rpx; | |
| 14 | + margin-top: 20rpx; | |
| 15 | + width: 100%; | |
| 16 | + .list{ | |
| 17 | + display: flex; | |
| 18 | + justify-content: space-between; | |
| 19 | + align-items: center; | |
| 20 | + width: 100%; | |
| 21 | + height: 100rpx; | |
| 22 | + border-bottom: 2rpx solid #f6f6f6; | |
| 23 | + .title{ | |
| 24 | + display: flex; | |
| 25 | + align-items: center; | |
| 26 | + height: 100%; | |
| 27 | + text{ | |
| 28 | + font-size: 26rpx; | |
| 29 | + color: #222222; | |
| 30 | + } | |
| 31 | + .star{ | |
| 32 | + color: red; | |
| 33 | + } | |
| 34 | + } | |
| 35 | + .content{ | |
| 36 | + display: flex; | |
| 37 | + align-items: center; | |
| 38 | + text-align: right; | |
| 39 | + input{ | |
| 40 | + width: 100%; | |
| 41 | + color: #222222; | |
| 42 | + font-size: 26rpx; | |
| 43 | + padding-top: 6rpx; | |
| 44 | + /* #ifdef MP */ | |
| 45 | + padding-top: 5rpx; | |
| 46 | + /* #endif */ | |
| 47 | + } | |
| 48 | + image { | |
| 49 | + width: 20rpx; | |
| 50 | + height: 20rpx; | |
| 51 | + margin-left: 10rpx; | |
| 52 | + /* #ifdef MP */ | |
| 53 | + margin-top: 5rpx; | |
| 54 | + /* #endif */ | |
| 55 | + } | |
| 56 | + } | |
| 57 | + } | |
| 58 | +} | |
| 59 | + | |
| 60 | +/* 保存按钮 */ | |
| 61 | +.page-footer{ | |
| 62 | + position: fixed; | |
| 63 | + left: 0; | |
| 64 | + bottom: 0; | |
| 65 | + display: flex; | |
| 66 | + width: 100%; | |
| 67 | + height: 100rpx; | |
| 68 | + background-color: #FFFFFF; | |
| 69 | + padding-bottom: constant(safe-area-inset-bottom); | |
| 70 | + padding-bottom: env(safe-area-inset-bottom); | |
| 71 | + .footer-buy{ | |
| 72 | + display: flex; | |
| 73 | + align-items: center; | |
| 74 | + justify-content: space-between; | |
| 75 | + width: 100%; | |
| 76 | + height: 100%; | |
| 77 | + .cart-add{ | |
| 78 | + display: flex; | |
| 79 | + align-items: center; | |
| 80 | + justify-content: center; | |
| 81 | + width: 100%; | |
| 82 | + height: 100rpx; | |
| 83 | + background-color: #3f9b6a; | |
| 84 | + text{ | |
| 85 | + font-size: 28rpx; | |
| 86 | + color: #FFFFFF; | |
| 87 | + } | |
| 88 | + } | |
| 89 | + } | |
| 90 | +} | |
| 91 | + | |
| 92 | +.page-footera { | |
| 93 | + position: fixed; | |
| 94 | + left: 0; | |
| 95 | + bottom: 100rpx; | |
| 96 | + display: flex; | |
| 97 | + width: 100%; | |
| 98 | + height: 100rpx; | |
| 99 | + background-color: #FFFFFF; | |
| 100 | + .footer-buya{ | |
| 101 | + display: flex; | |
| 102 | + align-items: center; | |
| 103 | + justify-content: space-between; | |
| 104 | + width: 100%; | |
| 105 | + padding: 0 30rpx; | |
| 106 | + .cart-adda{ | |
| 107 | + display: flex; | |
| 108 | + align-items: center; | |
| 109 | + justify-content: center; | |
| 110 | + text{ | |
| 111 | + font-size: 28rpx; | |
| 112 | + } | |
| 113 | + } | |
| 114 | + .cart-addb { | |
| 115 | + text{ | |
| 116 | + font-size: 28rpx; | |
| 117 | + font-weight: bold; | |
| 118 | + } | |
| 119 | + } | |
| 120 | + } | |
| 121 | +} | |
| 122 | + | |
| 123 | +.feedback-data{ | |
| 124 | + width: 100%; | |
| 125 | + padding-bottom: 20rpx; | |
| 126 | + border-bottom: 2rpx solid #f6f6f6; | |
| 127 | + .title{ | |
| 128 | + display: flex; | |
| 129 | + align-items: center; | |
| 130 | + height: 100rpx; | |
| 131 | + text{ | |
| 132 | + font-size: 26rpx; | |
| 133 | + color: #222222; | |
| 134 | + } | |
| 135 | + .star{ | |
| 136 | + color: red; | |
| 137 | + } | |
| 138 | + } | |
| 139 | + .voucher-img{ | |
| 140 | + display: flex; | |
| 141 | + align-items: center; | |
| 142 | + .voucher-list { | |
| 143 | + width: 33%; | |
| 144 | + height: 100%; | |
| 145 | + image{ | |
| 146 | + width: 160rpx; | |
| 147 | + height: 160rpx; | |
| 148 | + border-radius: 10rpx; | |
| 149 | + } | |
| 150 | + } | |
| 151 | + } | |
| 152 | +} | |
| 0 | 153 | \ No newline at end of file | ... | ... |
pages/advertisementAdd/advertisementAdd - 副本.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view class="page"> | |
| 3 | + <view class="add-list"> | |
| 4 | + <view class="list"> | |
| 5 | + <view class="title"> | |
| 6 | + <text>申请投放广告位</text> | |
| 7 | + </view> | |
| 8 | + <view class="content"> | |
| 9 | + A小程序首页顶部banner | |
| 10 | + </view> | |
| 11 | + </view> | |
| 12 | + <view class="list"> | |
| 13 | + <view class="title"> | |
| 14 | + <text>所属移动端</text> | |
| 15 | + </view> | |
| 16 | + <view class="content"> | |
| 17 | + A小程序 | |
| 18 | + </view> | |
| 19 | + </view> | |
| 20 | + <view class="list"> | |
| 21 | + <view class="title"> | |
| 22 | + <text>申请人姓名</text> | |
| 23 | + <text class="star">*</text> | |
| 24 | + </view> | |
| 25 | + <view class="content"> | |
| 26 | + <input type="text" placeholder="请输入"> | |
| 27 | + </view> | |
| 28 | + </view> | |
| 29 | + <view class="list"> | |
| 30 | + <view class="title"> | |
| 31 | + <text>活动内容</text> | |
| 32 | + <text class="star">*</text> | |
| 33 | + </view> | |
| 34 | + <view class="content"> | |
| 35 | + <input type="text" placeholder="请输入"> | |
| 36 | + </view> | |
| 37 | + </view> | |
| 38 | + <view class="list"> | |
| 39 | + <view class="title"> | |
| 40 | + <text>联系方式</text> | |
| 41 | + <text class="star">*</text> | |
| 42 | + </view> | |
| 43 | + <view class="content"> | |
| 44 | + <input type="text" placeholder="请输入"> | |
| 45 | + </view> | |
| 46 | + </view> | |
| 47 | + <view class="list"> | |
| 48 | + <view class="title"> | |
| 49 | + <text>投放时间</text> | |
| 50 | + <text class="star">*</text> | |
| 51 | + </view> | |
| 52 | + <view class="content"> | |
| 53 | + <input type="text" placeholder="请选择"> | |
| 54 | + <image :src="$imgUrl('/right2.png')"></image> | |
| 55 | + </view> | |
| 56 | + </view> | |
| 57 | + <view class="list"> | |
| 58 | + <view class="title"> | |
| 59 | + <text>广告标题</text> | |
| 60 | + <text class="star">*</text> | |
| 61 | + </view> | |
| 62 | + <view class="content"> | |
| 63 | + <input type="text" placeholder="请输入"> | |
| 64 | + </view> | |
| 65 | + </view> | |
| 66 | + <view class="list"> | |
| 67 | + <view class="title"> | |
| 68 | + <text>跳转链接</text> | |
| 69 | + <text class="star">*</text> | |
| 70 | + </view> | |
| 71 | + <view class="content"> | |
| 72 | + <input type="text" placeholder="请输入"> | |
| 73 | + </view> | |
| 74 | + </view> | |
| 75 | + <view class="list"> | |
| 76 | + <view class="title"> | |
| 77 | + <text>投放内容</text> | |
| 78 | + <text class="star">*</text> | |
| 79 | + </view> | |
| 80 | + <view class="content"> | |
| 81 | + <input type="text" placeholder="请输入"> | |
| 82 | + </view> | |
| 83 | + </view> | |
| 84 | + <view class="feedback-data"> | |
| 85 | + <view> | |
| 86 | + <view class="title"> | |
| 87 | + <text>图片</text> | |
| 88 | + <text class="star">*</text> | |
| 89 | + </view> | |
| 90 | + </view> | |
| 91 | + <view class="voucher-img"> | |
| 92 | + <view class="voucher-list"> | |
| 93 | + <image :src="$imgUrl('/voucher_bg.png')" ></image> | |
| 94 | + </view> | |
| 95 | + </view> | |
| 96 | + </view> | |
| 97 | + </view> | |
| 98 | + <!-- 保存按钮 --> | |
| 99 | + <view class="page-footera"> | |
| 100 | + <view class="footer-buya"> | |
| 101 | + <view class="cart-adda"> | |
| 102 | + <text>合计</text> | |
| 103 | + </view> | |
| 104 | + <view class="cart-addb"> | |
| 105 | + <text>1896.00元/4天</text> | |
| 106 | + </view> | |
| 107 | + </view> | |
| 108 | + </view> | |
| 109 | + <view class="page-footer" @click="shenq"> | |
| 110 | + <view class="footer-buy"> | |
| 111 | + <view class="cart-add"> | |
| 112 | + <text>立即申请</text> | |
| 113 | + </view> | |
| 114 | + </view> | |
| 115 | + </view> | |
| 116 | + </view> | |
| 117 | +</template> | |
| 118 | + | |
| 119 | +<script> | |
| 120 | + export default { | |
| 121 | + data() { | |
| 122 | + return { | |
| 123 | + | |
| 124 | + }; | |
| 125 | + }, | |
| 126 | + onShow() { | |
| 127 | + | |
| 128 | + | |
| 129 | + }, | |
| 130 | + methods:{ | |
| 131 | + shenq(){ | |
| 132 | + const isLogin = uni.getStorageSync('token') || false; | |
| 133 | + if (!isLogin) { | |
| 134 | + // 如果未登录,跳转到登录页面 | |
| 135 | + uni.navigateTo({ | |
| 136 | + url: '/pages/login/login', | |
| 137 | + }) | |
| 138 | + }else{ | |
| 139 | + uni.navigateTo({ | |
| 140 | + url: '/pages/servicerecords/servicerecords', | |
| 141 | + }) | |
| 142 | + } | |
| 143 | + | |
| 144 | + } | |
| 145 | + | |
| 146 | + } | |
| 147 | + } | |
| 148 | +</script> | |
| 149 | + | |
| 150 | +<style scoped lang="scss"> | |
| 151 | + @import 'advertisementAdd.scss'; | |
| 152 | +</style> | ... | ... |
pages/advertisementApply/advertisementApply.scss
0 → 100644
| 1 | +.page{ | |
| 2 | + position: absolute; | |
| 3 | + left: 0; | |
| 4 | + top: 0; | |
| 5 | + width: 100%; | |
| 6 | + overflow-y: scroll; | |
| 7 | + height: calc(100% - 120rpx); | |
| 8 | + background-color: #f6f6f6; | |
| 9 | +} | |
| 10 | +.steps-box { | |
| 11 | + padding-top: 40rpx; | |
| 12 | +} | |
| 13 | + | |
| 14 | +.add-list{ | |
| 15 | + padding: 0 4%; | |
| 16 | + background-color: #FFFFFF; | |
| 17 | + border-radius: 20rpx; | |
| 18 | + margin-top: 20rpx; | |
| 19 | + width: 100%; | |
| 20 | + .list{ | |
| 21 | + display: flex; | |
| 22 | + justify-content: space-between; | |
| 23 | + align-items: center; | |
| 24 | + width: 100%; | |
| 25 | + height: 100rpx; | |
| 26 | + border-bottom: 2rpx solid #f6f6f6; | |
| 27 | + .title{ | |
| 28 | + display: flex; | |
| 29 | + align-items: center; | |
| 30 | + height: 100%; | |
| 31 | + text{ | |
| 32 | + font-size: 26rpx; | |
| 33 | + color: #222222; | |
| 34 | + } | |
| 35 | + .star{ | |
| 36 | + color: red; | |
| 37 | + } | |
| 38 | + } | |
| 39 | + .content{ | |
| 40 | + display: flex; | |
| 41 | + align-items: center; | |
| 42 | + text-align: right; | |
| 43 | + input{ | |
| 44 | + width: 100%; | |
| 45 | + color: #222222; | |
| 46 | + font-size: 26rpx; | |
| 47 | + padding-top: 6rpx; | |
| 48 | + /* #ifdef MP */ | |
| 49 | + padding-top: 5rpx; | |
| 50 | + /* #endif */ | |
| 51 | + } | |
| 52 | + image { | |
| 53 | + width: 20rpx; | |
| 54 | + height: 20rpx; | |
| 55 | + margin-left: 10rpx; | |
| 56 | + /* #ifdef MP */ | |
| 57 | + margin-top: 5rpx; | |
| 58 | + /* #endif */ | |
| 59 | + } | |
| 60 | + } | |
| 61 | + } | |
| 62 | + .deom-box { | |
| 63 | + width: 100vw; | |
| 64 | + display: flex !important; | |
| 65 | + padding: 14rpx 0; | |
| 66 | + background-color: #FFFFFF; | |
| 67 | + border-radius: 9px; | |
| 68 | + // margin-top: 9px; | |
| 69 | + width: 100%; | |
| 70 | + // .u-upload { | |
| 71 | + // .u-add-wrap { | |
| 72 | + // width: 304rpx !important; | |
| 73 | + // height: 182rpx !important; | |
| 74 | + // } | |
| 75 | + // } | |
| 76 | + // .u-upload { | |
| 77 | + // height: 88px; | |
| 78 | + // width: 155px; | |
| 79 | + // background: url(/static/images/uploadID1.png); | |
| 80 | + // background-size:134rpx 188rpx; | |
| 81 | + // background-repeat:no-repeat; | |
| 82 | + // } | |
| 83 | + .img-deom { | |
| 84 | + flex: 1; | |
| 85 | + display: flex; | |
| 86 | + flex-direction: column; | |
| 87 | + align-items: center; | |
| 88 | + padding: 20rpx; | |
| 89 | + text { | |
| 90 | + margin-top: 18rpx; | |
| 91 | + } | |
| 92 | + } | |
| 93 | + } | |
| 94 | +} | |
| 95 | + | |
| 96 | +/* 保存按钮 */ | |
| 97 | +.page-footer{ | |
| 98 | + position: fixed; | |
| 99 | + left: 0; | |
| 100 | + bottom: 0; | |
| 101 | + display: flex; | |
| 102 | + align-items: center; | |
| 103 | + width: 100%; | |
| 104 | + height: 125rpx; | |
| 105 | + background-color: #FFFFFF; | |
| 106 | + padding-bottom: constant(safe-area-inset-bottom); | |
| 107 | + padding-bottom: env(safe-area-inset-bottom); | |
| 108 | + .footer-buy{ | |
| 109 | + display: flex; | |
| 110 | + align-items: center; | |
| 111 | + justify-content: space-between; | |
| 112 | + width: 100%; | |
| 113 | + height: 100%; | |
| 114 | + .cart-add{ | |
| 115 | + display: flex; | |
| 116 | + align-items: center; | |
| 117 | + justify-content: center; | |
| 118 | + width: 100%; | |
| 119 | + height: 100rpx; | |
| 120 | + background-color: #3f9b6a; | |
| 121 | + text{ | |
| 122 | + font-size: 28rpx; | |
| 123 | + color: #FFFFFF; | |
| 124 | + } | |
| 125 | + } | |
| 126 | + } | |
| 127 | +} | |
| 128 | + | |
| 129 | +.feedback-data{ | |
| 130 | + width: 100%; | |
| 131 | + padding-bottom: 20rpx; | |
| 132 | + border-bottom: 2rpx solid #f6f6f6; | |
| 133 | + .title{ | |
| 134 | + display: flex; | |
| 135 | + align-items: center; | |
| 136 | + height: 100rpx; | |
| 137 | + text{ | |
| 138 | + font-size: 26rpx; | |
| 139 | + color: #222222; | |
| 140 | + } | |
| 141 | + .star{ | |
| 142 | + color: red; | |
| 143 | + } | |
| 144 | + } | |
| 145 | + .voucher-img{ | |
| 146 | + display: flex; | |
| 147 | + align-items: center; | |
| 148 | + .voucher-list { | |
| 149 | + width: 33%; | |
| 150 | + height: 100%; | |
| 151 | + image{ | |
| 152 | + width: 160rpx; | |
| 153 | + height: 160rpx; | |
| 154 | + border-radius: 10rpx; | |
| 155 | + } | |
| 156 | + } | |
| 157 | + } | |
| 158 | +} | |
| 0 | 159 | \ No newline at end of file | ... | ... |
pages/advertisementApply/advertisementApply.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view class="page"> | |
| 3 | + <view class="steps-box"> | |
| 4 | + <u-steps :list="numList" :current="active"></u-steps> | |
| 5 | + </view> | |
| 6 | + <view> | |
| 7 | + <view class="add-list" v-if="active == 0"> | |
| 8 | + <u-form labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250"> | |
| 9 | + <u-form-item label="经营用途" prop="name" borderBottom> | |
| 10 | + <u-input v-model="model1.name" ></u-input> | |
| 11 | + </u-form-item> | |
| 12 | + <u-form-item label="意向租期" prop="name" borderBottom> | |
| 13 | + <u-input v-model="model1.name" ></u-input> | |
| 14 | + </u-form-item> | |
| 15 | + <u-form-item label="经营主体" prop="name" borderBottom> | |
| 16 | + <u-input v-model="model1.name" ></u-input> | |
| 17 | + </u-form-item> | |
| 18 | + </u-form> | |
| 19 | + </view> | |
| 20 | + <view class="add-list" v-else-if='active == 1'> | |
| 21 | + <u-form labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250"> | |
| 22 | + <u-form-item label="主体名称" prop="name" borderBottom> | |
| 23 | + <u-input v-model="model1.name" ></u-input> | |
| 24 | + </u-form-item> | |
| 25 | + <u-form-item label="统一社会信用代码" prop="name" borderBottom> | |
| 26 | + <u-input v-model="model1.name" ></u-input> | |
| 27 | + </u-form-item> | |
| 28 | + <u-form-item label="类型" prop="type" borderBottom> | |
| 29 | + <u-input v-model="model1.type" type="select" @click="model1.typeShow = true" placeholder='请选择类型'/> | |
| 30 | + <u-select v-model="model1.typeShow" :list="activesType" @confirm="typeChange"></u-select> | |
| 31 | + </u-form-item> | |
| 32 | + <u-form-item label="法定代表人" prop="name" borderBottom> | |
| 33 | + <u-input v-model="model1.name" ></u-input> | |
| 34 | + </u-form-item> | |
| 35 | + <u-form-item label="经营范围" prop="name" borderBottom> | |
| 36 | + <u-input v-model="model1.name" ></u-input> | |
| 37 | + </u-form-item> | |
| 38 | + <u-form-item label="注册资本" prop="name" borderBottom> | |
| 39 | + <u-input v-model="model1.name" ></u-input> | |
| 40 | + </u-form-item> | |
| 41 | + <u-form-item label="成立日期" prop="name" borderBottom> | |
| 42 | + <u-input v-model="model1.name" ></u-input> | |
| 43 | + </u-form-item> | |
| 44 | + <u-form-item label="住所" prop="name" borderBottom> | |
| 45 | + <u-input v-model="model1.name" ></u-input> | |
| 46 | + </u-form-item> | |
| 47 | + <u-form-item label="邮箱地址" prop="name" borderBottom> | |
| 48 | + <u-input v-model="model1.name" ></u-input> | |
| 49 | + </u-form-item> | |
| 50 | + <u-form-item label="经营期限" prop="name" borderBottom> | |
| 51 | + <u-input v-model="model1.name" ></u-input> | |
| 52 | + </u-form-item> | |
| 53 | + <u-form-item label="营业执照" prop="name" borderBottom labelPosition="top"> | |
| 54 | + <u-upload :active="active" :file-list="model1.fileList" ></u-upload> | |
| 55 | + </u-form-item> | |
| 56 | + </u-form> | |
| 57 | + </view> | |
| 58 | + <view v-else> | |
| 59 | + <u-form labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250"> | |
| 60 | + <view class="add-list"> | |
| 61 | + <u-form-item label="经营者姓名" prop="name" borderBottom> | |
| 62 | + <u-input v-model="model1.name" ></u-input> | |
| 63 | + </u-form-item> | |
| 64 | + <u-form-item label="证件类型" prop="type" borderBottom> | |
| 65 | + <u-input v-model="model1.type" type="select" @click="model1.typeShow = true" placeholder='请选择类型'/> | |
| 66 | + <u-select v-model="model1.typeShow" :list="activesType" @confirm="typeChange"></u-select> | |
| 67 | + </u-form-item> | |
| 68 | + <u-form-item label="身份证号码" prop="name" borderBottom> | |
| 69 | + <u-input v-model="model1.name" ></u-input> | |
| 70 | + </u-form-item> | |
| 71 | + <u-form-item label="身份证有效期" prop="name" borderBottom> | |
| 72 | + <u-input v-model="model1.name" ></u-input> | |
| 73 | + </u-form-item> | |
| 74 | + </view> | |
| 75 | + <view class="add-list"> | |
| 76 | + <view class="deom-box"> | |
| 77 | + <view class="img-deom"> | |
| 78 | + <u-upload :active="active" :file-list="model1.fileList" :custom-btn="true" :max-count="1"> | |
| 79 | + <view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150"> | |
| 80 | + <u-image width="304rpx" height="182rpx" src="/static/images/uploadID1.png"></u-image> | |
| 81 | + </view> | |
| 82 | + </u-upload> | |
| 83 | + <text>点击上传证件人像面</text> | |
| 84 | + </view> | |
| 85 | + <view class="img-deom"> | |
| 86 | + <u-upload :active="active" :file-list="model1.fileList" :custom-btn="true" :max-count="1"> | |
| 87 | + <view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150"> | |
| 88 | + <u-image width="304rpx" height="182rpx" src="/static/images/uploadID2.png"></u-image> | |
| 89 | + </view> | |
| 90 | + </u-upload> | |
| 91 | + <text>点击上传证件国徽面</text> | |
| 92 | + </view> | |
| 93 | + </view> | |
| 94 | + </view> | |
| 95 | + <view class="add-list"> | |
| 96 | + <view style="line-height: 60rpx;">上传示例</view> | |
| 97 | + <view class="deom-box"> | |
| 98 | + <view class="img-deom"> | |
| 99 | + <u-image width="304rpx" height="182rpx" src="/static/images/front-icon.png"></u-image> | |
| 100 | + <text>人脸示例图</text> | |
| 101 | + </view> | |
| 102 | + <view class="img-deom"> | |
| 103 | + <u-image width="304rpx" height="182rpx" src="/static/images/back-icon.png"></u-image> | |
| 104 | + <text>国徽面示例图</text> | |
| 105 | + </view> | |
| 106 | + </view> | |
| 107 | + </view> | |
| 108 | + <text style="display: inline-block; font-size: 24rpx; line-height: 30px; margin: 24rpx 30rpx 0;">请拍摄证件原件,保证照片拍摄清晰,取图完整,不反光。</text> | |
| 109 | + <view class="add-list" labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250"> | |
| 110 | + <u-form-item label="是否为法人" prop="name" borderBottom> | |
| 111 | + <u-radio-group v-model="model1.name"> | |
| 112 | + <u-radio :name="1">是</u-radio> | |
| 113 | + <u-radio :name="2">否</u-radio> | |
| 114 | + </u-radio-group> | |
| 115 | + </u-form-item> | |
| 116 | + <u-form-item label="企业授权书" prop="name" borderBottom labelPosition="top"> | |
| 117 | + <u-upload :active="active" :file-list="model1.fileList" ></u-upload> | |
| 118 | + </u-form-item> | |
| 119 | + </view> | |
| 120 | + </u-form> | |
| 121 | + </view> | |
| 122 | + </view> | |
| 123 | + <!-- 保存按钮 --> | |
| 124 | + <view class="page-footer"> | |
| 125 | + <u-button style="background-color: #DFE0E4; flex: 1; margin: 0 10px;" @click="toBefor" v-if="active != 0">上一步</u-button> | |
| 126 | + <u-button type="success" style="flex: 1; margin: 0 10px;" @click="toNext" v-if="active != 2">下一步</u-button> | |
| 127 | + <u-button type="success" style="flex: 1; margin: 0 10px;" @click="go" v-if="active == 2">提交申请</u-button> | |
| 128 | + </view> | |
| 129 | + </view> | |
| 130 | +</template> | |
| 131 | + | |
| 132 | +<script> | |
| 133 | + export default { | |
| 134 | + data() { | |
| 135 | + return { | |
| 136 | + active: 2, | |
| 137 | + numList: [{name: '租赁信息'}, {name: '主体信息'}, {name: '经营者信息'}], | |
| 138 | + model1: { | |
| 139 | + name: '', | |
| 140 | + type: '', | |
| 141 | + typeShow: false, | |
| 142 | + fileList: [], // 文件列表 | |
| 143 | + }, | |
| 144 | + rules: {}, | |
| 145 | + // 类型 | |
| 146 | + showType: false, | |
| 147 | + activesType: [ | |
| 148 | + {value: 1, label: '类型1'}, | |
| 149 | + {value: 2, label: '类型2'}, | |
| 150 | + ], | |
| 151 | + // 上传文件 | |
| 152 | + active: '', // 地址 | |
| 153 | + | |
| 154 | + }; | |
| 155 | + }, | |
| 156 | + onLoad() { | |
| 157 | + // 检查用户是否登录 | |
| 158 | + const isLogin = uni.getStorageSync('token') || false; | |
| 159 | + if (!isLogin) { | |
| 160 | + // 如果未登录,跳转到登录页面 | |
| 161 | + uni.redirectTo({ | |
| 162 | + url: '/pages/login/login' | |
| 163 | + }); | |
| 164 | + } | |
| 165 | + }, | |
| 166 | + methods:{ | |
| 167 | + typeChange(e) { | |
| 168 | + this.model1.type = e[0].label; | |
| 169 | + }, | |
| 170 | + go(){ | |
| 171 | + uni.navigateTo({ | |
| 172 | + url: '/pages/record/record' | |
| 173 | + }) | |
| 174 | + }, | |
| 175 | + // 上一步 | |
| 176 | + toBefor() { | |
| 177 | + this.active = +this.active - 1; | |
| 178 | + }, | |
| 179 | + // 下一步 | |
| 180 | + toNext() { | |
| 181 | + this.active = +this.active + 1; | |
| 182 | + } | |
| 183 | + } | |
| 184 | + } | |
| 185 | +</script> | |
| 186 | + | |
| 187 | +<style scoped lang="scss"> | |
| 188 | + @import 'advertisementApply.scss'; | |
| 189 | +</style> | ... | ... |
pages/advertisementDetail/advertisementDetail.vue
| ... | ... | @@ -7,8 +7,8 @@ |
| 7 | 7 | </view> |
| 8 | 8 | <view class="info-text">{{tableData.shopDescription}}</view> |
| 9 | 9 | <view class="info-racord"> |
| 10 | - <view class="info-price"><span>1000</span>元/月</view> | |
| 11 | - <view class="info-intention">2456人有意向</view> | |
| 10 | + <view class="info-price"><span>4800</span>元/月</view> | |
| 11 | + <view class="info-intention">10人有意向</view> | |
| 12 | 12 | </view> |
| 13 | 13 | </view> |
| 14 | 14 | <view class="banner-item field"> |
| ... | ... | @@ -73,7 +73,7 @@ |
| 73 | 73 | <view class="footer-btn"> |
| 74 | 74 | <u-button type="primary">意向申请</u-button> |
| 75 | 75 | <u-button type="success" style="margin-left: unset;" @click="leaseAdd">租赁申请</u-button> |
| 76 | - <!-- <u-button type="success" style="margin-left: unset;" @click="leaseAdd">广告申请</u-button> --> | |
| 76 | + | |
| 77 | 77 | </view> |
| 78 | 78 | <view class="footer-service"> |
| 79 | 79 | <u-image :showLoading="true" src="/static/images/share-icon.png" width="30rpx" height="30rpx"></u-image> | ... | ... |
pages/details/details - 副本.scss
0 → 100644
| 1 | +.page { | |
| 2 | + position: absolute; | |
| 3 | + width: 100%; | |
| 4 | + // height: 100%; | |
| 5 | + overflow-x: hidden; | |
| 6 | + // overflow-y: auto; | |
| 7 | +} | |
| 8 | +/* banner 标题 */ | |
| 9 | +.banner-title{ | |
| 10 | + background-color: #FFFFFF; | |
| 11 | + padding-bottom: 20rpx; | |
| 12 | +} | |
| 13 | +/* banner */ | |
| 14 | +.banner{ | |
| 15 | + width: 100%; | |
| 16 | + height: 450rpx; | |
| 17 | + .screen-swiper{ | |
| 18 | + width: 100%; | |
| 19 | + height: 100%; | |
| 20 | + } | |
| 21 | +} | |
| 22 | +/* 价格 */ | |
| 23 | +.price-info{ | |
| 24 | + display: flex; | |
| 25 | + align-items: center; | |
| 26 | + justify-content: space-between; | |
| 27 | + padding: 0 4%; | |
| 28 | + margin: 20rpx 0; | |
| 29 | + .price{ | |
| 30 | + font-size: 28rpx; | |
| 31 | + text { | |
| 32 | + font-size: 24rpx; | |
| 33 | + color: #aaaaaa; | |
| 34 | + } | |
| 35 | + .price-num { | |
| 36 | + font-weight: bold; | |
| 37 | + color: #ff7337; | |
| 38 | + font-size: 40rpx; | |
| 39 | + margin-top: 20rpx; | |
| 40 | + } | |
| 41 | + } | |
| 42 | + .price-line { | |
| 43 | + width: 2rpx; | |
| 44 | + height: 80rpx; | |
| 45 | + background-color: #f4f4f4; | |
| 46 | + } | |
| 47 | +} | |
| 48 | +/* 标题 */ | |
| 49 | +.goods-title{ | |
| 50 | + padding: 0 4%; | |
| 51 | + margin: 40rpx auto; | |
| 52 | + text{ | |
| 53 | + font-size: 34rpx; | |
| 54 | + color: #000; | |
| 55 | + font-weight: bold; | |
| 56 | + } | |
| 57 | +} | |
| 58 | +.goods-icon { | |
| 59 | + display: flex; | |
| 60 | + margin: 0 20rpx; | |
| 61 | + .goods-icon-list { | |
| 62 | + background-color: #f1fff6; | |
| 63 | + color:#4fa477; | |
| 64 | + font-size: 24rpx; | |
| 65 | + display: inline-block; | |
| 66 | + padding: 10rpx 20rpx; | |
| 67 | + margin-right: 10rpx; | |
| 68 | + } | |
| 69 | +} | |
| 70 | +/* 评价 */ | |
| 71 | +.evaluate-data{ | |
| 72 | + padding: 0 4%; | |
| 73 | + margin: 20rpx auto; | |
| 74 | + background-color: #FFFFFF; | |
| 75 | + overflow: hidden; | |
| 76 | + .title-more{ | |
| 77 | + display: flex; | |
| 78 | + align-items: center; | |
| 79 | + justify-content: space-between; | |
| 80 | + width: 100%; | |
| 81 | + height: 100rpx; | |
| 82 | + .title{ | |
| 83 | + display: flex; | |
| 84 | + align-items: center; | |
| 85 | + height: 100%; | |
| 86 | + text{ | |
| 87 | + font-size: 30rpx; | |
| 88 | + color: #000; | |
| 89 | + } | |
| 90 | + } | |
| 91 | + .more{ | |
| 92 | + display: flex; | |
| 93 | + align-items: center; | |
| 94 | + text{ | |
| 95 | + font-size: 26rpx; | |
| 96 | + color: #212121; | |
| 97 | + } | |
| 98 | + } | |
| 99 | + } | |
| 100 | + .evaluate-list{ | |
| 101 | + width: 100%; | |
| 102 | + .content{ | |
| 103 | + width: 100%; | |
| 104 | + .character{ | |
| 105 | + display: flex; | |
| 106 | + align-items: center; | |
| 107 | + padding: 10rpx 0; | |
| 108 | + text{ | |
| 109 | + font-size: 26rpx; | |
| 110 | + color: #333333; | |
| 111 | + } | |
| 112 | + } | |
| 113 | + } | |
| 114 | + } | |
| 115 | +} | |
| 116 | +/* 底部 */ | |
| 117 | +.page-footer{ | |
| 118 | + position: fixed; | |
| 119 | + left: 0; | |
| 120 | + bottom: 0; | |
| 121 | + display: flex; | |
| 122 | + width: 100%; | |
| 123 | + height: 100rpx; | |
| 124 | + background-color: #FFFFFF; | |
| 125 | + padding-bottom: constant(safe-area-inset-bottom); | |
| 126 | + padding-bottom: env(safe-area-inset-bottom); | |
| 127 | + .footer-buy{ | |
| 128 | + display: flex; | |
| 129 | + align-items: center; | |
| 130 | + justify-content: space-between; | |
| 131 | + width: 100%; | |
| 132 | + height: 100%; | |
| 133 | + .cart-add{ | |
| 134 | + display: flex; | |
| 135 | + align-items: center; | |
| 136 | + justify-content: center; | |
| 137 | + width: 100%; | |
| 138 | + height: 100rpx; | |
| 139 | + background-color: #3f9b6a; | |
| 140 | + text{ | |
| 141 | + font-size: 28rpx; | |
| 142 | + color: #FFFFFF; | |
| 143 | + } | |
| 144 | + } | |
| 145 | + } | |
| 146 | +} | ... | ... |
pages/details/details - 副本.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view> | |
| 3 | + <!-- banner,标题 --> | |
| 4 | + <view class="banner-title"> | |
| 5 | + <!-- banner --> | |
| 6 | + <view class="banner"> | |
| 7 | + <swiper class="screen-swiper round-dot" indicator-dots="true" circular="true" autoplay="true" interval="5000" | |
| 8 | + duration="500"> | |
| 9 | + <swiper-item v-for="(val, index) in swiperList" :key="index"> | |
| 10 | + | |
| 11 | + <image :src="val.url" mode="aspectFill"></image> | |
| 12 | + </swiper-item> | |
| 13 | + </swiper> | |
| 14 | + </view> | |
| 15 | + <!-- 标题 --> | |
| 16 | + <view class="goods-title"> | |
| 17 | + <text>{{tableList.shopName}}</text> | |
| 18 | + </view> | |
| 19 | + <view class="goods-icon"> | |
| 20 | + <view class="goods-icon-list">靠近地铁</view> | |
| 21 | + <view class="goods-icon-list">采光好</view> | |
| 22 | + </view> | |
| 23 | + <!-- 价格 --> | |
| 24 | + <view class="price-info"> | |
| 25 | + <view class="price"> | |
| 26 | + <view>单价<text>(元/m²/月)</text></view> | |
| 27 | + <view class="price-num">100</view> | |
| 28 | + </view> | |
| 29 | + <view class="price-line"></view> | |
| 30 | + <view class="price"> | |
| 31 | + <view>面积<text>(m²)</text></view> | |
| 32 | + <view class="price-num">265</view> | |
| 33 | + </view> | |
| 34 | + <view class="price-line"></view> | |
| 35 | + <view class="price"> | |
| 36 | + <view>月租金<text>(元/月)</text></view> | |
| 37 | + <view class="price-num">26500</view> | |
| 38 | + </view> | |
| 39 | + </view> | |
| 40 | + <view class="goods-icon"> | |
| 41 | + <view class="goods-icon-list">2押1付</view> | |
| 42 | + <view class="goods-icon-list">使用率80%</view> | |
| 43 | + </view> | |
| 44 | + </view> | |
| 45 | + <!-- 评价 --> | |
| 46 | + <view class="evaluate-data"> | |
| 47 | + <view class="title-more"> | |
| 48 | + <view class="title"> | |
| 49 | + <text>更多信息</text> | |
| 50 | + </view> | |
| 51 | + <view class="more"> | |
| 52 | + <text class="iconfont icon-more"></text> | |
| 53 | + </view> | |
| 54 | + </view> | |
| 55 | + <view class="evaluate-list"> | |
| 56 | + <view class="content"> | |
| 57 | + <view class="character"> | |
| 58 | + <text>地址:{{tableList.detailedLocation}}</text> | |
| 59 | + </view> | |
| 60 | + <view class="character"> | |
| 61 | + <text>业态:零售</text> | |
| 62 | + </view> | |
| 63 | + <view class="character"> | |
| 64 | + <text>招商要求:不可使用明火</text> | |
| 65 | + </view> | |
| 66 | + </view> | |
| 67 | + </view> | |
| 68 | + </view> | |
| 69 | + <!-- 底部 --> | |
| 70 | + <view class="page-footer"> | |
| 71 | + <view class="footer-buy" @click="leaseAdd"> | |
| 72 | + <view class="cart-add"> | |
| 73 | + <text>申请租赁</text> | |
| 74 | + </view> | |
| 75 | + </view> | |
| 76 | + </view> | |
| 77 | + </view> | |
| 78 | +</template> | |
| 79 | + | |
| 80 | +<script> | |
| 81 | + | |
| 82 | +export default { | |
| 83 | + data() { | |
| 84 | + return { | |
| 85 | + tableList:{}, | |
| 86 | + swiperList: [ | |
| 87 | + { | |
| 88 | + id: 0, | |
| 89 | + type: 'image', | |
| 90 | + url: this.$imgUrl('/img/1.jpg') | |
| 91 | + } | |
| 92 | + ], | |
| 93 | + }; | |
| 94 | + }, | |
| 95 | + onLoad(option){ | |
| 96 | + this.tableList = JSON.parse(option.item) | |
| 97 | + this.swiperList[0].url = this.tableList.displayMainImage || this.tableList.locationDiagram | |
| 98 | + console.log( this.swiperList) | |
| 99 | + console.log( this.tableList) | |
| 100 | + | |
| 101 | + }, | |
| 102 | + methods: { | |
| 103 | + leaseAdd(){ | |
| 104 | + uni.navigateTo({ | |
| 105 | + url: '/pages/leaseAdd/leaseAdd' | |
| 106 | + }) | |
| 107 | + } | |
| 108 | + } | |
| 109 | +}; | |
| 110 | +</script> | |
| 111 | + | |
| 112 | +<style scoped lang="scss"> | |
| 113 | +@import 'details.scss'; | |
| 114 | +</style> | ... | ... |
pages/details/details.vue
| ... | ... | @@ -95,7 +95,7 @@ |
| 95 | 95 | <view class="footer-btn"> |
| 96 | 96 | <u-button type="primary">意向申请</u-button> |
| 97 | 97 | <u-button type="success" style="margin-left: unset;" @click="leaseAdd">租赁申请</u-button> |
| 98 | - <!-- <u-button type="success" style="margin-left: unset;" @click="leaseAdd">广告申请</u-button> --> | |
| 98 | + | |
| 99 | 99 | </view> |
| 100 | 100 | <view class="footer-service"> |
| 101 | 101 | <u-image :showLoading="true" src="/static/images/share-icon.png" width="30rpx" height="30rpx"></u-image> | ... | ... |
pages/field/field.vue
| ... | ... | @@ -33,9 +33,9 @@ |
| 33 | 33 | </view> |
| 34 | 34 | </view> |
| 35 | 35 | <!-- 订单列表 --> |
| 36 | - <view class="goods-data"> | |
| 36 | + <!-- <view class="goods-data"> | |
| 37 | 37 | <view class="goods-list"> |
| 38 | - <view class="list" v-for="(item,index) in 0" :key="index"> | |
| 38 | + <view class="list" v-for="(item,index) in 10" :key="index"> | |
| 39 | 39 | <view class="thumb"> |
| 40 | 40 | <image :src="$imgUrl('/img/3.jpg')" mode=""></image> |
| 41 | 41 | </view> |
| ... | ... | @@ -66,6 +66,41 @@ |
| 66 | 66 | </view> |
| 67 | 67 | </view> |
| 68 | 68 | </view> |
| 69 | + </view> --> | |
| 70 | + <view class="goods-data"> | |
| 71 | + <view class="goods-list"> | |
| 72 | + <view class="list" v-for="(item,index) in tableData" :key="index" @click="reconciliationdetail(item)"> | |
| 73 | + <view class="thumb"> | |
| 74 | + <u-image width="25vw" height="25vw" :src="item.displayImage"></u-image> | |
| 75 | + <!-- <image :src="item.displayMainImage" mode=""></image> --> | |
| 76 | + </view> | |
| 77 | + <view class="item"> | |
| 78 | + <view class="title"> | |
| 79 | + <text class="one-omit">{{item.venueName}}</text> | |
| 80 | + </view> | |
| 81 | + <view class="tag"> | |
| 82 | + <!-- <text>标签标签</text> | |
| 83 | + <text>标签标签</text> --> | |
| 84 | + </view> | |
| 85 | + <view class="introduce"> | |
| 86 | + <image :src="$imgUrl('/kefu.png')"></image> | |
| 87 | + <text class="one-omit">{{item.detailedLocation}}</text> | |
| 88 | + </view> | |
| 89 | + <view class="like-goods"> | |
| 90 | + <view class="retail-price"> | |
| 91 | + <text>租金:</text> | |
| 92 | + <text class="min">¥</text> | |
| 93 | + <text class="max">{{zujinList[index].price}}</text> | |
| 94 | + <text class="min">/月</text> | |
| 95 | + <text class="line"></text> | |
| 96 | + <text>面积:</text> | |
| 97 | + <text class="max">{{item.actualArea}}</text> | |
| 98 | + <text class="min">/m²</text> | |
| 99 | + </view> | |
| 100 | + </view> | |
| 101 | + </view> | |
| 102 | + </view> | |
| 103 | + </view> | |
| 69 | 104 | </view> |
| 70 | 105 | </view> |
| 71 | 106 | </template> |
| ... | ... | @@ -75,9 +110,29 @@ |
| 75 | 110 | data() { |
| 76 | 111 | return { |
| 77 | 112 | keyword:'', |
| 113 | + pageindex: { | |
| 114 | + pageNumber: 1, | |
| 115 | + pageSize: 10, | |
| 116 | + }, | |
| 117 | + tableData: [], | |
| 78 | 118 | }; |
| 79 | 119 | }, |
| 120 | + mounted() { | |
| 121 | + this.getAll() | |
| 122 | + }, | |
| 123 | + | |
| 80 | 124 | methods: { |
| 125 | + //请求列表数据 | |
| 126 | + getAll() { | |
| 127 | + let query = Object.assign(this.pageindex); | |
| 128 | + this.$http.sendRequest('/cereBasicInformationVenue/queryByPage', 'POST', query, 1).then(res => { | |
| 129 | + //成功回调 | |
| 130 | + this.tableData = res.data.data.content | |
| 131 | + }).catch(err => { | |
| 132 | + console.log(err) | |
| 133 | + //请求失败 | |
| 134 | + }) | |
| 135 | + }, | |
| 81 | 136 | reconciliationdetail() { |
| 82 | 137 | uni.navigateTo({ |
| 83 | 138 | url: '/pages/reconciliationdetail/reconciliationdetail' | ... | ... |
pages/home/home - 副本.scss
0 → 100644
| 1 | +.page{ | |
| 2 | + // position: absolute; | |
| 3 | + // left: 0; | |
| 4 | + // top: 0; | |
| 5 | + width: 100%; | |
| 6 | + height: 100%; | |
| 7 | + // overflow-x: hidden; | |
| 8 | + // overflow-y: auto; | |
| 9 | + position: absolute; | |
| 10 | +} | |
| 11 | +.top-img { | |
| 12 | + width: 750rpx; | |
| 13 | + height: 600rpx; | |
| 14 | + /* #ifdef MP */ | |
| 15 | + height: 650rpx; | |
| 16 | + /* #endif */ | |
| 17 | +} | |
| 18 | +.head{ | |
| 19 | + position: fixed; | |
| 20 | + left: 0; | |
| 21 | + top: 0; | |
| 22 | + z-index: 100; | |
| 23 | + display: flex; | |
| 24 | + align-items: center; | |
| 25 | + justify-content: space-between; | |
| 26 | + width: 100%; | |
| 27 | + height: 100rpx; | |
| 28 | + /* #ifdef APP-PLUS */ | |
| 29 | + height: calc(100rpx + var(--status-bar-height)); | |
| 30 | + padding-top: var(--status-bar-height); | |
| 31 | + /* #endif */ | |
| 32 | + /* #ifdef MP */ | |
| 33 | + height: calc(120rpx + var(--status-bar-height)); | |
| 34 | + padding-top: calc(40rpx + var(--status-bar-height)); | |
| 35 | + /* #endif */ | |
| 36 | + background-color: rgba(255,255,255,0); | |
| 37 | + .logo-title{ | |
| 38 | + width: 40%; | |
| 39 | + color: #fff; | |
| 40 | + padding-left: 20rpx; | |
| 41 | + image { | |
| 42 | + width: 169rpx; | |
| 43 | + height: 40rpx; | |
| 44 | + margin-left: 10rpx; | |
| 45 | + } | |
| 46 | + } | |
| 47 | + .setting-mess{ | |
| 48 | + width: 20%; | |
| 49 | + display: flex; | |
| 50 | + align-items: center; | |
| 51 | + height: 100%; | |
| 52 | + margin-right: 20rpx; | |
| 53 | + .setting{ | |
| 54 | + display: flex; | |
| 55 | + justify-content: center; | |
| 56 | + align-items: center; | |
| 57 | + width: 80rpx; | |
| 58 | + height: 100%; | |
| 59 | + text{ | |
| 60 | + font-size: 38rpx; | |
| 61 | + } | |
| 62 | + } | |
| 63 | + .mess{ | |
| 64 | + display: flex; | |
| 65 | + justify-content: center; | |
| 66 | + align-items: center; | |
| 67 | + width: 80rpx; | |
| 68 | + height: 100%; | |
| 69 | + text{ | |
| 70 | + font-size: 38rpx; | |
| 71 | + } | |
| 72 | + } | |
| 73 | + } | |
| 74 | + } | |
| 75 | +.main{ | |
| 76 | + position: relative; | |
| 77 | + top: 110rpx; | |
| 78 | + /* #ifdef MP */ | |
| 79 | + top: 190rpx; | |
| 80 | + /* #endif */ | |
| 81 | + padding-bottom: 140rpx; | |
| 82 | + margin: 0 20rpx; | |
| 83 | +} | |
| 84 | +.banner{ | |
| 85 | + height: 400rpx; | |
| 86 | + margin-bottom: 30rpx; | |
| 87 | + // margin: -200rpx auto 20rpx; | |
| 88 | + border-radius: 10rpx; | |
| 89 | + overflow: hidden; | |
| 90 | + .screen-swiper{ | |
| 91 | + height: 100%; | |
| 92 | + min-height: 100% !important; | |
| 93 | + image{ | |
| 94 | + height: 400rpx; | |
| 95 | + border-radius: 10rpx; | |
| 96 | + } | |
| 97 | + } | |
| 98 | + } | |
| 99 | +.bg-white { | |
| 100 | + background-color: #fff; | |
| 101 | + border-radius: 20rpx; | |
| 102 | +} | |
| 103 | +.notice-content { | |
| 104 | + display: flex; | |
| 105 | + align-items: center; | |
| 106 | + padding: 20rpx; | |
| 107 | + .notice-left { | |
| 108 | + image { | |
| 109 | + width: 70rpx; | |
| 110 | + height: 70rpx; | |
| 111 | + } | |
| 112 | + } | |
| 113 | + .notice-line { | |
| 114 | + width: 2rpx; | |
| 115 | + background-color: #e1e1e1; | |
| 116 | + height: 50rpx; | |
| 117 | + margin: 0 20rpx; | |
| 118 | + } | |
| 119 | + .notice-right { | |
| 120 | + .notice-right-content { | |
| 121 | + display: flex; | |
| 122 | + align-items: center; | |
| 123 | + margin-bottom: 10rpx; | |
| 124 | + .notice-icon { | |
| 125 | + border: 2rpx solid #0FBB59; | |
| 126 | + color: #0FBB59; | |
| 127 | + background-color: #eefff5; | |
| 128 | + border-radius: 10rpx; | |
| 129 | + font-size: 20rpx; | |
| 130 | + margin-right: 20rpx; | |
| 131 | + padding: 2rpx 10rpx; | |
| 132 | + } | |
| 133 | + .notice-text { | |
| 134 | + overflow: hidden; | |
| 135 | + text-overflow: ellipsis; | |
| 136 | + white-space: nowrap; | |
| 137 | + width: 460rpx; | |
| 138 | + font-size: 24rpx; | |
| 139 | + } | |
| 140 | + } | |
| 141 | + } | |
| 142 | +} | |
| 143 | + | |
| 144 | +/* 订单tab */ | |
| 145 | +.order-tab{ | |
| 146 | + display: flex; | |
| 147 | + align-items: center; | |
| 148 | + width: 100%; | |
| 149 | + height: 90rpx; | |
| 150 | + padding: 0 80rpx; | |
| 151 | + border-bottom: 2rpx solid #E5E5E5; | |
| 152 | + .tab{ | |
| 153 | + position: relative; | |
| 154 | + display: flex; | |
| 155 | + align-items: center; | |
| 156 | + justify-content: center; | |
| 157 | + width: 50%; | |
| 158 | + height: 115%; | |
| 159 | + text{ | |
| 160 | + font-size: 28rpx; | |
| 161 | + font-weight: bold; | |
| 162 | + color:#7B7B7B; | |
| 163 | + } | |
| 164 | + .active-img { | |
| 165 | + display: none; | |
| 166 | + } | |
| 167 | + .active-img-right { | |
| 168 | + display: none; | |
| 169 | + } | |
| 170 | + } | |
| 171 | + .action{ | |
| 172 | + text{ | |
| 173 | + font-size: 32rpx; | |
| 174 | + color: #000; | |
| 175 | + } | |
| 176 | + } | |
| 177 | +} | |
| 178 | +.wallet-info{ | |
| 179 | + display: flex; | |
| 180 | + width: 100%; | |
| 181 | + padding: 30rpx 0; | |
| 182 | + margin-top: 20rpx; | |
| 183 | + flex-wrap: wrap; | |
| 184 | + justify-content: center; | |
| 185 | + .list{ | |
| 186 | + display: flex; | |
| 187 | + flex-direction: column; | |
| 188 | + align-items: center; | |
| 189 | + justify-content: center; | |
| 190 | + width: 25%; | |
| 191 | + .icon{ | |
| 192 | + position: relative; | |
| 193 | + display: flex; | |
| 194 | + align-items: center; | |
| 195 | + image { | |
| 196 | + width: 100rpx; | |
| 197 | + height: 100rpx; | |
| 198 | + } | |
| 199 | + } | |
| 200 | + .title{ | |
| 201 | + display: flex; | |
| 202 | + align-items: center; | |
| 203 | + margin-top: 10rpx; | |
| 204 | + text{ | |
| 205 | + color: #333333; | |
| 206 | + font-size: 24rpx; | |
| 207 | + } | |
| 208 | + } | |
| 209 | + } | |
| 210 | +} | |
| 211 | +.screen-list { | |
| 212 | + display: flex; | |
| 213 | + align-items: center; | |
| 214 | + width: 100%; | |
| 215 | + height: 100rpx; | |
| 216 | + .list { | |
| 217 | + display: flex; | |
| 218 | + justify-content: center; | |
| 219 | + align-items: center; | |
| 220 | + width: 25%; | |
| 221 | + height: 100%; | |
| 222 | + text { | |
| 223 | + font-size: 26rpx; | |
| 224 | + color: #555555; | |
| 225 | + } | |
| 226 | + image { | |
| 227 | + width: 30rpx; | |
| 228 | + height: 30rpx; | |
| 229 | + margin-left: 10rpx; | |
| 230 | + } | |
| 231 | + } | |
| 232 | + .action { | |
| 233 | + text { | |
| 234 | + color: $base; | |
| 235 | + } | |
| 236 | + } | |
| 237 | + } | |
| 238 | + | |
| 239 | +/* 商品列表 */ | |
| 240 | +.goods-data { | |
| 241 | + width: 100%; | |
| 242 | + .goods-list { | |
| 243 | + overflow: hidden; | |
| 244 | + .list-view { | |
| 245 | + float: left; | |
| 246 | + width: 49%; | |
| 247 | + height: 560rpx; | |
| 248 | + background-color: #ffffff; | |
| 249 | + border-radius: 20rpx; | |
| 250 | + margin-right: 2%; | |
| 251 | + margin-bottom: 20rpx; | |
| 252 | + overflow: hidden; | |
| 253 | + .thumb { | |
| 254 | + width: 100%; | |
| 255 | + display: flex; | |
| 256 | + justify-content: space-evenly; | |
| 257 | + padding-top:10px; | |
| 258 | + //height: 300rpx; | |
| 259 | + overflow: hidden; | |
| 260 | + image { | |
| 261 | + height: 270rpx; | |
| 262 | + border-radius: 20rpx; | |
| 263 | + } | |
| 264 | + } | |
| 265 | + .item { | |
| 266 | + width: 100%; | |
| 267 | + .tag { | |
| 268 | + padding: 10rpx 20rpx; | |
| 269 | + text { | |
| 270 | + display: inline-block; | |
| 271 | + color: #717981; | |
| 272 | + font-size: 24rpx; | |
| 273 | + margin-right: 10rpx; | |
| 274 | + } | |
| 275 | + } | |
| 276 | + .title { | |
| 277 | + padding: 0 20rpx; | |
| 278 | + text { | |
| 279 | + width: 100%; | |
| 280 | + color: #212121; | |
| 281 | + font-size: 28rpx; | |
| 282 | + font-weight: bold; | |
| 283 | + display: -webkit-box; | |
| 284 | + -webkit-box-orient: vertical; | |
| 285 | + -webkit-line-clamp: 1; | |
| 286 | + overflow: hidden; | |
| 287 | + text-overflow: ellipsis; | |
| 288 | + } | |
| 289 | + } | |
| 290 | + .price { | |
| 291 | + padding: 0 20rpx; | |
| 292 | + .retail-price { | |
| 293 | + display: flex; | |
| 294 | + justify-content: space-between; | |
| 295 | + align-items: flex-end; | |
| 296 | + width: 100%; | |
| 297 | + color: #676767; | |
| 298 | + font-size: 20rpx; | |
| 299 | + margin-top: 20rpx; | |
| 300 | + margin-bottom: 20rpx; | |
| 301 | + .min { | |
| 302 | + display: inline-block; | |
| 303 | + font-size: 24rpx; | |
| 304 | + color: #000; | |
| 305 | + font-weight: bold; | |
| 306 | + transform: scale(0.7); | |
| 307 | + } | |
| 308 | + .max { | |
| 309 | + font-size: 24rpx; | |
| 310 | + color: #000; | |
| 311 | + font-weight: bold; | |
| 312 | + } | |
| 313 | + .line { | |
| 314 | + height: 24rpx; | |
| 315 | + width: 2rpx; | |
| 316 | + border-right: 2rpx solid #E5E5E5; | |
| 317 | + margin: 0 12rpx; | |
| 318 | + } | |
| 319 | + } | |
| 320 | + .vip-price { | |
| 321 | + display: flex; | |
| 322 | + align-items: center; | |
| 323 | + width: 100%; | |
| 324 | + height: 40rpx; | |
| 325 | + image { | |
| 326 | + width: 26rpx; | |
| 327 | + height: 26rpx; | |
| 328 | + margin-right: 10rpx; | |
| 329 | + } | |
| 330 | + .min { | |
| 331 | + width: 92%; | |
| 332 | + font-size: 24rpx; | |
| 333 | + color: #717981; | |
| 334 | + display: -webkit-box; | |
| 335 | + -webkit-box-orient: vertical; | |
| 336 | + -webkit-line-clamp: 1; | |
| 337 | + overflow: hidden; | |
| 338 | + text-overflow: ellipsis; | |
| 339 | + } | |
| 340 | + } | |
| 341 | + } | |
| 342 | + } | |
| 343 | + } | |
| 344 | + .list-view:nth-child(2n) { | |
| 345 | + margin-right: 0; | |
| 346 | + } | |
| 347 | + } | |
| 348 | +} | |
| 0 | 349 | \ No newline at end of file | ... | ... |
pages/home/home - 副本.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view class="page"> | |
| 3 | + <view style="position: absolute; top: 0; width: 100%;"> | |
| 4 | + <image :src="$imgUrl('/bg.png')" class="top-img" mode="aspectFill"></image> | |
| 5 | + </view> | |
| 6 | + <view class="head" :style="'background-color: rgba(38,197,112,'+(scrollTop/50)+');'"> | |
| 7 | + <view class="logo-title"> | |
| 8 | + <image :src="$imgUrl('/logo.png')" ></image> | |
| 9 | + </view> | |
| 10 | + <view class="title"> | |
| 11 | + </view> | |
| 12 | + <view class="setting-mess"></view> | |
| 13 | + </view> | |
| 14 | + <view class="main"> | |
| 15 | + <view class="banner"> | |
| 16 | + <swiper class="screen-swiper square-dot" indicator-dots="true" circular="true" autoplay="true" | |
| 17 | + interval="5000" duration="500"> | |
| 18 | + <swiper-item v-for="(item,index) in swiperList" :key="index"> | |
| 19 | + <image :src="item.imageUrl" mode="aspectFill"></image> | |
| 20 | + <!-- <video src="{{item.url}}" autoplay loop muted show-play-btn="{{false}}" controls="{{false}}" objectFit="cover" wx:if="{{item.type=='video'}}"></video> --> | |
| 21 | + </swiper-item> | |
| 22 | + </swiper> | |
| 23 | + </view> | |
| 24 | + <view class="bg-white"> | |
| 25 | + <view class="notice-content"> | |
| 26 | + <view class="notice-left"> | |
| 27 | + <view> | |
| 28 | + <image :src="$imgUrl('/home1.png')"></image> | |
| 29 | + </view> | |
| 30 | + </view> | |
| 31 | + <view class="notice-line"></view> | |
| 32 | + <view class="notice-right"> | |
| 33 | + <view class="notice-right-content" @click="gaozhi(item)" v-for="(item,index) in procedureData"> | |
| 34 | + <view class="notice-icon">公告</view> | |
| 35 | + <view class="notice-text" style="padding-top:4rpx"> {{item.announcementTitle}}</view> | |
| 36 | + </view> | |
| 37 | + </view> | |
| 38 | + </view> | |
| 39 | + </view> | |
| 40 | + | |
| 41 | + <view class="bg-white"> | |
| 42 | + <view class="wallet-info"> | |
| 43 | + <view class="list" @click="shops"> | |
| 44 | + <view class="icon"> | |
| 45 | + <image :src="$imgUrl('/home2.png')"></image> | |
| 46 | + </view> | |
| 47 | + <view class="title"> | |
| 48 | + <text>租商铺</text> | |
| 49 | + </view> | |
| 50 | + </view> | |
| 51 | + <view class="list" @click="field"> | |
| 52 | + <view class="icon"> | |
| 53 | + <image :src="$imgUrl('/home3.png')"></image> | |
| 54 | + </view> | |
| 55 | + <view class="title"> | |
| 56 | + <text>租场地</text> | |
| 57 | + </view> | |
| 58 | + </view> | |
| 59 | + <view class="list" @click="advertisement"> | |
| 60 | + <view class="icon"> | |
| 61 | + <image :src="$imgUrl('/home4.png')"></image> | |
| 62 | + </view> | |
| 63 | + <view class="title"> | |
| 64 | + <text>租广告</text> | |
| 65 | + </view> | |
| 66 | + </view> | |
| 67 | + <view class="list" @click=""> | |
| 68 | + <view class="icon"> | |
| 69 | + <image :src="$imgUrl('/home4.png')"></image> | |
| 70 | + </view> | |
| 71 | + <view class="title"> | |
| 72 | + <text>物业缴费</text> | |
| 73 | + </view> | |
| 74 | + </view> | |
| 75 | + </view> | |
| 76 | + </view> | |
| 77 | + | |
| 78 | + <view class="order-tab"> | |
| 79 | + <view class="tab" :class="{'action':OrderType==0}" @click="onCouponTab(0)"> | |
| 80 | + <text>推荐</text> | |
| 81 | + </view> | |
| 82 | + <view class="tab" :class="{'action':OrderType==1}" @click="onCouponTab(1)"> | |
| 83 | + <text>商铺</text> | |
| 84 | + </view> | |
| 85 | + <view class="tab" :class="{'action':OrderType==2}" @click="onCouponTab(2)"> | |
| 86 | + <text>场地</text> | |
| 87 | + </view> | |
| 88 | + <view class="tab" :class="{'action':OrderType==3}" @click="onCouponTab(3)"> | |
| 89 | + <text>广告</text> | |
| 90 | + </view> | |
| 91 | + <view class="tab" :class="{'action':OrderType==4}" @click="onCouponTab(4)"> | |
| 92 | + <text>其他</text> | |
| 93 | + </view> | |
| 94 | + </view> | |
| 95 | + | |
| 96 | + <!-- 订单列表 --> | |
| 97 | + <!-- <view v-if="OrderType===0"> | |
| 98 | + <view class="screen-list"> | |
| 99 | + <view class="list" @click="setList(0)"> | |
| 100 | + <text>{{xuanList[0]}}</text> | |
| 101 | + | |
| 102 | + <image src="../../static/down.png"></image> | |
| 103 | + </view> | |
| 104 | + <view class="list" @click="setList(1)"> | |
| 105 | + <text>{{xuanList[1]}}</text> | |
| 106 | + <image src="../../static/down.png"></image> | |
| 107 | + </view> | |
| 108 | + <view class="list" @click="setList(2)"> | |
| 109 | + <text>{{xuanList[2]}}</text> | |
| 110 | + <image src="../../static/down.png"></image> | |
| 111 | + </view> | |
| 112 | + <view class="list" @click="setList(3)"> | |
| 113 | + <text>{{xuanList[3]}}</text> | |
| 114 | + <image src="../../static/down.png"></image> | |
| 115 | + </view> | |
| 116 | + <u-select v-model="show" mode="single-column" :list="list" @confirm="confirm"></u-select> | |
| 117 | + </view> | |
| 118 | + <view class="goods-data"> | |
| 119 | + <view class="goods-list"> | |
| 120 | + <view class="list-view" v-for="(item,index) in 8" :key="index" @click="details"> | |
| 121 | + <view class="thumb"> | |
| 122 | + <image src="../../static/img/1.jpg" mode="heightFix"></image> | |
| 123 | + </view> | |
| 124 | + <view class="item"> | |
| 125 | + <view class="tag"> | |
| 126 | + <text>标签标签</text> | |
| 127 | + <text>标签标签</text> | |
| 128 | + </view> | |
| 129 | + <view class="title"> | |
| 130 | + <text class="two-omit">这里有标题这里有标题这里有标题这里有标题</text> | |
| 131 | + </view> | |
| 132 | + <view class="price"> | |
| 133 | + <view class="retail-price"> | |
| 134 | + <text>租金:</text> | |
| 135 | + <text class="min">¥</text> | |
| 136 | + <text class="max">1067</text> | |
| 137 | + <text class="min">/月</text> | |
| 138 | + <text class="line"></text> | |
| 139 | + <text>面积:</text> | |
| 140 | + <text class="max">81</text> | |
| 141 | + <text class="min">/m²</text> | |
| 142 | + </view> | |
| 143 | + <view class="vip-price"> | |
| 144 | + <image src="../../static/kefu.png"></image> | |
| 145 | + <text class="min">这里有地址这里有地址这里有地址这里有地址这里有地址这里有地址</text> | |
| 146 | + </view> | |
| 147 | + </view> | |
| 148 | + </view> | |
| 149 | + </view> | |
| 150 | + </view> | |
| 151 | + </view> | |
| 152 | + </view> --> | |
| 153 | + <view> | |
| 154 | + <view class="screen-list"> | |
| 155 | + <view class="list" @click="setList(0)"> | |
| 156 | + <text>{{xuanList[0]}}</text> | |
| 157 | + | |
| 158 | + <image :src="$imgUrl('/down.png')"></image> | |
| 159 | + </view> | |
| 160 | + <view class="list" @click="setList(1)"> | |
| 161 | + <text>{{xuanList[1]}}</text> | |
| 162 | + <image :src="$imgUrl('/down.png')"></image> | |
| 163 | + </view> | |
| 164 | + <view class="list" @click="setList(2)"> | |
| 165 | + <text>{{xuanList[2]}}</text> | |
| 166 | + <image :src="$imgUrl('/down.png')"></image> | |
| 167 | + </view> | |
| 168 | + <view class="list" @click="setList(3)"> | |
| 169 | + <text>{{xuanList[3]}}</text> | |
| 170 | + <image :src="$imgUrl('/down.png')"></image> | |
| 171 | + </view> | |
| 172 | + <u-select v-model="show" mode="single-column" :list="list" @confirm="confirm"></u-select> | |
| 173 | + | |
| 174 | + </view> | |
| 175 | + <view class="goods-data"> | |
| 176 | + <view class="goods-list"> | |
| 177 | + <view class="list-view" v-for="(item,index) in tableData" :key="index" @click="details(item)"> | |
| 178 | + <view class="thumb"> | |
| 179 | + <image | |
| 180 | + :src=" item.displayMainImage || item.locationDiagram" | |
| 181 | + mode="heightFix"></image> | |
| 182 | + </view> | |
| 183 | + <view class="item"> | |
| 184 | + <!-- <view class="tag"> | |
| 185 | + <text>标签标签</text> | |
| 186 | + <text>标签标签</text> | |
| 187 | + </view> --> | |
| 188 | + <view class="title"> | |
| 189 | + <text | |
| 190 | + class="two-omit">{{ item.shopName || item.advertisingName || ''}}</text> | |
| 191 | + </view> | |
| 192 | + <view class="price"> | |
| 193 | + <view class="retail-price"> | |
| 194 | + <text>租金:</text> | |
| 195 | + <text class="min">¥</text> | |
| 196 | + <text class="max">{{zujin[index].price}}</text> | |
| 197 | + <text class="min">/月</text> | |
| 198 | + <text class="line"></text> | |
| 199 | + <text>面积:</text> | |
| 200 | + <text class="max">{{item.actualUsableArea?item.actualUsableArea:'55.4'}}</text> | |
| 201 | + <text class="min">/m²</text> | |
| 202 | + </view> | |
| 203 | + <view class="vip-price" v-if="item.detailedLocation"> | |
| 204 | + <!-- <image :src="`${this.$imgs}/kefu.png`"></image> --> | |
| 205 | + <text class="min">{{item.detailedLocation || ''}}</text> | |
| 206 | + </view> | |
| 207 | + </view> | |
| 208 | + </view> | |
| 209 | + </view> | |
| 210 | + </view> | |
| 211 | + </view> | |
| 212 | + </view> | |
| 213 | + | |
| 214 | + </view> | |
| 215 | + <!-- tabbar --> | |
| 216 | + <tabbar :tabBarShow="0"></tabbar> | |
| 217 | + </view> | |
| 218 | +</template> | |
| 219 | + | |
| 220 | +<script> | |
| 221 | + import tabbar from '../../components/tabbar/tabbar.vue'; | |
| 222 | + export default { | |
| 223 | + components: { | |
| 224 | + tabbar | |
| 225 | + }, | |
| 226 | + data() { | |
| 227 | + return { | |
| 228 | + scrollTop: 0, | |
| 229 | + OrderType: 0, | |
| 230 | + tableData: [], | |
| 231 | + procedureData:[],//公告 | |
| 232 | + pageindex: { | |
| 233 | + pageNumber: 1, | |
| 234 | + pageSize: 10 | |
| 235 | + }, | |
| 236 | + swiperList: [],//轮播 | |
| 237 | + zujin:[ | |
| 238 | + {price:'4800'}, | |
| 239 | + {price:'3400'}, | |
| 240 | + {price:'3000'} | |
| 241 | + ], | |
| 242 | + biaoqian:[ | |
| 243 | + // {name:'4800'}, | |
| 244 | + // {price:'3400'}, | |
| 245 | + // {price:'3000'} | |
| 246 | + ], | |
| 247 | + show: false, | |
| 248 | + xuanval:0, | |
| 249 | + xuanList:['区域','租金','默认排序','筛选'], | |
| 250 | + list: [{ | |
| 251 | + value: '1', | |
| 252 | + label: '江' | |
| 253 | + }, | |
| 254 | + { | |
| 255 | + value: '2', | |
| 256 | + label: '湖' | |
| 257 | + } | |
| 258 | + ], | |
| 259 | + } | |
| 260 | + }, | |
| 261 | + onLoad() { | |
| 262 | + uni.hideTabBar(); | |
| 263 | + }, | |
| 264 | + onPageScroll(e) { | |
| 265 | + this.scrollTop = e.scrollTop; | |
| 266 | + }, | |
| 267 | + mounted() { | |
| 268 | + this.getALL() | |
| 269 | + }, | |
| 270 | + methods: { | |
| 271 | + getALL(){ | |
| 272 | + let pagesize = { | |
| 273 | + pageNumber: 1, | |
| 274 | + pageSize: 2 | |
| 275 | + } | |
| 276 | + this.$http.sendRequest('/cereAnnouncement/queryByPage', 'POST', pagesize,1).then(res => { | |
| 277 | + //成功回调 | |
| 278 | + | |
| 279 | + this.procedureData = res.data.data.content.slice(-2) | |
| 280 | + }) | |
| 281 | + | |
| 282 | + this.$http.sendRequest('/cereBasicInformationShop/queryByPage', 'POST', this.pageindex,1).then(res => { | |
| 283 | + //成功回调 | |
| 284 | + console.log(res.data.data.content) | |
| 285 | + this.tableData = res.data.data.content | |
| 286 | + }) | |
| 287 | + this.$http.sendRequest('/cereCarouselImage/queryByPage', 'POST', this.pageindex,1).then(res => { | |
| 288 | + //成功回调 | |
| 289 | + this.swiperList =res.data.data.content | |
| 290 | + }) | |
| 291 | + | |
| 292 | + setTimeout(bss =>{ | |
| 293 | + this.$http.sendRequest('/cereAdvertisingInformation/likeGet', 'POST', {pageNumber:1,pageSize:10,advertisingType:"线上广告位"},1).then(res => { | |
| 294 | + //成功回调 | |
| 295 | + let reslist = res.data.data.content | |
| 296 | + reslist.forEach(item => { | |
| 297 | + this.tableData.push(item) | |
| 298 | + }) | |
| 299 | + | |
| 300 | + }) | |
| 301 | + },500) | |
| 302 | + }, | |
| 303 | + onCouponTab(type) { | |
| 304 | + this.OrderType = type; | |
| 305 | + if(type == 0){ | |
| 306 | + this.getALL() | |
| 307 | + } | |
| 308 | + if (type == 1) { | |
| 309 | + this.$http.sendRequest('/cereBasicInformationShop/queryByPage', 'POST', this.pageindex,1).then(res => { | |
| 310 | + //成功回调 | |
| 311 | + this.tableData = res.data.data.content | |
| 312 | + }).catch(err => { | |
| 313 | + console.log(err) | |
| 314 | + //请求失败 | |
| 315 | + }) | |
| 316 | + } else if (type == 2) { | |
| 317 | + this.tableData = [] | |
| 318 | + } else if (type == 3) { | |
| 319 | + this.pageindex.advertisingType = '线上广告位' | |
| 320 | + this.$http.sendRequest('/cereAdvertisingInformation/likeGet', 'POST', this.pageindex,1).then(res => { | |
| 321 | + //成功回调 | |
| 322 | + this.tableData = res.data.data.content | |
| 323 | + }).catch(err => { | |
| 324 | + console.log(err) | |
| 325 | + //请求失败 | |
| 326 | + }) | |
| 327 | + } else if (type == 4) { | |
| 328 | + this.tableData = [] | |
| 329 | + } else if (type == 5) { | |
| 330 | + this.tableData = [] | |
| 331 | + } | |
| 332 | + | |
| 333 | + }, | |
| 334 | + shops() { | |
| 335 | + uni.navigateTo({ | |
| 336 | + url: '/pages/shops/shops' | |
| 337 | + }) | |
| 338 | + }, | |
| 339 | + field() { | |
| 340 | + uni.navigateTo({ | |
| 341 | + url: '/pages/field/field' | |
| 342 | + }) | |
| 343 | + }, | |
| 344 | + advertisement() { | |
| 345 | + uni.navigateTo({ | |
| 346 | + url: '/pages/advertisement/advertisement' | |
| 347 | + }) | |
| 348 | + }, | |
| 349 | + gaozhi(item){ | |
| 350 | + let items = JSON.stringify(item) | |
| 351 | + uni.navigateTo({ | |
| 352 | + url: `/pages/procedure/procedure?item=${items}` | |
| 353 | + }) | |
| 354 | + }, | |
| 355 | + details(item) { | |
| 356 | + let items = JSON.stringify(item) | |
| 357 | + uni.navigateTo({ | |
| 358 | + url: `/pages/details/details?item=${items}` | |
| 359 | + }) | |
| 360 | + }, | |
| 361 | + setList(val){ | |
| 362 | + | |
| 363 | + this.xuanval = val | |
| 364 | + console.log(this.tableData) | |
| 365 | + if(val == 0){ | |
| 366 | + const filteredTableData = this.tableData.filter(item => item.hasOwnProperty('belongingRegion')); | |
| 367 | + | |
| 368 | + // 提取 belongingRegion 字段并进行去重 | |
| 369 | + const labeledBelongingRegions = filteredTableData.map(item => ({ | |
| 370 | + label: item.belongingRegion | |
| 371 | + })); | |
| 372 | + | |
| 373 | + const uniqueBelongingRegions = [...new Set(labeledBelongingRegions)]; | |
| 374 | + console.log(uniqueBelongingRegions) | |
| 375 | + this.list = uniqueBelongingRegions | |
| 376 | + }else if(val == 1){ | |
| 377 | + this.list = [] | |
| 378 | + }else if(val == 2){ | |
| 379 | + this.list = [] | |
| 380 | + } | |
| 381 | + this.show = true | |
| 382 | + }, | |
| 383 | + confirm(val) { | |
| 384 | + let page = { | |
| 385 | + pageNumber: 1, | |
| 386 | + pageSize: 10, | |
| 387 | + belongingRegion:val[0].label | |
| 388 | + } | |
| 389 | + this.$http.sendRequest('/cereBasicInformationShop/queryByPage', 'POST', page, 1).then(res => { | |
| 390 | + //成功回调 | |
| 391 | + this.tableData = res.data.data.content | |
| 392 | + }) | |
| 393 | + | |
| 394 | + } | |
| 395 | + } | |
| 396 | + }; | |
| 397 | +</script> | |
| 398 | + | |
| 399 | +<style scoped lang="scss"> | |
| 400 | + @import 'home.scss'; | |
| 401 | +</style> | |
| 0 | 402 | \ No newline at end of file | ... | ... |
pages/home/home.scss
| ... | ... | @@ -79,7 +79,7 @@ |
| 79 | 79 | top: 190rpx; |
| 80 | 80 | /* #endif */ |
| 81 | 81 | padding-bottom: 140rpx; |
| 82 | - margin: 0 20rpx; | |
| 82 | + // margin: 0 20rpx; | |
| 83 | 83 | } |
| 84 | 84 | .banner{ |
| 85 | 85 | height: 400rpx; |
| ... | ... | @@ -97,6 +97,7 @@ |
| 97 | 97 | } |
| 98 | 98 | } |
| 99 | 99 | .bg-white { |
| 100 | + margin: 0 20rpx; | |
| 100 | 101 | background-color: #fff; |
| 101 | 102 | border-radius: 20rpx; |
| 102 | 103 | } |
| ... | ... | @@ -122,8 +123,8 @@ |
| 122 | 123 | align-items: center; |
| 123 | 124 | margin-bottom: 10rpx; |
| 124 | 125 | .notice-icon { |
| 125 | - border: 2rpx solid #0FBB59; | |
| 126 | - color: #0FBB59; | |
| 126 | + border: 2rpx solid #3F9B6A; | |
| 127 | + color: #3F9B6A; | |
| 127 | 128 | background-color: #eefff5; |
| 128 | 129 | border-radius: 10rpx; |
| 129 | 130 | font-size: 20rpx; |
| ... | ... | @@ -345,4 +346,82 @@ |
| 345 | 346 | margin-right: 0; |
| 346 | 347 | } |
| 347 | 348 | } |
| 348 | -} | |
| 349 | 349 | \ No newline at end of file |
| 350 | +} | |
| 351 | +.cardHome{ | |
| 352 | + margin-top:20rpx; | |
| 353 | + padding:20rpx; | |
| 354 | + background-color: #fff; | |
| 355 | + .card_home{ | |
| 356 | + display:flex; | |
| 357 | + justify-content: space-between; | |
| 358 | + align-items: center; | |
| 359 | + } | |
| 360 | + .card_title{ | |
| 361 | + font-size:16px; | |
| 362 | + } | |
| 363 | +} | |
| 364 | +.other-business { | |
| 365 | + .scroll-view_H { | |
| 366 | + white-space: nowrap; | |
| 367 | + width: 100%; | |
| 368 | + } | |
| 369 | + .scroll-view-item_H { | |
| 370 | + display: inline-block; | |
| 371 | + width: 210rpx; | |
| 372 | + margin-right: 22rpx; | |
| 373 | + &:last-child { | |
| 374 | + margin-right: 0; | |
| 375 | + } | |
| 376 | + .business-card { | |
| 377 | + width: 100%; | |
| 378 | + .u-image { | |
| 379 | + overflow: hidden !important; | |
| 380 | + border-radius: 20rpx !important; | |
| 381 | + } | |
| 382 | + .business-card-title { | |
| 383 | + width: 100%; | |
| 384 | + overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/ | |
| 385 | + text-overflow: ellipsis;/*可以用来多行文本的情况下,用省略号“…”隐藏超出范围的文本 。*/ | |
| 386 | + // display: -webkit-box;/*必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。*/ | |
| 387 | + // -webkit-line-clamp: 2;/*用来限制在一个块元素显示的文本的行数。*/ | |
| 388 | + // -webkit-box-orient: vertical;/*必须结合的属性 ,设置或检索伸缩盒对象的子元素的排*/ | |
| 389 | + line-height: 30rpx; | |
| 390 | + margin: 10rpx 0; | |
| 391 | + padding: 0 10rpx; | |
| 392 | + } | |
| 393 | + | |
| 394 | + .business-card-item { | |
| 395 | + padding: 0 10rpx; | |
| 396 | + font-weight: 400; | |
| 397 | + font-size: 20rpx; | |
| 398 | + color: #676767; | |
| 399 | + line-height: 1.5; | |
| 400 | + span { | |
| 401 | + font-weight: 700; | |
| 402 | + font-size: 30rpx; | |
| 403 | + color: #000000; | |
| 404 | + } | |
| 405 | + } | |
| 406 | + .huo-card-item{ | |
| 407 | + font-size: 20rpx; | |
| 408 | + line-height: 1.5; | |
| 409 | + } | |
| 410 | + .introduce{ | |
| 411 | + display: flex; | |
| 412 | + align-items: center; | |
| 413 | + width: 100%; | |
| 414 | + margin-bottom: 50rpx; | |
| 415 | + image { | |
| 416 | + width: 26rpx; | |
| 417 | + height: 26rpx; | |
| 418 | + margin-right: 10rpx; | |
| 419 | + } | |
| 420 | + text{ | |
| 421 | + font-size: 24rpx; | |
| 422 | + color: #c0c0c0; | |
| 423 | + width: 98%; | |
| 424 | + } | |
| 425 | + } | |
| 426 | + } | |
| 427 | + } | |
| 428 | + } | ... | ... |
pages/home/home.vue
| ... | ... | @@ -12,7 +12,7 @@ |
| 12 | 12 | <view class="setting-mess"></view> |
| 13 | 13 | </view> |
| 14 | 14 | <view class="main"> |
| 15 | - <view class="banner"> | |
| 15 | + <view class="banner" style="padding:0 20px;"> | |
| 16 | 16 | <swiper class="screen-swiper square-dot" indicator-dots="true" circular="true" autoplay="true" |
| 17 | 17 | interval="5000" duration="500"> |
| 18 | 18 | <swiper-item v-for="(item,index) in swiperList" :key="index"> |
| ... | ... | @@ -75,7 +75,7 @@ |
| 75 | 75 | </view> |
| 76 | 76 | </view> |
| 77 | 77 | |
| 78 | - <view class="order-tab"> | |
| 78 | + <!-- <view class="order-tab"> | |
| 79 | 79 | <view class="tab" :class="{'action':OrderType==0}" @click="onCouponTab(0)"> |
| 80 | 80 | <text>推荐</text> |
| 81 | 81 | </view> |
| ... | ... | @@ -91,7 +91,7 @@ |
| 91 | 91 | <view class="tab" :class="{'action':OrderType==4}" @click="onCouponTab(4)"> |
| 92 | 92 | <text>其他</text> |
| 93 | 93 | </view> |
| 94 | - </view> | |
| 94 | + </view> --> | |
| 95 | 95 | |
| 96 | 96 | <!-- 订单列表 --> |
| 97 | 97 | <!-- <view v-if="OrderType===0"> |
| ... | ... | @@ -150,7 +150,7 @@ |
| 150 | 150 | </view> |
| 151 | 151 | </view> |
| 152 | 152 | </view> --> |
| 153 | - <view> | |
| 153 | + <!-- <view> | |
| 154 | 154 | <view class="screen-list"> |
| 155 | 155 | <view class="list" @click="setList(0)"> |
| 156 | 156 | <text>{{xuanList[0]}}</text> |
| ... | ... | @@ -181,10 +181,7 @@ |
| 181 | 181 | mode="heightFix"></image> |
| 182 | 182 | </view> |
| 183 | 183 | <view class="item"> |
| 184 | - <!-- <view class="tag"> | |
| 185 | - <text>标签标签</text> | |
| 186 | - <text>标签标签</text> | |
| 187 | - </view> --> | |
| 184 | + | |
| 188 | 185 | <view class="title"> |
| 189 | 186 | <text |
| 190 | 187 | class="two-omit">{{ item.shopName || item.advertisingName || ''}}</text> |
| ... | ... | @@ -201,7 +198,7 @@ |
| 201 | 198 | <text class="min">/m²</text> |
| 202 | 199 | </view> |
| 203 | 200 | <view class="vip-price" v-if="item.detailedLocation"> |
| 204 | - <!-- <image :src="`${this.$imgs}/kefu.png`"></image> --> | |
| 201 | + | |
| 205 | 202 | <text class="min">{{item.detailedLocation || ''}}</text> |
| 206 | 203 | </view> |
| 207 | 204 | </view> |
| ... | ... | @@ -209,9 +206,100 @@ |
| 209 | 206 | </view> |
| 210 | 207 | </view> |
| 211 | 208 | </view> |
| 209 | + </view> --> | |
| 210 | + <view class="cardHome"> | |
| 211 | + <view class="card_home"> | |
| 212 | + <view class="card_title">热点租赁信息</view> | |
| 213 | + <!-- <view class="card_more">查看更多 ></view> --> | |
| 214 | + </view> | |
| 215 | + <view style="width:50%" > | |
| 216 | + <u-tabs-swiper ref="tabs" :list="list" :is-scroll="false" active-color="#3F9B6A" @change="tabsChange" :current="current"></u-tabs-swiper> | |
| 217 | + | |
| 218 | + </view> | |
| 219 | + <view style="width:100%;margin-top:10px;" class="other-business"> | |
| 220 | + <scroll-view class="scroll-view_H" scroll-x="true" scroll-left="120" > | |
| 221 | + <view v-for="(item, index) in tableData" :key="index" class="scroll-view-item_H" @click="details(item)"> | |
| 222 | + <view class="business-card"> | |
| 223 | + <u-image :showLoading="true" :src="item.displayMainImage || item.locationDiagram" width="100%" height="210rpx"></u-image> | |
| 224 | + <view class="business-card-title"> | |
| 225 | + {{ item.shopName || item.advertisingName || item.venueName}} | |
| 226 | + </view> | |
| 227 | + <view class="business-card-item">租金:¥<span>{{zujin[index].price}}</span>/月</view> | |
| 228 | + <view class="business-card-item">面积:<span>{{item.actualUsableArea?item.actualUsableArea:'55.4'}}</span>/m2</view> | |
| 229 | + <view class="introduce" v-if='item.detailedLocation'> | |
| 230 | + <image :src="$imgUrl('/kefu.png')"></image> | |
| 231 | + <text class="one-omit">{{item.detailedLocation}}</text> | |
| 232 | + </view> | |
| 233 | + </view> | |
| 234 | + </view> | |
| 235 | + </scroll-view> | |
| 236 | + </view> | |
| 237 | + </view> | |
| 238 | + | |
| 239 | + <view class="cardHome"> | |
| 240 | + <view class="card_home"> | |
| 241 | + <view class="card_title">商家活动信息</view> | |
| 242 | + <view class="card_more">查看更多 ></view> | |
| 243 | + </view> | |
| 244 | + <view style="width:100%;margin-top:10px;" class="other-business"> | |
| 245 | + <scroll-view class="scroll-view_H" scroll-x="true" scroll-left="120" > | |
| 246 | + <view v-for="(item, index) in 5" :key="index" class="scroll-view-item_H" > | |
| 247 | + <view class="business-card"> | |
| 248 | + <u-image :showLoading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="100%" height="210rpx"></u-image> | |
| 249 | + <view class="business-card-title"> | |
| 250 | + 标题 | |
| 251 | + </view> | |
| 252 | + <view class="huo-card-item">活动日期:<span>04-13至05-10</span></view> | |
| 253 | + <view class="huo-card-item">举办方:<span>咖啡厅</span></view> | |
| 254 | + | |
| 255 | + </view> | |
| 256 | + </view> | |
| 257 | + </scroll-view> | |
| 258 | + </view> | |
| 259 | + </view> | |
| 260 | + | |
| 261 | + <view class="cardHome"> | |
| 262 | + <view class="card_home"> | |
| 263 | + <view class="card_title">营销推广活动</view> | |
| 264 | + <view class="card_more">查看更多 ></view> | |
| 265 | + </view> | |
| 266 | + <view style="width:100%;margin-top:10px;" class="other-business"> | |
| 267 | + <scroll-view class="scroll-view_H" scroll-x="true" scroll-left="120" > | |
| 268 | + <view v-for="(item, index) in 5" :key="index" class="scroll-view-item_H" @click="toDetail(item, '/pages/marketing/marketingList/marketingList')"> | |
| 269 | + <view class="business-card"> | |
| 270 | + <u-image :showLoading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="100%" height="210rpx"></u-image> | |
| 271 | + <view class="business-card-title"> | |
| 272 | + 标题 | |
| 273 | + </view> | |
| 274 | + <view class="huo-card-item">活动日期:<span>04-13至05-10</span></view> | |
| 275 | + <view class="huo-card-item">举办方:<span>咖啡厅</span></view> | |
| 276 | + | |
| 277 | + </view> | |
| 278 | + </view> | |
| 279 | + </scroll-view> | |
| 280 | + </view> | |
| 281 | + </view> | |
| 282 | + | |
| 283 | + <view class="cardHome"> | |
| 284 | + <view class="card_home"> | |
| 285 | + <view class="card_title">商务合作</view> | |
| 286 | + <view class="card_more">查看更多 ></view> | |
| 287 | + </view> | |
| 288 | + <view style="width:100%;margin-top:10px;" class="other-business"> | |
| 289 | + <scroll-view class="scroll-view_H" scroll-x="true" scroll-left="120" > | |
| 290 | + <view v-for="(item, index) in 5" :key="index" class="scroll-view-item_H" @click="toDetail(item, '/pages/business/businessList/businessList')"> | |
| 291 | + <view class="business-card"> | |
| 292 | + <u-image :showLoading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="100%" height="210rpx"></u-image> | |
| 293 | + <view class="business-card-title"> | |
| 294 | + 标题 | |
| 295 | + </view> | |
| 296 | + </view> | |
| 297 | + </view> | |
| 298 | + </scroll-view> | |
| 299 | + </view> | |
| 212 | 300 | </view> |
| 213 | - | |
| 214 | 301 | </view> |
| 302 | + | |
| 215 | 303 | <!-- tabbar --> |
| 216 | 304 | <tabbar :tabBarShow="0"></tabbar> |
| 217 | 305 | </view> |
| ... | ... | @@ -248,14 +336,16 @@ |
| 248 | 336 | xuanval:0, |
| 249 | 337 | xuanList:['区域','租金','默认排序','筛选'], |
| 250 | 338 | list: [{ |
| 251 | - value: '1', | |
| 252 | - label: '江' | |
| 339 | + name: '商铺' | |
| 340 | + }, | |
| 341 | + { | |
| 342 | + name: '场地' | |
| 253 | 343 | }, |
| 254 | 344 | { |
| 255 | - value: '2', | |
| 256 | - label: '湖' | |
| 345 | + name: '广告位' | |
| 257 | 346 | } |
| 258 | 347 | ], |
| 348 | + current:0 | |
| 259 | 349 | } |
| 260 | 350 | }, |
| 261 | 351 | onLoad() { |
| ... | ... | @@ -266,6 +356,7 @@ |
| 266 | 356 | }, |
| 267 | 357 | mounted() { |
| 268 | 358 | this.getALL() |
| 359 | + this.onCouponTab(0) | |
| 269 | 360 | }, |
| 270 | 361 | methods: { |
| 271 | 362 | getALL(){ |
| ... | ... | @@ -273,39 +364,19 @@ |
| 273 | 364 | pageNumber: 1, |
| 274 | 365 | pageSize: 2 |
| 275 | 366 | } |
| 276 | - this.$http.sendRequest('/cereAnnouncement/queryByPage', 'POST', pagesize,1).then(res => { | |
| 277 | - //成功回调 | |
| 278 | - | |
| 279 | - this.procedureData = res.data.data.content.slice(-2) | |
| 280 | - }) | |
| 281 | - | |
| 282 | - this.$http.sendRequest('/cereBasicInformationShop/queryByPage', 'POST', this.pageindex,1).then(res => { | |
| 283 | - //成功回调 | |
| 284 | - console.log(res.data.data.content) | |
| 285 | - this.tableData = res.data.data.content | |
| 286 | - }) | |
| 287 | - this.$http.sendRequest('/cereCarouselImage/queryByPage', 'POST', this.pageindex,1).then(res => { | |
| 288 | - //成功回调 | |
| 289 | - this.swiperList =res.data.data.content | |
| 290 | - }) | |
| 291 | - | |
| 292 | - setTimeout(bss =>{ | |
| 293 | - this.$http.sendRequest('/cereAdvertisingInformation/likeGet', 'POST', {pageNumber:1,pageSize:10,advertisingType:"线上广告位"},1).then(res => { | |
| 294 | - //成功回调 | |
| 295 | - let reslist = res.data.data.content | |
| 296 | - reslist.forEach(item => { | |
| 297 | - this.tableData.push(item) | |
| 298 | - }) | |
| 299 | - | |
| 300 | - }) | |
| 301 | - },500) | |
| 367 | + this.$http.sendRequest('/cereAnnouncement/queryByPage', 'POST', pagesize,1).then(res => { | |
| 368 | + //成功回调 | |
| 369 | + | |
| 370 | + this.procedureData = res.data.data.content.slice(-2) | |
| 371 | + }) | |
| 372 | + this.$http.sendRequest('/cereCarouselImage/queryByPage', 'POST', this.pageindex,1).then(res => { | |
| 373 | + //成功回调 | |
| 374 | + this.swiperList =res.data.data.content | |
| 375 | + }) | |
| 302 | 376 | }, |
| 303 | 377 | onCouponTab(type) { |
| 304 | - this.OrderType = type; | |
| 305 | - if(type == 0){ | |
| 306 | - this.getALL() | |
| 307 | - } | |
| 308 | - if (type == 1) { | |
| 378 | + this.current = type; | |
| 379 | + if (type == 0) { | |
| 309 | 380 | this.$http.sendRequest('/cereBasicInformationShop/queryByPage', 'POST', this.pageindex,1).then(res => { |
| 310 | 381 | //成功回调 |
| 311 | 382 | this.tableData = res.data.data.content |
| ... | ... | @@ -313,9 +384,16 @@ |
| 313 | 384 | console.log(err) |
| 314 | 385 | //请求失败 |
| 315 | 386 | }) |
| 387 | + } else if (type == 1) { | |
| 388 | + this.$http.sendRequest('/cereBasicInformationVenue/queryByPage', 'POST', this.pageindex,1).then(res => { | |
| 389 | + //成功回调 | |
| 390 | + this.tableData = res.data.data.content | |
| 391 | + }).catch(err => { | |
| 392 | + console.log(err) | |
| 393 | + //请求失败 | |
| 394 | + }) | |
| 395 | + | |
| 316 | 396 | } else if (type == 2) { |
| 317 | - this.tableData = [] | |
| 318 | - } else if (type == 3) { | |
| 319 | 397 | this.pageindex.advertisingType = '线上广告位' |
| 320 | 398 | this.$http.sendRequest('/cereAdvertisingInformation/likeGet', 'POST', this.pageindex,1).then(res => { |
| 321 | 399 | //成功回调 |
| ... | ... | @@ -324,10 +402,6 @@ |
| 324 | 402 | console.log(err) |
| 325 | 403 | //请求失败 |
| 326 | 404 | }) |
| 327 | - } else if (type == 4) { | |
| 328 | - this.tableData = [] | |
| 329 | - } else if (type == 5) { | |
| 330 | - this.tableData = [] | |
| 331 | 405 | } |
| 332 | 406 | |
| 333 | 407 | }, |
| ... | ... | @@ -341,6 +415,12 @@ |
| 341 | 415 | url: '/pages/field/field' |
| 342 | 416 | }) |
| 343 | 417 | }, |
| 418 | + toDetail(item, path) { | |
| 419 | + let items = JSON.stringify(item); | |
| 420 | + uni.navigateTo({ | |
| 421 | + url: `${path}?item=${items}` | |
| 422 | + }) | |
| 423 | + }, | |
| 344 | 424 | advertisement() { |
| 345 | 425 | uni.navigateTo({ |
| 346 | 426 | url: '/pages/advertisement/advertisement' |
| ... | ... | @@ -352,12 +432,19 @@ |
| 352 | 432 | url: `/pages/procedure/procedure?item=${items}` |
| 353 | 433 | }) |
| 354 | 434 | }, |
| 355 | - details(item) { | |
| 356 | - let items = JSON.stringify(item) | |
| 357 | - uni.navigateTo({ | |
| 358 | - url: `/pages/details/details?item=${items}` | |
| 359 | - }) | |
| 360 | - }, | |
| 435 | + details(item) { | |
| 436 | + let items = JSON.stringify(item) | |
| 437 | + if(this.current == 0 || this.current == 1){ | |
| 438 | + uni.navigateTo({ | |
| 439 | + url: `/pages/details/details?item=${items}` | |
| 440 | + }) | |
| 441 | + }else{ | |
| 442 | + uni.navigateTo({ | |
| 443 | + url: `/pages/advertisementDetail/advertisementDetail?item=${items}` | |
| 444 | + }) | |
| 445 | + } | |
| 446 | + | |
| 447 | + }, | |
| 361 | 448 | setList(val){ |
| 362 | 449 | |
| 363 | 450 | this.xuanval = val |
| ... | ... | @@ -391,6 +478,10 @@ |
| 391 | 478 | this.tableData = res.data.data.content |
| 392 | 479 | }) |
| 393 | 480 | |
| 481 | + }, | |
| 482 | + tabsChange(itme){ | |
| 483 | + console.log(itme) | |
| 484 | + this.onCouponTab(itme) | |
| 394 | 485 | } |
| 395 | 486 | } |
| 396 | 487 | }; | ... | ... |
pages/leaseAdd/leaseAdd - 副本.scss
0 → 100644
| 1 | +.page{ | |
| 2 | + position: absolute; | |
| 3 | + left: 0; | |
| 4 | + top: 0; | |
| 5 | + width: 100%; | |
| 6 | + height: 100%; | |
| 7 | + background-color: #f6f6f6; | |
| 8 | +} | |
| 9 | + | |
| 10 | +.add-list{ | |
| 11 | + padding: 0 4%; | |
| 12 | + background-color: #FFFFFF; | |
| 13 | + border-radius: 20rpx; | |
| 14 | + margin-top: 20rpx; | |
| 15 | + width: 100%; | |
| 16 | + padding-bottom: 150rpx; | |
| 17 | + .list{ | |
| 18 | + display: flex; | |
| 19 | + justify-content: space-between; | |
| 20 | + align-items: center; | |
| 21 | + width: 100%; | |
| 22 | + height: 100rpx; | |
| 23 | + border-bottom: 2rpx solid #f6f6f6; | |
| 24 | + .title{ | |
| 25 | + display: flex; | |
| 26 | + align-items: center; | |
| 27 | + height: 100%; | |
| 28 | + text{ | |
| 29 | + font-size: 26rpx; | |
| 30 | + color: #222222; | |
| 31 | + } | |
| 32 | + .star{ | |
| 33 | + color: red; | |
| 34 | + } | |
| 35 | + } | |
| 36 | + .content{ | |
| 37 | + display: flex; | |
| 38 | + align-items: center; | |
| 39 | + text-align: right; | |
| 40 | + input{ | |
| 41 | + width: 100%; | |
| 42 | + color: #222222; | |
| 43 | + font-size: 26rpx; | |
| 44 | + padding-top: 6rpx; | |
| 45 | + /* #ifdef MP */ | |
| 46 | + padding-top: 5rpx; | |
| 47 | + /* #endif */ | |
| 48 | + } | |
| 49 | + image { | |
| 50 | + width: 20rpx; | |
| 51 | + height: 20rpx; | |
| 52 | + margin-left: 10rpx; | |
| 53 | + /* #ifdef MP */ | |
| 54 | + margin-top: 5rpx; | |
| 55 | + /* #endif */ | |
| 56 | + } | |
| 57 | + } | |
| 58 | + } | |
| 59 | +} | |
| 60 | + | |
| 61 | +/* 保存按钮 */ | |
| 62 | +.page-footer{ | |
| 63 | + position: fixed; | |
| 64 | + left: 0; | |
| 65 | + bottom: 0; | |
| 66 | + display: flex; | |
| 67 | + width: 100%; | |
| 68 | + height: 100rpx; | |
| 69 | + background-color: #FFFFFF; | |
| 70 | + padding-bottom: constant(safe-area-inset-bottom); | |
| 71 | + padding-bottom: env(safe-area-inset-bottom); | |
| 72 | + .footer-buy{ | |
| 73 | + display: flex; | |
| 74 | + align-items: center; | |
| 75 | + justify-content: space-between; | |
| 76 | + width: 100%; | |
| 77 | + height: 100%; | |
| 78 | + .cart-add{ | |
| 79 | + display: flex; | |
| 80 | + align-items: center; | |
| 81 | + justify-content: center; | |
| 82 | + width: 100%; | |
| 83 | + height: 100rpx; | |
| 84 | + background-color: #3f9b6a; | |
| 85 | + text{ | |
| 86 | + font-size: 28rpx; | |
| 87 | + color: #FFFFFF; | |
| 88 | + } | |
| 89 | + } | |
| 90 | + } | |
| 91 | +} | |
| 92 | + | |
| 93 | +.feedback-data{ | |
| 94 | + width: 100%; | |
| 95 | + padding-bottom: 20rpx; | |
| 96 | + border-bottom: 2rpx solid #f6f6f6; | |
| 97 | + .title{ | |
| 98 | + display: flex; | |
| 99 | + align-items: center; | |
| 100 | + height: 100rpx; | |
| 101 | + text{ | |
| 102 | + font-size: 26rpx; | |
| 103 | + color: #222222; | |
| 104 | + } | |
| 105 | + .star{ | |
| 106 | + color: red; | |
| 107 | + } | |
| 108 | + } | |
| 109 | + .voucher-img{ | |
| 110 | + display: flex; | |
| 111 | + align-items: center; | |
| 112 | + .voucher-list { | |
| 113 | + width: 33%; | |
| 114 | + height: 100%; | |
| 115 | + image{ | |
| 116 | + width: 160rpx; | |
| 117 | + height: 160rpx; | |
| 118 | + border-radius: 10rpx; | |
| 119 | + } | |
| 120 | + } | |
| 121 | + } | |
| 122 | +} | |
| 0 | 123 | \ No newline at end of file | ... | ... |
pages/leaseAdd/leaseAdd - 副本.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view class="page"> | |
| 3 | + <view class="add-list"> | |
| 4 | + <view class="list"> | |
| 5 | + <view class="title"> | |
| 6 | + <text>租赁人姓名</text> | |
| 7 | + <text class="star">*</text> | |
| 8 | + </view> | |
| 9 | + <view class="content"> | |
| 10 | + <input type="text" placeholder="请输入"> | |
| 11 | + </view> | |
| 12 | + </view> | |
| 13 | + <view class="list"> | |
| 14 | + <view class="title"> | |
| 15 | + <text>身份证号</text> | |
| 16 | + <text class="star">*</text> | |
| 17 | + </view> | |
| 18 | + <view class="content"> | |
| 19 | + <input type="text" placeholder="请输入"> | |
| 20 | + </view> | |
| 21 | + </view> | |
| 22 | + <view class="list"> | |
| 23 | + <view class="title"> | |
| 24 | + <text>联系方式</text> | |
| 25 | + <text class="star">*</text> | |
| 26 | + </view> | |
| 27 | + <view class="content"> | |
| 28 | + <input type="text" placeholder="请输入"> | |
| 29 | + </view> | |
| 30 | + </view> | |
| 31 | + <view class="list"> | |
| 32 | + <view class="title"> | |
| 33 | + <text>意向租期</text> | |
| 34 | + <text class="star">*</text> | |
| 35 | + </view> | |
| 36 | + <view class="content"> | |
| 37 | + <input type="text" placeholder="请选择"> | |
| 38 | + </view> | |
| 39 | + </view> | |
| 40 | + <view class="list"> | |
| 41 | + <view class="title"> | |
| 42 | + <text>经营用途</text> | |
| 43 | + <text class="star">*</text> | |
| 44 | + </view> | |
| 45 | + <view class="content"> | |
| 46 | + <input type="text" placeholder="请选择"> | |
| 47 | + <image :src="$imgUrl('/right2.png')" ></image> | |
| 48 | + </view> | |
| 49 | + </view> | |
| 50 | + <view class="list"> | |
| 51 | + <view class="title"> | |
| 52 | + <text>经营类型</text> | |
| 53 | + <text class="star">*</text> | |
| 54 | + </view> | |
| 55 | + <view class="content"> | |
| 56 | + <input type="text" placeholder="请选择"> | |
| 57 | + <image :src="$imgUrl('/right2.png')"></image> | |
| 58 | + </view> | |
| 59 | + </view> | |
| 60 | + <view class="feedback-data"> | |
| 61 | + <view> | |
| 62 | + <view class="title"> | |
| 63 | + <text>法人身份证正反面</text> | |
| 64 | + <text class="star">*</text> | |
| 65 | + </view> | |
| 66 | + </view> | |
| 67 | + <view class="voucher-img"> | |
| 68 | + <view class="voucher-list"> | |
| 69 | + <image :src="$imgUrl('/voucher_bg.png')"></image> | |
| 70 | + </view> | |
| 71 | + </view> | |
| 72 | + </view> | |
| 73 | + <view class="feedback-data"> | |
| 74 | + <view> | |
| 75 | + <view class="title"> | |
| 76 | + <text>营业许可证</text> | |
| 77 | + <text class="star">*</text> | |
| 78 | + </view> | |
| 79 | + </view> | |
| 80 | + <view class="voucher-img"> | |
| 81 | + <view class="voucher-list"> | |
| 82 | + <image :src="$imgUrl('/voucher_bg.png')"></image> | |
| 83 | + </view> | |
| 84 | + </view> | |
| 85 | + </view> | |
| 86 | + <view class="feedback-data"> | |
| 87 | + <view> | |
| 88 | + <view class="title"> | |
| 89 | + <text>餐饮服务许可证</text> | |
| 90 | + <text class="star">*</text> | |
| 91 | + </view> | |
| 92 | + </view> | |
| 93 | + <view class="voucher-img"> | |
| 94 | + <view class="voucher-list"> | |
| 95 | + <image :src="$imgUrl('/voucher_bg.png')" ></image> | |
| 96 | + </view> | |
| 97 | + </view> | |
| 98 | + </view> | |
| 99 | + </view> | |
| 100 | + <!-- 保存按钮 --> | |
| 101 | + <view class="page-footer" @click="go"> | |
| 102 | + <view class="footer-buy"> | |
| 103 | + <view class="cart-add"> | |
| 104 | + <text>提交</text> | |
| 105 | + </view> | |
| 106 | + </view> | |
| 107 | + </view> | |
| 108 | + </view> | |
| 109 | +</template> | |
| 110 | + | |
| 111 | +<script> | |
| 112 | + export default { | |
| 113 | + data() { | |
| 114 | + return { | |
| 115 | + | |
| 116 | + }; | |
| 117 | + }, | |
| 118 | + onLoad() { | |
| 119 | + // 检查用户是否登录 | |
| 120 | + const isLogin = uni.getStorageSync('token') || false; | |
| 121 | + if (!isLogin) { | |
| 122 | + // 如果未登录,跳转到登录页面 | |
| 123 | + uni.redirectTo({ | |
| 124 | + url: '/pages/login/login' | |
| 125 | + }); | |
| 126 | + } | |
| 127 | + }, | |
| 128 | + methods:{ | |
| 129 | + go(){ | |
| 130 | + uni.navigateTo({ | |
| 131 | + url: '/pages/record/record' | |
| 132 | + }) | |
| 133 | + } | |
| 134 | + } | |
| 135 | + } | |
| 136 | +</script> | |
| 137 | + | |
| 138 | +<style scoped lang="scss"> | |
| 139 | + @import 'leaseAdd.scss'; | |
| 140 | +</style> | ... | ... |
pages/login/login.vue
| ... | ... | @@ -18,9 +18,18 @@ |
| 18 | 18 | <view> |
| 19 | 19 | <view class="loginBut" @click="goLogin">手机号登录</view> |
| 20 | 20 | </view> |
| 21 | - <view class="flex-row-plus mar-top-30" style="margin-top: 30rpx;"> | |
| 21 | + <!-- <view class="flex-row-plus mar-top-30" style="margin-top: 30rpx;"> | |
| 22 | 22 | <text class="font-color-C5AA7B">还没有账号,</text> |
| 23 | 23 | <text class="register-text" @click="goRegister">去注册</text> |
| 24 | + </view> --> | |
| 25 | + <view style="margin-top:10px;"> | |
| 26 | + <u-checkbox-group @change="checkboxGroupChange" shape="circle" :label-disabled="true"> | |
| 27 | + <u-checkbox | |
| 28 | + active-color="#3f9b6a" | |
| 29 | + v-model="checked" | |
| 30 | + name="tongyi" | |
| 31 | + >我已阅读并同意<span style="color:#3f9b6a;" @click="goyinsi">《隐私政策》</span></u-checkbox> | |
| 32 | + </u-checkbox-group> | |
| 24 | 33 | </view> |
| 25 | 34 | </view> |
| 26 | 35 | |
| ... | ... | @@ -74,6 +83,8 @@ |
| 74 | 83 | num: 60, |
| 75 | 84 | time: null, |
| 76 | 85 | // cid |
| 86 | + checked:null, | |
| 87 | + showTong:'', | |
| 77 | 88 | push_clientid:'' |
| 78 | 89 | }; |
| 79 | 90 | }, |
| ... | ... | @@ -83,7 +94,24 @@ |
| 83 | 94 | }, |
| 84 | 95 | methods: { |
| 85 | 96 | goLogin(){ |
| 86 | - this.denglu = true | |
| 97 | + | |
| 98 | + if(this.showTong == 'tongyi'){ | |
| 99 | + this.denglu = true | |
| 100 | + }else{ | |
| 101 | + uni.showToast({ | |
| 102 | + icon: 'none', | |
| 103 | + title: '请阅读并同意隐私政策' | |
| 104 | + }) | |
| 105 | + } | |
| 106 | + }, | |
| 107 | + goRegister(){ | |
| 108 | + | |
| 109 | + }, | |
| 110 | + goyinsi(){ | |
| 111 | + console.log('1222222222222') | |
| 112 | + uni.navigateTo({ | |
| 113 | + url: '/pages/privacy/privacy' | |
| 114 | + }); | |
| 87 | 115 | }, |
| 88 | 116 | register() { |
| 89 | 117 | if (this.form.phone == '') { |
| ... | ... | @@ -136,7 +164,11 @@ |
| 136 | 164 | /** |
| 137 | 165 | * 登录点击 |
| 138 | 166 | */ |
| 139 | - onLogin() {} | |
| 167 | + onLogin() {}, | |
| 168 | + checkboxGroupChange(val){ | |
| 169 | + this.showTong = val[0] | |
| 170 | + console.log(this.showTong) | |
| 171 | + } | |
| 140 | 172 | }, |
| 141 | 173 | watch: { |
| 142 | 174 | form: { | ... | ... |
pages/my/my - 副本.scss
0 → 100644
| 1 | +.page{ | |
| 2 | + position: absolute; | |
| 3 | + left: 0; | |
| 4 | + top: 0; | |
| 5 | + width: 100%; | |
| 6 | + height: 100%; | |
| 7 | +} | |
| 8 | +.my-top{ | |
| 9 | + position: absolute; | |
| 10 | + width: 100%; | |
| 11 | + height: 300rpx; | |
| 12 | + /* #ifdef MP */ | |
| 13 | + height: 360rpx; | |
| 14 | + /* #endif */ | |
| 15 | + overflow: hidden; | |
| 16 | + .head{ | |
| 17 | + position: fixed; | |
| 18 | + left: 0; | |
| 19 | + top: 0; | |
| 20 | + z-index: 100; | |
| 21 | + display: flex; | |
| 22 | + align-items: center; | |
| 23 | + justify-content: space-between; | |
| 24 | + width: 100%; | |
| 25 | + height: 100rpx; | |
| 26 | + /* #ifdef APP-PLUS */ | |
| 27 | + height: calc(100rpx + var(--status-bar-height)); | |
| 28 | + padding-top: var(--status-bar-height); | |
| 29 | + /* #endif */ | |
| 30 | + /* #ifdef MP */ | |
| 31 | + height: calc(120rpx + var(--status-bar-height)); | |
| 32 | + padding-top: calc(40rpx + var(--status-bar-height)); | |
| 33 | + /* #endif */ | |
| 34 | + background-color: rgba(255,255,255,0); | |
| 35 | + .logo-title{ | |
| 36 | + width: 40%; | |
| 37 | + color: #fff; | |
| 38 | + padding-left: 20rpx; | |
| 39 | + image { | |
| 40 | + width: 169rpx; | |
| 41 | + height: 40rpx; | |
| 42 | + margin-left: 10rpx; | |
| 43 | + } | |
| 44 | + } | |
| 45 | + .setting-mess{ | |
| 46 | + width: 20%; | |
| 47 | + display: flex; | |
| 48 | + align-items: center; | |
| 49 | + height: 100%; | |
| 50 | + margin-right: 20rpx; | |
| 51 | + .setting{ | |
| 52 | + display: flex; | |
| 53 | + justify-content: center; | |
| 54 | + align-items: center; | |
| 55 | + width: 80rpx; | |
| 56 | + height: 100%; | |
| 57 | + text{ | |
| 58 | + font-size: 38rpx; | |
| 59 | + } | |
| 60 | + } | |
| 61 | + .mess{ | |
| 62 | + display: flex; | |
| 63 | + justify-content: center; | |
| 64 | + align-items: center; | |
| 65 | + width: 80rpx; | |
| 66 | + height: 100%; | |
| 67 | + text{ | |
| 68 | + font-size: 38rpx; | |
| 69 | + } | |
| 70 | + } | |
| 71 | + } | |
| 72 | + } | |
| 73 | +} | |
| 74 | +.main { | |
| 75 | + position: relative; | |
| 76 | + top: 90rpx; | |
| 77 | + /* #ifdef MP */ | |
| 78 | + top: 170rpx; | |
| 79 | + /* #endif */ | |
| 80 | + margin: 0 20rpx; | |
| 81 | + padding-bottom: 150rpx; | |
| 82 | +} | |
| 83 | + /* 用户信息 */ | |
| 84 | + .user-info{ | |
| 85 | + display: flex; | |
| 86 | + align-items: center; | |
| 87 | + padding: 0 0 10rpx 10rpx; | |
| 88 | + .portrait{ | |
| 89 | + width: 120rpx; | |
| 90 | + height: 120rpx; | |
| 91 | + margin-right: 20rpx; | |
| 92 | + box-sizing: border-box; | |
| 93 | + image{ | |
| 94 | + width: 120rpx; | |
| 95 | + height: 120rpx; | |
| 96 | + border-radius: 30rpx; | |
| 97 | + border: 4rpx solid #FFFFFF; | |
| 98 | + box-sizing: border-box; | |
| 99 | + } | |
| 100 | + } | |
| 101 | + .info{ | |
| 102 | + display: flex; | |
| 103 | + flex-direction: column; | |
| 104 | + justify-content: center; | |
| 105 | + width: 74%; | |
| 106 | + height: 100%; | |
| 107 | + .nickname{ | |
| 108 | + width: 100%; | |
| 109 | + margin-bottom: 20rpx; | |
| 110 | + text{ | |
| 111 | + font-size: 28rpx; | |
| 112 | + font-weight: bold; | |
| 113 | + color: #fff; | |
| 114 | + } | |
| 115 | + } | |
| 116 | + .rank{ | |
| 117 | + .rank-box { | |
| 118 | + display: inline-block; | |
| 119 | + background-color:#FFF9EC; | |
| 120 | + border: 2rpx solid #C6A45A; | |
| 121 | + border-radius: 100rpx; | |
| 122 | + padding: 5rpx 20rpx; | |
| 123 | + } | |
| 124 | + image { | |
| 125 | + width: 24rpx; | |
| 126 | + height: 24rpx; | |
| 127 | + margin-right: 4rpx; | |
| 128 | + position: relative; | |
| 129 | + top: 2rpx; | |
| 130 | + } | |
| 131 | + text{ | |
| 132 | + font-size: 24rpx; | |
| 133 | + color: #C6A45A; | |
| 134 | + } | |
| 135 | + } | |
| 136 | + } | |
| 137 | + } | |
| 138 | + | |
| 139 | + .user-right { | |
| 140 | + display: flex; | |
| 141 | + image { | |
| 142 | + width: 28rpx; | |
| 143 | + height: 28rpx; | |
| 144 | + } | |
| 145 | + } | |
| 146 | +.main { | |
| 147 | + position: relative; | |
| 148 | + top: 120rpx; | |
| 149 | + padding-bottom: 150rpx; | |
| 150 | + /* #ifdef MP */ | |
| 151 | + top: 190rpx; | |
| 152 | + padding-bottom: 200rpx; | |
| 153 | + /* #endif */ | |
| 154 | +} | |
| 155 | +.titleall-box { | |
| 156 | + display: flex; | |
| 157 | + justify-content: space-between; | |
| 158 | + padding: 30rpx 0; | |
| 159 | + .titleall-left { | |
| 160 | + font-size: 32rpx; | |
| 161 | + font-weight: bold; | |
| 162 | + display: flex; | |
| 163 | + align-items: center; | |
| 164 | + .titleall-left-line { | |
| 165 | + width: 16rpx; | |
| 166 | + height: 36rpx; | |
| 167 | + border-radius: 100rpx; | |
| 168 | + background: -webkit-gradient(linear, top top, bottom top, from(#30a738), to(#4dcc56)); | |
| 169 | + background: -o-linear-gradient(top, #30a738, #4dcc56); | |
| 170 | + background: linear-gradient(to top, #30a738, #4dcc56); | |
| 171 | + margin-right: 20rpx; | |
| 172 | + box-shadow: 0 5rpx 10rpx #ace2b0; | |
| 173 | + } | |
| 174 | + } | |
| 175 | + .titleall-right { | |
| 176 | + color: #C1C1C1; | |
| 177 | + image { | |
| 178 | + width: 20rpx; | |
| 179 | + height: 20rpx; | |
| 180 | + margin-left: 10rpx; | |
| 181 | + } | |
| 182 | + } | |
| 183 | +} | |
| 184 | +.message-list{ | |
| 185 | + padding: 0 4%; | |
| 186 | + background-color: #FFFFFF; | |
| 187 | + border-radius: 0 0 20rpx 20rpx; | |
| 188 | + margin: 20rpx 0; | |
| 189 | + border-radius: 20rpx; | |
| 190 | + .list{ | |
| 191 | + display: flex; | |
| 192 | + align-items: center; | |
| 193 | + justify-content: space-between; | |
| 194 | + width: 100%; | |
| 195 | + height: 100rpx; | |
| 196 | + border-bottom: 2rpx solid #f6f6f6; | |
| 197 | + .icon-data{ | |
| 198 | + display: flex; | |
| 199 | + align-items: center; | |
| 200 | + width: 80%; | |
| 201 | + height: 100%; | |
| 202 | + .icon{ | |
| 203 | + display: flex; | |
| 204 | + align-items: center; | |
| 205 | + justify-content: center; | |
| 206 | + width: 40rpx; | |
| 207 | + height: 40rpx; | |
| 208 | + image{ | |
| 209 | + width: 40rpx; | |
| 210 | + height: 40rpx; | |
| 211 | + } | |
| 212 | + } | |
| 213 | + .data{ | |
| 214 | + margin-left: 20rpx; | |
| 215 | + .title{ | |
| 216 | + display: flex; | |
| 217 | + width: 100%; | |
| 218 | + text{ | |
| 219 | + font-size: 30rpx; | |
| 220 | + color: #000; | |
| 221 | + } | |
| 222 | + } | |
| 223 | + } | |
| 224 | + } | |
| 225 | + .more{ | |
| 226 | + display: flex; | |
| 227 | + align-items: center; | |
| 228 | + image { | |
| 229 | + width: 20rpx; | |
| 230 | + height: 20rpx; | |
| 231 | + } | |
| 232 | + } | |
| 233 | + } | |
| 234 | +} | |
| 235 | +/* 我的服务 */ | |
| 236 | +.my-service-two { | |
| 237 | + padding: 10rpx 0 0 0; | |
| 238 | + .service-list-two{ | |
| 239 | + display: flex; | |
| 240 | + align-items: center; | |
| 241 | + text-align: center; | |
| 242 | + flex-wrap: wrap; | |
| 243 | + .service-list-list-two{ | |
| 244 | + display: flex; | |
| 245 | + flex-direction: column; | |
| 246 | + align-items: center; | |
| 247 | + justify-content: center; | |
| 248 | + width: 33.33%; | |
| 249 | + margin-bottom: 40rpx; | |
| 250 | + .thumb{ | |
| 251 | + font-size: 42rpx; | |
| 252 | + font-weight: bold; | |
| 253 | + margin-bottom: 10rpx; | |
| 254 | + image{ | |
| 255 | + width: 100%; | |
| 256 | + height: 100%; | |
| 257 | + } | |
| 258 | + } | |
| 259 | + .name{ | |
| 260 | + display: flex; | |
| 261 | + align-items: center; | |
| 262 | + justify-content: center; | |
| 263 | + text{ | |
| 264 | + color: #929292; | |
| 265 | + font-size: 28rpx; | |
| 266 | + } | |
| 267 | + } | |
| 268 | + } | |
| 269 | + } | |
| 270 | +} | |
| 271 | + | |
| 272 | +/* 我的服务 */ | |
| 273 | +.my-service { | |
| 274 | + padding: 20rpx 0 40rpx 0; | |
| 275 | + .service-list{ | |
| 276 | + display: flex; | |
| 277 | + align-items: center; | |
| 278 | + text-align: center; | |
| 279 | + flex-wrap: wrap; | |
| 280 | + .service-list-list{ | |
| 281 | + display: flex; | |
| 282 | + flex-direction: column; | |
| 283 | + align-items: center; | |
| 284 | + justify-content: center; | |
| 285 | + width: 25%; | |
| 286 | + .thumb{ | |
| 287 | + width: 60rpx; | |
| 288 | + font-size: 42rpx; | |
| 289 | + font-weight: bold; | |
| 290 | + margin-bottom: 10rpx; | |
| 291 | + image{ | |
| 292 | + width: 100%; | |
| 293 | + height: 100%; | |
| 294 | + } | |
| 295 | + } | |
| 296 | + .name{ | |
| 297 | + display: flex; | |
| 298 | + align-items: center; | |
| 299 | + justify-content: center; | |
| 300 | + text{ | |
| 301 | + color: #929292; | |
| 302 | + font-size: 28rpx; | |
| 303 | + } | |
| 304 | + } | |
| 305 | + } | |
| 306 | + } | |
| 307 | +} | |
| 0 | 308 | \ No newline at end of file | ... | ... |
pages/my/my - 副本.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view class="page"> | |
| 3 | + <view style="position: absolute; top: 0; width: 100%;"> | |
| 4 | + <image :src="$imgUrl('/bg.png')" style="width: 100%; height: 490rpx;border-radius: 0 0 40rpx 40rpx;"></image></view> | |
| 5 | + <view class="my-top"> | |
| 6 | + <view class="head" :style="'background-color: rgba(38,197,112,'+(scrollTop/50)+');'"> | |
| 7 | + <view class="logo-title"> | |
| 8 | + <image :src="$imgUrl('/logo.png')" ></image> | |
| 9 | + </view> | |
| 10 | + <view class="title"> | |
| 11 | + | |
| 12 | + </view> | |
| 13 | + <view class="setting-mess"></view> | |
| 14 | + </view> | |
| 15 | + </view> | |
| 16 | + | |
| 17 | + <view class="main"> | |
| 18 | + <view class="user-info" @click="myMsg"> | |
| 19 | + <view class="portrait"> | |
| 20 | + <image :src="$imgUrl('/img/head.jpg')" v-if="Islogin"></image> | |
| 21 | + <image :src="shopMsg.shopLogo" v-else></image> | |
| 22 | + </view> | |
| 23 | + <view class="info"> | |
| 24 | + <view class="nickname"> | |
| 25 | + <text v-if="Islogin">请登录</text> | |
| 26 | + <text v-else >{{shopMsg.shopName}}</text> | |
| 27 | + </view> | |
| 28 | + <view class="rank"> | |
| 29 | + <view class="rank-box"> | |
| 30 | + <image :src="$imgUrl('/vip.png')" ></image> | |
| 31 | + <text v-if="Islogin"></text> | |
| 32 | + <text v-else >{{shopMsg.shopReturn.returnAdress}}有限公司</text> | |
| 33 | + </view> | |
| 34 | + </view> | |
| 35 | + </view> | |
| 36 | + <view class="user-right"> | |
| 37 | + <image :src="$imgUrl('/right1.png')" ></image> | |
| 38 | + </view> | |
| 39 | + </view> | |
| 40 | + <!-- 我的服务 --> | |
| 41 | + <view class="message-list"> | |
| 42 | + <view class="titleall-box"> | |
| 43 | + <view class="titleall-left"><view class="titleall-left-line"></view>招商及推广服务</view> | |
| 44 | + </view> | |
| 45 | + <view class="my-service"> | |
| 46 | + <view class="service-list"> | |
| 47 | + <view class="service-list-list"> | |
| 48 | + <view class="thumb"> | |
| 49 | + <text v-if="Islogin">0</text> | |
| 50 | + <text v-else>3</text> | |
| 51 | + </view> | |
| 52 | + <view class="name" @click="questionnaire"> | |
| 53 | + <text>我的问卷</text> | |
| 54 | + </view> | |
| 55 | + </view> | |
| 56 | + <view class="service-list-list"> | |
| 57 | + <view class="thumb"> | |
| 58 | + <text v-if="Islogin">0</text> | |
| 59 | + <text v-else>8</text> | |
| 60 | + </view> | |
| 61 | + <view class="name" @click="myativity"> | |
| 62 | + <text>我的活动</text> | |
| 63 | + </view> | |
| 64 | + </view> | |
| 65 | + <view class="service-list-list" @click="apply"> | |
| 66 | + <view class="thumb"> | |
| 67 | + <text v-if="Islogin">0</text> | |
| 68 | + <text v-else>2</text> | |
| 69 | + </view> | |
| 70 | + <view class="name"> | |
| 71 | + <text>我的招商</text> | |
| 72 | + </view> | |
| 73 | + </view> | |
| 74 | + <view class="service-list-list" @click="projectM"> | |
| 75 | + <view class="thumb"> | |
| 76 | + <text v-if="Islogin">0</text> | |
| 77 | + <text v-else>{{tuiguang}}</text> | |
| 78 | + </view> | |
| 79 | + <view class="name"> | |
| 80 | + <text>我的推广</text> | |
| 81 | + </view> | |
| 82 | + </view> | |
| 83 | + </view> | |
| 84 | + </view> | |
| 85 | + </view> | |
| 86 | + <!-- 我的服务 --> | |
| 87 | + <view class="message-list"> | |
| 88 | + <view class="titleall-box"> | |
| 89 | + <view class="titleall-left"><view class="titleall-left-line"></view>商城数据</view> | |
| 90 | + </view> | |
| 91 | + <view class="my-service-two"> | |
| 92 | + <view class="" v-if="Islogin"> | |
| 93 | + <view style="padding: 10px;text-align: center;">暂无数据</view> | |
| 94 | + </view> | |
| 95 | + <view class="service-list-two" v-else> | |
| 96 | + <view class="service-list-list-two"> | |
| 97 | + <view class="thumb"> | |
| 98 | + {{tongji.money || 0}} | |
| 99 | + </view> | |
| 100 | + <view class="name"> | |
| 101 | + <text>今日收入</text> | |
| 102 | + </view> | |
| 103 | + </view> | |
| 104 | + <!-- <view class="service-list-list-two"> | |
| 105 | + <view class="thumb"> | |
| 106 | + 275 | |
| 107 | + </view> | |
| 108 | + <view class="name"> | |
| 109 | + <text>退款金额</text> | |
| 110 | + </view> | |
| 111 | + </view> --> | |
| 112 | + <view class="service-list-list-two"> | |
| 113 | + <view class="thumb"> | |
| 114 | + {{tongji.total}} | |
| 115 | + </view> | |
| 116 | + <view class="name"> | |
| 117 | + <text>访客数</text> | |
| 118 | + </view> | |
| 119 | + </view> | |
| 120 | + <!-- <view class="service-list-list-two"> | |
| 121 | + <view class="thumb"> | |
| 122 | + 135 | |
| 123 | + </view> | |
| 124 | + <view class="name"> | |
| 125 | + <text>订单量</text> | |
| 126 | + </view> | |
| 127 | + </view> --> | |
| 128 | + <view class="service-list-list-two"> | |
| 129 | + <view class="thumb"> | |
| 130 | + {{tongji.rate || `0%`}} | |
| 131 | + </view> | |
| 132 | + <view class="name"> | |
| 133 | + <text>转化率</text> | |
| 134 | + </view> | |
| 135 | + </view> | |
| 136 | + <!-- <view class="service-list-list-two"> | |
| 137 | + <view class="thumb"> | |
| 138 | + 10% | |
| 139 | + </view> | |
| 140 | + <view class="name"> | |
| 141 | + <text>复购率</text> | |
| 142 | + </view> | |
| 143 | + </view> --> | |
| 144 | + </view> | |
| 145 | + | |
| 146 | + </view> | |
| 147 | + </view> | |
| 148 | + <view class="message-list"> | |
| 149 | + <view class="titleall-box"> | |
| 150 | + <view class="titleall-left"><view class="titleall-left-line"></view>我的服务</view> | |
| 151 | + </view> | |
| 152 | + <view class="list" @click="shopjcMsg"> | |
| 153 | + <view class="icon-data"> | |
| 154 | + <view class="icon"> | |
| 155 | + <image :src="$imgUrl('/my-icon1.png')" mode=""></image> | |
| 156 | + </view> | |
| 157 | + <view class="data"> | |
| 158 | + <view class="title"> | |
| 159 | + <text>商家基本信息</text> | |
| 160 | + </view> | |
| 161 | + </view> | |
| 162 | + </view> | |
| 163 | + <view class="more"> | |
| 164 | + <image :src="$imgUrl('/right2.png')"></image> | |
| 165 | + </view> | |
| 166 | + </view> | |
| 167 | + <view class="list" @click="recordService"> | |
| 168 | + <view class="icon-data"> | |
| 169 | + <view class="icon"> | |
| 170 | + <image :src="$imgUrl('/my-icon2.png')" mode=""></image> | |
| 171 | + </view> | |
| 172 | + <view class="data"> | |
| 173 | + <view class="title"> | |
| 174 | + <text>服务记录</text> | |
| 175 | + </view> | |
| 176 | + </view> | |
| 177 | + </view> | |
| 178 | + <view class="more"> | |
| 179 | + <image :src="$imgUrl('/right2.png')"></image> | |
| 180 | + </view> | |
| 181 | + </view> | |
| 182 | + <view class="list" @click="repair"> | |
| 183 | + <view class="icon-data"> | |
| 184 | + <view class="icon"> | |
| 185 | + <image :src="$imgUrl('/my-icon3.png')" mode=""></image> | |
| 186 | + </view> | |
| 187 | + <view class="data"> | |
| 188 | + <view class="title"> | |
| 189 | + <text>故障报修</text> | |
| 190 | + </view> | |
| 191 | + </view> | |
| 192 | + </view> | |
| 193 | + <view class="more"> | |
| 194 | + <image :src="$imgUrl('/right2.png')"></image> | |
| 195 | + </view> | |
| 196 | + </view> | |
| 197 | + <view class="list" @click="complaint"> | |
| 198 | + <view class="icon-data"> | |
| 199 | + <view class="icon"> | |
| 200 | + <image :src="$imgUrl('/my-icon2.png')" mode=""></image> | |
| 201 | + </view> | |
| 202 | + <view class="data"> | |
| 203 | + <view class="title"> | |
| 204 | + <text>投诉建议</text> | |
| 205 | + </view> | |
| 206 | + </view> | |
| 207 | + </view> | |
| 208 | + <view class="more"> | |
| 209 | + <image :src="$imgUrl('/right2.png')"></image> | |
| 210 | + </view> | |
| 211 | + </view> | |
| 212 | + <view class="list" @click="handleApplySettle"> | |
| 213 | + <view class="icon-data"> | |
| 214 | + <view class="icon"> | |
| 215 | + <image :src="$imgUrl('/my-icon4.png')" mode=""></image> | |
| 216 | + </view> | |
| 217 | + <view class="data"> | |
| 218 | + <view class="title"> | |
| 219 | + <text>商城入驻申请</text> | |
| 220 | + </view> | |
| 221 | + </view> | |
| 222 | + </view> | |
| 223 | + <view class="more"> | |
| 224 | + <image :src="$imgUrl('/right2.png')"></image> | |
| 225 | + </view> | |
| 226 | + </view> | |
| 227 | + </view> | |
| 228 | + </view> | |
| 229 | + <!-- tabbar --> | |
| 230 | + <tabbar :tabBarShow="3"></tabbar> | |
| 231 | + </view> | |
| 232 | +</template> | |
| 233 | + | |
| 234 | +<script> | |
| 235 | + import tabbar from '../../components/tabbar/tabbar.vue'; | |
| 236 | + import { | |
| 237 | + Encrypt | |
| 238 | + } from '../../utils/secret' | |
| 239 | + export default { | |
| 240 | + components: { | |
| 241 | + tabbar, | |
| 242 | + }, | |
| 243 | + data() { | |
| 244 | + return { | |
| 245 | + Islogin:true, | |
| 246 | + scrollTop: 0, | |
| 247 | + isHotline: false, | |
| 248 | + shopMsg:{}, | |
| 249 | + pageindex: { | |
| 250 | + pageNumber: 1, | |
| 251 | + pageSize: 10 | |
| 252 | + }, | |
| 253 | + tuiguang:'', | |
| 254 | + tongji:{} | |
| 255 | + }; | |
| 256 | + }, | |
| 257 | + onload(){ | |
| 258 | + | |
| 259 | + }, | |
| 260 | + onShow() { | |
| 261 | + let shopId = { | |
| 262 | + shopId:uni.getStorageSync('shopId') || '' | |
| 263 | + } | |
| 264 | + const isLogin = uni.getStorageSync('token'); | |
| 265 | + console.log(isLogin) | |
| 266 | + if (isLogin =='') { | |
| 267 | + // 如果未登录,跳转到登录页面 | |
| 268 | + uni.navigateTo({ | |
| 269 | + url: '/pages/login/login' | |
| 270 | + }) | |
| 271 | + }else{ | |
| 272 | + let page={ | |
| 273 | + condition:2 | |
| 274 | + } | |
| 275 | + this.$http.sendRequest('/shop/getById', 'POST',shopId).then(res => { | |
| 276 | + if(res.data.code !="20004"){ | |
| 277 | + this.shopMsg = res.data.data | |
| 278 | + this.Islogin= false | |
| 279 | + this.$http.sendRequest('/index/index', 'POST',page).then(res => { | |
| 280 | + //成功回调 | |
| 281 | + console.log(res) | |
| 282 | + this.tongji = res.data.data | |
| 283 | + }) | |
| 284 | + }else{ | |
| 285 | + uni.navigateTo({ | |
| 286 | + url: '/pages/login/login' | |
| 287 | + }) | |
| 288 | + } | |
| 289 | + | |
| 290 | + | |
| 291 | + //成功回调 | |
| 292 | + | |
| 293 | + }) | |
| 294 | + | |
| 295 | + } | |
| 296 | + | |
| 297 | + }, | |
| 298 | + onReady() { | |
| 299 | + uni.hideTabBar(); | |
| 300 | + }, | |
| 301 | + onPageScroll(e) { | |
| 302 | + this.scrollTop = e.scrollTop; | |
| 303 | + }, | |
| 304 | + mounted(){ | |
| 305 | + this.getALL() | |
| 306 | + }, | |
| 307 | + methods: { | |
| 308 | + getALL(){ | |
| 309 | + this.pageindex.createUser =uni.getStorageSync('shopId') | |
| 310 | + this.$http.sendRequest('/cerePromotion/queryByPage', 'POST', this.pageindex,1).then(res => { | |
| 311 | + //成功回调 | |
| 312 | + this.tuiguang = res.data.data.content.length | |
| 313 | + | |
| 314 | + }) | |
| 315 | + }, | |
| 316 | + recordService() { | |
| 317 | + if(this.Islogin == false){ | |
| 318 | + uni.navigateTo({ | |
| 319 | + url: '/pages/recordService/recordService' | |
| 320 | + }) | |
| 321 | + } | |
| 322 | + | |
| 323 | + }, | |
| 324 | + complaint() { | |
| 325 | + if(this.Islogin == false){ | |
| 326 | + uni.navigateTo({ | |
| 327 | + url: '/pages/complaint/complaint' | |
| 328 | + }) | |
| 329 | + } | |
| 330 | + | |
| 331 | + }, | |
| 332 | + repair() { | |
| 333 | + if(this.Islogin == false){ | |
| 334 | + uni.navigateTo({ | |
| 335 | + url: '/pages/repair/repair' | |
| 336 | + }) | |
| 337 | + } | |
| 338 | + | |
| 339 | + }, | |
| 340 | + apply() { | |
| 341 | + if(this.Islogin == false){ | |
| 342 | + uni.navigateTo({ | |
| 343 | + url: '/pages/record/record' | |
| 344 | + }) | |
| 345 | + } | |
| 346 | + | |
| 347 | + }, | |
| 348 | + myativity(){ | |
| 349 | + if(this.Islogin == false){ | |
| 350 | + uni.navigateTo({ | |
| 351 | + url: '/pages/mycreated/mycreated' | |
| 352 | + }) | |
| 353 | + } | |
| 354 | + | |
| 355 | + }, | |
| 356 | + questionnaire(){ | |
| 357 | + if(this.Islogin == false){ | |
| 358 | + uni.navigateTo({ | |
| 359 | + url: '/pages/questionnaire/questionnaire' | |
| 360 | + }) | |
| 361 | + } | |
| 362 | + | |
| 363 | + }, | |
| 364 | + shopjcMsg(){ | |
| 365 | + let shop = JSON.stringify(this.shopMsg) | |
| 366 | + if(this.Islogin == false){ | |
| 367 | + uni.navigateTo({ | |
| 368 | + url: `/pages/shopjcMsg/shopjcMsg?shopMsg=${shop}` | |
| 369 | + }) | |
| 370 | + } | |
| 371 | + | |
| 372 | + }, | |
| 373 | + projectM(){ | |
| 374 | + if(this.Islogin == false){ | |
| 375 | + uni.navigateTo({ | |
| 376 | + url: '/pages/projectManagement/projectManagement' | |
| 377 | + }) | |
| 378 | + } | |
| 379 | + | |
| 380 | + }, | |
| 381 | + handleApplySettle() { | |
| 382 | + const res = uni.getStorageSync('token'); | |
| 383 | + let token = Encrypt(res) | |
| 384 | + let username = this.shopMsg.shopName | |
| 385 | + let url = 'http://8.130.38.56:8027/settled-merchant' | |
| 386 | + // #ifdef H5 | |
| 387 | + console.log('h5 test') | |
| 388 | + window.location.href = url + `/#/?username=${ username }&user=${ token }` | |
| 389 | + // #endif | |
| 390 | + // #ifdef APP-PLUS | |
| 391 | + plus.runtime.openURL(url + `/#/?username=${ username }&user=${ token }`, function( | |
| 392 | + e) { | |
| 393 | + console.log(e); | |
| 394 | + }) | |
| 395 | + // #endif | |
| 396 | + // #ifdef MP-WEIXIN | |
| 397 | + uni.navigateTo({ | |
| 398 | + url: `../linkOthers/index?url=${ url }&username=${ username }&user=${ token }` | |
| 399 | + // 此处的链接为小程序上面新建的webview页面路径,参数url为要跳转外链的地址 | |
| 400 | + // url: '../../../pages_category_page1/linkOthers/index?url=' + encodeURIComponent(url) | |
| 401 | + // url:'../../../pages_category_page2/userModule/coupon' | |
| 402 | + }) | |
| 403 | + // #endif | |
| 404 | + // #ifdef MP-ALIPAY | |
| 405 | + uni.navigateTo({ | |
| 406 | + url: `../linkOthers/index?url=${ url }&username=${ username }&user=${ token }` | |
| 407 | + // 此处的链接为小程序上面新建的webview页面路径,参数url为要跳转外链的地址 | |
| 408 | + // url: '../../../pages_category_page1/linkOthers/index?url=' + encodeURIComponent(url) | |
| 409 | + // url:'../../../pages_category_page2/userModule/coupon' | |
| 410 | + }) | |
| 411 | + // #endif | |
| 412 | + }, | |
| 413 | + myMsg(){ | |
| 414 | + const res = uni.getStorageSync('token'); | |
| 415 | + if(res ==''){ | |
| 416 | + uni.navigateTo({ | |
| 417 | + url: '/pages/login/login' | |
| 418 | + }) | |
| 419 | + }else{ | |
| 420 | + let shop = JSON.stringify(this.shopMsg) | |
| 421 | + if(this.Islogin == false){ | |
| 422 | + uni.navigateTo({ | |
| 423 | + url: `/pages/shopjcMsg/shopjcMsg?shopMsg=${shop}` | |
| 424 | + }) | |
| 425 | + } | |
| 426 | + } | |
| 427 | + } | |
| 428 | + } | |
| 429 | + } | |
| 430 | +</script> | |
| 431 | + | |
| 432 | +<style scoped lang="scss"> | |
| 433 | + @import 'my.scss'; | |
| 434 | +</style> | ... | ... |
pages/my/my.vue
| ... | ... | @@ -62,7 +62,7 @@ |
| 62 | 62 | <text>我的活动</text> |
| 63 | 63 | </view> |
| 64 | 64 | </view> |
| 65 | - <view class="service-list-list" @click="apply"> | |
| 65 | + <!-- <view class="service-list-list" @click="apply"> | |
| 66 | 66 | <view class="thumb"> |
| 67 | 67 | <text v-if="Islogin">0</text> |
| 68 | 68 | <text v-else>2</text> |
| ... | ... | @@ -70,8 +70,8 @@ |
| 70 | 70 | <view class="name"> |
| 71 | 71 | <text>我的招商</text> |
| 72 | 72 | </view> |
| 73 | - </view> | |
| 74 | - <view class="service-list-list" @click="projectM"> | |
| 73 | + </view> --> | |
| 74 | + <!-- <view class="service-list-list" @click="projectM"> | |
| 75 | 75 | <view class="thumb"> |
| 76 | 76 | <text v-if="Islogin">0</text> |
| 77 | 77 | <text v-else>{{tuiguang}}</text> |
| ... | ... | @@ -79,12 +79,12 @@ |
| 79 | 79 | <view class="name"> |
| 80 | 80 | <text>我的推广</text> |
| 81 | 81 | </view> |
| 82 | - </view> | |
| 82 | + </view> --> | |
| 83 | 83 | </view> |
| 84 | 84 | </view> |
| 85 | 85 | </view> |
| 86 | 86 | <!-- 我的服务 --> |
| 87 | - <view class="message-list"> | |
| 87 | + <!-- <view class="message-list"> | |
| 88 | 88 | <view class="titleall-box"> |
| 89 | 89 | <view class="titleall-left"><view class="titleall-left-line"></view>商城数据</view> |
| 90 | 90 | </view> |
| ... | ... | @@ -101,14 +101,6 @@ |
| 101 | 101 | <text>今日收入</text> |
| 102 | 102 | </view> |
| 103 | 103 | </view> |
| 104 | - <!-- <view class="service-list-list-two"> | |
| 105 | - <view class="thumb"> | |
| 106 | - 275 | |
| 107 | - </view> | |
| 108 | - <view class="name"> | |
| 109 | - <text>退款金额</text> | |
| 110 | - </view> | |
| 111 | - </view> --> | |
| 112 | 104 | <view class="service-list-list-two"> |
| 113 | 105 | <view class="thumb"> |
| 114 | 106 | {{tongji.total}} |
| ... | ... | @@ -117,14 +109,6 @@ |
| 117 | 109 | <text>访客数</text> |
| 118 | 110 | </view> |
| 119 | 111 | </view> |
| 120 | - <!-- <view class="service-list-list-two"> | |
| 121 | - <view class="thumb"> | |
| 122 | - 135 | |
| 123 | - </view> | |
| 124 | - <view class="name"> | |
| 125 | - <text>订单量</text> | |
| 126 | - </view> | |
| 127 | - </view> --> | |
| 128 | 112 | <view class="service-list-list-two"> |
| 129 | 113 | <view class="thumb"> |
| 130 | 114 | {{tongji.rate || `0%`}} |
| ... | ... | @@ -133,18 +117,10 @@ |
| 133 | 117 | <text>转化率</text> |
| 134 | 118 | </view> |
| 135 | 119 | </view> |
| 136 | - <!-- <view class="service-list-list-two"> | |
| 137 | - <view class="thumb"> | |
| 138 | - 10% | |
| 139 | - </view> | |
| 140 | - <view class="name"> | |
| 141 | - <text>复购率</text> | |
| 142 | - </view> | |
| 143 | - </view> --> | |
| 144 | 120 | </view> |
| 145 | 121 | |
| 146 | 122 | </view> |
| 147 | - </view> | |
| 123 | + </view> --> | |
| 148 | 124 | <view class="message-list"> |
| 149 | 125 | <view class="titleall-box"> |
| 150 | 126 | <view class="titleall-left"><view class="titleall-left-line"></view>我的服务</view> |
| ... | ... | @@ -164,7 +140,7 @@ |
| 164 | 140 | <image :src="$imgUrl('/right2.png')"></image> |
| 165 | 141 | </view> |
| 166 | 142 | </view> |
| 167 | - <view class="list" @click="recordService"> | |
| 143 | + <view class="list" @click="toPage('/pages/record/record')"> | |
| 168 | 144 | <view class="icon-data"> |
| 169 | 145 | <view class="icon"> |
| 170 | 146 | <image :src="$imgUrl('/my-icon2.png')" mode=""></image> |
| ... | ... | @@ -313,6 +289,9 @@ |
| 313 | 289 | |
| 314 | 290 | }) |
| 315 | 291 | }, |
| 292 | + toPage(url) { | |
| 293 | + uni.navigateTo({ url }); | |
| 294 | + }, | |
| 316 | 295 | recordService() { |
| 317 | 296 | if(this.Islogin == false){ |
| 318 | 297 | uni.navigateTo({ | ... | ... |
pages/mycreated/mycreated.vue
| ... | ... | @@ -15,11 +15,11 @@ |
| 15 | 15 | <view class="body"> |
| 16 | 16 | <image :src="$imgUrl('/img/2.jpg')" ></image> |
| 17 | 17 | <view class="info"> |
| 18 | - <view class="title">这里有标题这里有标题这里有标题这里有标题</view> | |
| 18 | + <view class="title">绿道好物节</view> | |
| 19 | 19 | <view class="info-items"> |
| 20 | 20 | <view class="info-item"> |
| 21 | 21 | <view class="label">活动时间:</view> |
| 22 | - <text>2022.22.22</text> | |
| 22 | + <text>2024.10.20</text> | |
| 23 | 23 | </view> |
| 24 | 24 | <view class="info-item"> |
| 25 | 25 | <view class="label">参与商家:</view> | ... | ... |
pages/participation/participation - 副本.scss
0 → 100644
| 1 | +.page{ | |
| 2 | + position: absolute; | |
| 3 | + left: 0; | |
| 4 | + top: 0; | |
| 5 | + width: 100%; | |
| 6 | + height: 100%; | |
| 7 | + padding: 0 40rpx; | |
| 8 | + background-color: #fff; | |
| 9 | +} | |
| 10 | +.head-search{ | |
| 11 | + display: flex; | |
| 12 | + align-items: center; | |
| 13 | + justify-content: space-between; | |
| 14 | + position: relative; | |
| 15 | + margin: 20rpx 0; | |
| 16 | + .search{ | |
| 17 | + | |
| 18 | + display: flex; | |
| 19 | + align-items: center; | |
| 20 | + width: 100%; | |
| 21 | + height: 72rpx; | |
| 22 | + | |
| 23 | + border: 2rpx solid #E8E8E8; | |
| 24 | + justify-content: space-between; | |
| 25 | + padding: 0 10rpx 0 30rpx; | |
| 26 | + .icon{ | |
| 27 | + display: flex; | |
| 28 | + align-items: center; | |
| 29 | + | |
| 30 | + margin-left: 20rpx; | |
| 31 | + margin-right: 15rpx; | |
| 32 | + image{ | |
| 33 | + width: 29rpx; | |
| 34 | + height: 29rpx; | |
| 35 | + } | |
| 36 | + } | |
| 37 | + | |
| 38 | + } | |
| 39 | + } | |
| 40 | +/* 订单列表 */ | |
| 41 | +.screen-list { | |
| 42 | + display: flex; | |
| 43 | + align-items: center; | |
| 44 | + width: 100%; | |
| 45 | + margin: 40rpx 0; | |
| 46 | + width: 100%; | |
| 47 | + .list { | |
| 48 | + display: flex; | |
| 49 | + justify-content: center; | |
| 50 | + align-items: center; | |
| 51 | + width: 25%; | |
| 52 | + height: 100%; | |
| 53 | + text { | |
| 54 | + font-size: 26rpx; | |
| 55 | + color: #555555; | |
| 56 | + } | |
| 57 | + image { | |
| 58 | + width: 30rpx; | |
| 59 | + height: 30rpx; | |
| 60 | + margin-left: 10rpx; | |
| 61 | + } | |
| 62 | + } | |
| 63 | + | |
| 64 | + | |
| 65 | + } | |
| 66 | + | |
| 67 | +.goods-data{ | |
| 68 | + width: 100%; | |
| 69 | + .goods-list{ | |
| 70 | + width: 100%; | |
| 71 | + | |
| 72 | + .list{ | |
| 73 | + display: flex; | |
| 74 | + margin-bottom: 40rpx; | |
| 75 | + .thumb{ | |
| 76 | + display: flex; | |
| 77 | + // align-items: center; | |
| 78 | + width: 36%; | |
| 79 | + image{ | |
| 80 | + width: 230rpx; | |
| 81 | + height: 190rpx; | |
| 82 | + border-radius: 10rpx; | |
| 83 | + } | |
| 84 | + } | |
| 85 | + | |
| 86 | + .item{ | |
| 87 | + width: 60%; | |
| 88 | + margin-left: 4%; | |
| 89 | + .title{ | |
| 90 | + display: flex; | |
| 91 | + align-items: center; | |
| 92 | + width: 100%; | |
| 93 | + margin: 20rpx 0; | |
| 94 | + .color{ | |
| 95 | + color: #A8A8A8; | |
| 96 | + } | |
| 97 | + } | |
| 98 | + .canyu{ | |
| 99 | + width: 100%; | |
| 100 | + padding: 30rpx 20rpx; | |
| 101 | + background-color: #3F9B6A; | |
| 102 | + height: 70rpx; | |
| 103 | + text-align: center; | |
| 104 | + line-height: 15rpx; | |
| 105 | + color: #fff; | |
| 106 | + } | |
| 107 | + text{ | |
| 108 | + font-size: 30rpx; | |
| 109 | + // font-weight: bold; | |
| 110 | + color: #222222; | |
| 111 | + } | |
| 112 | + | |
| 113 | + } | |
| 114 | + | |
| 115 | + } | |
| 116 | + .goods-border{ | |
| 117 | + padding: 30rpx; | |
| 118 | + border: 1px solid #F3F3F3; | |
| 119 | + } | |
| 120 | + } | |
| 121 | +} | |
| 122 | +/* 保存按钮 */ | |
| 123 | +.page-footer{ | |
| 124 | + width: 100%; | |
| 125 | + background-color: #FFFFFF; | |
| 126 | + padding-bottom: constant(safe-area-inset-bottom); | |
| 127 | + padding-bottom: env(safe-area-inset-bottom); | |
| 128 | + margin:40rpx 0 80rpx 0; | |
| 129 | + .footer-buy{ | |
| 130 | + display: flex; | |
| 131 | + align-items: center; | |
| 132 | + justify-content: space-between; | |
| 133 | + width: 100%; | |
| 134 | + height: 100%; | |
| 135 | + .cart-add{ | |
| 136 | + display: flex; | |
| 137 | + align-items: center; | |
| 138 | + justify-content: center; | |
| 139 | + width: 100%; | |
| 140 | + height: 70rpx; | |
| 141 | + background-color: #3f9b6a; | |
| 142 | + text{ | |
| 143 | + font-size: 28rpx; | |
| 144 | + color: #FFFFFF; | |
| 145 | + } | |
| 146 | + } | |
| 147 | + } | |
| 148 | +} | ... | ... |
pages/participation/participation - 副本.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view class="page"> | |
| 3 | + <!-- 搜索 --> | |
| 4 | + <view class="head-search" @click="myativity"> | |
| 5 | + <view class="search"> | |
| 6 | + <view class=""> | |
| 7 | + 我创建的活动 | |
| 8 | + </view> | |
| 9 | + <view class="icon"> | |
| 10 | + <image :src="$imgUrl('/search.png')" ></image> | |
| 11 | + </view> | |
| 12 | + | |
| 13 | + </view> | |
| 14 | + </view> | |
| 15 | + <!-- 创建按钮 --> | |
| 16 | + <!-- <view class="page-footer" @click="createWen"> | |
| 17 | + <view class="footer-buy"> | |
| 18 | + <view class="cart-add"> | |
| 19 | + <text>创建活动</text> | |
| 20 | + </view> | |
| 21 | + </view> | |
| 22 | + </view> --> | |
| 23 | + | |
| 24 | + <view class="screen-list"> | |
| 25 | + <view class="list"> | |
| 26 | + <text>区域</text> | |
| 27 | + <image :src="$imgUrl('/down.png')"></image> | |
| 28 | + </view> | |
| 29 | + <view class="list"> | |
| 30 | + <text>租金</text> | |
| 31 | + <image :src="$imgUrl('/down.png')" ></image> | |
| 32 | + </view> | |
| 33 | + <view class="list"> | |
| 34 | + <text>默认排序</text> | |
| 35 | + <image :src="$imgUrl('/down.png')"></image> | |
| 36 | + </view> | |
| 37 | + <view class="list"> | |
| 38 | + <text>筛选</text> | |
| 39 | + <image :src="$imgUrl('/down.png')" ></image> | |
| 40 | + </view> | |
| 41 | + </view> | |
| 42 | + <!-- 订单列表 --> | |
| 43 | + <view class="goods-data"> | |
| 44 | + <view class="goods-list"> | |
| 45 | + <view class="list goods-border" v-for="(item,index) in 1" :key="index"> | |
| 46 | + <view class="thumb"> | |
| 47 | + <image :src="$imgUrl('/img/2.jpg')"></image> | |
| 48 | + </view> | |
| 49 | + <view class="item"> | |
| 50 | + <view class=""> | |
| 51 | + <text class="one-omit">名称:绿道好物节</text> | |
| 52 | + </view> | |
| 53 | + <view class="title"> | |
| 54 | + <text class="one-omit color">活动时间:2024-10-10至2024-10-20</text> | |
| 55 | + </view> | |
| 56 | + <view class="title"> | |
| 57 | + <text class="one-omit color">参与商家:1人</text> | |
| 58 | + </view> | |
| 59 | + <view class="title"> | |
| 60 | + <text class="one-omit color">活动状态:待开始</text> | |
| 61 | + </view> | |
| 62 | + <view class="title"> | |
| 63 | + <text class="one-omit color">举办方:绿道</text> | |
| 64 | + </view> | |
| 65 | + | |
| 66 | + <view class="canyu" @click='join'> | |
| 67 | + <view>我要参与</view> | |
| 68 | + </view> | |
| 69 | + | |
| 70 | + </view> | |
| 71 | + </view> | |
| 72 | + </view> | |
| 73 | + </view> | |
| 74 | + </view> | |
| 75 | +</template> | |
| 76 | + | |
| 77 | +<script> | |
| 78 | + export default { | |
| 79 | + data() { | |
| 80 | + return { | |
| 81 | + }; | |
| 82 | + }, | |
| 83 | + methods: { | |
| 84 | + myativity() { | |
| 85 | + uni.navigateTo({ | |
| 86 | + url: '/pages/mycreated/mycreated' | |
| 87 | + }) | |
| 88 | + }, | |
| 89 | + join(){ | |
| 90 | + uni.navigateTo({ | |
| 91 | + url: '/pages/mycreated/mycreated?id=1' | |
| 92 | + }) | |
| 93 | + } | |
| 94 | + } | |
| 95 | + } | |
| 96 | +</script> | |
| 97 | + | |
| 98 | +<style scoped lang="scss"> | |
| 99 | + @import 'participation.scss'; | |
| 100 | +</style> | ... | ... |
pages/privacy/privacy.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view class="page"> | |
| 3 | + <view class="title">锦江绿道商家端小程序隐私保护指引</view> | |
| 4 | + <view style="font-size: 16px;font-weight: 600;margin-bottom: 15px;" >引言</view> | |
| 5 | + <view class="" style="margin-bottom: 20px;">本指引是锦江绿道商家端小程序开发者 成都锦江绿道建设投资集团有限公司(以下简称“开发者”)为处理你的个人信息而制定</view> | |
| 6 | + <view class="biaoti">1.开发者处理的信息</view> | |
| 7 | + <view class="neirong">根据法律规定,开发者仅处理实现小程序功能所必要的信息。</view> | |
| 8 | + <view class="neirong">为了在小程序中展示用户身份信息,开发者将在获取你的明示同意后,收集你的微信昵称、头像。</view> | |
| 9 | + <view class="neirong">为了用户注册、登录及后续服务沟通,开发者将在获取你的明示同意后,收集你的手机号。</view> | |
| 10 | + <view class="neirong">开发者 收集你的地址,用于商品配送或服务提供的地址确认。</view> | |
| 11 | + <view class="neirong">开发者 收集你的身份证号码,用于实名认证以确保服务的合法性和家全性。 </view> | |
| 12 | + <view class="neirong">开发者 收集你选中的照片或视频信息,用于用户在小程序中进行内容分享、创作等特定功能需求。</view> | |
| 13 | + </view> | |
| 14 | +</template> | |
| 15 | + | |
| 16 | +<script> | |
| 17 | +</script> | |
| 18 | + | |
| 19 | +<style> | |
| 20 | + .page{ | |
| 21 | + padding:20px; | |
| 22 | + height: 100vh; | |
| 23 | + background-color: #fff; | |
| 24 | + } | |
| 25 | + .title{ | |
| 26 | + font-size: 20px; | |
| 27 | + font-weight: 600; | |
| 28 | + text-align: center;margin-bottom: 20px; | |
| 29 | + } | |
| 30 | + .biaoti{ | |
| 31 | + font-size: 16px;font-weight: 600;margin-bottom: 15px; | |
| 32 | + } | |
| 33 | + .neirong{ | |
| 34 | + margin-bottom: 5px; | |
| 35 | + } | |
| 36 | +</style> | |
| 0 | 37 | \ No newline at end of file | ... | ... |
pages/questionnaire/questionnaire.scss
| ... | ... | @@ -6,6 +6,28 @@ |
| 6 | 6 | height: 100%; |
| 7 | 7 | background-color: #f6f6f6; |
| 8 | 8 | } |
| 9 | +.head-search{ | |
| 10 | + display: flex; | |
| 11 | + align-items: center; | |
| 12 | + justify-content: space-between; | |
| 13 | + position: relative; | |
| 14 | + margin: 20rpx 24rpx; | |
| 15 | + background-color: #FFFFFF; | |
| 16 | + border-radius: 35rpx; | |
| 17 | + padding: 0 10rpx; | |
| 18 | + border: 2rpx solid #E8E8E8; | |
| 19 | + .u-search { | |
| 20 | + position: relative; | |
| 21 | + } | |
| 22 | + .u-btn { | |
| 23 | + border: unset; | |
| 24 | + border: 0px transparent; | |
| 25 | + height: 46rpx; | |
| 26 | + width: 88rpx; | |
| 27 | + font-size: 24rpx; | |
| 28 | + border-radius: 35rpx; | |
| 29 | + } | |
| 30 | +} | |
| 9 | 31 | .screen-list { |
| 10 | 32 | display: flex; |
| 11 | 33 | align-items: center; | ... | ... |
pages/questionnaire/questionnaire.vue
| 1 | 1 | <template> |
| 2 | 2 | <view class="page"> |
| 3 | + <view class="head-search"> | |
| 4 | + <u-search bg-color="#fff" placeholder="请输入关键词" v-model="query.keyword" :show-action="false" @search="search"></u-search> | |
| 5 | + <u-button type="success" @click="search">搜索</u-button> | |
| 6 | + </view> | |
| 3 | 7 | <view class="screen-list"> |
| 4 | 8 | <view class="list" @click="show = true"> |
| 5 | 9 | <text>问卷类型</text> |
| ... | ... | @@ -18,7 +22,7 @@ |
| 18 | 22 | <image :src="$imgUrl('/img/2.jpg')"></image> |
| 19 | 23 | </view> |
| 20 | 24 | <view class="info"> |
| 21 | - <view class="title" >这里有标题这里有标题这里有...</view> | |
| 25 | + <view class="title" >{{item.title}}</view> | |
| 22 | 26 | <view class="info-item">填写时间:<span>{{item.tTime}}分钟</span></view> |
| 23 | 27 | <view class="info-item">截止时间:<span>{{item.jTime}}</span></view> |
| 24 | 28 | <view class="info-item">问卷类型:<span>{{item.leiXing}}</span></view> |
| ... | ... | @@ -49,6 +53,7 @@ |
| 49 | 53 | ], // 区域列表 |
| 50 | 54 | query: { |
| 51 | 55 | type: '', |
| 56 | + keyword: '', | |
| 52 | 57 | }, |
| 53 | 58 | tableData:[ |
| 54 | 59 | { |
| ... | ... | @@ -73,6 +78,7 @@ |
| 73 | 78 | this.query[`${key}`] = val[0].value; |
| 74 | 79 | this.search(); |
| 75 | 80 | }, |
| 81 | + search() {}, | |
| 76 | 82 | toAdd() { |
| 77 | 83 | |
| 78 | 84 | }, | ... | ... |
pages/record/record - 副本.scss
0 → 100644
| 1 | +.page{ | |
| 2 | + position: absolute; | |
| 3 | + left: 0; | |
| 4 | + top: 0; | |
| 5 | + width: 100%; | |
| 6 | + height: 100%; | |
| 7 | +} | |
| 8 | +/* 记录列表 */ | |
| 9 | +.record-list{ | |
| 10 | + margin: 20rpx; | |
| 11 | + .record-list-box { | |
| 12 | + background-color: #FFFFFF; | |
| 13 | + border-radius: 20rpx; | |
| 14 | + padding: 20rpx 30rpx; | |
| 15 | + margin-bottom: 20rpx; | |
| 16 | + } | |
| 17 | + .list-btn { | |
| 18 | + display: inline-block; | |
| 19 | + width: 100%; | |
| 20 | + text-align: right; | |
| 21 | + padding-bottom: 10rpx; | |
| 22 | + .date-btn { | |
| 23 | + background-color: #3f9b6a; | |
| 24 | + color: #fff; | |
| 25 | + font-size: 28rpx; | |
| 26 | + font-weight: bold; | |
| 27 | + padding: 10rpx 20rpx; | |
| 28 | + border-radius: 10rpx; | |
| 29 | + } | |
| 30 | + } | |
| 31 | + .list{ | |
| 32 | + display: flex; | |
| 33 | + align-items: center; | |
| 34 | + justify-content: space-between; | |
| 35 | + .title-date{ | |
| 36 | + .date{ | |
| 37 | + margin: 14rpx 0; | |
| 38 | + text{ | |
| 39 | + color:#3D3D3D; | |
| 40 | + } | |
| 41 | + .org{ | |
| 42 | + color:#CDA33A; | |
| 43 | + } | |
| 44 | + .green{ | |
| 45 | + color:#219129; | |
| 46 | + } | |
| 47 | + } | |
| 48 | + } | |
| 49 | + .integral{ | |
| 50 | + text{ | |
| 51 | + font-size: 28rpx; | |
| 52 | + color: #3D3D3D; | |
| 53 | + } | |
| 54 | + image { | |
| 55 | + width: 22rpx; | |
| 56 | + height: 22rpx; | |
| 57 | + } | |
| 58 | + } | |
| 59 | + } | |
| 60 | +} | |
| 61 | +.screen-list { | |
| 62 | + display: flex; | |
| 63 | + align-items: center; | |
| 64 | + width: 100%; | |
| 65 | + margin: 30rpx 25rpx; | |
| 66 | + .list { | |
| 67 | + display: flex; | |
| 68 | + justify-content: space-between; | |
| 69 | + align-items: center; | |
| 70 | + width: 75%; | |
| 71 | + height: 100%; | |
| 72 | + background-color: #fff; | |
| 73 | + padding: 20rpx; | |
| 74 | + border-radius: 10rpx; | |
| 75 | + margin-left: 30rpx; | |
| 76 | + text { | |
| 77 | + font-size: 26rpx; | |
| 78 | + color: #469e70; | |
| 79 | + } | |
| 80 | + image { | |
| 81 | + width: 30rpx; | |
| 82 | + height: 30rpx; | |
| 83 | + margin-left: 10rpx; | |
| 84 | + } | |
| 85 | + } | |
| 86 | + } | |
| 0 | 87 | \ No newline at end of file | ... | ... |
pages/record/record - 副本.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view class="page"> | |
| 3 | + <view class="screen-list"> | |
| 4 | + <view>记录查询</view> | |
| 5 | + <view class="list"> | |
| 6 | + <text>租赁申请记录</text> | |
| 7 | + <image :src="$imgUrl('/down.png')" ></image> | |
| 8 | + </view> | |
| 9 | + </view> | |
| 10 | + <!-- 记录列表 --> | |
| 11 | + <view class="record-list"> | |
| 12 | + <view class="record-list-box" v-for="(item,index) in recordList" :key="index" @click="recordXq(item)"> | |
| 13 | + <view class="list"> | |
| 14 | + <view class="title-date"> | |
| 15 | + <view class="date"> | |
| 16 | + <text>租赁资源名称:{{item.recordName}}</text> | |
| 17 | + </view> | |
| 18 | + <view class="date"> | |
| 19 | + <text>承租人姓名:{{item.porName}}</text> | |
| 20 | + </view> | |
| 21 | + <view class="date"> | |
| 22 | + <text>提交时间:{{item.tTime}}</text> | |
| 23 | + </view> | |
| 24 | + <view class="date"> | |
| 25 | + 状态:<text :class="item.state == '受理中'?'org':'green'">{{item.state}}</text> | |
| 26 | + </view> | |
| 27 | + </view> | |
| 28 | + <view class="integral"> | |
| 29 | + <image :src="$imgUrl('/right2.png')"></image> | |
| 30 | + </view> | |
| 31 | + </view> | |
| 32 | + | |
| 33 | + </view> | |
| 34 | + </view> | |
| 35 | + </view> | |
| 36 | +</template> | |
| 37 | + | |
| 38 | +<script> | |
| 39 | + export default { | |
| 40 | + data() { | |
| 41 | + return { | |
| 42 | + recordList:[ | |
| 43 | + { | |
| 44 | + recordName:'这里有名称这里有名称', | |
| 45 | + porName:'徐丽', | |
| 46 | + tTime:'2022-02-22 12:00:00', | |
| 47 | + state:'受理中' | |
| 48 | + }, | |
| 49 | + { | |
| 50 | + recordName:'这里有名称这里有名称', | |
| 51 | + porName:'徐丽', | |
| 52 | + tTime:'2022-02-22 12:00:00', | |
| 53 | + state:'已通过' | |
| 54 | + } | |
| 55 | + ] | |
| 56 | + }; | |
| 57 | + }, | |
| 58 | + methods: { | |
| 59 | + recordXq(item){ | |
| 60 | + const encodedItem = encodeURIComponent(JSON.stringify(item)); | |
| 61 | + uni.navigateTo({ | |
| 62 | + url: `/pages/accepting/accepting?item=${encodedItem}`, | |
| 63 | + }) | |
| 64 | + }, | |
| 65 | + contractdetail(){ | |
| 66 | + // uni.navigateTo({ | |
| 67 | + | |
| 68 | + // }) | |
| 69 | + } | |
| 70 | + } | |
| 71 | + } | |
| 72 | +</script> | |
| 73 | + | |
| 74 | +<style scoped lang="scss"> | |
| 75 | + @import 'record.scss'; | |
| 76 | +</style> | ... | ... |
pages/record/record.scss
| ... | ... | @@ -5,9 +5,49 @@ |
| 5 | 5 | width: 100%; |
| 6 | 6 | height: 100%; |
| 7 | 7 | } |
| 8 | +.screen-list { | |
| 9 | + display: flex; | |
| 10 | + align-items: center; | |
| 11 | + width: 100%; | |
| 12 | + margin: 20rpx 20rpx; | |
| 13 | + padding: 0 10rpx; | |
| 14 | + .zidong{ | |
| 15 | + width: 160rpx; | |
| 16 | + background-color: #3F9B6A; | |
| 17 | + color: #fff; | |
| 18 | + padding: 10rpx; | |
| 19 | + border-radius: 30rpx; | |
| 20 | + font-size: 24rpx; | |
| 21 | + text-align: center; | |
| 22 | + } | |
| 23 | + .list { | |
| 24 | + display: flex; | |
| 25 | + justify-content: center; | |
| 26 | + align-items: center; | |
| 27 | + width: 30%; | |
| 28 | + height: 100%; | |
| 29 | + background-color: #fff; | |
| 30 | + padding: 10rpx 16rpx; | |
| 31 | + border-radius: 18rpx; | |
| 32 | + color: #0FBB59; | |
| 33 | + text { | |
| 34 | + font-size: 26rpx; | |
| 35 | + } | |
| 36 | + image { | |
| 37 | + width: 30rpx; | |
| 38 | + height: 30rpx; | |
| 39 | + margin-left: 10rpx; | |
| 40 | + } | |
| 41 | + } | |
| 42 | + .action { | |
| 43 | + text { | |
| 44 | + color: $base; | |
| 45 | + } | |
| 46 | + } | |
| 47 | + } | |
| 8 | 48 | /* 记录列表 */ |
| 9 | 49 | .record-list{ |
| 10 | - margin: 20rpx; | |
| 50 | + margin: 0 20rpx; | |
| 11 | 51 | .record-list-box { |
| 12 | 52 | background-color: #FFFFFF; |
| 13 | 53 | border-radius: 20rpx; |
| ... | ... | @@ -58,29 +98,3 @@ |
| 58 | 98 | } |
| 59 | 99 | } |
| 60 | 100 | } |
| 61 | -.screen-list { | |
| 62 | - display: flex; | |
| 63 | - align-items: center; | |
| 64 | - width: 100%; | |
| 65 | - margin: 30rpx 25rpx; | |
| 66 | - .list { | |
| 67 | - display: flex; | |
| 68 | - justify-content: space-between; | |
| 69 | - align-items: center; | |
| 70 | - width: 75%; | |
| 71 | - height: 100%; | |
| 72 | - background-color: #fff; | |
| 73 | - padding: 20rpx; | |
| 74 | - border-radius: 10rpx; | |
| 75 | - margin-left: 30rpx; | |
| 76 | - text { | |
| 77 | - font-size: 26rpx; | |
| 78 | - color: #469e70; | |
| 79 | - } | |
| 80 | - image { | |
| 81 | - width: 30rpx; | |
| 82 | - height: 30rpx; | |
| 83 | - margin-left: 10rpx; | |
| 84 | - } | |
| 85 | - } | |
| 86 | - } | |
| 87 | 101 | \ No newline at end of file | ... | ... |
pages/record/record.vue
| 1 | 1 | <template> |
| 2 | 2 | <view class="page"> |
| 3 | 3 | <view class="screen-list"> |
| 4 | - <view>记录查询</view> | |
| 5 | 4 | <view class="list"> |
| 6 | 5 | <text>租赁申请记录</text> |
| 7 | 6 | <image :src="$imgUrl('/down.png')" ></image> |
| ... | ... | @@ -13,7 +12,7 @@ |
| 13 | 12 | <view class="list"> |
| 14 | 13 | <view class="title-date"> |
| 15 | 14 | <view class="date"> |
| 16 | - <text>租赁资源名称:{{item.recordName}}</text> | |
| 15 | + <text>都江堰广场8#-2,都江堰市柏条河北路下段 I 茶坊 I 广场</text> | |
| 17 | 16 | </view> |
| 18 | 17 | <view class="date"> |
| 19 | 18 | <text>承租人姓名:{{item.porName}}</text> |
| ... | ... | @@ -43,13 +42,13 @@ |
| 43 | 42 | { |
| 44 | 43 | recordName:'这里有名称这里有名称', |
| 45 | 44 | porName:'徐丽', |
| 46 | - tTime:'2022-02-22 12:00:00', | |
| 45 | + tTime:'2024-10-8 11:04:20', | |
| 47 | 46 | state:'受理中' |
| 48 | 47 | }, |
| 49 | 48 | { |
| 50 | 49 | recordName:'这里有名称这里有名称', |
| 51 | - porName:'徐丽', | |
| 52 | - tTime:'2022-02-22 12:00:00', | |
| 50 | + porName:'王城', | |
| 51 | + tTime:'2024-10-9 10:20:47', | |
| 53 | 52 | state:'已通过' |
| 54 | 53 | } |
| 55 | 54 | ] | ... | ... |
pages/workbench/workbench-副.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view class="page"> | |
| 3 | + <view style="position: absolute; top: 0; width: 100%;"> | |
| 4 | + <image :src="$imgUrl('/bg.png')" style="width: 100%; height: 490rpx;border-radius: 0 0 40rpx 40rpx;"></image></view> | |
| 5 | + <view class="my-top"> | |
| 6 | + <view class="head" :style="'background-color: rgba(38,197,112,'+(scrollTop/50)+');'"> | |
| 7 | + <view class="logo-title"> | |
| 8 | + <image :src="$imgUrl('/logo.png')"></image> | |
| 9 | + </view> | |
| 10 | + <view class="title"> | |
| 11 | + | |
| 12 | + </view> | |
| 13 | + <view class="setting-mess"></view> | |
| 14 | + </view> | |
| 15 | + </view> | |
| 16 | + <view class="main"> | |
| 17 | + <view class="bg-white"> | |
| 18 | + <view class="bidding-title"><view class="bidding-title-line"></view>招商服务</view> | |
| 19 | + <view class="wallet-info"> | |
| 20 | + <view class="list" @click="questionnaire"> | |
| 21 | + <view class="icon"> | |
| 22 | + <image :src="$imgUrl('/workbench1.png')"></image> | |
| 23 | + </view> | |
| 24 | + <view class="title"> | |
| 25 | + <text>问卷调查</text> | |
| 26 | + </view> | |
| 27 | + </view> | |
| 28 | + <view class="list" @click="Iproposal"> | |
| 29 | + <view class="icon"> | |
| 30 | + <image :src="$imgUrl('/workbench2.png')"></image> | |
| 31 | + </view> | |
| 32 | + <view class="title"> | |
| 33 | + <text>招商方案</text> | |
| 34 | + </view> | |
| 35 | + </view> | |
| 36 | + <view class="list" @click='participation'> | |
| 37 | + <view class="icon"> | |
| 38 | + <image :src="$imgUrl('/workbench3.png')"></image> | |
| 39 | + </view> | |
| 40 | + <view class="title"> | |
| 41 | + <text>活动参与</text> | |
| 42 | + </view> | |
| 43 | + </view> | |
| 44 | + <view class="list" @click="activityAdd"> | |
| 45 | + <view class="icon"> | |
| 46 | + <image :src="$imgUrl('/workbench4.png')"></image> | |
| 47 | + </view> | |
| 48 | + <view class="title"> | |
| 49 | + <text>活动申请</text> | |
| 50 | + </view> | |
| 51 | + </view> | |
| 52 | + <view class="list" @click="sales"> | |
| 53 | + <view class="icon"> | |
| 54 | + <image :src="$imgUrl('/workbench5.png')"></image> | |
| 55 | + </view> | |
| 56 | + <view class="title"> | |
| 57 | + <text>销售上报</text> | |
| 58 | + </view> | |
| 59 | + </view> | |
| 60 | + </view> | |
| 61 | + </view> | |
| 62 | + <view class="bg-white"> | |
| 63 | + <view class="bidding-title"><view class="bidding-title-line"></view>推广策划</view> | |
| 64 | + <view class="wallet-info"> | |
| 65 | + <view class="list"> | |
| 66 | + <view class="icon" @click='popularize(1)'> | |
| 67 | + <image :src="$imgUrl('/workbench2.png')" ></image> | |
| 68 | + </view> | |
| 69 | + <view class="title"> | |
| 70 | + <text>推广方案申请</text> | |
| 71 | + </view> | |
| 72 | + </view> | |
| 73 | + <view class="list"> | |
| 74 | + <view class="icon" @click='popularize(2)'> | |
| 75 | + <image :src="$imgUrl('/workbench7.png')"></image> | |
| 76 | + </view> | |
| 77 | + <view class="title"> | |
| 78 | + <text>推广方案管理</text> | |
| 79 | + </view> | |
| 80 | + </view> | |
| 81 | + <view class="list"> | |
| 82 | + <view class="icon"> | |
| 83 | + <image :src="$imgUrl('/workbench8.png')"></image> | |
| 84 | + </view> | |
| 85 | + <view class="title"> | |
| 86 | + <text>效果查看</text> | |
| 87 | + </view> | |
| 88 | + </view> | |
| 89 | + </view> | |
| 90 | + </view> | |
| 91 | + <view class="bg-white"> | |
| 92 | + <view class="bidding-title"><view class="bidding-title-line"></view>在线商城</view> | |
| 93 | + <view class="wallet-info"> | |
| 94 | + <!-- <view class="list"> | |
| 95 | + <view class="icon"> | |
| 96 | + <image src="../../static/workbench9.png"></image> | |
| 97 | + </view> | |
| 98 | + <view class="title"> | |
| 99 | + <text>新增商品</text> | |
| 100 | + </view> | |
| 101 | + </view> --> | |
| 102 | + <view class="list" @click="order"> | |
| 103 | + <view class="icon"> | |
| 104 | + <image :src="$imgUrl('/workbench10.png')"></image> | |
| 105 | + </view> | |
| 106 | + <view class="title"> | |
| 107 | + <text>订单查询</text> | |
| 108 | + </view> | |
| 109 | + </view> | |
| 110 | + <!-- <view class="list"> | |
| 111 | + <view class="icon"> | |
| 112 | + <image src="../../static/workbench11.png"></image> | |
| 113 | + </view> | |
| 114 | + <view class="title"> | |
| 115 | + <text>售后管理</text> | |
| 116 | + </view> | |
| 117 | + </view> --> | |
| 118 | + <!-- <view class="list"> | |
| 119 | + <view class="icon"> | |
| 120 | + <image src="../../static/workbench12.png"></image> | |
| 121 | + </view> | |
| 122 | + <view class="title"> | |
| 123 | + <text>库存管理</text> | |
| 124 | + </view> | |
| 125 | + </view> --> | |
| 126 | + <view class="list" @click="salesSta"> | |
| 127 | + <view class="icon"> | |
| 128 | + <image :src="$imgUrl('/workbench15.png')"></image> | |
| 129 | + </view> | |
| 130 | + <view class="title"> | |
| 131 | + <text>销售统计</text> | |
| 132 | + </view> | |
| 133 | + </view> | |
| 134 | + <!-- <view class="list"> | |
| 135 | + <view class="icon"> | |
| 136 | + <image src="../../static/workbench14.png"></image> | |
| 137 | + </view> | |
| 138 | + <view class="title"> | |
| 139 | + <text>综合查询</text> | |
| 140 | + </view> | |
| 141 | + </view> --> | |
| 142 | + <!-- <view class="list"> | |
| 143 | + <view class="icon"> | |
| 144 | + <image src="../../static/workbench13.png"></image> | |
| 145 | + </view> | |
| 146 | + <view class="title"> | |
| 147 | + <text>优惠券发放</text> | |
| 148 | + </view> | |
| 149 | + </view> --> | |
| 150 | + </view> | |
| 151 | + </view> | |
| 152 | + <view class="bg-white"> | |
| 153 | + <view class="bidding-title"><view class="bidding-title-line"></view>支付服务</view> | |
| 154 | + <view class="wallet-info"> | |
| 155 | + <view class="list"> | |
| 156 | + <view class="icon"> | |
| 157 | + <image :src="$imgUrl('/workbench16.png')"></image> | |
| 158 | + </view> | |
| 159 | + <view class="title"> | |
| 160 | + <text>明细查询</text> | |
| 161 | + </view> | |
| 162 | + </view> | |
| 163 | + <view class="list"> | |
| 164 | + <view class="icon"> | |
| 165 | + <image :src="$imgUrl('/workbench7.png')"></image> | |
| 166 | + </view> | |
| 167 | + <view class="title"> | |
| 168 | + <text>日志查询</text> | |
| 169 | + </view> | |
| 170 | + </view> | |
| 171 | + </view> | |
| 172 | + </view> | |
| 173 | + </view> | |
| 174 | + <!-- tabbar --> | |
| 175 | + <tabbar :tabBarShow="1"></tabbar> | |
| 176 | + </view> | |
| 177 | +</template> | |
| 178 | + | |
| 179 | +<script> | |
| 180 | + import tabbar from '../../components/tabbar/tabbar.vue'; | |
| 181 | + export default { | |
| 182 | + components: { | |
| 183 | + tabbar | |
| 184 | + }, | |
| 185 | + data() { | |
| 186 | + return { | |
| 187 | + scrollTop: 0, | |
| 188 | + }; | |
| 189 | + }, | |
| 190 | + onReady() { | |
| 191 | + uni.hideTabBar() | |
| 192 | + }, | |
| 193 | + onPageScroll(e) { | |
| 194 | + this.scrollTop = e.scrollTop; | |
| 195 | + }, | |
| 196 | + methods: { | |
| 197 | + activityAdd(){ | |
| 198 | + uni.navigateTo({ | |
| 199 | + url: '/pages/activityAdd/activityAdd', | |
| 200 | + }) | |
| 201 | + }, | |
| 202 | + participation(){ | |
| 203 | + uni.navigateTo({ | |
| 204 | + url: '/pages/participation/participation', | |
| 205 | + }) | |
| 206 | + }, | |
| 207 | + questionnaire(){ | |
| 208 | + uni.navigateTo({ | |
| 209 | + url: '/pages/questionnaire/questionnaire', | |
| 210 | + }) | |
| 211 | + }, | |
| 212 | + sales(){ | |
| 213 | + uni.navigateTo({ | |
| 214 | + url: '/pages/salesReporting/salesReporting', | |
| 215 | + }) | |
| 216 | + }, | |
| 217 | + order(){ | |
| 218 | + uni.navigateTo({ | |
| 219 | + url: '/pages/orderList/orderList', | |
| 220 | + }) | |
| 221 | + }, | |
| 222 | + salesSta(){ | |
| 223 | + uni.navigateTo({ | |
| 224 | + url: '/pages/salesSta/salesSta', | |
| 225 | + }) | |
| 226 | + }, | |
| 227 | + Iproposal(){ | |
| 228 | + uni.navigateTo({ | |
| 229 | + url: '/pages/Iproposal/Iproposal', | |
| 230 | + }) | |
| 231 | + }, | |
| 232 | + popularize(val){ | |
| 233 | + if(val ==1){ | |
| 234 | + uni.navigateTo({ | |
| 235 | + url: '/pages/application/application', | |
| 236 | + }) | |
| 237 | + }else{ | |
| 238 | + uni.navigateTo({ | |
| 239 | + url: '/pages/projectManagement/projectManagement', | |
| 240 | + }) | |
| 241 | + } | |
| 242 | + } | |
| 243 | + } | |
| 244 | + } | |
| 245 | +</script> | |
| 246 | + | |
| 247 | +<style scoped lang="scss"> | |
| 248 | + @import 'workbench.scss'; | |
| 249 | +</style> | ... | ... |
pages/workbench/workbench.vue
| ... | ... | @@ -47,42 +47,42 @@ |
| 47 | 47 | title: '招商服务', |
| 48 | 48 | children: [ |
| 49 | 49 | { name: '文件调查', img: '/workbench1.png', path: '/pages/questionnaire/questionnaire' }, |
| 50 | - { name: '招商方案', img: '/workbench2.png', path: '/pages/Iproposal/Iproposal' }, | |
| 50 | + // { name: '招商方案', img: '/workbench2.png', path: '/pages/Iproposal/Iproposal' }, | |
| 51 | 51 | { name: '活动参与', img: '/workbench3.png', path: '/pages/participation/participation' }, |
| 52 | 52 | { name: '我的活动申请', img: '/workbench4.png', path: '/pages/mycreated/mycreated' }, |
| 53 | 53 | { name: '销售上报', img: '/workbench5.png', path: '/pages/salesReporting/salesReporting' }, |
| 54 | 54 | ] |
| 55 | 55 | }, |
| 56 | - { | |
| 57 | - id: 2, | |
| 58 | - title: '推广策划', | |
| 59 | - children: [ | |
| 60 | - { name: '推广方案申请', img: '/workbench2.png', path: '/pages/application/application' }, | |
| 61 | - { name: '推广方案管理', img: '/workbench7.png', path: '/pages/projectManagement/projectManagement' }, | |
| 62 | - { name: '效果查看', img: '/workbench8.png', path: '' }, | |
| 63 | - ] | |
| 64 | - }, | |
| 65 | - { | |
| 66 | - id: 3, | |
| 67 | - title: '在线商城', | |
| 68 | - children: [ | |
| 69 | - // { name: '新增商品', img: '/workbench9.png', path: '' }, | |
| 70 | - { name: '订单查询', img: '/workbench10.png', path: '/pages/orderList/orderList' }, | |
| 71 | - // { name: '售后管理', img: '/workbench11.png', path: '' }, | |
| 72 | - // { name: '库存管理', img: '/workbench12.png', path: '' }, | |
| 73 | - { name: '销售统计', img: '/workbench15.png', path: '/pages/salesSta/salesSta' }, | |
| 74 | - // { name: '综合查询', img: '/workbench14.png', path: '' }, | |
| 75 | - // { name: '优惠券发放', img: '/workbench13.png', path: '' }, | |
| 76 | - ] | |
| 77 | - }, | |
| 78 | - { | |
| 79 | - id: 4, | |
| 80 | - title: '支付服务', | |
| 81 | - children: [ | |
| 82 | - { name: '明细查询', img: '/workbench16.png', path: '' }, | |
| 83 | - { name: '日志查询', img: '/workbench7.png', path: '' }, | |
| 84 | - ] | |
| 85 | - }, | |
| 56 | + // { | |
| 57 | + // id: 2, | |
| 58 | + // title: '推广策划', | |
| 59 | + // children: [ | |
| 60 | + // { name: '推广方案申请', img: '/workbench2.png', path: '/pages/application/application' }, | |
| 61 | + // { name: '推广方案管理', img: '/workbench7.png', path: '/pages/projectManagement/projectManagement' }, | |
| 62 | + // { name: '效果查看', img: '/workbench8.png', path: '' }, | |
| 63 | + // ] | |
| 64 | + // }, | |
| 65 | + // { | |
| 66 | + // id: 3, | |
| 67 | + // title: '在线商城', | |
| 68 | + // children: [ | |
| 69 | + // // { name: '新增商品', img: '/workbench9.png', path: '' }, | |
| 70 | + // { name: '订单查询', img: '/workbench10.png', path: '/pages/orderList/orderList' }, | |
| 71 | + // // { name: '售后管理', img: '/workbench11.png', path: '' }, | |
| 72 | + // // { name: '库存管理', img: '/workbench12.png', path: '' }, | |
| 73 | + // { name: '销售统计', img: '/workbench15.png', path: '/pages/salesSta/salesSta' }, | |
| 74 | + // // { name: '综合查询', img: '/workbench14.png', path: '' }, | |
| 75 | + // // { name: '优惠券发放', img: '/workbench13.png', path: '' }, | |
| 76 | + // ] | |
| 77 | + // }, | |
| 78 | + // { | |
| 79 | + // id: 4, | |
| 80 | + // title: '支付服务', | |
| 81 | + // children: [ | |
| 82 | + // { name: '明细查询', img: '/workbench16.png', path: '' }, | |
| 83 | + // { name: '日志查询', img: '/workbench7.png', path: '' }, | |
| 84 | + // ] | |
| 85 | + // }, | |
| 86 | 86 | ], |
| 87 | 87 | scrollTop: 0, |
| 88 | 88 | }; | ... | ... |
utils/request.js
| ... | ... | @@ -24,9 +24,12 @@ const sendRequest = (url, method = 'GET', data = {}, baseUrl,contentType) => { |
| 24 | 24 | } |
| 25 | 25 | var bases = '' |
| 26 | 26 | if(baseUrl == 1){ |
| 27 | + | |
| 28 | + // bases = 'http://172.16.61.48/admin-server' + url; | |
| 27 | 29 | bases = 'http://8.130.38.56:8027/admin-server' + url; |
| 28 | 30 | }else{ |
| 29 | 31 | bases = 'http://8.130.38.56:8027/business-server' + url; |
| 32 | + // bases = 'http://172.16.61.48/business-server' + url; | |
| 30 | 33 | // var bases = 'http://10.0.0.96:9004' + url; |
| 31 | 34 | } |
| 32 | 35 | var token = uni.getStorageSync('token') || ''; | ... | ... |