@lcap/asl/src/test/units/page/example.view1.html

NetEase Application Specific Language

<u-linear-layout direction="vertical">
    <div>view1页面的内容</div>
    <router-view></router-view>
    <u-linear-layout direction="vertical">
        <u-linear-layout justify="space-between">
            <u-form layout="inline" label-size="auto">
                <u-form-item label="name">
                    <u-input v-model="query.name" placeholder="请输入name"></u-input>
                </u-form-item>
                <u-form-item label="serial">
                    <u-input v-model="query.serial" placeholder="请输入serial"></u-input>
                </u-form-item>
                <u-form-item>
                    <u-button color="primary" @click="$refs['tableView'].reload($event)">查询</u-button>
                </u-form-item>
            </u-form>
            <u-button color="primary" @click="create($event)">创建</u-button>
        </u-linear-layout>
        <u-table-view ref="tableView" :data-source="load" pageable remote-paging data-schema="#/zystest3_backend/entities/Product">
            <u-table-view-column type="index" width="60" title="序号"></u-table-view-column>
            <u-table-view-column title="name" field="name">
                <template #cell="scope">
                    <u-linear-layout gap="small">
                        <u-text>{{ scope.item.name }}</u-text>
                    </u-linear-layout>
                </template>
            </u-table-view-column>
            <u-table-view-column title="serial" field="serial">
                <template #cell="scope">
                    <u-linear-layout gap="small">
                        <u-text>{{ scope.item.serial }}</u-text>
                    </u-linear-layout>
                </template>
            </u-table-view-column>
            <u-table-view-column title="操作">
                <template #cell="scope">
                    <u-linear-layout gap="small">
                        <u-link @click="modify($event, scope)">修改</u-link>
                        <u-link @click="remove($event, scope)">删除</u-link>
                    </u-linear-layout>
                </template>
            </u-table-view-column>
        </u-table-view>
        <u-modal ref="saveModal">
            <template #title>
                <div>{{ input.id ? '修改' : '创建' }}</div>
            </template>
            <template #body>
                <u-form>
                    <u-form-item label="name">
                        <u-input v-model="input.name" placeholder="请输入name"></u-input>
                    </u-form-item>
                    <u-form-item label="serial">
                        <u-input v-model="input.serial" placeholder="请输入serial"></u-input>
                    </u-form-item>
                </u-form>
            </template>
            <template #foot>
                <u-button color="primary" @click="submit()">{{ input.id ? '提交修改' : '立即创建'  }}</u-button>
            </template>
        </u-modal>
    </u-linear-layout>
</u-linear-layout>