左侧点击16:45:28

zhaoxiaoqiang

2021-09-16 263fd84ea088fd6d7e8d063b7913b2d15e5fde74

 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,20 +9,48 @@
    <div class="hb-credit-installment h-100-g">
        <van-nav-bar
            title="和微分"
            :right-text="hnOrnxtype==410000?'':'授权测试'"
            left-arrow
            @click-left="onClickLeft"
            @click-right="qrCodePage()"
        >
            <i
                v-if='hnOrnxtype==410000'
                class="iconfont iconzuojiantou"
                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;"
        >
            <i
                class="iconfont iconzuojiantou"
                slot="left"
                style="font-size: 25px;"
            ></i>
        </van-nav-bar>
        >  
        
            <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"
@@ -30,7 +58,8 @@
                :options="form.cmccWxpayContList"
                :value-map="['contCode', 'contName']"
                direction="rtl"
            ></selector>
            ></selector> -->

        </div>
        <group class="group-content">
            <div class="title">
@@ -41,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;">
@@ -126,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},
@@ -143,6 +181,7 @@
    },
    data() {
        return {
            showPicker:false,
            creditId: '',
            contType:'',
            contId: '', //合约id
@@ -199,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
        );
@@ -213,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) {
@@ -373,7 +418,13 @@
                query: queryObj,
            });
        },
    },
        qrCodePage() {
            this.$router.push({
                path: "/wx-test-code",
                query: "",
            });
        },
    }
};
</script>
<style lang="less" scoped>
@@ -398,9 +449,10 @@
}
//搜索框
.search {
    margin-bottom: 20px;
    padding: 5px 10px;
    box-sizing: border-box;
}

.mer {
    width: 100%;
    height: 150px;
@@ -439,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;
@@ -462,7 +516,6 @@

.hb-credit-installment {
    background-color: #f5f5f7;
    padding:50px 0;
    min-height: 100%;
    box-sizing: border-box;
    .title {
@@ -527,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>