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 11:02:49 +08:00
parent 9d05842069
commit 36037fcb8c
4 changed files with 115 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,65 +2,71 @@
* @Author: Kane
* @Date: 2023-01-25 23:13:47
* @LastEditors: Kane
* @LastEditTime: 2023-01-26 01:51:53
* @LastEditTime: 2023-01-26 10:56:40
* @FilePath: \admin_system\src\views\requirement\RequirementManager.vue
* @Description:
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
-->
<template>
<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 class="requirement_wrapper">
<div class="search-box">
<el-row :gutter="10">
<el-col :span="2">
<span>需求编号：</span>
</el-col>
<el-col :span="4">
<el-input v-model="query_param.requirement_serial"></el-input>
</el-col>
<el-col :span="2">
<span>申请人：</span>
</el-col>
<el-col :span="4">
<el-input v-model="query_param.request_people"></el-input>
</el-col>
<el-col :span="2">
<span>状态：</span>
</el-col>
<el-col :span="4">
<el-input v-model="query_param.status"></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>
<el-table border stripe width="100%">
<el-table-column type="selection"></el-table-column>
</el-table>
</div>
</template>
@@ -84,15 +90,13 @@ export default {
<style scoped>
.search-box {
padding: 15px 10px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 25%);
/* 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;
@@ -121,8 +125,25 @@ span {
justify-content: right;
}
.tool-button-wrapper {
.requirement_wrapper {
padding: 15px 10px;
margin-top: 15px;
padding-left: 30px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 25%);
}
.requirement_wrapper:hover {
box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 40%);
}
.requirement_wrapper>*+* {
margin-top: 15px;
}
.tool-button-wrapper {
padding-left: 15px;
}
</style>