Liuyi
2024-11-16 ec17a3732f0f80f4a8d7f7867249f2581b221a27
pages/index/index.vue
@@ -77,23 +77,6 @@
         scanType: ['qrCode'],
         success: async function (res) {
            console.log('条码内容:' + res.result);
            // let data = {
            //    cardType:cardInfo.value.cardType,
            //    card:cardInfo.value.waterCardNumber,
            //    sn:res.result
            // }
            // await buyWaterApi(data).then((res) =>{
            //    if(res.code == 200){
            //       uni.navigateTo({
            //          url:'/pages/scanWater/index'
            //       })
            //    }else{
            //       uni.showToast({
            //          title:'扫码失败!',
            //          icon:'none'
            //       })
            //    }
            // })
            uni.navigateTo({
                     url:`/pages/scanWater/index?facilityCode=${res.result}`
                  })
@@ -218,7 +201,7 @@
   function upGrade(){
      uni.showToast({
         title: '该功能正在升级中!',
         duration: 2000,
         duration: 1000,
         icon:'none',
      });
   }
@@ -253,11 +236,10 @@
               <image v-else class="user-img" src='../../static/images/index/head.png' alt=''></image>
               <text @click="navTo('/pages/userInfo/index')">{{cardInfo.userName}}</text>
               <image @click="navTo('/pages/userInfo/index')" class="user-more"src="../../static/images/index/back.png"></image>
               <!-- <view class="user-add-card" @click="navTo('/pages/addCard/index')"> -->
               <view class="user-add-card">
               <!-- <view class="user-add-card" @click="navTo('/pages/addCard/index')">
                  <image src='../../static/images/index/vip-add.png' alt=''></image>
                  <text>添加会员卡</text>
               </view>
               </view> -->
            </view>
            <view class="card">
               <image class="card-bg" src="../../static/images/index/card11.png" alt=""></image>
@@ -267,22 +249,21 @@
                     <view class="left-top">
                        <view>
                           <image v-if="isVip"  src="../../static/images/index/code1.png" alt=""></image>
                           <text>会员卡&nbsp;</text>
                           <text v-if="isVip">会员卡&nbsp;</text>
                           <text v-if="!isVip">未绑定&nbsp;</text>
                           <text class="lossed" v-if="isLoss && isVip">&nbsp;[已挂失]</text>
                        </view>
                        <view v-if="isVip">ID:{{cardInfo.waterCardNumber}}</view>
                     </view>
                     <!-- <view v-if="cardInfo.userPhone" class="left-bottom">电话:{{cardInfo.userPhone}}</view> -->
                  </view>
                  <view class="card-right">
                     <view class="card-right-top">
                        <!-- <view @click="navTo('/pages/addCard/index')">
                        <text v-if="isVip">金额卡</text>
                        <text v-if="isVip">{{cardInfo.balance}}元</text>
                        <view v-if="!isVip" class="user-add-card" @click="navTo('/pages/addCard/index')">
                           <image src='../../static/images/index/vip-add.png' alt=''></image>
                           <text>添加会员卡</text>
                        </view> -->
                        <text v-if="isVip">金额卡</text>
                        <text v-if="!isVip">未绑定会员卡</text>
                        <text v-if="isVip">{{cardInfo.balance}}元</text>
                        </view>
                     </view>
                     <view v-if="isVip" class="card-right-bottom" @click="navTo('/pages/recharge/index')">充值</view>
                  </view>
@@ -290,7 +271,7 @@
            </view>
         </view>
         <view class="function-box1">
            <view class="box1-bg box1-one" @click="navTo('/pages/sendWater/index')">
            <view class="box1-bg box1-one" @click="upGrade">
               <image src="../../static/images/index/home21.png" alt=""></image>
               <view>送水到家</view>
            </view>
@@ -314,7 +295,12 @@
               </block>
            </view>
         </view>
         <view class="advertisement-box" @click="upGrade"><image src="../../static/images/index/bg4.png" alt=""></image></view>
         <!-- 积分商城 -->
         <view class="advertisement-box" @click="navTo('/pages/pointsMall/index')">
         <!-- <view class="advertisement-box" @click="upGrade"> -->
            <image src="../../static/images/index/banner2.png" alt=""></image>
            <image src="../../static/images/index/banner1.png" alt=""></image>
         </view>
         <view class="service-box">
            <view class="service-title"><text>服务指南</text></view>
            <view class="service-content">
@@ -329,8 +315,8 @@
                     <image src="../../static/images/index/more-info5.png" alt=""></image>
                  </view>
               </view>
               <!-- <view class="service-bg" @click="upGrade"> -->
               <view class="service-bg" @click="navTo('/pages/counterRecharge/index')">
               <view class="service-bg" @click="upGrade">
               <!-- <view class="service-bg" @click="navTo('/pages/counterRecharge/index')"> -->
                     <view>
                        <image src="../../static/images/index/notice5.png" alt=""></image>
                        <text>公示公告</text>
@@ -364,14 +350,11 @@
            .user-info{
               width:100%;
               height:100rpx;
               // background: #06BF5E;
               display: flex;
               align-items: center;
               padding-left:15rpx;
               box-sizing: border-box;
               margin-bottom: 14rpx;
               display:flex;
               position:relative;
               .user-img{
                  width:90rpx;
                  height:90rpx;
@@ -385,23 +368,6 @@
               .user-more{
                  width: 12rpx;
                  height: 28rpx;
               }
               .user-add-card{
                  display:flex;
                  align-items:center;
                  height:40rpx;
                  font-size:22rpx;
                  background:linear-gradient(to right,#B1D9FD,#65A7FD);
                  border-radius:50rpx;
                  padding: 0 8rpx;
                  position: absolute;
                  bottom:0;
                  right:0;
                  image{
                     width:28rpx;
                     height:28rpx;
                     margin-right:10rpx;
                  }
               }
            }
            .card{
@@ -481,6 +447,24 @@
                        justify-content: space-between;
                        flex-direction: column;
                        font-size:34rpx;
                        .user-add-card{
                           display:flex;
                           align-items:center;
                           height:52rpx;
                           font-size:28rpx;
                           background:linear-gradient(to right,#B1D9FD 0%,#65A7FD 70%,#65A7FD 100%);
                           border-radius:50rpx;
                           padding: 0 20rpx;
                           image{
                              width:36rpx;
                              height:36rpx;
                              margin-right:6rpx;
                              opacity:0.8;
                           }
                           text{
                              color:#FFF;
                           }
                        }
                        text:last-child{
                           font-weight:500;
                        }
@@ -653,12 +637,15 @@
         }
         .advertisement-box{
            width:100%;
            height: 188rpx;
            height: 160rpx;
            padding:0 32rpx 10rpx; 
            box-sizing: border-box;
            display: flex;
            justify-content: space-around;
            image{
               width:100%;
               height: 178rpx;
               width:320rpx;
               height:136rpx;
               border-radius:10rpx;
            }
         }
         .service-box{