Browse Source

formal

feat-230721
张家华 3 years ago
parent
commit
9a90e9ef80
  1. 18480
      package-lock.json
  2. 32
      src/subpackage/retail/components/retail_pay_way/retail_pay_way.vue
  3. 18622
      yarn.lock

18480
package-lock.json
File diff suppressed because it is too large
View File

32
src/subpackage/retail/components/retail_pay_way/retail_pay_way.vue

@ -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: "请输入其他支付方式",

18622
yarn.lock
File diff suppressed because it is too large
View File

Loading…
Cancel
Save