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 | 104 +++++++++++++++++++++++++++++++++++++---------------
1 files changed, 74 insertions(+), 30 deletions(-)
diff --git a/src/views/old/store/wx-pay-score.vue b/src/views/old/store/wx-pay-score.vue
index 5dff363..b340df3 100644
--- a/src/views/old/store/wx-pay-score.vue
+++ b/src/views/old/store/wx-pay-score.vue
@@ -1,7 +1,7 @@
<!--
* @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:
-->
@@ -16,13 +16,28 @@
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
+ <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"
@@ -30,7 +45,8 @@
:options="form.cmccWxpayContList"
:value-map="['contCode', 'contName']"
direction="rtl"
- ></selector>
+ ></selector> -->
+
</div>
<group class="group-content">
<div class="title">
@@ -41,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;">
@@ -126,15 +145,21 @@
>
</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 } from 'vuex';
-import { Datetime, XAddress } from 'vux';
export default {
name: 'wx-pay-score',
components: {FConfirmSimple,Vdialog},
@@ -143,6 +168,7 @@
},
data() {
return {
+ showPicker:false,
creditId: '',
contType:'',
contId: '', //合约id
@@ -199,9 +225,13 @@
}
this.$api[apiText](sendData).then(
(res) => {
- console.log(res);
this.form = res.body || {};
- // var arr = res.body.terms;
+ this.form.cmccWxpayContList = this.form.cmccWxpayContList.map(val=>{
+ return{
+ text:val.contName,
+ ...val
+ }
+ })
},
(err) => err
);
@@ -213,13 +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) {
@@ -398,9 +430,10 @@
}
//搜索框
.search {
- margin-bottom: 20px;
padding: 5px 10px;
+ box-sizing: border-box;
}
+
.mer {
width: 100%;
height: 150px;
@@ -439,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;
@@ -527,4 +562,13 @@
.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