双涧溪

project/shuangjianxi/.gitignore

@@ -0,0 +1,24 @@
+.DS_Store
+node_modules/
+unpackage/
+dist/
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.project
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*
+apps/

project/shuangjianxi/apps.import.json

@@ -0,0 +1,21 @@
+{
+  "AppAddressBook": "便民通讯录",
+  "AppContent": "内容发布",
+  "AppPhotoReport": "随手拍",
+  "AppServiceOnlineNew": "网上办事",
+  "AppReturnHomeRegister": "返乡登记",
+  "AppHealthReport": "健康上报",
+  "AppProgressNew": "办事指南",
+  "AppMyPlan": "办事进度",
+  "AppIntegralApply": "积分申请",
+  "AppCreditPoints": "信用积分",
+  "AppSupermarket": "积分超市",
+  "AppVillageInfo": "一村一群",
+  "AppVillageActivity": "居民活动",
+  "AppVideoSurve": "视频监控",
+  "AppAuth": "实名认证",
+  "AppOnlineAnswer": "在线答题",
+  "AppPartyHistoryEducation": "党史教育",
+  "AppOrderList": "超市订单",
+  "AppThreeSessions": "三会一课"
+}

project/shuangjianxi/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@dvcp-wechat-apps/shuangjianxi",
+  "version": "1.0.0",
+  "files": [
+    "apps"
+  ],
+  "dependencies": {
+  }
+}

src/mods/AppCreditPoints/supermarketList.vue

@@ -0,0 +1,170 @@
+<template>
+  <div class="supermarketList">
+    <div class="header">
+      <div class="left">
+        <AiAreaPicker :name.sync="areaName" v-model="areaId" @input="areaSelect">
+          <span v-if="areaName" style="color: #333333;">{{ areaName }}</span>
+          <span v-else :style="{color:areaName? '#333333': '#999'}">请选择</span>
+          <u-icon name="arrow-down" color="#999" size="24"></u-icon>
+        </AiAreaPicker>
+      </div>
+      <div class="right">
+        <u-search placeholder="店铺名称" v-model="shopName" :show-action="false" @search="search" @clear="shopName='',getList()"></u-search>
+      </div>
+    </div>
+    <div class="card-list" v-if="list.length">
+      <div class="card" @click="$linkTo(`./integralRanking?shopId=${item.id}`)" v-for="(item,index) in list" :key="index">
+        <div class="pic">
+          <img :src="item.shopPhoto" alt="">
+        </div>
+        <div class="info">
+          <h3>{{ item.shopName }}</h3>
+          <p>{{ item.areaName }}</p>
+          <div>{{ item.shopAddress }}</div>
+        </div>
+      </div>
+    </div>
+    <AiEmpty class="fill" description="暂无数据" v-else/>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+export default {
+  data() {
+    return {
+      areaId: '',
+      areaName: '',
+      shopName: '',
+      list: [],
+      current: 1,
+    }
+  },
+  computed: {
+    ...mapState(['global'])
+  },
+  onShow () {
+    this.getList()
+  },
+  methods: {
+    areaSelect(v) {
+      this.areaId = v
+      this.current = 1
+      this.getList()
+    },
+    search(e) {
+      this.shopName = e
+      this.getList()
+    },
+    getList() {
+      this.$instance.post(`/appvillagerintegralshop/listForWx`,null,{
+        params: {
+          areaId: this.areaId,
+          current: this.current,
+          shopName: this.shopName,
+        }
+      }).then(res => {
+        if(res?.data) {
+          this.list = this.current== 1 ?  res.data.records : [...this.list, ...res.data.records]
+        }
+      })
+    },
+    onReachBottom() {
+      this.current ++ ;
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.supermarketList {
+  .header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 120px;
+    line-height: 120px;
+    background: #FFF;
+    padding: 0 32px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: space-between;
+    .left {
+      width: 300px;
+      height: 100%;
+      ::v-deep .AiAreaPicker {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        span {
+          display: inline-block;
+          width: 150px;
+          height: 100%;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+        .u-icon {
+          display: inline-block;
+          .u-icon__icon {
+            top: -50px !important;
+          }
+        }
+      }
+    }
+    .right {
+      width: 100%;
+    }
+  }
+  .card-list {
+    box-sizing: border-box;
+    padding: 140px 32px 20px 32px;
+    .card {
+      background: #FFF;
+      padding: 32px;
+      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
+      border-radius: 16px;
+      display: flex;
+      margin-bottom: 24px;
+      .pic {
+        width: 160px;
+        height: 160px;
+        margin-right: 20px;
+        img { 
+          width: 100%;
+          height: 100%;
+        }
+      }
+      .info {
+        width: calc(100% - 180px);
+        h3 {
+          color: #333333;
+          font-size: 34px;
+          font-weight: 500;
+        }
+        p {
+          margin-top: 15px;
+          color: #999999;
+        }
+        div {
+          margin-top: 10px;
+          color: #999999;
+        }
+        h3,
+        p,
+        div {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+
+        }
+      }
+    }
+  }
+
+  ::v-deep .emptyWrap .emptyImg {
+    margin-top: 120px;
+  }
+}
+</style>