由我，齐文博，刘青岗组成的团队
完成了公司界面的绝大部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<el-form ref="form" :model="form" label-width="80px" >
<el-form-item label="公司姓名" style="margin-right: 70%">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="联系方式" style="margin-right: 60%">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="公司介绍">
<el-input type="textarea" v-model="form.desc"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">立即创建</el-button>
<el-button>取消</el-button>
</el-form-item>
</el-form>
</div>
<script src="js/vue.js"></script>
<script src="element-ui/lib/index.js"></script>
<link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">
<script>
new Vue({
el: "#app",
methods: {
onSubmit() {
console.log('submit!');
}
},
data() {
return {
form: {
name: '',
region: '',
date1: '',
date2: '',
delivery: false,
type: [],
resource: '',
desc: ''
}
}
}
})
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="用户管理" name="first">
<span slot="label"><i class="el-icon-date"></i> 个人信息</span>
<el-descriptions class="margin-top" title="带边框列表" :column="3" :size="size" border style="margin-left: 8%;margin-right: 8%">
<template slot="extra">
<el-button type="primary" size="small">操作</el-button>
</template>
<el-descriptions-item>
<template slot="label">
<!-- <i class="el-icon-user"></i>-->
公司名称
</template>
XXXXX有限公司
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<!-- <i class="el-icon-mobile-phone"></i>-->
公司简介
</template>
XXXXXXXXXXXXXX
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<!-- <i class="el-icon-location-outline"></i>-->
联系方式
</template>
XXXXXXXXXXX
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<i class="el-icon-tickets"></i>
招聘岗位
</template>
XXXXXXXXXXX
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<i class="el-icon-tickets"></i>
技能要求
</template>
XXXXXXX
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<i class="el-icon-tickets"></i>
招取人数
</template>
XXXX位
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<i class="el-icon-tickets"></i>
工资
</template>
XXXX
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<i class="el-icon-office-building"></i>
学历要求
</template>
XXXXXXX
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<i class="el-icon-office-building"></i>
备注
</template>+
XXXXXXX
</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
<el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
<el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
</el-tabs>
</div>
<script src="js/vue.js"></script>
<script src="element-ui/lib/index.js"></script>
<!--<link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">-->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
new Vue({
el: "#app",
methods: {
handleClick(tab, event) {
console.log(tab, event);
}
},
data() {
return {
input: '',
size: '',
activeName: 'second'
}
}
})
</script>
</body>
</html>
