FCC/Framework/Edge.WebHost/Views/WebConsole/TankDetails/Config/ProductManageRnav.cshtml


<div id="ProductManageDiv">
    <form action="" method="post" class="config-form">
        <div class="config-form-group">
            <label class="config-form-label">油品编号</label>
            <label class="config-form-label">标注</label>
        </div>
        <div class="config-form-hint-group">
            <label class="config-form-hint">填写油品编号</label>
            <label class="config-form-hint">填写油品标准，实际油品的名称</label>
        </div>
        <div v-for="r in rows">
            <div class="config-form-group">
                <input class="config-form-input" v-model="r.ProductCode" />
                <label class="config-form-padding">p</label>
                <input class="config-form-input" v-model="r.ProductLabel" />
            </div>
            <div class="config-form-hint-group">
                <label class="config-form-hint" style="color: transparent;">p</label>
            </div>
        </div>
        <button class="config-form-add" type="button" @@click="addrow()" />
        <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="ProductConfig" />
        </div>
    </form>
</div>

<script type="text/javascript">
    var vm = new Vue({
        el: '#ProductManageDiv',
        data: {
            rows: [{ 'ProductCode': '0', 'ProductLabel': '0#' }, { 'ProductCode': '2', 'ProductLabel': '92#' }],
            show: false,
            result: false
        },
        mounted: function () {
            let path = '/sys/atg_classic_App/Application.ATG_Classic_App.App/thing/service/GetConfigAsync'
            Publish1(path)
        },
        methods: {
            addrow() {
                this.rows[this.rows.length] = { 'ProductCode': '', 'ProductLabel': '' }
                this.$forceUpdate()
                return false
            },
            submit(e) {
                let path = '/sys/atg_classic_App/Application.ATG_Classic_App.App/thing/service/UpsertConfigAsync'
                Publish(e.target.id, JSON.stringify(this.rows), path)
                //Publish(e.target.id, JSON.stringify({ 'ProductCode': '2', 'ProductLabel': '92#' }), path)
                return false
            }
        }
    })

    function OnReply(jsonObj) {
        console.log(JSON.stringify(jsonObj));
        //vm.rows = jsonObj
    }
</script>