vue-learning/企业级管理系统/web/admin_system/src/views/overview/OverView.vue

<!--
 * @Author: Kane
 * @Date: 2023-01-06 15:30:12
 * @LastEditors: Kane
 * @LastEditTime: 2023-01-28 09:44:31
 * @FilePath: \admin_system\src\views\overview\OverView.vue
 * @Description: 
 * 
 * Copyright (c) ${2022} by Kane, All Rights Reserved. 
-->
<template>
    <el-form :inline="true" label-width="5em" class="query_form">
        <el-row :gutter="10">
            <el-col :span="7">
                <el-form-item label="需求编号">
                    <el-input style="width:100%;"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="7">
                <el-form-item label="标题">
                    <el-input style="width:100%;"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="7">
                <el-form-item label="提交人">
                    <el-input style="width:100%;"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="3"></el-col>
        </el-row>
        <el-row :gutter="10">
            <el-col :span="7">
                <el-form-item label="状态">
                    <el-select style="width:100%;">
                        <el-option key="部门审批" value="部门审批"></el-option>
                        <el-option key="需求分析" value="需求分析">需求分析</el-option>
                        <el-option key="技术开发" value="技术开发">技术开发</el-option>
                        <el-option key="被退回" value="被退回"></el-option>
                    </el-select>
                </el-form-item>
            </el-col>
            <el-col :span="7">
                <el-form-item label="提交日期">
                    <el-date-picker style="width:100%;"></el-date-picker>
                </el-form-item>
            </el-col>
            <el-col :span="7">
                <el-form-item label="至">
                    <el-date-picker style="width:100%;"></el-date-picker>
                </el-form-item>
            </el-col>
            <el-col :span="3"></el-col>
        </el-row>
    </el-form>
</template>

<script>
export default {
    name: "OverVue"
};
</script>

<style scoped>
.query_form {
    max-width: 63em;
}
</style>