From 263fd84ea088fd6d7e8d063b7913b2d15e5fde74 Mon Sep 17 00:00:00 2001
From: zhaoxiaoqiang <287285524@qq.com>
Date: Thu, 16 Sep 2021 16:45:30 +0800
Subject: [PATCH] 左侧点击16:45:28
---
src/views/old/store/wx-pay-score.vue | 147 ++++++++++++++++++++++++++++++++++++------------
1 files changed, 109 insertions(+), 38 deletions(-)
diff --git a/src/views/old/store/wx-pay-score.vue b/src/views/old/store/wx-pay-score.vue
index 3737c71..53d4403 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 16:44:31
* @Description:
-->
@@ -9,11 +9,10 @@
<div class="hb-credit-installment h-100-g">
<van-nav-bar
title="和微分"
- left-text="返回"
+ :right-text="hnOrnxtype==410000?'':'授权测试'"
left-arrow
- fixed
@click-left="onClickLeft"
- style="line-height: 43px;"
+ @click-right="qrCodePage()"
>
<i
v-if='hnOrnxtype==410000'
@@ -21,12 +20,37 @@
slot="left"
style="font-size: 25px;"
></i>
- <span v-else slot="left" >
-
- </span>
+ <span v-else slot="left" ></span>
</van-nav-bar>
+ <!-- <van-nav-bar
+ title="和微分"
+ left-text="返回"
+ left-arrow
+ fixed
+ @click-left="onClickLeft"
+ style="line-height: 43px;"
+ >
+
+ <template #left >
+
+ </template>
+ <template #right >
+ <div class="head-right" v-on:click="qrCodePage()">授权测试</div>
+ </template>
+ </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"
@@ -34,7 +58,8 @@
:options="form.cmccWxpayContList"
:value-map="['contCode', 'contName']"
direction="rtl"
- ></selector>
+ ></selector> -->
+
</div>
<group class="group-content">
<div class="title">
@@ -45,30 +70,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;">
@@ -130,15 +158,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},
@@ -147,6 +181,7 @@
},
data() {
return {
+ showPicker:false,
creditId: '',
contType:'',
contId: '', //合约id
@@ -203,9 +238,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
);
@@ -217,13 +256,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) {
@@ -377,7 +418,13 @@
query: queryObj,
});
},
- },
+ qrCodePage() {
+ this.$router.push({
+ path: "/wx-test-code",
+ query: "",
+ });
+ },
+ }
};
</script>
<style lang="less" scoped>
@@ -402,9 +449,10 @@
}
//搜索框
.search {
- margin-bottom: 20px;
padding: 5px 10px;
+ box-sizing: border-box;
}
+
.mer {
width: 100%;
height: 150px;
@@ -443,9 +491,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;
@@ -466,7 +516,6 @@
.hb-credit-installment {
background-color: #f5f5f7;
- padding:50px 0;
min-height: 100%;
box-sizing: border-box;
.title {
@@ -531,4 +580,26 @@
.weui-select{
font-size: 14px;
}
+.weui-label{
+ font-size: 14px;
+}
+.van-cell .van-cell__title{
+ font-size: 14px !important;
+}
+.van-field__body{
+ font-size: 14px !important;
+}
+.van-picker-column__wrapper{
+ line-height:24px !important;
+}
+.van-ellipsis{
+ font-size:12px ;
+ overflow: inherit;
+ white-space: inherit;
+ text-overflow: inherit;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
</style>
\ No newline at end of file
--
Gitblit v1.8.0