You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
xuan-pay-cweb/pages/index/mcc-list/mcc-list.vue

75 lines
1.7 KiB

<template>
<view>
<!-- 搜索框 -->
<!-- <unisearchbar v-model="searchValue" @input="focusInput" placeholder="搜索内容" radius="100">
</unisearchbar> -->
<!-- 商户名字 -->
<!-- <view class="mart20 width100">
<view class=" mcclist font15 fcor666" v-for="(item,index) in mccList" :key="index" @click="changemcc(item)">
{{item.maccCode}}
</view>
</view> -->
<macclist :listData="mccList" @confirem="changemcc"></macclist>
</view>
</template>
<script>
import unisearchbar from '../../../components/uni-search-bar/components/uni-search-bar/uni-search-bar.vue';
import macclist from '../../../components/mcclist.vue';
import {
getMccList
} from '../../../Utils/Api.js';
let app = getApp();
export default {
components: {
unisearchbar,
macclist
},
data() {
return {
//搜索内容
searchValue: '',
//列表数据
mccList: [],
}
},
onLoad() {
this.getMccList();
},
methods: {
//查询mcc商户
getMccList() {
getMccList().then(res => {
if (res.return_code == '000000' && res.return_data) {
this.mccList = res.return_data;
}
});
},
// 搜索商户
focusInput() {
this.mccList = [];
this.getMccList();
},
//选择某个mcc 并返回
changemcc(item) {
app.globalData.mccid = item.maccCode;
app.globalData.mccname = item.name;
uni.navigateBack({})
}
}
}
</script>
<style lang="scss">
// .mcclist {
// width: calc(100% - 50upx);
// height: 100upx;
// display: flex;
// align-items: center;
// background-color: rgba($color: #ffffff, $alpha: 0.1);
// border-bottom: 1px solid #f6f6f6;
// padding: 12upx 25upx;
// }
</style>