@alu008/test_yuanqikaixiang 1.0.0

package/subpackages/poster/poster.vue

@@ -0,0 +1,130 @@
+<template>
+  <view>
+    <button @click="showshow">打开</button>
+    <image class="" :src="src" />
+    <qf-image-cropper
+      @show="show1"
+      v-show="show"
+      ref="qfImageCropper"
+      :width="500"
+      :height="500"
+      @crop="handleCrop"
+    ></qf-image-cropper>
+  </view>
+</template>
+
+<script>
+import { upLoadImageUrl } from "@/utils/api";
+import { fetchUploadImg } from "@/utils/fetch";
+import { upLoadImage } from "@/utils/request";
+import QfImageCropper from "@/uni_modules/qf-image-cropper/components/qf-image-cropper/qf-image-cropper.vue";
+export default {
+  data() {
+    return { show: false, src: "" };
+  },
+  components: {
+    QfImageCropper,
+  },
+  mounted() {
+    // 通过ref组件实例可在进入页面后直接打开相册选择图片
+  },
+  methods: {
+    show1() {
+      this.show = true;
+    },
+    showshow() {
+      this.$refs.qfImageCropper.chooseImage({ sourceType: ["album"] });
+      //       uni.chooseImage({
+      //     count: 1,
+      //     sourceType: ['album'],
+      //     success: (res) => {
+      //         // this.$refs.qfImageCropper.chooseImage({ sourceType: ['album'] });
+      //     }
+      // })
+      // this.$refs.qfImageCropper.chooseImage({ sourceType: ['album'] });
+    },
+    handleCrop(e) {
+      this.show = false;
+      console.log(e);
+      this.src = e.tempFilePath;
+
+      const arrayBuffer = uni.base64ToArrayBuffer(e.tempFilePath);
+      // console.log(arrayBuffer);
+      // const access_token = uni.getStorageSync("userInfo")
+      //   ? uni.getStorageSync("userInfo").accessToken
+      //   : "";
+      // upLoadImage(
+      //   upLoadImageUrl,
+      //   e.path,
+      //   arrayBuffer,
+      //   (res) => {
+      //     console.log(res);
+      //   },
+      // );
+
+ 
+
+ 
+      fetchUploadImg({
+        name: new Date().getTime() + ".png",
+        base64_file: e.tempFilePath,
+      }).then((res) => {
+        console.log(res);
+      });
+
+      // let formData = new FormData();
+      // formData.append('file', blob, 'screenshot.png');
+
+      // uni.request({
+      //   url: upLoadImageUrl,
+      //   method: 'POST',
+      //   header: {
+      //     Authorization: "Bearer " + access_token,
+      //     // 不设置 Content-Type，uni.request 会自动处理
+      //   },
+      //   data: formData,
+      //   success: res => {
+      //     console.log('上传成功', res);
+      //   },
+      //   fail: err => {
+      //     console.log('上传失败', err);
+      //   }
+      // });
+
+      // fetchUploadImg({
+      //   name: "",
+      //   file: arrayBuffer,
+      // }).then((res) => {
+      //   console.log(res);
+      // });
+
+      //   uni.previewImage({
+      //     urls: [e.tempFilePath],
+      //     current: 0,
+      //   });
+      // console.log(e)
+      // // #ifdef H5
+      // h5下载图片
+      // var a = document.createElement('a');
+      // a.href = e.tempFilePath;
+      // a.download = new Date().valueOf() + ".png";
+      // a.click();
+      // // #endif
+      // // #ifndef H5
+      // 非h5保存相册
+      // uni.saveImageToPhotosAlbum({
+      // 	filePath: e.tempFilePath,
+      // 	success: () => {
+      // 		uni.showToast({
+      // 			title: '保存成功',
+      // 			icon: 'success'
+      // 		})
+      // 	}
+      // });
+      // // #endif
+    },
+  },
+};
+</script>
+
+<style scoped></style>

package/subpackages/selectCoupon/selectCoupon.vue

@@ -0,0 +1,251 @@
+<template>
+  <view class="selectCouponContent">
+    <!-- <view class="couponList">
+      <view class="list">
+        <view   @click="chooseCoupon(value,!value.isChecked)"  v-if="couponList.length > 0" v-for="value in couponList" :key="value.id" class="item">
+          <view :style="{background:value.canUse? '#7c66ff':'#DDDDDD' }" class="count">
+            <view :style="{color:value.canUse? '#fff':'#999' }" class="amount">¥<text class="number">{{ value.coupon.giftAmount }}</text></view>
+            <view :style="{color:value.canUse? '#fff':'#999' }" class="limit">{{ value.coupon.conditionAmount == 0?'无门槛使用':`满${value.coupon.conditionAmount}元可用` }}</view>
+          </view>
+          <view class="couponDetail">
+            <view class="type">{{ value.coupon.name }}</view>
+            <view class="time">{{ value.expiredAt }} 过期</view>
+             <view class="useLimit">此券可与其他券叠加使用</view>
+          </view>
+          <view v-if="value.canUse" class="checkItem">
+             <image v-if="value.isChecked" src="https://img.shinemang.com/static/check.png" mode="scaleToFill" />
+             <image
+            
+              v-else
+              src="https://img.shinemang.com/static/notCheck.png"
+              mode="scaleToFill"
+             />
+          </view>
+        </view>
+      </view>
+    </view> -->
+
+    <view class="actionBtn">
+      <view @click="confirm" class="buy">确认</view>
+    </view>
+
+  
+  </view>
+</template>
+
+<script>
+  import { sortCouponsSameAsBest } from '@/utils';
+  import { fetchUserCouponList } from '@/utils/fetch';
+export default {
+  data() {
+    return {
+      couponList:[],
+      selectCoupon:'',
+      price:0,
+      
+    };
+  },
+  components: {
+    // login,
+  },
+  onLoad(options) {
+      this.price = options.price
+      if(options.selectCoupon){
+        this.selectCoupon = JSON.parse(options.selectCoupon);
+      }
+
+      console.log(this.selectCoupon)
+        this.getUserCouponList();
+  },
+  methods: {
+    chooseCoupon(value,type){
+        if(type){
+            this.couponList.forEach(item => {
+            if(item.isChecked){
+              item.isChecked = false
+            }
+            if(item.id == value.id){
+              item.isChecked = true
+               this.selectCoupon = item
+            }
+          })
+        }else{
+           this.selectCoupon = ''
+          this.couponList.forEach(item => {
+            if(item.id == value.id){
+              item.isChecked = false
+            }
+          })
+     
+        }
+    },
+   getUserCouponList() {
+      fetchUserCouponList({
+        page: 1,
+        page_size: 1000,
+        state: 'UserCouponState_Unused'
+      }).then((res)=>{
+        console.log(res)
+        res.list.forEach(item => {
+          console.log(item.coupon.conditionAmount <= this.price,item.coupon.conditionAmount, this.price)
+          if(item.coupon.conditionAmount == 0 || (item.coupon.conditionAmount != 0 && item.coupon.conditionAmount <= this.price)){
+            item.canUse = true
+          }else{
+            item.canUse = false
+          }
+          if(item.id == this.selectCoupon.id){
+            item.isChecked = true
+          }else{
+            item.isChecked = false
+          }
+        })
+        this.couponList = sortCouponsSameAsBest(this.price,res.list)
+         console.log(this.couponList,'this.couponList')
+      })
+    },
+    confirm(){
+        let pages = getCurrentPages();
+        let prevPage = pages[pages.length - 2]; // 上一个页面
+        prevPage.$vm.coupon = this.selectCoupon
+        uni.navigateBack();
+    },
+    changeStatus() {},
+  },
+  onShow() {},
+};
+</script>
+
+<style lang="scss" scoped>
+page {
+  background: #f6f6f6;
+}
+.selectCouponContent {
+  padding-bottom: 200rpx;
+  .noData {
+    text-align: center;
+    margin-top: 48rpx;
+    color: #999999;
+    font-size: 28rpx;
+    image {
+      width: 370rpx;
+      height: 368rpx;
+    }
+    view {
+      margin-top: -10rpx;
+    }
+
+    .toShop {
+      width: 322rpx;
+      height: 80rpx;
+      background: #7c66ff;
+      border-radius: 864rpx 864rpx 864rpx 864rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      font-size: 32rpx;
+      margin: auto;
+      margin-top: 40rpx;
+    }
+  }
+
+  .couponList {
+    margin-top: 30rpx;
+
+    .list {
+      width: 100%;
+
+      padding: 0 32rpx;
+      .item {
+        margin-bottom: 24rpx;
+        width: 686rpx;
+        height: 202rpx;
+        background: #ffffff;
+        box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.05);
+        border-radius: 16rpx;
+
+        display: flex;
+        /* grid-template-columns: 190rpx 310rpx 144rpx; */
+        align-items: center;
+        /* justify-content: space-between; */
+        /* justify-content: space-around; */
+        /* padding-right: 24rpx; */
+
+        .count {
+          width: 190rpx;
+          height: 202rpx;
+          background: #7c66ff;
+          border-radius: 16rpx 0 0 16rpx;
+
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+          color: #fff;
+          .amount {
+            font-weight: bold;
+            font-size: 32rpx;
+            .number {
+              font-size: 70rpx;
+            }
+          }
+          .limit {
+            font-size: 24rpx;
+            color: rgba(255, 255, 255, 0.8);
+            margin-top: 10rpx;
+          }
+        }
+        .couponDetail {
+          width: 370rpx;
+          margin-left: 24rpx;
+          .type {
+            font-size: 28rpx;
+          }
+          .time {
+            color: #999999;
+            margin-top: 40rpx;
+            /* margin-bottom: 22rpx; */
+          }
+          .useLimit {
+            font-size: 26rpx;
+          }
+        }
+        .checkItem {
+          width: 40rpx;
+          image {
+            width: 40rpx;
+            height: 40rpx;
+          }
+        }
+      }
+    }
+  }
+  .actionBtn {
+    width: 100%;
+    height: 140rpx;
+    position: relative;
+    background: #ffffff;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+    position: fixed;
+    bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+    padding: 0 28rpx;
+    padding-top: 16rpx;
+    display: flex;
+    justify-content: space-between;
+
+    .buy {
+      width: 100%;
+      height: 80rpx;
+      background: #7c66ff;
+      border-radius: 864rpx;
+      font-size: 28rpx;
+      color: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+}
+</style>