|
|
@ -4,9 +4,9 @@ |
|
|
|
|
|
|
|
|
<view class="win-operate"> |
|
|
<view class="win-operate"> |
|
|
<image mode="aspectFit" src="/static/images/icon/retail/close.png" @click="onClose"></image> |
|
|
<image mode="aspectFit" src="/static/images/icon/retail/close.png" @click="onClose"></image> |
|
|
<text class="win-title">{{ curChoose.name == "储蓄卡支付" ? "请选择储蓄卡" : "请选择支付方式" }}</text> |
|
|
|
|
|
|
|
|
<text class="win-title">{{ curChoose.name == "储值卡支付" ? "请选择储值卡" : "请选择支付方式" }}</text> |
|
|
|
|
|
|
|
|
<view class="win-way" v-if="curChoose.name!='储蓄卡支付'?true:false"> |
|
|
|
|
|
|
|
|
<view class="win-way" v-if="curChoose.name!='储值卡支付'?true:false"> |
|
|
<view class="win-way-item" v-for="(item, index) in payWayList" :key="index" @click="onPayWayClick(item, index)"> |
|
|
<view class="win-way-item" v-for="(item, index) in payWayList" :key="index" @click="onPayWayClick(item, index)"> |
|
|
<image :class="[item.iconClassA, item.iconClassB]" mode="aspectFit" :src="item.icon"></image> |
|
|
<image :class="[item.iconClassA, item.iconClassB]" mode="aspectFit" :src="item.icon"></image> |
|
|
<text>{{ item.name }}</text> |
|
|
<text>{{ item.name }}</text> |
|
|
@ -15,14 +15,14 @@ |
|
|
<view></view> |
|
|
<view></view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="win-card" v-if="curChoose.name=='储蓄卡支付'?true:false"> |
|
|
|
|
|
|
|
|
<view class="win-card" v-if="curChoose.name=='储值卡支付'?true:false"> |
|
|
<view class="win-card-search"> |
|
|
<view class="win-card-search"> |
|
|
<image v-if="searchCardValue?false:true" mode="aspectFit" src="/static/images/icon/retail/search.png"></image> |
|
|
<image v-if="searchCardValue?false:true" mode="aspectFit" src="/static/images/icon/retail/search.png"></image> |
|
|
<input v-model="searchCardValue" @confirm="searchCardList" placeholder="请输入微信昵称/手机号码/储蓄卡号搜索" placeholder-style="win-card-search-input-placeholder"> |
|
|
|
|
|
|
|
|
<input v-model="searchCardValue" @confirm="searchCardList" placeholder="请输入微信昵称/手机号码/储值卡号搜索" placeholder-style="win-card-search-input-placeholder"> |
|
|
</view> |
|
|
</view> |
|
|
<view class="win-card-list"> |
|
|
<view class="win-card-list"> |
|
|
<view class="win-card-list-item" v-for="(item, index) in cardList" :key="index" @click="onCardClick(item)"> |
|
|
<view class="win-card-list-item" v-for="(item, index) in cardList" :key="index" @click="onCardClick(item)"> |
|
|
<view>储蓄卡卡号：<text :style="{color:item.color.card_no}">{{ item.card_no }}</text></view> |
|
|
|
|
|
|
|
|
<view>储值卡卡号：<text :style="{color:item.color.card_no}">{{ item.card_no }}</text></view> |
|
|
<view>微信昵称：<text :style="{color:item.color.nickname}">{{ item.nickname }}</text></view> |
|
|
<view>微信昵称：<text :style="{color:item.color.nickname}">{{ item.nickname }}</text></view> |
|
|
<view>手机号码：<text :style="{color:item.color.mobile}">{{ item.mobile }}</text></view> |
|
|
<view>手机号码：<text :style="{color:item.color.mobile}">{{ item.mobile }}</text></view> |
|
|
<view>卡名称：<text :style="{color:item.color.card_name}">{{ item.card_name }}</text></view> |
|
|
<view>卡名称：<text :style="{color:item.color.card_name}">{{ item.card_name }}</text></view> |
|
|
@ -50,7 +50,7 @@ |
|
|
], |
|
|
], |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
cardList: [], // 储蓄卡列表 |
|
|
|
|
|
|
|
|
cardList: [], // 储值卡列表 |
|
|
payWayList: [], // 支付方式列表 |
|
|
payWayList: [], // 支付方式列表 |
|
|
choosePath: "/static/images/icon/retail/choose.png", |
|
|
choosePath: "/static/images/icon/retail/choose.png", |
|
|
noChoosePath: "/static/images/icon/retail/noChoose.png", |
|
|
noChoosePath: "/static/images/icon/retail/noChoose.png", |
|
|
@ -63,7 +63,7 @@ |
|
|
this.createPayWayList(); // 创建支付方式列表 |
|
|
this.createPayWayList(); // 创建支付方式列表 |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
// 储蓄卡点击 |
|
|
|
|
|
|
|
|
// 储值卡点击 |
|
|
onCardClick(item) { |
|
|
onCardClick(item) { |
|
|
this.curCardChoose = item; |
|
|
this.curCardChoose = item; |
|
|
|
|
|
|
|
|
@ -74,10 +74,10 @@ |
|
|
this.curCardChoose.mark = this.choosePath; |
|
|
this.curCardChoose.mark = this.choosePath; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 获取储蓄卡列表 |
|
|
|
|
|
|
|
|
// 获取储值卡列表 |
|
|
searchCardList() { |
|
|
searchCardList() { |
|
|
if (!this.searchCardValue) { |
|
|
if (!this.searchCardValue) { |
|
|
util.showNone("请输入微信昵称/手机号码/储蓄卡号搜索"); |
|
|
|
|
|
|
|
|
util.showNone("请输入微信昵称/手机号码/储值卡号搜索"); |
|
|
return; |
|
|
return; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -115,7 +115,7 @@ |
|
|
this.curCardChoose = _this.cardList[0]; |
|
|
this.curCardChoose = _this.cardList[0]; |
|
|
} |
|
|
} |
|
|
else { |
|
|
else { |
|
|
util.showNone("查询不到该储蓄卡信息，请检查重新输入"); |
|
|
|
|
|
|
|
|
util.showNone("查询不到该储值卡信息，请检查重新输入"); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
else { |
|
|
else { |
|
|
@ -129,7 +129,7 @@ |
|
|
for (let i = 0; i < this.payWayList.length; ++i) { |
|
|
for (let i = 0; i < this.payWayList.length; ++i) { |
|
|
this.payWayList[i].inputValue = ""; |
|
|
this.payWayList[i].inputValue = ""; |
|
|
|
|
|
|
|
|
if (this.payWayList[i].name != "储蓄卡支付") { |
|
|
|
|
|
|
|
|
if (this.payWayList[i].name != "储值卡支付") { |
|
|
this.payWayList[i].mark = this.noChoosePath; |
|
|
this.payWayList[i].mark = this.noChoosePath; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
@ -174,9 +174,9 @@ |
|
|
info.type = 4; |
|
|
info.type = 4; |
|
|
info.inputValue = this.curChoose.inputValue; |
|
|
info.inputValue = this.curChoose.inputValue; |
|
|
} break; |
|
|
} break; |
|
|
case "储蓄卡支付": { |
|
|
|
|
|
|
|
|
case "储值卡支付": { |
|
|
if (!this.curCardChoose) { |
|
|
if (!this.curCardChoose) { |
|
|
util.showNone("请搜索选择储蓄卡！"); |
|
|
|
|
|
|
|
|
util.showNone("请搜索选择储值卡！"); |
|
|
return; |
|
|
return; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -193,9 +193,9 @@ |
|
|
onPayWayClick(item, index) { |
|
|
onPayWayClick(item, index) { |
|
|
this.curChoose = item; |
|
|
this.curChoose = item; |
|
|
|
|
|
|
|
|
if (item.name != "储蓄卡支付") { |
|
|
|
|
|
|
|
|
if (item.name != "储值卡支付") { |
|
|
for (let i = 0; i < this.payWayList.length; ++i) { |
|
|
for (let i = 0; i < this.payWayList.length; ++i) { |
|
|
if (this.payWayList[i].name != "储蓄卡支付") { |
|
|
|
|
|
|
|
|
if (this.payWayList[i].name != "储值卡支付") { |
|
|
this.payWayList[i].mark = this.noChoosePath; |
|
|
this.payWayList[i].mark = this.noChoosePath; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
@ -235,7 +235,7 @@ |
|
|
markClassA: "win-way-item-mark", markClassB: "", |
|
|
markClassA: "win-way-item-mark", markClassB: "", |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
type: 2, name: "储蓄卡支付", inputShow: false, inputValue: "", |
|
|
|
|
|
|
|
|
type: 2, name: "储值卡支付", inputShow: false, inputValue: "", |
|
|
icon: "/static/images/icon/retail/card.png", |
|
|
icon: "/static/images/icon/retail/card.png", |
|
|
iconClassA: "win-way-item-icon", iconClassB: "win-way-item-icon-dif", |
|
|
iconClassA: "win-way-item-icon", iconClassB: "win-way-item-icon-dif", |
|
|
placeholderLabel: "请输入其他支付方式", |
|
|
placeholderLabel: "请输入其他支付方式", |
|
|
|
