FCC/Framework/Edge.WebHost/Views/WebConsole/FairBanks/Config/FairbanksRnav.cshtml


<div id="FairbanksDiv">
    <form action="" method="post" class="config-form" autocomplete="off">
        <div class="config-form-group">
            <label id="DeviceId" class="config-form-label">{{$t('DeviceSN')}}</label>
            <input id="DeviceId" class="config-form-input" v-model="values.DeviceId" />
            <span id="DeviceId" class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">fairbanks编号</label>
        </div>
        <div class="config-form-group">
            <label id="SiteId" class="config-form-label">{{$t('SiteName')}}</label>
            <input id="SiteId" class="config-form-input" v-model="values.SiteId" />
            <span id="SiteId" 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 id="Host" class="config-form-label">{{$t('FairbanksAddress')}}</label>
            <input id="Host" class="config-form-input" v-model="values.Host" />
            <span id="Host" class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">fairbanks sftp server</label>
        </div>
        <div class="config-form-group">
            <label id="UserName" class="config-form-label">{{$t('UserID')}}</label>
            <input id="UserName" class="config-form-input" v-model="values.UserName" />
            <span id="UserName" class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">fairbanks用户名</label>
        </div>
        <div class="config-form-group">
            <label id="Password" class="config-form-label">{{$t('Password')}}</label>
            <input id="Password" class="config-form-input" v-model="values.Password" type="password" autocomplete="off" />
            <span id="Password" class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">fairbanks密码</label>
        </div>
        <div class="config-form-group">
            <label id="UploadInterval" class="config-form-label">{{$t('FrequencyUpload')}}</label>
            <input id="UploadInterval" class="config-form-input" v-model.number="values.UploadInterval" />
            <span id="UploadInterval" class="config-form-danger"></span>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">时间设置范围1-60分钟</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="FairbanksAppConfig" />
        </div>
    </form>
</div>

<script type="text/javascript">
    var vm = new Vue({
        el: '#FairbanksDiv',
        data: {
            values: { 'DeviceId': "SN678", 'SiteId': "永佳", 'Host': "192.168.123.123", 'UserName': "Wayne123", 'Password': "Password", 'UploadInterval': 3 },
            show: false,
            result: false
        },
        i18n,
        mounted: function () {
            let path = '/sys/fairbanksRealTimeDataApp/Dfs.WayneChina.FairbanksRTData.FairbanksRealTimeDataApp/thing/service/GetAppConfigAsync'
            Publish('Database', '', path)
        },
        methods: {
            submit(e) {
                let path = '/sys/fairbanksRealTimeDataApp/Dfs.WayneChina.FairbanksRTData.FairbanksRealTimeDataApp/thing/service/PutConfigAsync'
                Publish(e.target.id, JSON.stringify(this.values), path)
                return false
            }
        }
    })

    function OnReply(jsonObj) {
        if (jsonObj instanceof Array) {
            for (let index in jsonObj) {
                if (jsonObj[index].Name == "FairbanksAppConfig") {
                    vm.values = jsonObj[index].Value;
                    break;
                }
            }
        } else {
            console.log(jsonObj);
            if (jsonObj.Name == "FairbanksAppConfig") {
                vm.show = true;
                vm.result = jsonObj.Value;
            }
        }
    }
</script>