HTML+Element-ui邮件管理前端界面_Element-UI资源-CSDN文库

共10个文件

html：4个

ico：2个

png：2个

HTML

Element-ui

1星需积分: 1 134 浏览量 2022-07-12 15:05:45 上传评论收藏 427KB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

manage.zip （10个子文件）

manage

css

page1.html 9KB

img

title1.ico 1KB

backg1.png 38KB

title2.ico 1KB

logo.png 281KB

page3.html 5KB

vue.js 453KB

main.js 1KB

page4.html 5KB

page2.html 5KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>管理系统</title> <link rel="shortcut icon" href="img/title2.ico"/> <script src="js/main.js"></script>  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">  <script src="js/vue.js"></script>  <script src="https://unpkg.com/element-ui/lib/index.js"></script> </head> <style> .el-header { background-color: #e8f8ff; color: #333; line-height: 60px; } .el-aside { color: #333; } </style> <body> <div id="app"> <el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b"> <el-menu-item index="1">处理中心</el-menu-item> <el-submenu index="2"> <template slot="title">我的工作台</template> <el-menu-item index="2-1">吃盒饭</el-menu-item> <el-menu-item index="2-2">吃麦当劳</el-menu-item> <el-menu-item index="2-3">吃食堂</el-menu-item> <el-submenu index="2-4"> <template slot="title">吃什么</template> <el-menu-item index="2-4-1">吃盒饭</el-menu-item> <el-menu-item index="2-4-2">吃麦当劳</el-menu-item> <el-menu-item index="2-4-3">吃食堂</el-menu-item> </el-submenu> </el-submenu> <el-menu-item index="3" disabled>消息中心</el-menu-item> <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item> </el-menu> <el-menu-item index="3" disabled>消息中心</el-menu-item> <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item> </el-menu> <el-container style="height: 900px; border: 1px solid rgb(241, 245, 253)"> <el-aside width="200px" style="background-color: rgb(255, 255, 255)"> <el-menu :default-openeds="['1', '3']" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b"> <el-submenu index="1"> <template slot="title"><i class="el-icon-message"></i>工作邮件</template>  <el-menu-item-group> <template slot="title">组织邮件</template> <el-menu-item index="1-1"><a href="page2.html" target="iframe_a">上级邮件</a></el-menu-item> <el-menu-item index="1-2"><a href="page3.html" target="iframe_a">下级邮件</a></el-menu-item> </el-menu-item-group> <el-menu-item-group title="写邮件"> <el-menu-item index="1-3"><a href="page4.html" target="iframe_a">写新邮件</a></el-menu-item> </el-menu-item-group> <el-submenu index="1-4"> <template slot="title">草稿箱</template> <el-menu-item index="1-4-1">回收站</el-menu-item> </el-submenu> </el-submenu> <el-submenu index="2"> <template slot="title"><i class="el-icon-menu"></i>系统管理</template> <el-menu-item-group> <template slot="title">个人管理</template> <el-menu-item index="2-1">用户管理</el-menu-item> <el-menu-item index="2-2">角色管理</el-menu-item> </el-menu-item-group> <el-menu-item-group title="企业管理"> <el-menu-item index="2-3">部门管理</el-menu-item> </el-menu-item-group> <el-submenu index="2-4"> <template slot="title">岗位管理</template> <el-menu-item index="2-4-1">岗位公告</el-menu-item> </el-submenu> </el-submenu> <el-submenu index="3"> <template slot="title"><i class="el-icon-setting"></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-group> <el-menu-item-group title="工时确认"> <el-menu-item index="3-3">我的工时</el-menu-item> </el-menu-item-group> <el-submenu index="3-4"> <template slot="title">下级工时</template> <el-menu-item index="3-4-1">何大宝</el-menu-item> </el-submenu> </el-submenu> </el-menu> </el-aside> <el-container> <el-header style="text-align: right; font-size: 12px"> <el-dropdown> <i class="el-icon-setting" style="margin-right: 15px"></i> <el-dropdown-menu slot="dropdown"> <el-dropdown-item>查看</el-dropdown-item> <el-dropdown-item>新增</el-dropdown-item> <el-dropdown-item>删除</el-dropdown-item> </el-dropdown-menu> <span>何冠皓</span> <div style="margin-left:10px"> <el-row> <el-button icon="el-icon-search" circle @click="open"></el-button> <el-button type="primary" icon="el-icon-edit" circle @click="open2"></el-button> <el-button type="success" icon="el-icon-check" circle @click="open2"></el-button> <el-button type="info" icon="el-icon-message" circle></el-button> <el-button type="warning" icon="el-icon-star-off" circle></el-button> <el-button type="danger" icon="el-icon-delete" circle></el-button> </el-row> </div> </el-dropdown> </el-header> <iframe src="page2.html" name="iframe_a" frameborder="1" height="900px"></iframe>