antissoft / antis-greenway

Commit 379aff0a99d8f110b6f14a68923d896a6fe52827

Authored by monkeyhouyi
1 parent 1b38b4ce

营销推广，商务合作

Inline Side-by-side
Showing 15 changed files with 1362 additions and 44 deletions
pages/advertisementAdd/advertisementAdd.vue
  View file @379aff0
... ... @@ -4,17 +4,32 @@
4 4 <u-steps :list="numList" :current="active"></u-steps>
5 5 </view>
6 6 <view>
7   - <view class="add-list" v-if="active == 0">
  7 + <view v-if="active == 0">
8 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>
  9 + <view class="add-list">
  10 + <u-form-item label="投放时段" prop="name" borderBottom>
  11 + <u-input v-model="model1.name" ></u-input>
  12 + </u-form-item>
  13 + </view>
  14 + <view class="add-list">
  15 + <u-form-item label="跳转类型" prop="name" borderBottom>
  16 + <u-input v-model="model1.name" ></u-input>
  17 + </u-form-item>
  18 + <u-form-item label="链接" prop="name" borderBottom>
  19 + <u-input v-model="model1.name" ></u-input>
  20 + </u-form-item>
  21 + </view>
  22 + <view class="add-list">
  23 + <u-form-item label="封面图片" prop="name" borderBottom labelPosition="top">
  24 + <u-upload :active="active" :file-list="model1.fileList" ></u-upload>
  25 + </u-form-item>
  26 + </view>
  27 + <view class="add-list">
  28 + <u-form-item label="广告标题" prop="name" borderBottom labelPosition="top">
  29 + <u-input v-model="model1.name" />
  30 + </u-form-item>
  31 + </view>
  32 +
18 33 </u-form>
19 34 </view>
20 35 <view class="add-list" v-else-if='active == 1'>
... ...
pages/advertisementDetail/advertisementDetail.scss 0 → 100644
  View file @379aff0
  1 +.page {
  2 + position: relative;
  3 + width: 100%;
  4 + // height: 100%;
  5 + overflow-x: hidden;
  6 + // overflow-y: auto;
  7 +}
  8 +// 图片
  9 +// 商铺信息
  10 +.banner {
  11 + width: 100%;
  12 + margin-top: -20rpx;
  13 + border-radius: 30rpx;
  14 + background-color: #fff;
  15 + padding: 26rpx 34rpx;
  16 + .banner-item {
  17 + border-bottom: 2rpx solid #EBEBEB;
  18 + padding-bottom: 32rpx;
  19 + .banner-item-title {
  20 + font-size: 28rpx;
  21 + font-weight: 700;
  22 + line-height: 48rpx;
  23 + margin-top: 30rpx;
  24 + }
  25 + .banner-item-form {
  26 + .form-item {
  27 + line-height: 30rpx;
  28 + font-size: 24rpx;
  29 + display: flex;
  30 + justify-content: flex-start;
  31 + align-items: top;
  32 + padding: 14rpx 0;
  33 + }
  34 + }
  35 + &:last-child {
  36 + border-bottom: unset;
  37 + }
  38 + }
  39 + // 基础信息
  40 + .info {
  41 + .info-title {
  42 + font-weight: bold;
  43 + font-size: 32rpx;
  44 + margin-bottom: 24rpx;
  45 + span {
  46 + display: inline-block;
  47 + padding: 0 8rpx;
  48 + }
  49 + }
  50 + .info-text {
  51 + margin-bottom: 30rpx;
  52 + }
  53 + .info-racord {
  54 + display: flex;
  55 + justify-content: space-between;
  56 + align-items: center;
  57 + .info-price {
  58 + color: #31AA6A;
  59 + span {
  60 + font-size: 40rpx;
  61 + font-weight: 700;
  62 + margin-right: 4rpx;
  63 + }
  64 + }
  65 + }
  66 + }
  67 + // 场地信息
  68 + // 位置信息
  69 + .position {
  70 + .position-info {
  71 + display: flex;
  72 + align-items: center;
  73 + flex-direction: row;
  74 + margin: 38rpx 22rpx;
  75 + background-color: #fff;
  76 + font-size: 24rpx;
  77 + padding: 20rpx 16rpx;
  78 + line-height: 30rpx;
  79 + border-radius: 14rpx;
  80 + text {
  81 + margin-left: 10rpx;
  82 + }
  83 + }
  84 + }
  85 + // 周边商铺
  86 + .other-business {
  87 + .scroll-view_H {
  88 + white-space: nowrap;
  89 + width: 100%;
  90 + }
  91 + .scroll-view-item_H {
  92 + display: inline-block;
  93 + width: 210rpx;
  94 + margin-right: 22rpx;
  95 + &:last-child {
  96 + margin-right: 0;
  97 + }
  98 + .business-card {
  99 + width: 100%;
  100 + .u-image {
  101 + overflow: hidden !important;
  102 + border-radius: 20rpx !important;
  103 + }
  104 + .business-card-title {
  105 + width: 100%;
  106 + overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
  107 + text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  108 + // display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
  109 + // -webkit-line-clamp: 2;/*用来限制在一个块元素显示的文本的行数。*/
  110 + // -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排*/
  111 + line-height: 30rpx;
  112 + margin: 10rpx 0;
  113 + padding: 0 10rpx;
  114 + }
  115 + .business-card-item {
  116 + padding: 0 10rpx;
  117 + font-weight: 400;
  118 + font-size: 20rpx;
  119 + color: #676767;
  120 + line-height: 1.5;
  121 + span {
  122 + font-weight: 700;
  123 + font-size: 30rpx;
  124 + color: #000000;
  125 + }
  126 + }
  127 + }
  128 + }
  129 + }
  130 +}
  131 +
  132 +/* 底部 */
  133 +.page-footer{
  134 + position: fixed;
  135 + left: 0;
  136 + bottom: 0;
  137 + display: flex;
  138 + align-items: center;
  139 + justify-content: center;
  140 + width: 100%;
  141 + height: 125rpx;
  142 + background-color: #FFFFFF;
  143 + padding-bottom: constant(safe-area-inset-bottom);
  144 + padding-bottom: env(safe-area-inset-bottom);
  145 + .footer-btn {
  146 + display: flex;
  147 + width: 70vw;
  148 + }
  149 + .footer-service {
  150 + display: flex;
  151 + flex-direction: column;
  152 + align-items: center;
  153 + text {
  154 + margin-top: 6rpx;
  155 + line-height: 42rpx;
  156 + }
  157 + }
  158 +}
0 159 \ No newline at end of file
... ...
pages/advertisementDetail/advertisementDetail.vue 0 → 100644
  View file @379aff0
  1 +<template>
  2 + <view>
  3 + <view class="banner">
  4 + <view class="banner-item info">
  5 + <view class="info-title">
  6 + {{tableData.advertisingName}}
  7 + </view>
  8 + <view class="info-text">{{tableData.shopDescription}}</view>
  9 + <view class="info-racord">
  10 + <view class="info-price"><span>1000</span>元/月</view>
  11 + <view class="info-intention">2456人有意向</view>
  12 + </view>
  13 + </view>
  14 + <view class="banner-item field">
  15 + <view class="banner-item-title">基础信息</view>
  16 + <view class="banner-item-form">
  17 + <u-row gutter="16">
  18 + <u-col span="7">
  19 + <view class="form-item">
  20 + <view class="label">广告位类型：</view>
  21 + <text>{{tableData.advertisingType}}</text>
  22 + </view>
  23 + </u-col>
  24 + <u-col span="5">
  25 + <view class="form-item">
  26 + <view class="label">所属端：</view>
  27 + <text>{{tableData.affiliation || '--'}}</text>
  28 + </view>
  29 + </u-col>
  30 + <u-col span="7">
  31 + <view class="form-item">
  32 + <view class="label">轮播顺序：</view>
  33 + <text>{{tableData.rotationOrder || '--'}}</text>
  34 + </view>
  35 + </u-col>
  36 + </u-row>
  37 + </view>
  38 + </view>
  39 + <view class="banner-item">
  40 + <view class="banner-item-title">广告信息</view>
  41 + <view class="banner-item-form">
  42 + <u-row gutter="16">
  43 + <u-col span="7">
  44 + <view class="form-item">
  45 + <view class="label">广告尺寸：</view>
  46 + <text>{{tableData.dimensions || '--'}}</text>
  47 + </view>
  48 + </u-col>
  49 + <u-col span="5">
  50 + <view class="form-item">
  51 + <view class="label">可上传大小：</view>
  52 + <text>{{tableData.size || '--'}}</text>
  53 + </view>
  54 + </u-col>
  55 + <u-col span="7">
  56 + <view class="form-item">
  57 + <view class="label">位置示意图：</view>
  58 + </view>
  59 + </u-col>
  60 + <u-col span="12">
  61 + <image :src="tableData.locationDiagram" width="100%"></image>
  62 + </u-col>
  63 + </u-row>
  64 + </view>
  65 + </view>
  66 + </view>
  67 + <!-- 底部 -->
  68 + <view class="page-footer">
  69 + <view class="footer-service">
  70 + <u-image :showLoading="true" src="/static/images/sevice-icon.png" width="30rpx" height="30rpx"></u-image>
  71 + <text>客服</text>
  72 + </view>
  73 + <view class="footer-btn">
  74 + <u-button type="primary">意向申请</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> -->
  77 + </view>
  78 + <view class="footer-service">
  79 + <u-image :showLoading="true" src="/static/images/share-icon.png" width="30rpx" height="30rpx"></u-image>
  80 + <text>分享</text>
  81 + </view>
  82 + </view>
  83 + </view>
  84 +</template>
  85 +
  86 +<script>
  87 +
  88 +export default {
  89 + data() {
  90 + return {
  91 + tableData:{},
  92 + swiperList: [
  93 + {
  94 + id: 0,
  95 + type: 'image',
  96 + url: this.$imgUrl('/img/1.jpg')
  97 + }
  98 + ],
  99 + latitude: 39.909,
  100 + longitude: 116.39742,
  101 + };
  102 + },
  103 + onLoad(option){
  104 + let data = JSON.parse(option.item)
  105 + this.tableData = data;
  106 + console.log(this.tableData);
  107 + },
  108 + methods: {
  109 + leaseAdd(){
  110 + uni.navigateTo({
  111 + url: '/pages/advertisementAdd/advertisementAdd',
  112 + })
  113 + }
  114 + }
  115 +};
  116 +</script>
  117 +
  118 +<style scoped lang="scss">
  119 +@import 'advertisementDetail.scss';
  120 +</style>
... ...
pages/business/businessDetail/businessDetail.scss 0 → 100644
  View file @379aff0
  1 +.page {
  2 + position: relative;
  3 + width: 100%;
  4 + // height: 100%;
  5 + overflow-x: hidden;
  6 + // overflow-y: auto;
  7 +}
  8 +.page-info {
  9 + width: 100%;
  10 + padding: 24rpx;
  11 +}
  12 +// 活动详情
  13 +.banner {
  14 + width: 100%;
  15 + margin-top: 10rpx;
  16 + border-radius: 30rpx;
  17 + background-color: #fff;
  18 + padding: 24rpx 30rpx;
  19 + color: #888D9C;
  20 + .title {
  21 + font-weight: 700;
  22 + color: #3D3D3D;
  23 + font-size: 28rpx;
  24 + margin-bottom: 30rpx;
  25 + }
  26 + .banner-info-top {
  27 + display: flex;
  28 + align-items: center;
  29 + justify-content: space-between;
  30 + margin-bottom: 30rpx;
  31 + }
  32 + // .banner-info-item {
  33 + // font-size: 24rpx
  34 + // }
  35 +}
  36 +.good-item {
  37 + width: 100%;
  38 + display: flex;
  39 + .img {
  40 + width: 150rpx;
  41 + height: 150rpx;
  42 + }
  43 + .info {
  44 + width: calc(100% - 170rpx);
  45 + margin-left: 20rpx;
  46 + .title {
  47 + width: 100%;
  48 + font-size: 28rpx;
  49 + line-height: 44rpx;
  50 + font-weight: 700;
  51 + white-space: nowrap;
  52 + overflow : hidden;
  53 + text-overflow: ellipsis;
  54 + margin-bottom: 20rpx;
  55 + }
  56 + .info-item {
  57 + display: flex;
  58 + line-height: 30rpx;
  59 + font-size: 26rpx;
  60 + color: #9FABB5;
  61 + text {
  62 + white-space: nowrap;
  63 + overflow : hidden;
  64 + text-overflow: ellipsis;
  65 + margin-left: 10rpx;
  66 + }
  67 + .u-tag {
  68 + margin: 0 6rpx;
  69 + border: unset;
  70 + }
  71 + }
  72 + }
  73 +}
  74 +.info-box {
  75 + margin-top: 28rpx;
  76 + color: #3D3D3D;
  77 + .title {
  78 + font-weight: 700;
  79 + font-size: 28rpx;
  80 + margin-bottom: 18rpx;
  81 + }
  82 + .info-item {
  83 + font-size: 26rpx;
  84 + line-height: 50rpx;
  85 + }
  86 +}
  87 +
  88 +/* 底部 */
  89 +.page-footer{
  90 + position: fixed;
  91 + left: 0;
  92 + bottom: 0;
  93 + display: flex;
  94 + align-items: center;
  95 + justify-content: center;
  96 + width: 100%;
  97 + height: 125rpx;
  98 + background-color: #FFFFFF;
  99 + padding-bottom: constant(safe-area-inset-bottom);
  100 + padding-bottom: env(safe-area-inset-bottom);
  101 + .footer-btn {
  102 + display: flex;
  103 + width: 70vw;
  104 + }
  105 + .footer-service {
  106 + display: flex;
  107 + flex-direction: column;
  108 + align-items: center;
  109 + text {
  110 + margin-top: 6rpx;
  111 + line-height: 42rpx;
  112 + }
  113 + }
  114 +}
  115 +
  116 +.userForm {
  117 + .form-box {
  118 + padding: 28rpx;
  119 + }
  120 + .title {
  121 + font-size: 32rpx;
  122 + font-weight: 700;
  123 + }
  124 +}
0 125 \ No newline at end of file
... ...
pages/business/businessDetail/businessDetail.vue 0 → 100644
  View file @379aff0
  1 +<template>
  2 +<!-- 商务合作详情 -->
  3 + <view class="page">
  4 + <view class="page-info">
  5 + <view class="banner">
  6 + <view class="title">商务合作标题商务合作标题</view>
  7 + <view class="banner-info-top">
  8 + <view>2022-02-22 22:56</view>
  9 + <view><u-icon name="eye"></u-icon>36人</view>
  10 + </view>
  11 + <view class="banner-info-item">
  12 + <text>
  13 + 1.优越的地理位置：锦江绿道位于城市繁华地段，交通便利，人流密集，是商业活动的理想选择。
  14 + 2.丰富的活动空间：绿道沿线设有多个宽敞的活动场地，适合举办各类户外活动、体育赛事、文化演出等。
  15 + 3.广泛的受众群体：绿道吸引了大量市民和游客前来休闲游玩，为商务合作提供了庞大的潜在客户群体。
  16 + 4.完善的配套设施：绿道周边配备有完善的停车、餐饮、卫生等设施，能够满足各类商务活动的基本需求。
  17 + </text>
  18 + </view>
  19 + </view>
  20 + <view class="info-box banner good-item">
  21 + <view class="img">
  22 + <u-image width="100%" height="100%" :src="$imgUrl('/img/2.jpg')"></u-image>
  23 + </view>
  24 + <view class="info">
  25 + <view class="title">商务合作标题商务合作标题商务合作标题商务合作标题</view>
  26 + <view class="info-item" style="margin-bottom: 30rpx;">
  27 + <u-tag text="标签标签" type="success" size="mini"/>
  28 + <u-tag text="标签标签" type="success" size="mini"/>
  29 + </view>
  30 + <view class="info-item">
  31 + <u-image :showLoading="true" src="/static/images/location-icon.png" width="20rpx" height="20rpx"></u-image>
  32 + <text>这里有地址这里有地址这里...</text>
  33 + </view>
  34 + </view>
  35 + </view>
  36 + <view class="info-box banner">
  37 + <view class="title">场地往期活动回顾</view>
  38 + <u-row gutter="16">
  39 + <u-col span="4">
  40 + <image :src="$imgUrl('/img/2.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
  41 + </u-col>
  42 + <u-col span="4">
  43 + <image :src="$imgUrl('/img/3.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
  44 + </u-col>
  45 + <u-col span="4">
  46 + <image :src="$imgUrl('/img/3.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
  47 + </u-col>
  48 + <u-col span="4">
  49 + <image :src="$imgUrl('/img/2.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
  50 + </u-col>
  51 + <u-col span="4">
  52 + <image :src="$imgUrl('/img/2.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
  53 + </u-col>
  54 + <u-col span="4">
  55 + <image :src="$imgUrl('/img/3.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
  56 + </u-col>
  57 + </u-row>
  58 + </view>
  59 + <view class="info-box banner">
  60 + <view class="title">联系我们</view>
  61 + <view class="info-item">合作类型：品牌推广合作</view>
  62 + <view class="info-item">联系人：张三</view>
  63 + <view class="info-item">联系方式：135465489</view>
  64 + <view class="info-item">邮箱：89499814@qq.com</view>
  65 + </view>
  66 + </view>
  67 + </view>
  68 +</template>
  69 +
  70 +<script>
  71 +
  72 +export default {
  73 + data() {
  74 + return {
  75 + tableData:{},
  76 + swiperList: [
  77 + {
  78 + id: 0,
  79 + type: 'image',
  80 + url: this.$imgUrl('/img/1.jpg')
  81 + }
  82 + ],
  83 + joinShow: false,
  84 + form: {
  85 + name: '',
  86 + pahone: '',
  87 + }
  88 + };
  89 + },
  90 + onLoad(option){},
  91 + methods: {
  92 + submit() {
  93 + this.joinShow = false;
  94 + },
  95 + leaseAdd(){
  96 + uni.navigateTo({
  97 + url: '/pages/leaseAdd/leaseAdd'
  98 + })
  99 + },
  100 + }
  101 +};
  102 +</script>
  103 +
  104 +<style scoped lang="scss">
  105 +@import 'businessDetail.scss';
  106 +</style>
... ...
pages/business/businessList/businessList.scss 0 → 100644
  View file @379aff0
  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 + background-color: #FFFFFF;
  17 + border-radius: 35rpx;
  18 + padding: 0 10rpx;
  19 + border: 2rpx solid #E8E8E8;
  20 + margin: 22rpx 24rpx;
  21 + .u-search {
  22 + position: relative;
  23 + }
  24 + .u-btn {
  25 + border: unset;
  26 + border: 0px transparent;
  27 + height: 46rpx;
  28 + width: 88rpx;
  29 + font-size: 24rpx;
  30 + border-radius: 35rpx;
  31 + }
  32 +}
  33 +
  34 +.goods-data{
  35 + width: 100%;
  36 + .goods-list{
  37 + width: 100%;
  38 + .good-item {
  39 + width: 100%;
  40 + background-color: #FFFFFF;
  41 + border-bottom: #eee solid 1rpx;
  42 + padding: 18rpx 34rpx;
  43 + .body {
  44 + display: flex;
  45 + width: 100%;
  46 + height: calc(100% - 70rpx);
  47 + padding: 15rpx 18rpx;
  48 + image {
  49 + width: 194rpx;
  50 + height: 144rpx;
  51 + border-radius: 8rpx;
  52 + }
  53 + .info {
  54 + flex: 1;
  55 + width: calc(100% - 236rpx);
  56 + .title {
  57 + width: 100%;
  58 + font-size: 28rpx;
  59 + line-height: 44rpx;
  60 + font-weight: 700;
  61 + // white-space: nowrap;
  62 + // overflow : hidden;
  63 + // text-overflow: ellipsis;
  64 + margin-bottom: 30rpx;
  65 + }
  66 + .info-item {
  67 + line-height: 30rpx;
  68 + font-size: 26rpx;
  69 + color: #9FABB5;
  70 + }
  71 + }
  72 + }
  73 + }
  74 + }
  75 +}
  76 +.page-footer{
  77 + position: fixed;
  78 + left: 0;
  79 + bottom: 0;
  80 + width: 100%;
  81 + height: 120rpx;
  82 + background-color: #FFFFFF;
  83 + padding: 20rpx 20rpx;
  84 + padding-bottom: constant(safe-area-inset-bottom);
  85 + padding-bottom: env(safe-area-inset-bottom);
  86 + z-index: 999;
  87 + .footer-buy{
  88 + display: flex;
  89 + align-items: center;
  90 + justify-content: space-between;
  91 + width: 100%;
  92 + height: 100%;
  93 + .cart-add{
  94 + display: flex;
  95 + align-items: center;
  96 + justify-content: center;
  97 + width: 100%;
  98 + height: 70rpx;
  99 + background-color: #3f9b6a;
  100 + text{
  101 + font-size: 28rpx;
  102 + color: #FFFFFF;
  103 + }
  104 + }
  105 + }
  106 +}
0 107 \ No newline at end of file
... ...
pages/business/businessList/businessList.vue 0 → 100644
  View file @379aff0
  1 +<template>
  2 + <!-- 商务合作 -->
  3 + <view class="page">
  4 + <!-- 搜索 -->
  5 + <view class="head-search">
  6 + <u-search bg-color="#fff" placeholder="请输入关键词" v-model="query.keyword" :show-action="false" @search="search"></u-search>
  7 + <u-button type="success" @click="search">搜索</u-button>
  8 + </view>
  9 + <view class="goods-data">
  10 + <view class="goods-list">
  11 + <view class="good-item" v-for="(v, i) in datalist" :key="i" @click="toDetail">
  12 + <view class="body">
  13 + <view class="info">
  14 + <view class="title">商务合作标题商务合作标题商务合作标题商务合作标题</view>
  15 + <view class="info-item">2023-02-02 14:54</view>
  16 + </view>
  17 + <image :src="$imgUrl('/img/2.jpg')" ></image>
  18 + </view>
  19 + </view>
  20 + <u-loadmore :status="statuslist" @loadmore='loading' style="width: 100%; text-align: center;"/>
  21 + </view>
  22 + </view>
  23 + </view>
  24 +</template>
  25 +
  26 +<script>
  27 + export default {
  28 + data() {
  29 + return {
  30 + tabList:[
  31 + { name: '全部' },
  32 + { name: '待提交' },
  33 + { name: '待审核' },
  34 + { name: '通过' },
  35 + { name: '驳回' },
  36 + { name: '进行中' },
  37 + { name: '已结束' },
  38 + ],
  39 + current: 0,
  40 + datalist: [{}, {}, {}],
  41 + total: 2,
  42 + statuslist: 'loadmore',
  43 + query: {
  44 + keyword: '',
  45 + pageSize: 10,
  46 + pageNum: 0,
  47 + },
  48 + listIn:0,
  49 + num:0,
  50 +
  51 + };
  52 + },
  53 + onLoad(option) {
  54 + console.log(option.id);
  55 + this.num = option.id;
  56 + this.statuslist = 'nomore';
  57 + },
  58 + onPullDownRefresh(e) {
  59 + let that = this
  60 + that.statuslist = 'loading';
  61 + this.page = 0;
  62 + setTimeout(() => {
  63 + that.datalist = [{}];
  64 + that.statuslist = that.datalist.length >= that.total ? 'nomore' : 'loadmore';
  65 + uni.stopPullDownRefresh();
  66 + }, 1000);
  67 + },
  68 + onReachBottom(e) {
  69 + // this.loading();
  70 + },
  71 + methods: {
  72 + tabsChange(val) {
  73 + this.current = val;
  74 + },
  75 + search() {},
  76 + loading() {
  77 + let that = this
  78 + if(that.statuslist == 'nomore') return;
  79 + that.statuslist = 'loading';
  80 + that.query.pageNum = ++that.query.pageNum;
  81 + setTimeout(() => {
  82 + let data = [{}, {}];
  83 + that.datalist = [...that.datalist, ...data];
  84 + console.log(that.datalist);
  85 + that.statuslist = that.datalist.length >= that.total ? 'nomore' : 'loadmore';
  86 + }, 300)
  87 + },
  88 + sel(val){
  89 + this.listIn = val
  90 + },
  91 + toDetail() {
  92 + uni.navigateTo({
  93 + url: '/pages/business/businessDetail/businessDetail'
  94 + })
  95 + },
  96 + reconciliationdetail() {
  97 +
  98 + },
  99 + toAdd() {
  100 + uni.navigateTo({
  101 + url: '/pages/activityAdd/activityAdd'
  102 + })
  103 + }
  104 + }
  105 + }
  106 +</script>
  107 +
  108 +<style scoped lang="scss">
  109 + @import 'businessList.scss';
  110 +</style>
... ...
pages/marketing/marketingDetail/marketingDetail.scss 0 → 100644
  View file @379aff0
  1 +.page {
  2 + position: relative;
  3 + width: 100%;
  4 + // height: 100%;
  5 + overflow-x: hidden;
  6 + // overflow-y: auto;
  7 +}
  8 +.page-info {
  9 + width: 100%;
  10 + padding: 24rpx;
  11 +}
  12 +// 活动详情
  13 +.banner {
  14 + width: 100%;
  15 + margin-top: 10rpx;
  16 + border-radius: 30rpx;
  17 + background-color: #fff;
  18 + padding: 24rpx 30rpx;
  19 + color: #888D9C;
  20 + .title {
  21 + font-weight: 700;
  22 + color: #3D3D3D;
  23 + font-size: 28rpx;
  24 + margin-bottom: 30rpx;
  25 + }
  26 + .banner-info-top {
  27 + display: flex;
  28 + align-items: center;
  29 + justify-content: space-between;
  30 + margin-bottom: 30rpx;
  31 + }
  32 +}
  33 +// 活动信息
  34 +.info-box {
  35 + margin-top: 30rpx;
  36 + .title {
  37 + font-weight: 700;
  38 + color: #3D3D3D;
  39 + font-size: 28rpx;
  40 + margin-bottom: 10rpx;
  41 + }
  42 + .info-item {
  43 + font-size: 26rpx;
  44 + line-height: 50rpx;
  45 + }
  46 +}
  47 +
  48 +/* 底部 */
  49 +.page-footer{
  50 + position: fixed;
  51 + left: 0;
  52 + bottom: 0;
  53 + display: flex;
  54 + align-items: center;
  55 + justify-content: center;
  56 + width: 100%;
  57 + height: 125rpx;
  58 + background-color: #FFFFFF;
  59 + padding-bottom: constant(safe-area-inset-bottom);
  60 + padding-bottom: env(safe-area-inset-bottom);
  61 + .footer-btn {
  62 + display: flex;
  63 + width: 70vw;
  64 + }
  65 + .footer-service {
  66 + display: flex;
  67 + flex-direction: column;
  68 + align-items: center;
  69 + text {
  70 + margin-top: 6rpx;
  71 + line-height: 42rpx;
  72 + }
  73 + }
  74 +}
  75 +
  76 +.userForm {
  77 + .form-box {
  78 + padding: 28rpx;
  79 + }
  80 + .title {
  81 + font-size: 32rpx;
  82 + font-weight: 700;
  83 + }
  84 +}
0 85 \ No newline at end of file
... ...
pages/marketing/marketingDetail/marketingDetail.vue 0 → 100644
  View file @379aff0
  1 +<template>
  2 + <view class="page">
  3 + <view class="page-info">
  4 + <view class="banner">
  5 + <view class="title">xxx活动标题</view>
  6 + <view class="banner-info-top">
  7 + <view>2022-02-22 22:56</view>
  8 + <view><u-icon name="eye"></u-icon>36人</view>
  9 + </view>
  10 + <view class="banner-info-item">
  11 + <text>
  12 + 在这个充满活力的季节里，我们诚挚地邀请您参与由本商家精心策划的“锦江绿道活力行”活动。
  13 + 这不仅是一场关于健康与自然的盛宴，更是一次心灵与身体的双重放松之旅。 📅活动时间：2023年XX月XX日（星期X）
  14 + 📍活动地点：锦江绿道全程，集合点设于绿道起点广场 ⏰集合时间：上午9:00 🚶‍♂️🚶‍♀️活动内容：
  15 + 绿道徒步：沿着风景如画的锦江绿道，享受清新的空气与和煦的阳光，全程约5公里，适合全家人参与。
  16 + 健康小站：途中设置多个健康小站，提供饮用水、轻食补给及简单的医疗支持，确保每位参与者都能保持良好的状态。
  17 + 环保互动：参与环保知识问答，实践垃圾分类，共同守护我们的绿色家园。 摄影大赛：记录下绿道上的美好瞬间，参与摄影大赛，
  18 + 优秀作品将有机会获得精美奖品。
  19 + 终点庆典：完成全程后，在终点广场参加庆典活动，享受美食、音乐与抽奖乐趣。
  20 + </text>
  21 + <image :src="$imgUrl('/img/2.jpg')" style="width: 100%; height: 100vw; border-radius: 10rpx; margin-top: 30rpx;"></image>
  22 + </view>
  23 + </view>
  24 + <view class="info-box">
  25 + <view class="title">营销推广活动信息</view>
  26 + <view class="info-item">场地：成华公园广场</view>
  27 + <view class="info-item">起止时间：2022-02-22 至 2022-02-22</view>
  28 + <view class="info-item">举办方：锦江绿道官方</view>
  29 + <view class="info-item">联系人：张三</view>
  30 + <view class="info-item">联系电话：13455425151</view>
  31 + <view class="info-item">已参与报名人数：<span>6489</span>人</view>
  32 + </view>
  33 + </view>
  34 +
  35 +
  36 + <!-- 底部 -->
  37 + <view style="height: 125rpx;"></view>
  38 + <view class="page-footer">
  39 + <view class="footer-service">
  40 + <u-image :showLoading="true" src="/static/images/sevice-icon.png" width="30rpx" height="30rpx"></u-image>
  41 + <text>客服</text>
  42 + </view>
  43 + <view class="footer-btn">
  44 + <u-button type="success" style="width: 80%;" @click="joinShow = true">报名参加</u-button>
  45 + </view>
  46 + <view class="footer-service">
  47 + <u-image :showLoading="true" src="/static/images/share-icon.png" width="30rpx" height="30rpx"></u-image>
  48 + <text>分享</text>
  49 + </view>
  50 + </view>
  51 + <u-popup class="userForm" v-model="joinShow" mode="center" :closeable="true" width="90%">
  52 + <u-form class="form-box" :model="form" ref="uForm" :label-width="120">
  53 + <view class="title">请填写您的报名信息</view>
  54 + <u-form-item label="姓名"><u-input v-model="form.name" /></u-form-item>
  55 + <u-form-item label="联系电话"><u-input v-model="form.pahone" /></u-form-item>
  56 + <u-button type="success" @click="submit">提交</u-button>
  57 + </u-form>
  58 + </u-popup>
  59 + </view>
  60 +</template>
  61 +
  62 +<script>
  63 +
  64 +export default {
  65 + data() {
  66 + return {
  67 + tableData:{},
  68 + swiperList: [
  69 + {
  70 + id: 0,
  71 + type: 'image',
  72 + url: this.$imgUrl('/img/1.jpg')
  73 + }
  74 + ],
  75 + joinShow: false,
  76 + form: {
  77 + name: '',
  78 + pahone: '',
  79 + }
  80 + };
  81 + },
  82 + onLoad(option){},
  83 + methods: {
  84 + submit() {
  85 + this.joinShow = false;
  86 + },
  87 + leaseAdd(){
  88 + uni.navigateTo({
  89 + url: '/pages/leaseAdd/leaseAdd'
  90 + })
  91 + },
  92 + }
  93 +};
  94 +</script>
  95 +
  96 +<style scoped lang="scss">
  97 +@import 'marketingDetail.scss';
  98 +</style>
... ...
pages/marketing/marketingList/marketingList.scss 0 → 100644
  View file @379aff0
  1 +.page{
  2 + position: absolute;
  3 + left: 0;
  4 + top: 0;
  5 + width: 100%;
  6 + height: 100%;
  7 +}
  8 +.more {
  9 + height: 74rpx;
  10 + background-color: #fff;
  11 + border-radius: 21rpx;
  12 + padding: 24rpx 32rpx 18rpx;
  13 + margin: 26rpx 24rpx 0;
  14 +}
  15 +.head-search{
  16 + display: flex;
  17 + align-items: center;
  18 + justify-content: space-between;
  19 + position: relative;
  20 + margin: 20rpx 24rpx;
  21 + background-color: #FFFFFF;
  22 + border-radius: 35rpx;
  23 + padding: 0 10rpx;
  24 + border: 2rpx solid #E8E8E8;
  25 + .u-search {
  26 + position: relative;
  27 + }
  28 + .u-btn {
  29 + border: unset;
  30 + border: 0px transparent;
  31 + height: 46rpx;
  32 + width: 88rpx;
  33 + font-size: 24rpx;
  34 + border-radius: 35rpx;
  35 + }
  36 +}
  37 +/* 订单列表 */
  38 +.screen-list {
  39 + display: flex;
  40 + align-items: center;
  41 + width: 100%;
  42 + margin: 40rpx 0;
  43 + padding: 0 20rpx;
  44 + .zidong{
  45 + width: 160rpx;
  46 + background-color: #3F9B6A;
  47 + color: #fff;
  48 + padding: 10rpx;
  49 + border-radius: 30rpx;
  50 + font-size: 24rpx;
  51 + text-align: center;
  52 + }
  53 + .list {
  54 + display: flex;
  55 + justify-content: center;
  56 + align-items: center;
  57 + width: 25%;
  58 + height: 100%;
  59 + text {
  60 + font-size: 26rpx;
  61 + color: #555555;
  62 + }
  63 + image {
  64 + width: 30rpx;
  65 + height: 30rpx;
  66 + margin-left: 10rpx;
  67 + }
  68 + }
  69 + .action {
  70 + text {
  71 + color: $base;
  72 + }
  73 + }
  74 + }
  75 +
  76 +.goods-data{
  77 + width: 100%;
  78 + padding: 0 18rpx;
  79 + // height: calc(100% - 300rpx - 120rpx);
  80 + // overflow-y: scroll;
  81 + .goods-list{
  82 + width: 100%;
  83 + // height: 100%;
  84 + .good-item {
  85 + background-color: #FFFFFF;
  86 + padding: 18rpx 0 18rpx 20rpx;
  87 + border-radius: 14rpx;
  88 + margin-bottom: 16rpx;
  89 + .info {
  90 + margin: 20rpx 10rpx 0;
  91 + .title {
  92 + line-height: 36rpx;
  93 + color: #000;
  94 + margin-bottom: 10rpx;
  95 + font-weight: 700;
  96 + }
  97 + .name {
  98 + font-size: 24rpx;
  99 + line-height: 30rpx;
  100 + color: #3D3D3D;
  101 + margin-bottom: 12rpx;
  102 + }
  103 + }
  104 + }
  105 + .list{
  106 + display: flex;
  107 + margin-bottom: 40rpx;
  108 + .thumb{
  109 + display: flex;
  110 + // align-items: center;
  111 + width: 36%;
  112 + image{
  113 + width: 230rpx;
  114 + height: 190rpx;
  115 + border-radius: 10rpx;
  116 + }
  117 + }
  118 +
  119 + .item{
  120 + width: 60%;
  121 + margin-left: 4%;
  122 + .title{
  123 + display: flex;
  124 + align-items: center;
  125 + width: 100%;
  126 + margin: 20rpx 0;
  127 + .color{
  128 + color: #A8A8A8;
  129 + }
  130 + }
  131 + .canyu{
  132 + width: 100%;
  133 + padding: 30rpx 20rpx;
  134 + background-color: #3F9B6A;
  135 + height: 70rpx;
  136 + text-align: center;
  137 + line-height: 15rpx;
  138 + color: #fff;
  139 + }
  140 + text{
  141 + font-size: 30rpx;
  142 + // font-weight: bold;
  143 + color: #222222;
  144 + }
  145 +
  146 + }
  147 +
  148 + }
  149 + .goods-border{
  150 + padding: 30rpx;
  151 + border: 1px solid #F3F3F3;
  152 + }
  153 + }
  154 +}
  155 +/* 保存按钮 */
  156 +.page-footer{
  157 + position: fixed;
  158 + left: 0;
  159 + bottom: 0;
  160 + width: 100%;
  161 + height: 120rpx;
  162 + background-color: #FFFFFF;
  163 + padding: 20rpx 20rpx;
  164 + padding-bottom: constant(safe-area-inset-bottom);
  165 + padding-bottom: env(safe-area-inset-bottom);
  166 + .footer-buy{
  167 + display: flex;
  168 + align-items: center;
  169 + justify-content: space-between;
  170 + width: 100%;
  171 + height: 100%;
  172 + .cart-add{
  173 + display: flex;
  174 + align-items: center;
  175 + justify-content: center;
  176 + width: 100%;
  177 + height: 70rpx;
  178 + background-color: #3f9b6a;
  179 + text{
  180 + font-size: 28rpx;
  181 + color: #FFFFFF;
  182 + }
  183 + }
  184 + }
  185 +}
... ...
pages/marketing/marketingList/marketingList.vue 0 → 100644
  View file @379aff0
  1 +<template>
  2 + <!-- 营销推广活动 -->
  3 + <view class="page">
  4 + <!-- 搜索 -->
  5 + <view class="head-search">
  6 + <u-search bg-color="#fff" placeholder="请输入关键词" v-model="query.keyword" :show-action="false" @search="search"></u-search>
  7 + <u-button type="success" @click="search">搜索</u-button>
  8 + </view>
  9 + <view class="screen-list">
  10 + <view class="list" @click="sortshow = true">
  11 + <text>默认排序</text>
  12 + <image :src="$imgUrl('/down.png')"></image>
  13 + <u-select v-model="sortshow" :list="sortTypeOptions" @confirm="(v) => {queryChange('sortType', v)}"></u-select>
  14 + </view>
  15 + <view class="list" @click="statusshow = true">
  16 + <text>进行中</text>
  17 + <image :src="$imgUrl('/down.png')"></image>
  18 + <u-select v-model="statusshow" :list="statusOptions" @confirm="(v) => {queryChange('status', v)}"></u-select>
  19 + </view>
  20 + </view>
  21 + <!-- 订单列表 -->
  22 + <view class="goods-data">
  23 + <u-row :gutter="16" class="goods-list">
  24 + <u-col span="6" v-for="(item,index) in list" :key="index" @click="toDetail">
  25 + <view class="demo-layout good-item">
  26 + <image :src="$imgUrl('/img/2.jpg')" style="width: 315rpx; height: 315rpx; border-radius: 10rpx;"></image>
  27 + <view class="info">
  28 + <view class="title">这里有标题这里有标题这里有标题</view>
  29 + <view class="name">锦江绿道官方活动</view>
  30 + <u-tag text="进行中" type="success" mode="dark" />
  31 + </view>
  32 + </view>
  33 + </u-col>
  34 + <u-loadmore :status="status" @loadmore='loading' style="width: 100%; text-align: center;"/>
  35 + </u-row>
  36 + </view>
  37 + </view>
  38 +</template>
  39 +
  40 +<script>
  41 + export default {
  42 + data() {
  43 + return {
  44 + status: 'loadmore',
  45 + list: 3,
  46 + total: 1,
  47 + query: {
  48 + keyword: '', // 搜索项
  49 + sortType: '', // 排序方式
  50 + status: '', // 活动状态
  51 + pageNum: 0,
  52 + pageSize: 10,
  53 + },
  54 + sortshow: false,
  55 + sortTypeOptions: [
  56 + { label: '默认排序', value: 1 },
  57 + { label: '正序', value: 2 },
  58 + { label: '倒序', value: 3 },
  59 + ],
  60 + statusshow: false,
  61 + statusOptions: [
  62 + { label: '进行中', value: 1 },
  63 + { label: '已结束', value: 2 },
  64 + { label: '未开始', value: 3 },
  65 + ],
  66 + };
  67 + },
  68 + onLoad() {
  69 + this.status = 'nomore';
  70 + },
  71 + onPullDownRefresh(e) {
  72 + let that = this
  73 + that.status = 'loading';
  74 + this.page = 0;
  75 + setTimeout(() => {
  76 + that.list = 1;
  77 + that.status = that.list >= that.total ? 'nomore' : 'loadmore';
  78 + uni.stopPullDownRefresh();
  79 + }, 1000);
  80 + },
  81 + onReachBottom(e) {
  82 + this.loading();
  83 + },
  84 + methods: {
  85 + toMyAdd() {
  86 + // 跳转我的活动申请
  87 + uni.navigateTo({
  88 + url: '/pages/mycreated/mycreated'
  89 + })
  90 + },
  91 + search() {
  92 + // 搜索
  93 + // this.loading();
  94 + },
  95 + queryChange(key, val) {
  96 + this.query[`${key}`] = val[0].value;
  97 + this.search();
  98 + },
  99 + loading() {
  100 + let that = this
  101 + if(that.status == 'nomore') return;
  102 + that.status = 'loading';
  103 + that.page = ++that.page;
  104 + setTimeout(() => {
  105 + that.list += 10;
  106 + that.status = that.list >= that.total ? 'nomore' : 'loadmore';
  107 + }, 300)
  108 + },
  109 + toDetail() {
  110 + uni.navigateTo({
  111 + url: '/pages/marketing/marketingDetail/marketingDetail'
  112 + })
  113 + },
  114 + join(){
  115 + uni.navigateTo({
  116 + url: '/pages/mycreated/mycreated?id=1'
  117 + })
  118 + },
  119 + toAdd() {
  120 + uni.navigateTo({
  121 + url: '/pages/activityAdd/activityAdd'
  122 + })
  123 + }
  124 + }
  125 + }
  126 +</script>
  127 +
  128 +<style scoped lang="scss">
  129 + @import 'marketingList.scss';
  130 +</style>
... ...
pages/participation/participation.scss
  View file @379aff0
... ... @@ -71,6 +71,7 @@
71 71 .info {
72 72 margin: 20rpx 10rpx 26rpx;
73 73 .title {
  74 + font-weight: 700;
74 75 line-height: 36rpx;
75 76 color: #000;
76 77 margin-bottom: 10rpx;
... ...
pages/questionnaire/questionnaire.scss
  View file @379aff0
1 1 .page{
2   - padding: 0 20rpx;
3   - // width: 100%;
  2 + position: absolute;
  3 + left: 0;
  4 + top: 0;
  5 + width: 100%;
4 6 height: 100%;
5   - background-color: #E0E0E0;
6   - min-height: 92vh;
  7 + background-color: #f6f6f6;
  8 +}
  9 +.screen-list {
  10 + display: flex;
  11 + align-items: center;
  12 + width: 100%;
  13 + margin: 20rpx 0;
  14 + padding: 0 20rpx;
  15 + .zidong{
  16 + width: 160rpx;
  17 + background-color: #3F9B6A;
  18 + color: #fff;
  19 + padding: 10rpx;
  20 + border-radius: 30rpx;
  21 + font-size: 24rpx;
  22 + text-align: center;
  23 + }
  24 + .list {
  25 + display: flex;
  26 + justify-content: center;
  27 + align-items: center;
  28 + width: 25%;
  29 + height: 100%;
  30 + text {
  31 + font-size: 26rpx;
  32 + color: #555555;
  33 + }
  34 + image {
  35 + width: 30rpx;
  36 + height: 30rpx;
  37 + margin-left: 10rpx;
  38 + }
  39 + }
  40 + .action {
  41 + text {
  42 + color: $base;
  43 + }
  44 + }
  45 +}
  46 +.list-scorll {
  47 + padding: 0 24rpx;
7 48 }
8 49 .listbox{
9 50 margin-bottom: 20rpx;
10 51 display: flex;
11 52 justify-content: space-between;
12   - padding:20rpx 30rpx;
13   - border:2px solid #B6B6B6;
  53 + padding: 18rpx;
14 54 background-color:#fff;
  55 + border-radius: 14rpx;
15 56 .img{
16   - width:40%;
  57 + width: 190rpx;
  58 + height: 190rpx;
  59 + border-radius: 14rpx;
  60 + overflow: hidden;
17 61 image{
18 62 width:100%;
19 63 height: 100%;
20 64 }
21 65 }
22   - .name{
23   - margin: 20rpx 0;
24   - }
25   - .size{
26   - font-size: 24rpx;
27   - color: #9F9F9F;
28   - font-weight: 600;
  66 + .info {
  67 + width: calc(100% - 216rpx);
  68 + margin-left: 26rpx;
  69 + .title {
  70 + width: 100%;
  71 + font-size: 28rpx;
  72 + line-height: 40rpx;
  73 + font-weight: 700;
  74 + white-space: nowrap;
  75 + overflow : hidden;
  76 + text-overflow: ellipsis;
  77 + margin-bottom: 6rpx;
  78 + }
  79 + .info-item {
  80 + font-size: 24rpx;
  81 + line-height: 50rpx;
  82 + }
29 83 }
30   -
31 84 }
32   -/* 保存按钮 */
33 85 .page-footer{
  86 + position: fixed;
  87 + left: 0;
  88 + bottom: 0;
34 89 width: 100%;
  90 + height: 120rpx;
35 91 background-color: #FFFFFF;
  92 + padding: 20rpx 20rpx;
36 93 padding-bottom: constant(safe-area-inset-bottom);
37 94 padding-bottom: env(safe-area-inset-bottom);
38   - margin-bottom:40rpx;
  95 + z-index: 999;
39 96 .footer-buy{
40 97 display: flex;
41 98 align-items: center;
... ...
pages/questionnaire/questionnaire.vue
  View file @379aff0
1 1 <template>
2 2 <view class="page">
3   - <!-- 创建按钮 -->
4   - <view class="page-footer" @click="createWen">
5   - <view class="footer-buy">
6   - <view class="cart-add">
7   - <text>创建问卷</text>
8   - </view>
9   - </view>
  3 + <view class="screen-list">
  4 + <view class="list" @click="show = true">
  5 + <text>问卷类型</text>
  6 + <image :src="$imgUrl('/down.png')"></image>
  7 + <u-select v-model="show" :list="areList" @confirm="(v) => {queryChange('type', v)}"></u-select>
  8 + </view>
  9 + <view class="list" @click="setList(1)">
  10 + <text>最新发布</text>
  11 + <image :src="$imgUrl('/down.png')"></image>
  12 + </view>
10 13 </view>
11 14  
12   - <view>
  15 + <view class="list-scorll">
13 16 <view class='listbox' v-for="(item,index) in tableData">
14 17 <view class="img">
15 18 <image :src="$imgUrl('/img/2.jpg')"></image>
16 19 </view>
17   - <view style="width: 50%;">
18   - <view style="font-size: 24rpx;font-weight: 600;" >名称：{{item.title}}</view>
19   - <view class="name size">填写时间：{{item.tTime}}分钟</view>
20   - <view class="name size">截止时间：{{item.jTime}}</view>
21   - <view class="size">问卷类型：{{item.leiXing}}</view>
  20 + <view class="info">
  21 + <view class="title" >这里有标题这里有标题这里有...</view>
  22 + <view class="info-item">填写时间：<span>{{item.tTime}}分钟</span></view>
  23 + <view class="info-item">截止时间：<span>{{item.jTime}}</span></view>
  24 + <view class="info-item">问卷类型：<span>{{item.leiXing}}</span></view>
22 25 </view>
23 26 </view>
24   -
25 27 </view>
26   -
27   -
  28 + <view style="height: 120rpx;"></view>
  29 + <view class="page-footer">
  30 + <u-button type="success" @click="toAdd">创建问卷</u-button>
  31 + </view>
28 32 </view>
29 33 </template>
30 34  
... ... @@ -32,6 +36,20 @@
32 36 export default {
33 37 data() {
34 38 return {
  39 + show: false,
  40 + areList: [
  41 + {value: '武侯区', label: '武侯区'},
  42 + {value: '锦江区', label: '锦江区'},
  43 + {value: '青羊区', label: '青羊区'},
  44 + {value: '金牛区', label: '金牛区'},
  45 + {value: '双流区', label: '双流区'},
  46 + {value: '郫都区', label: '郫都区'},
  47 + {value: '龙泉驿区', label: '龙泉驿区'},
  48 + {value: '温江区', label: '温江区'},
  49 + ], // 区域列表
  50 + query: {
  51 + type: '',
  52 + },
35 53 tableData:[
36 54 {
37 55 Image:'',
... ... @@ -51,6 +69,13 @@
51 69 };
52 70 },
53 71 methods:{
  72 + queryChange(key, val) {
  73 + this.query[`${key}`] = val[0].value;
  74 + this.search();
  75 + },
  76 + toAdd() {
  77 +
  78 + },
54 79 createWen(){
55 80 uni.navigateTo({
56 81 url: '/pages/createQuestionnaire/createQuestionnaire'
... ...
pages/shops/shops.scss
  View file @379aff0
... ... @@ -28,7 +28,6 @@
28 28 border-radius: 35rpx;
29 29 }
30 30 }
31   -/* 订单列表 */
32 31 .screen-list {
33 32 display: flex;
34 33 align-items: center;
... ...