BJ_web_developers / wxgzh

Blame view

src/views/cards/cardList.vue 2.61 KB
Edit Raw Normal View History
5e52ed7c   刘淇   个人中心 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
  <template>
  
    <section style="padding: 0 10px">
  
      <van-row>
        <van-col span="18">
          <van-search
            v-model="value"
            placeholder="请输入搜索关键词"
            @search="onSearch"
          />
        </van-col>
        <van-col span="6" style="margin-top: 5px;">
          <van-button type="info" round block>续费</van-button>
        </van-col>
      </van-row>
e7ca4bcb   刘淇   会员卡 
18
19
20
21
 
      <ul v-if="cardList.length>0">
        <li class="cardListWrap" v-for="i in cardList[0].parkList" @click="toBuyCardPage(i)">
          <div class="van-ellipsis" style="padding: 20px 0  10px 10px">{{i.plName}}</div>
          <div class="van-ellipsis" style="padding: 10px 0  20px 10px;color: #999">{{i.plAddress}}</div>
5e52ed7c   刘淇   个人中心 
22
23
24
25
 
        </li>
      </ul>
e7ca4bcb   刘淇   会员卡 
26
27
28
 
      <section style="text-align: center;padding-top: 20px" v-else>
        <van-image :src="require('../../assets/images/cards/novipcard.png')"/>
        <p>未找到会员卡</p>
5e52ed7c   刘淇   个人中心 
29
30
31
32
33
34
35
36
 
      </section>
  
  
    </section>
  
  </template>
  
  <script>
e7ca4bcb   刘淇   会员卡 
37
 
  import { queryVipCardListByOrgId, queryVipCardListByPlName } from "@/api/card/card";
5e52ed7c   刘淇   个人中心 
38
39
40
41
 
  export default {
    name: "cardList",
    data() {
      return {
e7ca4bcb   刘淇   会员卡 
42
43
 
        value: "",
        cardList: []
5e52ed7c   刘淇   个人中心 
44
45
 
      };
    },
e7ca4bcb   刘淇   会员卡 
46
47
48
 
    created() {
      this.queryVipCardListByOrgId();
    },
5e52ed7c   刘淇   个人中心 
49
50
 
    methods: {
      onSearch(val) {
e7ca4bcb   刘淇   会员卡 
51
52
53
54
55
56
57
58
59
60
61
62
63
 
        console.log("111" + val);
        // Toast(val);
        let jsondata = {
          orgId: this.$utils.orgId,
          parkName: val,
          saleChannel: "2"
        };
        jsondata.sign = this.$utils.signObject(jsondata);
        queryVipCardListByPlName(jsondata).then(response => {
          // console.log(response.data[0].parkList);
          this.cardList = response.data;
          console.log(response);
        });
5e52ed7c   刘淇   个人中心 
64
65
 
      },
      onCancel() {
e7ca4bcb   刘淇   会员卡 
66
 
        // Toast('取消');
5e52ed7c   刘淇   个人中心 
67
 
      },
e7ca4bcb   刘淇   会员卡 
68
 
      toBuyCardPage(i) {
5e52ed7c   刘淇   个人中心 
69
 
        this.$router.push({
e7ca4bcb   刘淇   会员卡 
70
71
72
73
74
75
 
            name: "buyCardDetail",
            query: {
              plNo: i.plNo,
              plName: i.plName,
              plAddress: i.plAddress
            }
5e52ed7c   刘淇   个人中心 
76
77
 
          }
        );
e7ca4bcb   刘淇   会员卡 
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
 
      },
      queryVipCardListByOrgId() {
        let jsondata = {
          orgId: this.$utils.orgId,
          longitude: "115.10114",
          latitude: "40.616892",
          type: "00",
          limit: "10000000",
          saleChannel: "2"
        };
        jsondata.sign = this.$utils.signObject(jsondata);
        queryVipCardListByOrgId(jsondata).then(response => {
          console.log(response.data);
          this.cardList = response.data;
        });
5e52ed7c   刘淇   个人中心 
93
 
      }
e7ca4bcb   刘淇   会员卡 
94
 
    }
5e52ed7c   刘淇   个人中心 
95
96
97
98
 
  };
  </script>
  
  <style scoped>
e7ca4bcb   刘淇   会员卡 
99
 
    .cardListWrap {
5e52ed7c   刘淇   个人中心 
100
101
102
103
104
105
106
107
108
109
110
 
      margin-top: 15px;
      margin-left: 0px;
      margin-right: 0px;
      width: 100%;
      height: 106px;
      background: url("../../assets/images/cards/vipcardbg1.png") no-repeat;
      background-size: 100% 100%;
      font-size: 16px;
    }
  
  </style>