wenzidaxiao

zhaoxiaoqiang

2021-09-16 6e7a788dd0814a93d2690991e7df8c0c6bbfd2c2

 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:53:54
 * @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,16 @@
.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-ellipsis{
    font-size:12px ;
}
</style>