From 072089e1819b712503331624e3beb01192268c5b Mon Sep 17 00:00:00 2001
From: zhaoxiaoqiang <287285524@qq.com>
Date: Thu, 16 Sep 2021 16:42:15 +0800
Subject: [PATCH] 宁夏添加授权测试
---
src/views/old/store/wx-pay-score.vue | 147 ++++++++++++++++++++++++++++++++++++------------
1 files changed, 110 insertions(+), 37 deletions(-)
diff --git a/src/views/old/store/wx-pay-score.vue b/src/views/old/store/wx-pay-score.vue
index ad750c8..1a764cc 100644
--- a/src/views/old/store/wx-pay-score.vue
+++ b/src/views/old/store/wx-pay-score.vue
@@ -1,19 +1,17 @@
<!--
* @Date: 2019-08-30 13:38:35
- * @LastEditors: 小明丶
- * @LastEditTime: 2020-12-09 15:17:58
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2021-09-16 16:41:21
* @Description:
-->
<template>
<div class="hb-credit-installment h-100-g">
<van-nav-bar
- title="和微分"
- left-text="返回"
+ title="标题"
+ :right-text="hnOrnxtype==410000?'':'授权测试'"
left-arrow
- fixed
- @click-left="onClickLeft"
- style="line-height: 43px;"
+ @click-right="qrCodePage()"
>
<i
v-if='hnOrnxtype==410000'
@@ -21,9 +19,37 @@
slot="left"
style="font-size: 25px;"
></i>
+ <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"
@@ -31,7 +57,8 @@
:options="form.cmccWxpayContList"
:value-map="['contCode', 'contName']"
direction="rtl"
- ></selector>
+ ></selector> -->
+
</div>
<group class="group-content">
<div class="title">
@@ -42,30 +69,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;">
@@ -127,15 +157,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},
@@ -144,6 +180,7 @@
},
data() {
return {
+ showPicker:false,
creditId: '',
contType:'',
contId: '', //合约id
@@ -200,9 +237,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
);
@@ -214,13 +255,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) {
@@ -374,7 +417,13 @@
query: queryObj,
});
},
- },
+ qrCodePage() {
+ this.$router.push({
+ path: "/wx-test-code",
+ query: "",
+ });
+ },
+ }
};
</script>
<style lang="less" scoped>
@@ -399,9 +448,10 @@
}
//搜索框
.search {
- margin-bottom: 20px;
padding: 5px 10px;
+ box-sizing: border-box;
}
+
.mer {
width: 100%;
height: 150px;
@@ -440,9 +490,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;
@@ -463,7 +515,6 @@
.hb-credit-installment {
background-color: #f5f5f7;
- padding:50px 0;
min-height: 100%;
box-sizing: border-box;
.title {
@@ -528,4 +579,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