<div id="OtherConfigDiv">
    <form action="" method="post" class="config-form">
        <div class="config-form-group">
            <label class="config-form-label">计量单位设置</label>
            <select class="config-form-select" v-model="values.Unit">
                <option>英制IMPERIAL</option>
                <option>美制US</option>
                <option>国际METRIC</option>
            </select>
            <span class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">选择英制、美制、国际单位</label>
        </div>
        <div class="config-form-group">
            <label class="config-form-label">库存报表采集时间设置(小时)</label>
            <select class="config-form-select" v-model="values.TcReference">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>6</option>
                <option>8</option>
                <option>12</option>
                <option>24</option>
            </select>
            <span class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">选择报表采集时间频率</label>
        </div>
        <div class="config-form-group">
            <label class="config-form-label">库存报表采集时间设置(分钟)</label>
            <select class="config-form-select" v-model="values.InventorySamplingInterval">
                <option>1</option>
                <option>2</option>
                <option>5</option>
                <option>10</option>
                <option>30</option>
            </select>
            <span class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">选择报表采集时间频率</label>
        </div>
        <div class="config-form-group">
            <label class="config-form-label">进油方式设置</label>
            <select class="config-form-select" v-model="values.DeliveryMode">
                <option value='Automatic'>自动进油</option>
                <option value='Manual'>手动进油</option>
            </select>
            <span class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">选择手动进油或自动进油</label>
        </div>
        <div class="config-form-submit-group">
            <label :class="show ? (result ? 'config-form-result' : 'config-form-result-fail') : 'color-transparent'">{{ result ? '提交完成' : '提交失败' }}</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="TankOverallConfig" />
        </div>
    </form>
</div>

<script type="text/javascript">
    var vm = new Vue({
        el: '#OtherConfigDiv',
        data: {
            values: { 'Unit': "美制US", 'TcReference': 8, 'InventorySamplingInterval': 30, 'DeliveryMode': "Manual" },
            show: false,
            result: false
        },
        mounted: function () {
            let path = '/sys/atg_classic_App/Application.ATG_Classic_App.App/thing/service/GetConfigAsync'
            Publish1(path)
        },
        methods: {
            submit(e) {
                let path = '/sys/atg_classic_App/Application.ATG_Classic_App.App/thing/service/UpsertConfigAsync'
                Publish(e.target.id, JSON.stringify(this.values), path)
                return false
            }
        }
    })

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