Kane/vue-learning
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

保存进度！

Browse Source
This commit is contained in:
Kane
2023-01-26 01:57:31 +08:00
parent a7f05c10c3
commit 9d05842069
5 changed files with 113 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
企业级管理系统/web/admin_system/src/views/info/StaffInfo.vue
View File

@@ -3,7 +3,7 @@
* @Author: Kane
* @Date: 2023-01-12 14:43:46
* @LastEditors: Kane
* @LastEditTime: 2023-01-20 00:37:38
* @LastEditTime: 2023-01-26 01:25:42
* @FilePath: \admin_system\src\views\info\StaffInfo.vue
* @Description:
*
@@ -168,7 +168,7 @@ export default {
.query_box:hover,
.info_box:hover {
box-shadow: 0px 0px 20px 0px rgb(14 18 22 / 25%);
box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 25%);
}
div.cell {

111
企业级管理系统/web/admin_system/src/views/requirement/RequirementManager.vue
View File

@@ -2,16 +2,66 @@
* @Author: Kane
* @Date: 2023-01-25 23:13:47
* @LastEditors: Kane
* @LastEditTime: 2023-01-25 23:51:03
* @LastEditTime: 2023-01-26 01:51:53
* @FilePath: \admin_system\src\views\requirement\RequirementManager.vue
* @Description:
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
-->
<template>
<el-scrollbar>
</el-scrollbar>
<div class="search-box">
<el-row :gutter="10">
<el-col :span="2">
<span>需求编号：</span>
</el-col>
<el-col :span="4">
<el-input></el-input>
</el-col>
<el-col :span="2">
<span>申请人：</span>
</el-col>
<el-col :span="4">
<el-input></el-input>
</el-col>
<el-col :span="2">
<span>状态：</span>
</el-col>
<el-col :span="4">
<el-input></el-input>
</el-col>
<el-col :span="6"></el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="2">
<span>提交日期：</span>
</el-col>
<el-col :span="4">
<el-date-picker v-model="query_param.submit_start_date" style="width:100%;"></el-date-picker>
</el-col>
<el-col :span="2">
<span>至：</span>
</el-col>
<el-col :span="4">
<el-date-picker v-model="query_param.submit_end_date" style="width:100%;"></el-date-picker>
</el-col>
<el-col :span="6">
<div class="button-wrapper-right">
<el-button type="primary" icon="search">查询</el-button>
<el-button icon="Refresh">重置</el-button>
</div>
</el-col>
<el-col :span="6"></el-col>
</el-row>
</div>
<div class="tool-button-wrapper">
<el-row>
<el-col>
<el-button type="success" icon="DocumentAdd" plain>新增</el-button>
<el-button type="warning" icon="edit" plain>修改</el-button>
<el-button type="danger" icon="delete" plain>删除</el-button>
</el-col>
</el-row>
</div>
</template>
<script>
@@ -19,13 +69,60 @@ export default {
name: "requirement-manager",
data()
{
return {};
return {
query_param: {
requirement_serial: "",
request_people: "",
submit_start_date: "",
submit_end_date: "",
status: "",
}
};
},
};
</script>
<style scoped>
.el-scrollbar {
height: calc(100vh - 90px);
.search-box {
padding: 15px 10px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 25%);
}
.search-box:hover {
box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 40%);
}
span {
font-weight: bold;
display: block;
text-align: right;
font-size: 15px;
color: #5f5f5f;
}
.search-box>.el-row {
display: flex;
align-items: center;
justify-content: left;
}
.search-box .el-row+.el-row {
margin-top: 10px;
}
/* .el-date-picker {
width: 100%;
} */
.button-wrapper-right {
display: flex;
justify-content: right;
}
.tool-button-wrapper {
margin-top: 15px;
padding-left: 30px;
}
</style>