文档服务地址:http://47.92.0.57:3000/ 周报索引地址:http://47.92.0.57:3000/s/NruNXRYmV

Commit 0edaf799 by zxy

改了整体界面样式,弹窗样式

parent c2a298e5
......@@ -17,5 +17,12 @@ export default {
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin: 0;height: 100%;
}
html,body,#app{
height: 100%;
width: 100%;
margin: 0;
}
</style>
<template>
<el-container>
<el-header style="height: 70px;background-color: #606266"></el-header>
<el-container style="height: 540px; border: 1px solid #eee">
<el-aside width="200px" style="background-color: rgb(238, 241, 246)">
<el-menu :default-openeds="['1', '3']">
<el-submenu index="1">
<template slot="title"><i class="el-icon-setting"></i>个人主页</template>
<el-menu-item-group>
<el-menu-item index="1-3">个人信息</el-menu-item>
</el-menu-item-group>
<el-menu-item-group>
<el-menu-item index="1-3">。。。</el-menu-item>
</el-menu-item-group>
</el-submenu>
<el-submenu index="2">
<template slot="title"><i class="el-icon-message"></i>文本标注</template>
<el-menu-item-group>
<template slot="title">文本标注</template>
<el-menu-item index="2-1" @click="select()">待标注</el-menu-item>
<el-menu-item index="2-2" @click="tag()">已标注</el-menu-item>
</el-menu-item-group>
<el-menu-item-group title="表格标注">
<el-menu-item index="2-3" @click="table()">待修改</el-menu-item>
</el-menu-item-group>
</el-submenu>
<el-submenu index="3">
<template slot="title"><i class="el-icon-menu"></i>图像标注</template>
<el-menu-item-group>
<template slot="title">分组一</template>
<el-menu-item index="3-1">选项1</el-menu-item>
<el-menu-item index="3-2">选项2</el-menu-item>
</el-menu-item-group>
<el-menu-item-group title="分组2">
<el-menu-item index="3-3">选项3</el-menu-item>
</el-menu-item-group>
<el-submenu index="3-4">
<template slot="title">选项4</template>
<el-menu-item index="3-4-1">选项4-1</el-menu-item>
<el-header style="border-bottom:1px solid #dcdcdc;height: 10%;background-color: #ffffff"></el-header>
<el-container style="height:100%;border: 1px solid #ffffff">
<el-aside width="200px" style="background-color: rgb(238, 241, 246)">
<el-menu :default-openeds="['1','2', '3']">
<el-submenu index="1">
<template slot="title"><i class="el-icon-setting"></i>个人主页</template>
<el-menu-item-group>
<el-menu-item index="1-1">个人信息</el-menu-item>
</el-menu-item-group>
</el-submenu>
</el-submenu>
</el-menu>
</el-aside>
<el-container>
<el-submenu index="2">
<template slot="title"><i class="el-icon-message"></i>文本标注</template>
<el-menu-item-group>
<!-- <template slot="title">文本标注</template>-->
<el-menu-item index="2-1" @click="select()">待标注</el-menu-item>
<el-menu-item index="2-2" @click="tag()">已标注</el-menu-item>
<el-menu-item index="2-3" @click="table()">待修改</el-menu-item>
</el-menu-item-group>
</el-submenu>
<el-submenu index="3">
<template slot="title"><i class="el-icon-menu"></i>图像标注</template>
<el-menu-item-group>
<template slot="title"></template>
<el-menu-item index="3-1">待标注</el-menu-item>
<el-menu-item index="3-2">已标注</el-menu-item>
<el-menu-item index="3-2">待修改</el-menu-item>
</el-menu-item-group>
<!-- <el-menu-item-group title="分组2">-->
<!-- <el-menu-item index="3-3">选项3</el-menu-item>-->
<!-- </el-menu-item-group>-->
<!-- <el-submenu index="3-4">-->
<!-- <template slot="title">选项4</template>-->
<!-- <el-menu-item index="3-4-1">选项4-1</el-menu-item>-->
<!-- </el-submenu>-->
</el-submenu>
</el-menu>
</el-aside>
<el-container style="height:100%;">
<el-main>
<el-table :data="tableData">
<el-table-column prop="date" label="日期" width="140">
</el-table-column>
<el-table-column prop="name" label="标注者" width="120">
</el-table-column>
<el-table-column prop="address" label="文本">
</el-table-column>
<el-table-column fixed="right" label="操作" width="100">
<template>
<el-button @click="select1()" type="primary" size="small" round>编辑</el-button>
</template>
</el-table-column>
</el-table>
<div style="overflow-y:auto;height:100%;">
<el-table :data="tableData">
<el-table-column prop="date" label="日期" width="140">
</el-table-column>
<el-table-column prop="name" label="标注者" width="120">
</el-table-column>
<el-table-column prop="address" label="文本">
</el-table-column>
<el-table-column fixed="right" label="操作" width="100">
<template>
<el-button @click="select1()" type="primary" size="small" round>编辑</el-button>
</template>
</el-table-column>
</el-table>
</div>
</el-main>
</el-container>
</el-container><el-footer style="height: 100px; background-color: #606266"></el-footer>
</el-container>
<!-- <el-footer style="height: 100px; background-color: #606266"></el-footer>-->
</el-container>
</template>
......@@ -103,8 +106,18 @@
color: #333;
line-height: 60px;
}
.el-aside {
color: #333;
}
.el-container{
height: 90%;
}
.el-main{
/*height: 100%;*/
padding: 0 0 0 20px;
}
.el-menu-item-group__title{
padding: 0;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment