保存进度!

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

View File

@ -2,7 +2,7 @@
* @Author: Kane
* @Date: 2022-12-17 11:08:18
* @LastEditors: Kane
* @LastEditTime: 2023-01-25 23:58:55
* @LastEditTime: 2023-01-26 01:37:19
* @FilePath: \admin_system\public\index.html
* @Description:
*
@ -34,7 +34,6 @@
}
body {
overflow: overlay;
width: 100vw;
height: 100vh;
max-height: 100vh;

View File

@ -2,7 +2,7 @@
* @Author: Kane
* @Date: 2023-01-04 11:05:44
* @LastEditors: Kane
* @LastEditTime: 2023-01-25 23:57:51
* @LastEditTime: 2023-01-26 01:56:37
* @FilePath: \admin_system\src\layout\Index.vue
* @Description:
*
@ -52,7 +52,7 @@ export default {
height: 100vh;
max-height: 100vh;
/* overflow: hiddens; */
min-width: 1280px;
/* min-width: 1280px; */
}
#layout-aside {
@ -75,7 +75,7 @@ export default {
background-color: #ecf2f9;
/* height: 0; */
/* flex-grow: 1; */
overflow: overlay;
/* overflow: overlay; */
}
#layout-container-down {

View File

@ -2,7 +2,7 @@
* @Author: Kane
* @Date: 2023-01-04 11:40:03
* @LastEditors: Kane
* @LastEditTime: 2023-01-25 11:21:22
* @LastEditTime: 2023-01-26 01:54:00
* @FilePath: \admin_system\src\layout\components\Main.vue
* @Description:
*
@ -23,5 +23,6 @@ export default {
<style scoped>
.main-content {
min-height: calc(100vh - 75px);
/* overflow: overlay; */
}
</style>

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 {

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>