ZAdmin

基于ElementUI 封装的后台管理界面及业务组件库。

安装

npm install zadmin
或 yarn add zadmin

注册

// main.js
import zadmin from 'zadmin'
app.use(zadmin)

使用

<div class="browsing">
    <z-query-control>
        <template #inputs>
            <z-input></z-input>
        </template>
        <template #buttons>
            <z-select v-model="deviceId" :options="deviceOptions"></z-select>
            <z-upload-button type="primary" :api="apis.device.browsings.post" :params="{ deviceId }"
                accept=".json">上传</z-upload-button>
        </template>
    </z-query-control>
    <z-query-page-table :api="apis.device.browsings.get" :params="{}">
        <el-table-column label="标题" prop="title" width="300"></el-table-column>
        <el-table-column label="链接" width="250" v-slot="{ row }">
            <p class="url" :title="row.url">
                {{ row.url }}
            </p>
        </el-table-column>
        <el-table-column label="域名" prop="domain" width="150" />

        <el-table-column label="设备" prop="deviceName" width="100"></el-table-column>
        <el-table-column label="浏览时间" prop="visitTime" width="150" />
        <el-table-column label="操作"></el-table-column>
    </z-query-page-table>
</div>