FCC/Applications/UniversalApi_WebConsole_App/Views/OnlineMonitor/Config/GasLiquidRatioRnav.cshtml


<div id="GasLiquidRatioDiv">
    <form action="" method="post" class="config-form">
        <div class="config-form-group">
            <label id="WarningValueMin" class="config-form-label">气液比最小值预警参数</label>
            <input id="WarningValueMin" class="config-form-input" v-model="values.WarningValueMin" />
            <span id="WarningValueMin" class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">最小值范围0.50-1.10</label>
        </div>
        <div class="config-form-group">
            <label id="WarningValueMax" class="config-form-label">气液比最大值预警参数</label>
            <input id="WarningValueMax" class="config-form-input" v-model="values.WarningValueMax" />
            <span id="WarningValueMax" class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">最大值范围1.10-1.70</label>
        </div>
        <div class="config-form-group">
            <label id="WarningTimeRangeByHours" class="config-form-label">触发预警时间参数（小时）</label>
            <input id="WarningTimeRangeByHours" class="config-form-input" v-model="values.WarningTimeRangeByHours" />
            <span id="WarningTimeRangeByHours" class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">时间范围0-24*7*30</label>
        </div>
        <div class="config-form-group">
            <label id="e" class="config-form-label">异常气液比值占比（%）</label>
            <input id="e" class="config-form-input" v-model="values.WarningThresthold" />
            <span id="e" class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">异常值百分比范围0%-100%</label>
        </div>
        <div class="config-form-group">
            <label id="WarningLastingDaysMax" class="config-form-label">预警持续时间转为报警（天）</label>
            <input id="WarningLastingDaysMax" class="config-form-input" v-model="values.WarningLastingDaysMax" />
            <span id="WarningLastingDaysMax" class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">预警持续时间0天-100天</label>
        </div>
        <div class="config-form-group">
            <label id="TimeInDayWith24HourStyle" class="config-form-label">预警集中语音播报时间（时间点）</label>
            <input id="TimeInDayWith24HourStyle" class="config-form-input" v-model="values.TimeInDayWith24HourStyle" />
            <span id="TimeInDayWith24HourStyle" class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">预警语音播报时间点0.0-23.59</label>
        </div>
        <div class="config-form-group">
            <label id="WarningCheckingTime" class="config-form-label">报警集中语音播报时间（时间点）</label>
            <input id="WarningCheckingTime" class="config-form-input" v-model="values.WarningCheckingTime" />
            <span id="WarningCheckingTime" class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">预警语音播报时间点0.0-23.59</label>
        </div>
        <div class="config-form-submit-group">
            <label class="config-form-label"></label>
            <button class="config-form-submit" type="button" @@click="submit(event)" id="OnlineWatchConfig"></button>
            <label class="config-form-result" id="labelResult"></label>
        </div>
    </form>
</div>

<script type="text/javascript">
    var vm = new Vue({
        el: '#GasLiquidRatioDiv',
        data: {
            values: {}
        },
        mounted: function () {
            this.values = { 'WarningValueMin': 0.83, 'WarningValueMax': 1.35, 'WarningTimeRangeByHours': 24, 'WarningLastingDaysMax': 5, 'TimeInDayWith24HourStyle': "13.10", 'WarningCheckingTime': "24.00", 'WarningThresthold': 25 }
            let path = '/sys/Vapor_Recovery_App/Application.VaporRecoveryApp.App/thing/service/GetConfigAsync'
            Publish('Database', '', path)
        },
        methods: {
            submit(e) {
                let path = '/sys/Vapor_Recovery_App/Application.VaporRecoveryApp.App/thing/service/PutConfigAsync'
                Publish(e.target.id, JSON.stringify(this.values), path)
                return false
            }
        }
    })

    function OnReply(jsonObj) {
        console.log(jsonObj)
        $('#labelResult').text('提交完成')
        vm.values.ProbeOffset = 0.98
    }
</script>