it-console/code/web/IT工具综合平台/src/views/overview/Desktop.vue

<!--
 * @Author: Kane
 * @Date: 2023-01-06 15:30:12
 * @LastEditors: Kane
 * @LastEditTime: 2023-02-01 16:07:55
 * @FilePath: \IT工具综合平台\src\views\overview\Desktop.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%;" v-model="start_date"></el-date-picker>
                </el-form-item>
            </el-col>
            <el-col :span="7">
                <el-form-item label="至">
                    <el-date-picker style="width:100%;" v-model="end_date"></el-date-picker>
                </el-form-item>
            </el-col>
            <el-col :span="3"></el-col>
        </el-row>
        <el-row>
            <el-col :span="14">
                <el-form-item label="提交日期">
                    <el-date-picker type="daterange" range-separator="至" style="width:100%;"></el-date-picker>
                </el-form-item>
            </el-col>
            <el-col :span="10"></el-col>
        </el-row>
    </el-form>
    <el-button type="danger" @click="test_1">测试</el-button>
</template>

<script >
export default {
    name: "DeskTop",
    data()
    {
        return {
            start_date: null,
            end_date: null,
        };
    },
    methods: {
        test_1()
        {
            this.deleteConfirm();
        },
    },
    created()
    {
        this.end_date = new Date(Date.now());
        this.start_date = new Date();

        this.start_date.setMonth(this.end_date.getMonth() - 1);
        //this.start_date.setMonth();
    }
};
</script>

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