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 | \ No newline at end of file | 617 | \ No newline at end of file |
components/tabbar/tabbar.vue
| @@ -2,7 +2,7 @@ | @@ -2,7 +2,7 @@ | ||
| 2 | <view class="page-total"> | 2 | <view class="page-total"> |
| 3 | <view class="tab-list"> | 3 | <view class="tab-list"> |
| 4 | <view class="list" v-for="(item,index) in TabBarList" | 4 | <view class="list" v-for="(item,index) in TabBarList" |
| 5 | - @click="onTabBar(item,index)" | 5 | + @click="onTabBar(item,item.index)" |
| 6 | :key="index"> | 6 | :key="index"> |
| 7 | <image :src="item.acImg" mode="widthFix" v-show="tabBarShow === index"></image> | 7 | <image :src="item.acImg" mode="widthFix" v-show="tabBarShow === index"></image> |
| 8 | <image :src="item.img" mode="widthFix" v-show="tabBarShow != index"></image> | 8 | <image :src="item.img" mode="widthFix" v-show="tabBarShow != index"></image> |
| @@ -85,7 +85,9 @@ | @@ -85,7 +85,9 @@ | ||
| 85 | */ | 85 | */ |
| 86 | onTabBar(item,index){ | 86 | onTabBar(item,index){ |
| 87 | // this.tabBarShow = index; | 87 | // this.tabBarShow = index; |
| 88 | + console.log(index) | ||
| 88 | switch (index){ | 89 | switch (index){ |
| 90 | + | ||
| 89 | case 0: | 91 | case 0: |
| 90 | wx.switchTab({ | 92 | wx.switchTab({ |
| 91 | url:'/pages/home/home' | 93 | url:'/pages/home/home' |
manifest.json
| @@ -122,6 +122,13 @@ | @@ -122,6 +122,13 @@ | ||
| 122 | "devServer" : { | 122 | "devServer" : { |
| 123 | "https" : false | 123 | "https" : false |
| 124 | }, | 124 | }, |
| 125 | - "domain" : "" | 125 | + "domain" : "", |
| 126 | + "sdkConfigs" : { | ||
| 127 | + "maps" : { | ||
| 128 | + "qqmap" : { | ||
| 129 | + "key" : "6YVBZ-Z6EC4-JYNUH-FGQKA-G6PAE-JVF3U" | ||
| 130 | + } | ||
| 131 | + } | ||
| 132 | + } | ||
| 126 | } | 133 | } |
| 127 | } | 134 | } |
pages.json
| @@ -125,7 +125,7 @@ | @@ -125,7 +125,7 @@ | ||
| 125 | "path": "pages/questionnaire/questionnaire", | 125 | "path": "pages/questionnaire/questionnaire", |
| 126 | "style": { | 126 | "style": { |
| 127 | "navigationBarTitleText": "问卷调查", | 127 | "navigationBarTitleText": "问卷调查", |
| 128 | - "navigationBarBackgroundColor": "#E0E0E0" | 128 | + "navigationBarBackgroundColor": "#FFFFFF" |
| 129 | } | 129 | } |
| 130 | }, | 130 | }, |
| 131 | { | 131 | { |
| @@ -226,6 +226,43 @@ | @@ -226,6 +226,43 @@ | ||
| 226 | "navigationBarTitleText": "招商方案", | 226 | "navigationBarTitleText": "招商方案", |
| 227 | "navigationBarBackgroundColor": "#FFFFFF" | 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 | "globalStyle": { | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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,8 +7,8 @@ | ||
| 7 | </view> | 7 | </view> |
| 8 | <view class="info-text">{{tableData.shopDescription}}</view> | 8 | <view class="info-text">{{tableData.shopDescription}}</view> |
| 9 | <view class="info-racord"> | 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 | </view> | 12 | </view> |
| 13 | </view> | 13 | </view> |
| 14 | <view class="banner-item field"> | 14 | <view class="banner-item field"> |
| @@ -73,7 +73,7 @@ | @@ -73,7 +73,7 @@ | ||
| 73 | <view class="footer-btn"> | 73 | <view class="footer-btn"> |
| 74 | <u-button type="primary">意向申请</u-button> | 74 | <u-button type="primary">意向申请</u-button> |
| 75 | <u-button type="success" style="margin-left: unset;" @click="leaseAdd">租赁申请</u-button> | 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 | </view> | 77 | </view> |
| 78 | <view class="footer-service"> | 78 | <view class="footer-service"> |
| 79 | <u-image :showLoading="true" src="/static/images/share-icon.png" width="30rpx" height="30rpx"></u-image> | 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,7 +95,7 @@ | ||
| 95 | <view class="footer-btn"> | 95 | <view class="footer-btn"> |
| 96 | <u-button type="primary">意向申请</u-button> | 96 | <u-button type="primary">意向申请</u-button> |
| 97 | <u-button type="success" style="margin-left: unset;" @click="leaseAdd">租赁申请</u-button> | 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 | </view> | 99 | </view> |
| 100 | <view class="footer-service"> | 100 | <view class="footer-service"> |
| 101 | <u-image :showLoading="true" src="/static/images/share-icon.png" width="30rpx" height="30rpx"></u-image> | 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,9 +33,9 @@ | ||
| 33 | </view> | 33 | </view> |
| 34 | </view> | 34 | </view> |
| 35 | <!-- 订单列表 --> | 35 | <!-- 订单列表 --> |
| 36 | - <view class="goods-data"> | 36 | + <!-- <view class="goods-data"> |
| 37 | <view class="goods-list"> | 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 | <view class="thumb"> | 39 | <view class="thumb"> |
| 40 | <image :src="$imgUrl('/img/3.jpg')" mode=""></image> | 40 | <image :src="$imgUrl('/img/3.jpg')" mode=""></image> |
| 41 | </view> | 41 | </view> |
| @@ -66,6 +66,41 @@ | @@ -66,6 +66,41 @@ | ||
| 66 | </view> | 66 | </view> |
| 67 | </view> | 67 | </view> |
| 68 | </view> | 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 | </view> | 104 | </view> |
| 70 | </view> | 105 | </view> |
| 71 | </template> | 106 | </template> |
| @@ -75,9 +110,29 @@ | @@ -75,9 +110,29 @@ | ||
| 75 | data() { | 110 | data() { |
| 76 | return { | 111 | return { |
| 77 | keyword:'', | 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 | methods: { | 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 | reconciliationdetail() { | 136 | reconciliationdetail() { |
| 82 | uni.navigateTo({ | 137 | uni.navigateTo({ |
| 83 | url: '/pages/reconciliationdetail/reconciliationdetail' | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 402 | \ No newline at end of file |
pages/home/home.scss
| @@ -79,7 +79,7 @@ | @@ -79,7 +79,7 @@ | ||
| 79 | top: 190rpx; | 79 | top: 190rpx; |
| 80 | /* #endif */ | 80 | /* #endif */ |
| 81 | padding-bottom: 140rpx; | 81 | padding-bottom: 140rpx; |
| 82 | - margin: 0 20rpx; | 82 | + // margin: 0 20rpx; |
| 83 | } | 83 | } |
| 84 | .banner{ | 84 | .banner{ |
| 85 | height: 400rpx; | 85 | height: 400rpx; |
| @@ -97,6 +97,7 @@ | @@ -97,6 +97,7 @@ | ||
| 97 | } | 97 | } |
| 98 | } | 98 | } |
| 99 | .bg-white { | 99 | .bg-white { |
| 100 | + margin: 0 20rpx; | ||
| 100 | background-color: #fff; | 101 | background-color: #fff; |
| 101 | border-radius: 20rpx; | 102 | border-radius: 20rpx; |
| 102 | } | 103 | } |
| @@ -122,8 +123,8 @@ | @@ -122,8 +123,8 @@ | ||
| 122 | align-items: center; | 123 | align-items: center; |
| 123 | margin-bottom: 10rpx; | 124 | margin-bottom: 10rpx; |
| 124 | .notice-icon { | 125 | .notice-icon { |
| 125 | - border: 2rpx solid #0FBB59; | ||
| 126 | - color: #0FBB59; | 126 | + border: 2rpx solid #3F9B6A; |
| 127 | + color: #3F9B6A; | ||
| 127 | background-color: #eefff5; | 128 | background-color: #eefff5; |
| 128 | border-radius: 10rpx; | 129 | border-radius: 10rpx; |
| 129 | font-size: 20rpx; | 130 | font-size: 20rpx; |
| @@ -345,4 +346,82 @@ | @@ -345,4 +346,82 @@ | ||
| 345 | margin-right: 0; | 346 | margin-right: 0; |
| 346 | } | 347 | } |
| 347 | } | 348 | } |
| 348 | -} | ||
| 349 | \ No newline at end of file | 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,7 +12,7 @@ | ||
| 12 | <view class="setting-mess"></view> | 12 | <view class="setting-mess"></view> |
| 13 | </view> | 13 | </view> |
| 14 | <view class="main"> | 14 | <view class="main"> |
| 15 | - <view class="banner"> | 15 | + <view class="banner" style="padding:0 20px;"> |
| 16 | <swiper class="screen-swiper square-dot" indicator-dots="true" circular="true" autoplay="true" | 16 | <swiper class="screen-swiper square-dot" indicator-dots="true" circular="true" autoplay="true" |
| 17 | interval="5000" duration="500"> | 17 | interval="5000" duration="500"> |
| 18 | <swiper-item v-for="(item,index) in swiperList" :key="index"> | 18 | <swiper-item v-for="(item,index) in swiperList" :key="index"> |
| @@ -75,7 +75,7 @@ | @@ -75,7 +75,7 @@ | ||
| 75 | </view> | 75 | </view> |
| 76 | </view> | 76 | </view> |
| 77 | 77 | ||
| 78 | - <view class="order-tab"> | 78 | + <!-- <view class="order-tab"> |
| 79 | <view class="tab" :class="{'action':OrderType==0}" @click="onCouponTab(0)"> | 79 | <view class="tab" :class="{'action':OrderType==0}" @click="onCouponTab(0)"> |
| 80 | <text>推荐</text> | 80 | <text>推荐</text> |
| 81 | </view> | 81 | </view> |
| @@ -91,7 +91,7 @@ | @@ -91,7 +91,7 @@ | ||
| 91 | <view class="tab" :class="{'action':OrderType==4}" @click="onCouponTab(4)"> | 91 | <view class="tab" :class="{'action':OrderType==4}" @click="onCouponTab(4)"> |
| 92 | <text>其他</text> | 92 | <text>其他</text> |
| 93 | </view> | 93 | </view> |
| 94 | - </view> | 94 | + </view> --> |
| 95 | 95 | ||
| 96 | <!-- 订单列表 --> | 96 | <!-- 订单列表 --> |
| 97 | <!-- <view v-if="OrderType===0"> | 97 | <!-- <view v-if="OrderType===0"> |
| @@ -150,7 +150,7 @@ | @@ -150,7 +150,7 @@ | ||
| 150 | </view> | 150 | </view> |
| 151 | </view> | 151 | </view> |
| 152 | </view> --> | 152 | </view> --> |
| 153 | - <view> | 153 | + <!-- <view> |
| 154 | <view class="screen-list"> | 154 | <view class="screen-list"> |
| 155 | <view class="list" @click="setList(0)"> | 155 | <view class="list" @click="setList(0)"> |
| 156 | <text>{{xuanList[0]}}</text> | 156 | <text>{{xuanList[0]}}</text> |
| @@ -181,10 +181,7 @@ | @@ -181,10 +181,7 @@ | ||
| 181 | mode="heightFix"></image> | 181 | mode="heightFix"></image> |
| 182 | </view> | 182 | </view> |
| 183 | <view class="item"> | 183 | <view class="item"> |
| 184 | - <!-- <view class="tag"> | ||
| 185 | - <text>标签标签</text> | ||
| 186 | - <text>标签标签</text> | ||
| 187 | - </view> --> | 184 | + |
| 188 | <view class="title"> | 185 | <view class="title"> |
| 189 | <text | 186 | <text |
| 190 | class="two-omit">{{ item.shopName || item.advertisingName || ''}}</text> | 187 | class="two-omit">{{ item.shopName || item.advertisingName || ''}}</text> |
| @@ -201,7 +198,7 @@ | @@ -201,7 +198,7 @@ | ||
| 201 | <text class="min">/m²</text> | 198 | <text class="min">/m²</text> |
| 202 | </view> | 199 | </view> |
| 203 | <view class="vip-price" v-if="item.detailedLocation"> | 200 | <view class="vip-price" v-if="item.detailedLocation"> |
| 204 | - <!-- <image :src="`${this.$imgs}/kefu.png`"></image> --> | 201 | + |
| 205 | <text class="min">{{item.detailedLocation || ''}}</text> | 202 | <text class="min">{{item.detailedLocation || ''}}</text> |
| 206 | </view> | 203 | </view> |
| 207 | </view> | 204 | </view> |
| @@ -209,9 +206,100 @@ | @@ -209,9 +206,100 @@ | ||
| 209 | </view> | 206 | </view> |
| 210 | </view> | 207 | </view> |
| 211 | </view> | 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 | </view> | 300 | </view> |
| 213 | - | ||
| 214 | </view> | 301 | </view> |
| 302 | + | ||
| 215 | <!-- tabbar --> | 303 | <!-- tabbar --> |
| 216 | <tabbar :tabBarShow="0"></tabbar> | 304 | <tabbar :tabBarShow="0"></tabbar> |
| 217 | </view> | 305 | </view> |
| @@ -248,14 +336,16 @@ | @@ -248,14 +336,16 @@ | ||
| 248 | xuanval:0, | 336 | xuanval:0, |
| 249 | xuanList:['区域','租金','默认排序','筛选'], | 337 | xuanList:['区域','租金','默认排序','筛选'], |
| 250 | list: [{ | 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 | onLoad() { | 351 | onLoad() { |
| @@ -266,6 +356,7 @@ | @@ -266,6 +356,7 @@ | ||
| 266 | }, | 356 | }, |
| 267 | mounted() { | 357 | mounted() { |
| 268 | this.getALL() | 358 | this.getALL() |
| 359 | + this.onCouponTab(0) | ||
| 269 | }, | 360 | }, |
| 270 | methods: { | 361 | methods: { |
| 271 | getALL(){ | 362 | getALL(){ |
| @@ -273,39 +364,19 @@ | @@ -273,39 +364,19 @@ | ||
| 273 | pageNumber: 1, | 364 | pageNumber: 1, |
| 274 | pageSize: 2 | 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 | onCouponTab(type) { | 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 | this.$http.sendRequest('/cereBasicInformationShop/queryByPage', 'POST', this.pageindex,1).then(res => { | 380 | this.$http.sendRequest('/cereBasicInformationShop/queryByPage', 'POST', this.pageindex,1).then(res => { |
| 310 | //成功回调 | 381 | //成功回调 |
| 311 | this.tableData = res.data.data.content | 382 | this.tableData = res.data.data.content |
| @@ -313,9 +384,16 @@ | @@ -313,9 +384,16 @@ | ||
| 313 | console.log(err) | 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 | } else if (type == 2) { | 396 | } else if (type == 2) { |
| 317 | - this.tableData = [] | ||
| 318 | - } else if (type == 3) { | ||
| 319 | this.pageindex.advertisingType = '线上广告位' | 397 | this.pageindex.advertisingType = '线上广告位' |
| 320 | this.$http.sendRequest('/cereAdvertisingInformation/likeGet', 'POST', this.pageindex,1).then(res => { | 398 | this.$http.sendRequest('/cereAdvertisingInformation/likeGet', 'POST', this.pageindex,1).then(res => { |
| 321 | //成功回调 | 399 | //成功回调 |
| @@ -324,10 +402,6 @@ | @@ -324,10 +402,6 @@ | ||
| 324 | console.log(err) | 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,6 +415,12 @@ | ||
| 341 | url: '/pages/field/field' | 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 | advertisement() { | 424 | advertisement() { |
| 345 | uni.navigateTo({ | 425 | uni.navigateTo({ |
| 346 | url: '/pages/advertisement/advertisement' | 426 | url: '/pages/advertisement/advertisement' |
| @@ -352,12 +432,19 @@ | @@ -352,12 +432,19 @@ | ||
| 352 | url: `/pages/procedure/procedure?item=${items}` | 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 | setList(val){ | 448 | setList(val){ |
| 362 | 449 | ||
| 363 | this.xuanval = val | 450 | this.xuanval = val |
| @@ -391,6 +478,10 @@ | @@ -391,6 +478,10 @@ | ||
| 391 | this.tableData = res.data.data.content | 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 | \ No newline at end of file | 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,9 +18,18 @@ | ||
| 18 | <view> | 18 | <view> |
| 19 | <view class="loginBut" @click="goLogin">手机号登录</view> | 19 | <view class="loginBut" @click="goLogin">手机号登录</view> |
| 20 | </view> | 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 | <text class="font-color-C5AA7B">还没有账号,</text> | 22 | <text class="font-color-C5AA7B">还没有账号,</text> |
| 23 | <text class="register-text" @click="goRegister">去注册</text> | 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 | </view> | 33 | </view> |
| 25 | </view> | 34 | </view> |
| 26 | 35 | ||
| @@ -74,6 +83,8 @@ | @@ -74,6 +83,8 @@ | ||
| 74 | num: 60, | 83 | num: 60, |
| 75 | time: null, | 84 | time: null, |
| 76 | // cid | 85 | // cid |
| 86 | + checked:null, | ||
| 87 | + showTong:'', | ||
| 77 | push_clientid:'' | 88 | push_clientid:'' |
| 78 | }; | 89 | }; |
| 79 | }, | 90 | }, |
| @@ -83,7 +94,24 @@ | @@ -83,7 +94,24 @@ | ||
| 83 | }, | 94 | }, |
| 84 | methods: { | 95 | methods: { |
| 85 | goLogin(){ | 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 | register() { | 116 | register() { |
| 89 | if (this.form.phone == '') { | 117 | if (this.form.phone == '') { |
| @@ -136,7 +164,11 @@ | @@ -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 | watch: { | 173 | watch: { |
| 142 | form: { | 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 | \ No newline at end of file | 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,7 +62,7 @@ | ||
| 62 | <text>我的活动</text> | 62 | <text>我的活动</text> |
| 63 | </view> | 63 | </view> |
| 64 | </view> | 64 | </view> |
| 65 | - <view class="service-list-list" @click="apply"> | 65 | + <!-- <view class="service-list-list" @click="apply"> |
| 66 | <view class="thumb"> | 66 | <view class="thumb"> |
| 67 | <text v-if="Islogin">0</text> | 67 | <text v-if="Islogin">0</text> |
| 68 | <text v-else>2</text> | 68 | <text v-else>2</text> |
| @@ -70,8 +70,8 @@ | @@ -70,8 +70,8 @@ | ||
| 70 | <view class="name"> | 70 | <view class="name"> |
| 71 | <text>我的招商</text> | 71 | <text>我的招商</text> |
| 72 | </view> | 72 | </view> |
| 73 | - </view> | ||
| 74 | - <view class="service-list-list" @click="projectM"> | 73 | + </view> --> |
| 74 | + <!-- <view class="service-list-list" @click="projectM"> | ||
| 75 | <view class="thumb"> | 75 | <view class="thumb"> |
| 76 | <text v-if="Islogin">0</text> | 76 | <text v-if="Islogin">0</text> |
| 77 | <text v-else>{{tuiguang}}</text> | 77 | <text v-else>{{tuiguang}}</text> |
| @@ -79,12 +79,12 @@ | @@ -79,12 +79,12 @@ | ||
| 79 | <view class="name"> | 79 | <view class="name"> |
| 80 | <text>我的推广</text> | 80 | <text>我的推广</text> |
| 81 | </view> | 81 | </view> |
| 82 | - </view> | 82 | + </view> --> |
| 83 | </view> | 83 | </view> |
| 84 | </view> | 84 | </view> |
| 85 | </view> | 85 | </view> |
| 86 | <!-- 我的服务 --> | 86 | <!-- 我的服务 --> |
| 87 | - <view class="message-list"> | 87 | + <!-- <view class="message-list"> |
| 88 | <view class="titleall-box"> | 88 | <view class="titleall-box"> |
| 89 | <view class="titleall-left"><view class="titleall-left-line"></view>商城数据</view> | 89 | <view class="titleall-left"><view class="titleall-left-line"></view>商城数据</view> |
| 90 | </view> | 90 | </view> |
| @@ -101,14 +101,6 @@ | @@ -101,14 +101,6 @@ | ||
| 101 | <text>今日收入</text> | 101 | <text>今日收入</text> |
| 102 | </view> | 102 | </view> |
| 103 | </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"> | 104 | <view class="service-list-list-two"> |
| 113 | <view class="thumb"> | 105 | <view class="thumb"> |
| 114 | {{tongji.total}} | 106 | {{tongji.total}} |
| @@ -117,14 +109,6 @@ | @@ -117,14 +109,6 @@ | ||
| 117 | <text>访客数</text> | 109 | <text>访客数</text> |
| 118 | </view> | 110 | </view> |
| 119 | </view> | 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 | <view class="service-list-list-two"> | 112 | <view class="service-list-list-two"> |
| 129 | <view class="thumb"> | 113 | <view class="thumb"> |
| 130 | {{tongji.rate || `0%`}} | 114 | {{tongji.rate || `0%`}} |
| @@ -133,18 +117,10 @@ | @@ -133,18 +117,10 @@ | ||
| 133 | <text>转化率</text> | 117 | <text>转化率</text> |
| 134 | </view> | 118 | </view> |
| 135 | </view> | 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 | </view> | 120 | </view> |
| 145 | 121 | ||
| 146 | </view> | 122 | </view> |
| 147 | - </view> | 123 | + </view> --> |
| 148 | <view class="message-list"> | 124 | <view class="message-list"> |
| 149 | <view class="titleall-box"> | 125 | <view class="titleall-box"> |
| 150 | <view class="titleall-left"><view class="titleall-left-line"></view>我的服务</view> | 126 | <view class="titleall-left"><view class="titleall-left-line"></view>我的服务</view> |
| @@ -164,7 +140,7 @@ | @@ -164,7 +140,7 @@ | ||
| 164 | <image :src="$imgUrl('/right2.png')"></image> | 140 | <image :src="$imgUrl('/right2.png')"></image> |
| 165 | </view> | 141 | </view> |
| 166 | </view> | 142 | </view> |
| 167 | - <view class="list" @click="recordService"> | 143 | + <view class="list" @click="toPage('/pages/record/record')"> |
| 168 | <view class="icon-data"> | 144 | <view class="icon-data"> |
| 169 | <view class="icon"> | 145 | <view class="icon"> |
| 170 | <image :src="$imgUrl('/my-icon2.png')" mode=""></image> | 146 | <image :src="$imgUrl('/my-icon2.png')" mode=""></image> |
| @@ -313,6 +289,9 @@ | @@ -313,6 +289,9 @@ | ||
| 313 | 289 | ||
| 314 | }) | 290 | }) |
| 315 | }, | 291 | }, |
| 292 | + toPage(url) { | ||
| 293 | + uni.navigateTo({ url }); | ||
| 294 | + }, | ||
| 316 | recordService() { | 295 | recordService() { |
| 317 | if(this.Islogin == false){ | 296 | if(this.Islogin == false){ |
| 318 | uni.navigateTo({ | 297 | uni.navigateTo({ |
pages/mycreated/mycreated.vue
| @@ -15,11 +15,11 @@ | @@ -15,11 +15,11 @@ | ||
| 15 | <view class="body"> | 15 | <view class="body"> |
| 16 | <image :src="$imgUrl('/img/2.jpg')" ></image> | 16 | <image :src="$imgUrl('/img/2.jpg')" ></image> |
| 17 | <view class="info"> | 17 | <view class="info"> |
| 18 | - <view class="title">这里有标题这里有标题这里有标题这里有标题</view> | 18 | + <view class="title">绿道好物节</view> |
| 19 | <view class="info-items"> | 19 | <view class="info-items"> |
| 20 | <view class="info-item"> | 20 | <view class="info-item"> |
| 21 | <view class="label">活动时间:</view> | 21 | <view class="label">活动时间:</view> |
| 22 | - <text>2022.22.22</text> | 22 | + <text>2024.10.20</text> |
| 23 | </view> | 23 | </view> |
| 24 | <view class="info-item"> | 24 | <view class="info-item"> |
| 25 | <view class="label">参与商家:</view> | 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 | \ No newline at end of file | 37 | \ No newline at end of file |
pages/questionnaire/questionnaire.scss
| @@ -6,6 +6,28 @@ | @@ -6,6 +6,28 @@ | ||
| 6 | height: 100%; | 6 | height: 100%; |
| 7 | background-color: #f6f6f6; | 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 | .screen-list { | 31 | .screen-list { |
| 10 | display: flex; | 32 | display: flex; |
| 11 | align-items: center; | 33 | align-items: center; |
pages/questionnaire/questionnaire.vue
| 1 | <template> | 1 | <template> |
| 2 | <view class="page"> | 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 | <view class="screen-list"> | 7 | <view class="screen-list"> |
| 4 | <view class="list" @click="show = true"> | 8 | <view class="list" @click="show = true"> |
| 5 | <text>问卷类型</text> | 9 | <text>问卷类型</text> |
| @@ -18,7 +22,7 @@ | @@ -18,7 +22,7 @@ | ||
| 18 | <image :src="$imgUrl('/img/2.jpg')"></image> | 22 | <image :src="$imgUrl('/img/2.jpg')"></image> |
| 19 | </view> | 23 | </view> |
| 20 | <view class="info"> | 24 | <view class="info"> |
| 21 | - <view class="title" >这里有标题这里有标题这里有...</view> | 25 | + <view class="title" >{{item.title}}</view> |
| 22 | <view class="info-item">填写时间:<span>{{item.tTime}}分钟</span></view> | 26 | <view class="info-item">填写时间:<span>{{item.tTime}}分钟</span></view> |
| 23 | <view class="info-item">截止时间:<span>{{item.jTime}}</span></view> | 27 | <view class="info-item">截止时间:<span>{{item.jTime}}</span></view> |
| 24 | <view class="info-item">问卷类型:<span>{{item.leiXing}}</span></view> | 28 | <view class="info-item">问卷类型:<span>{{item.leiXing}}</span></view> |
| @@ -49,6 +53,7 @@ | @@ -49,6 +53,7 @@ | ||
| 49 | ], // 区域列表 | 53 | ], // 区域列表 |
| 50 | query: { | 54 | query: { |
| 51 | type: '', | 55 | type: '', |
| 56 | + keyword: '', | ||
| 52 | }, | 57 | }, |
| 53 | tableData:[ | 58 | tableData:[ |
| 54 | { | 59 | { |
| @@ -73,6 +78,7 @@ | @@ -73,6 +78,7 @@ | ||
| 73 | this.query[`${key}`] = val[0].value; | 78 | this.query[`${key}`] = val[0].value; |
| 74 | this.search(); | 79 | this.search(); |
| 75 | }, | 80 | }, |
| 81 | + search() {}, | ||
| 76 | toAdd() { | 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 | \ No newline at end of file | 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,9 +5,49 @@ | ||
| 5 | width: 100%; | 5 | width: 100%; |
| 6 | height: 100%; | 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 | .record-list{ | 49 | .record-list{ |
| 10 | - margin: 20rpx; | 50 | + margin: 0 20rpx; |
| 11 | .record-list-box { | 51 | .record-list-box { |
| 12 | background-color: #FFFFFF; | 52 | background-color: #FFFFFF; |
| 13 | border-radius: 20rpx; | 53 | border-radius: 20rpx; |
| @@ -58,29 +98,3 @@ | @@ -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 | \ No newline at end of file | 101 | \ No newline at end of file |
pages/record/record.vue
| 1 | <template> | 1 | <template> |
| 2 | <view class="page"> | 2 | <view class="page"> |
| 3 | <view class="screen-list"> | 3 | <view class="screen-list"> |
| 4 | - <view>记录查询</view> | ||
| 5 | <view class="list"> | 4 | <view class="list"> |
| 6 | <text>租赁申请记录</text> | 5 | <text>租赁申请记录</text> |
| 7 | <image :src="$imgUrl('/down.png')" ></image> | 6 | <image :src="$imgUrl('/down.png')" ></image> |
| @@ -13,7 +12,7 @@ | @@ -13,7 +12,7 @@ | ||
| 13 | <view class="list"> | 12 | <view class="list"> |
| 14 | <view class="title-date"> | 13 | <view class="title-date"> |
| 15 | <view class="date"> | 14 | <view class="date"> |
| 16 | - <text>租赁资源名称:{{item.recordName}}</text> | 15 | + <text>都江堰广场8#-2,都江堰市柏条河北路下段 I 茶坊 I 广场</text> |
| 17 | </view> | 16 | </view> |
| 18 | <view class="date"> | 17 | <view class="date"> |
| 19 | <text>承租人姓名:{{item.porName}}</text> | 18 | <text>承租人姓名:{{item.porName}}</text> |
| @@ -43,13 +42,13 @@ | @@ -43,13 +42,13 @@ | ||
| 43 | { | 42 | { |
| 44 | recordName:'这里有名称这里有名称', | 43 | recordName:'这里有名称这里有名称', |
| 45 | porName:'徐丽', | 44 | porName:'徐丽', |
| 46 | - tTime:'2022-02-22 12:00:00', | 45 | + tTime:'2024-10-8 11:04:20', |
| 47 | state:'受理中' | 46 | state:'受理中' |
| 48 | }, | 47 | }, |
| 49 | { | 48 | { |
| 50 | recordName:'这里有名称这里有名称', | 49 | recordName:'这里有名称这里有名称', |
| 51 | - porName:'徐丽', | ||
| 52 | - tTime:'2022-02-22 12:00:00', | 50 | + porName:'王城', |
| 51 | + tTime:'2024-10-9 10:20:47', | ||
| 53 | state:'已通过' | 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,42 +47,42 @@ | ||
| 47 | title: '招商服务', | 47 | title: '招商服务', |
| 48 | children: [ | 48 | children: [ |
| 49 | { name: '文件调查', img: '/workbench1.png', path: '/pages/questionnaire/questionnaire' }, | 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 | { name: '活动参与', img: '/workbench3.png', path: '/pages/participation/participation' }, | 51 | { name: '活动参与', img: '/workbench3.png', path: '/pages/participation/participation' }, |
| 52 | { name: '我的活动申请', img: '/workbench4.png', path: '/pages/mycreated/mycreated' }, | 52 | { name: '我的活动申请', img: '/workbench4.png', path: '/pages/mycreated/mycreated' }, |
| 53 | { name: '销售上报', img: '/workbench5.png', path: '/pages/salesReporting/salesReporting' }, | 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 | scrollTop: 0, | 87 | scrollTop: 0, |
| 88 | }; | 88 | }; |
utils/request.js
| @@ -24,9 +24,12 @@ const sendRequest = (url, method = 'GET', data = {}, baseUrl,contentType) => { | @@ -24,9 +24,12 @@ const sendRequest = (url, method = 'GET', data = {}, baseUrl,contentType) => { | ||
| 24 | } | 24 | } |
| 25 | var bases = '' | 25 | var bases = '' |
| 26 | if(baseUrl == 1){ | 26 | if(baseUrl == 1){ |
| 27 | + | ||
| 28 | + // bases = 'http://172.16.61.48/admin-server' + url; | ||
| 27 | bases = 'http://8.130.38.56:8027/admin-server' + url; | 29 | bases = 'http://8.130.38.56:8027/admin-server' + url; |
| 28 | }else{ | 30 | }else{ |
| 29 | bases = 'http://8.130.38.56:8027/business-server' + url; | 31 | bases = 'http://8.130.38.56:8027/business-server' + url; |
| 32 | + // bases = 'http://172.16.61.48/business-server' + url; | ||
| 30 | // var bases = 'http://10.0.0.96:9004' + url; | 33 | // var bases = 'http://10.0.0.96:9004' + url; |
| 31 | } | 34 | } |
| 32 | var token = uni.getStorageSync('token') || ''; | 35 | var token = uni.getStorageSync('token') || ''; |