manyi/static/app/js/device-param-1002171.js

function ChargeParamComponent(option) {
    var _el = option.el;
    var _chargeMode = option.chargeMode;

    var _time1 = option.time1;
    var _time2 = option.time2;
    var _time3 = option.time3;
    var _time4 = option.time4;
    var _power1 = option.power1;
    var _power2 = option.power2;
    var _power3 = option.power3;

    var app = this.app = new Vue({
        el: _el,
        template: `
<div>
    <div class="mui-input-group">
        <div class="mui-input-row mui-radio">
            <label class="tips-event">
                电量模式计费
                <i class="tips" title="该模式下，用户充电按照电量计费，套餐单位需设置为 度">?</i>
            </label>
            <input id="chargeMode2" v-model="info.chargeMode" name="chargeMode" value="1" type="radio">
        </div>
        
        <div class="mui-input-row mui-radio">
            <label class="tips-event">
                功率分档计费
                <i class="tips" title="该模式下，用户充电按照时间收费，同时会检测用户充电功率，根据功率以及相应功率分档设置动态缩减用户的充电时间，套餐单位需设置为 次">?</i>
            </label>
            <input id="chargeMode3" v-model="info.chargeMode" name="chargeMode" value="0" type="radio">
        </div>
            
        <div class="mui-input-group" v-if="info.chargeMode==0">
        <div class="mui-input-row">
            <label class="">第1段功率时间：</label>
            <input type="number" required step="1"  v-model="info.time1" class="save-data padding-r-35">
            <span class="mini-unit">分钟</span>
        </div>
        <div class="mui-input-row">
            <label class="">第2段功率时间：</label>
            <input type="number" required step="1"  v-model="info.time2" class="save-data padding-r-35">
            <span class="mini-unit">分钟</span>
        </div>
        <div class="mui-input-row">
            <label class="">第3段功率时间：</label>
            <input type="number" required step="1"  v-model="info.time3" class="save-data padding-r-35">
            <span class="mini-unit">分钟</span>
        </div>
        <div class="mui-input-row">
            <label class="">第4段功率时间：</label>
            <input type="number" required step="1"  v-model="info.time4" class="save-data padding-r-35">
            <span class="mini-unit">分钟</span>
        </div>
        <div class="mui-input-row">
            <label class="">第1段功率值：</label>
            <input type="number" required step="1"  v-model="info.power1" class="save-data padding-r-35">
            <span class="mini-unit">W</span>
        </div>
        <div class="mui-input-row">
            <label class="">第2段功率值：</label>
            <input type="number" required step="1"  v-model="info.power2" class="save-data padding-r-35">
            <span class="mini-unit">W</span>
        </div>
        <div class="mui-input-row">
            <label class="">第3段功率值：</label>
            <input type="number" required step="1"  v-model="info.power3" class="save-data padding-r-35">
            <span class="mini-unit">W</span>
        </div>
    </div>
        
        
    </div>
    
</div>
        `
        ,
        data: {
            info: {
                chargeMode: 0,

                time1: 0,
                time2: 0,
                time3: 0,
                time4: 0,

                power1: 0,
                power2: 0,
                power3: 0,

            }
        },

        mounted: function () {
            var that = this;
            that.initPackages();
        },

        methods: {

            initPackages: function () {
                this.info.chargeMode = _chargeMode;
                this.info.time1 = _time1;
                this.info.time2 = _time2;
                this.info.time3 = _time3;
                this.info.time4 = _time4;

                this.info.power1 = _power1;
                this.info.power2 = _power2;
                this.info.power3 = _power3;
            },
        }
    });
}


// 获取获取功率计费
ChargeParamComponent.prototype.getChargeMode = function () {
    return this.app.info.chargeMode;
};
ChargeParamComponent.prototype.getTime1 = function () {
    return this.app.info.time1;
};
ChargeParamComponent.prototype.getTime2 = function () {
    return this.app.info.time2;
};
ChargeParamComponent.prototype.getTime3 = function () {
    return this.app.info.time3;
};
ChargeParamComponent.prototype.getTime4 = function () {
    return this.app.info.time4;
};
ChargeParamComponent.prototype.getPower1 = function () {
    return this.app.info.power1;
};
ChargeParamComponent.prototype.getPower2 = function () {
    return this.app.info.power2;
};
ChargeParamComponent.prototype.getPower3 = function () {
    return this.app.info.power3;
};