FCC/Applications/UniversalApi_WebConsole_App/Views/TankDetails/Config/TankManageRnav.cshtml


<div id="TankManageDiv">
    <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.code" />
                <label class="config-form-padding">p</label>
                <select class="config-form-select" v-model="r.name">
                    <option v-for='item in productList'>{{ item }}</option>
                </select>
            </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="TankConfig" />
        </div>
    </form>
</div>

<script type="text/javascript">
    var vm = new Vue({
        el: '#TankManageDiv',
        data: {
            rows: [{ 'code': 1, 'name': '0：0#' }, { 'code': 2, 'name': '2：92#' }],
            productList: ['0：0#', '2：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] = { 'code': undefined, 'name': '' }
                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({ 'code': 1, 'name': '0：0#' }), path)
                return false
            }
        }
    })

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