DirectDiscount.vue 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <template>
  2. <view class="hb column">
  3. <view>
  4. <view v-for="(item,index) in discountlist" :key="index">
  5. <view class="justify-between align-center p48 m20 colorf bgmap" @click="todetail(item)"
  6. >
  7. <view class="justify-center">
  8. <view>
  9. <view class="fs48 bold">¥{{item.couponPrice}}</view>
  10. </view>
  11. <view class="ml80">
  12. <view>{{item.couponName}}</view>
  13. <view class="fs24 mt16">可与优惠卷叠加使用</view>
  14. </view>
  15. </view>
  16. <view class="bgf base-price plr28 ptb12 radius40">查看</view>
  17. </view>
  18. </view>
  19. </view>
  20. <view v-if="discountlist.length == 0" class="centerV" >
  21. <image src="https://bjczwh.oss-cn-beijing.aliyuncs.com/app/shop/images/no_data.png" mode="aspectFit"></image>
  22. <view class="centerV">暂无数据</view>
  23. </view>
  24. </view>
  25. </template>
  26. <script>
  27. import { getCompanyCouponIssueList} from '@/api/coupon'
  28. export default {
  29. data(){
  30. return{
  31. discountlist:[],
  32. companyUserId:"",
  33. companyId:"",
  34. imageMap: 'https://bjczwh.oss-cn-beijing.aliyuncs.com/app/shop/images/Direct-sel.png',
  35. }
  36. },
  37. onLoad(option) {
  38. this.companyId=option.companyId
  39. this.companyUserId=option.companyUserId
  40. this.getCompanyCouponIssueLists()
  41. console.log(option)
  42. },
  43. methods:{
  44. todetail(item){
  45. uni.navigateTo({
  46. url: '/pages_company/order/DirectDetail?companyUserId='+this.companyUserId+'&companyId='+this.companyId
  47. +"&item="+JSON.stringify(item)
  48. })
  49. console.log(JSON.stringify(item))
  50. },
  51. getCompanyCouponIssueLists(){
  52. const data={
  53. couponType:3,
  54. }
  55. getCompanyCouponIssueList(data).then(res=>{
  56. if(res.code==200){
  57. this.discountlist=res.data.list
  58. console.log(this.discountlist)
  59. }else{
  60. uni.showToast({
  61. icon:'none',
  62. title: res.msg,
  63. });
  64. }
  65. })
  66. }
  67. }
  68. }
  69. </script>
  70. <style lang="scss" scoped>
  71. .bgmap{
  72. background: url('https://bjczwh.oss-cn-beijing.aliyuncs.com/app/shop/images/Direct-sel.png');
  73. background-size: cover;
  74. }
  75. </style>