From a0c773f75686eb2ef195836873bfe27a3684c1fa Mon Sep 17 00:00:00 2001
From: zhaoxiaoqiang <287285524@qq.com>
Date: Thu, 16 Sep 2021 10:52:29 +0800
Subject: [PATCH] 选择框样式
---
src/views/old/store/wx-pay-score.vue | 187 +++++++++++++++++++++++++++++++---------------
1 files changed, 125 insertions(+), 62 deletions(-)
diff --git a/src/views/old/store/wx-pay-score.vue b/src/views/old/store/wx-pay-score.vue
index 33e1e1a..b340df3 100644
--- a/src/views/old/store/wx-pay-score.vue
+++ b/src/views/old/store/wx-pay-score.vue
@@ -1,40 +1,52 @@
<!--
* @Date: 2019-08-30 13:38:35
- * @LastEditors: 小明丶
- * @LastEditTime: 2020-12-09 15:17:58
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2021-09-16 10:51:24
* @Description:
-->
<template>
<div class="hb-credit-installment h-100-g">
- <!-- <x-header title="办理分期" :left-options="{backText:''}"></x-header> -->
- <!-- <tab :line-width=1 active-color='#bfa073'>
- <tab-item v-for="(item, index) in tabList" :key="index" :selected="activeTab === index"
- @on-item-click="handleTabChange(index)">{{ item }}</tab-item>
- </tab> -->
<van-nav-bar
title="和微分"
left-text="返回"
left-arrow
+ fixed
@click-left="onClickLeft"
style="line-height: 43px;"
>
<i
+ v-if='hnOrnxtype==410000'
class="iconfont iconzuojiantou"
slot="left"
style="font-size: 25px;"
></i>
+ <span v-else slot="left" >
+
+ </span>
</van-nav-bar>
<div class="search">
- <selector
- title="活动编码"
+ <van-field
+ rows="1"
+ input-align='right'
+ readonly
+ autosize
+ type="textarea"
+ :label="hnOrnxtype==410000?'活动编码':'活动名称'"
+ :value="contName"
+ placeholder="请选择"
+ @click="showPicker = true"
+ />
+ <!-- <selector
+ :title="hnOrnxtype==410000?'活动编码':'活动名称'"
placeholder="请选择"
@on-change="handleContIdChange"
v-model="contSendCode"
:options="form.cmccWxpayContList"
:value-map="['contCode', 'contName']"
direction="rtl"
- ></selector>
+ ></selector> -->
+
</div>
<group class="group-content">
<div class="title">
@@ -45,30 +57,33 @@
活动信息
</div>
<div class="form-content">
- <x-input
- title="活动ID"
+ <van-field
+ label="活动ID"
v-model.trim="contSendCode"
readonly
- text-align="right"
- ></x-input>
- <x-input
- title="活动名称"
- v-model.trim="contName"
+ input-align="right"
+ ></van-field>
+ <van-field
+ v-model="contName"
+ rows="1"
+ input-align='right'
readonly
- text-align="right"
- ></x-input>
- <x-input
- title="合约期"
+ autosize
+ label="活动名称"
+ type="textarea"
+ />
+ <van-field
+ label="合约期"
v-model.trim="term"
readonly
- text-align="right"
- ></x-input>
- <x-input
- title="担保金额"
+ input-align="right"
+ ></van-field>
+ <van-field
+ label="担保金额"
v-model.trim="guaranteedAmt"
readonly
- text-align="right"
- ></x-input>
+ input-align="right"
+ ></van-field>
</div>
<div style="height: 10px; background: #f5f5f5;"></div>
<div class="title" style="border-radius:6px;">
@@ -115,8 +130,7 @@
type="warning"
size="small"
@click="mblVertify"
- >可用查询</van-button
- >
+ >可用查询</van-button>
</van-field>
</div>
</group>
@@ -131,23 +145,30 @@
>
</div>
<Vdialog @cancel="cancel" :show="showDia"></Vdialog>
+ <van-popup v-model="showPicker" round position="bottom">
+ <van-picker
+ show-toolbar
+ :columns="form.cmccWxpayContList"
+ @cancel="showPicker = false"
+ @confirm="handleContIdChange"
+ />
+ </van-popup>
</div>
</template>
<script>
-import QRCode from 'qrcode';
import FConfirmSimple from '@/components/old/FConfirmSimple.vue';
import Vdialog from '@/components/common/v-dialog.vue';
-import { mapState, mapActions } from 'vuex';
-import { Datetime, XAddress } from 'vux';
+import { mapState } from 'vuex';
export default {
name: 'wx-pay-score',
- components: {
- FConfirmSimple,
- Vdialog,
+ components: {FConfirmSimple,Vdialog},
+ computed:{
+ ...mapState(['hnOrnxtype']),
},
data() {
return {
+ showPicker:false,
creditId: '',
contType:'',
contId: '', //合约id
@@ -187,18 +208,33 @@
isClick:false
};
},
- computed: {},
+
created() {
- this.contType = this.$route.query.code;
- this.mblNoType = this.$route.query.mblNoType;
- this.$api.wxScoreInit2({ type: this.contType }).then(
- (res) => {
- this.form = res.body || {};
- var arr = res.body.terms;
- },
- (err) => err
+ let apiText ='';
+ let sendData ={};
+ if(this.hnOrnxtype == 410000){
+ // 河南移动
+ this.contType = this.$route.query.code;
+ this.mblNoType = this.$route.query.mblNoType;
+ apiText ='wxScoreInit2';
+ sendData ={type: this.contType}
+ }else{
+ // 宁夏移动
+ apiText ='nxInit';
+ sendData= {};
+ }
+ this.$api[apiText](sendData).then(
+ (res) => {
+ this.form = res.body || {};
+ this.form.cmccWxpayContList = this.form.cmccWxpayContList.map(val=>{
+ return{
+ text:val.contName,
+ ...val
+ }
+ })
+ },
+ (err) => err
);
-
},
methods: {
//顶部tabbar返回按钮
@@ -207,15 +243,15 @@
},
// 套餐类型
handleContIdChange(val) {
- let currentEle = JSON.parse(
- JSON.stringify(this.form.cmccWxpayContList)
- ).find((item) => item.contCode === val);
+ console.log(val)
+ let currentEle = JSON.parse( JSON.stringify(this.form.cmccWxpayContList) ).find((item) => item.contCode === val.contCode);
this.contId = currentEle.contId;
this.contSendCode = currentEle.contCode;
this.contName = currentEle.contName;
this.term = currentEle.term;
this.guaranteedAmt = currentEle.guaranteedAmt;
this.monGiftAmt = currentEle.monGiftAmt;
+ this.showPicker =false;
},
// 市区
handleRegionChange(val) {
@@ -256,16 +292,19 @@
v.toast('请输入正确的用户手机号');
return false;
}
- this.$api
- .wxScoreVertify({
+ let httpText = '';
+ if(this.hnOrnxtype == 410000){
+ httpText ='wxScoreVertify';
+ }else{
+ httpText ='nxVerifyMblNo';
+ }
+ this.$api[httpText]({
cardNo: this.idCardNo,
contCode: this.contSendCode,
mblNo: this.mblNo,
mblNoType: this.mblNoType,
regionCode: this.regionCode,
- })
- .then(
- (res) => {
+ }).then( (res) => {
this.isClick =true;
this.creditId = res.body.creditId;
this.vertifyStatus = res.body.status;
@@ -320,13 +359,17 @@
return false;
}
}
- // console.log('ces', this.vertifyStatus + '你');
if (this.vertifyStatus == 0) {
v.toast('号码不可用');
return false;
}
- this.$api
- .wxScoreCreate({
+ let httpText = '';
+ if(this.hnOrnxtype == 410000){
+ httpText ='wxScoreCreate';
+ }else{
+ httpText ='nxCreate';
+ }
+ this.$api[httpText]({
contType: this.contType,
creditId: this.creditId,
contId: this.contId,
@@ -387,9 +430,10 @@
}
//搜索框
.search {
- margin-bottom: 20px;
padding: 5px 10px;
+ box-sizing: border-box;
}
+
.mer {
width: 100%;
height: 150px;
@@ -428,9 +472,11 @@
}
}
.group-content {
- transform: translateY(-25px);
- width: 96%;
- margin: 0 2%;
+ padding: 10px;
+ box-sizing: border-box;
+ // transform: translateY(-25px);
+ // width: 96%;
+ // margin: 0 2%;
}
/deep/.weui-cells {
border-radius: 6px;
@@ -451,8 +497,9 @@
.hb-credit-installment {
background-color: #f5f5f7;
- // padding-top: 54px;
+ padding:50px 0;
min-height: 100%;
+ box-sizing: border-box;
.title {
padding: 14px 0px 14px 12px;
font-size: 16px;
@@ -493,7 +540,6 @@
}
}
.btn-box {
- margin-top: 40px;
margin-bottom: 22px;
display: flex;
justify-content: space-around;
@@ -509,3 +555,20 @@
}
}
</style>
+<style lang="less">
+.van-nav-bar{
+ z-index: 10;
+}
+.weui-select{
+ font-size: 14px;
+}
+.weui-label{
+ font-size: 14px;
+}
+.van-cell .van-cell__title{
+ font-size: 14px !important;
+}
+.van-ellipsis{
+ font-size:12px ;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0