<template>
    <div class="createProjectBox">
        <div class="createProjectMainBox">
            <el-card class="box-card">
                <el-form ref="form" label-width="80px">
                    <el-form-item label="项目名称">
                        <el-input size="mini" style="width:400px" v-model="projectName"></el-input>
                    </el-form-item>
                    <el-form-item label="项目类型 ">
                        <el-select size="mini" v-model="projectType" placeholder="请选择">
                            <el-option
                            v-for="item in projectSelectList"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="项目背景">
                        <el-input  type="textarea" size="mini" 
                         resize="none"
                        style="width:400px" 
                        :rows="8"
                        v-model="projectDes"></el-input>
                    </el-form-item>
                </el-form>
                <div class="null40Div"></div>
                <div class="createProjectButtonBox">
                   <el-button size="mini" round>创建项目</el-button>
                </div>
            </el-card>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            projectName:"",
            projectType:"",
            projectDes:"",
            projectSelectList:[
                {label:"园区", value:1},
                {label:"教育", value:2},
                {label:"企业", value:3},
                {label:"政府", value:4},
            ],

        }
    },
    components: { },
    methods:{
      
    }    
}
</script>

<style>
.createProjectBox{
    width: 100%;
}
.createProjectBox .createProjectMainBox {
    width: 66%;
}
.createProjectBox .createProjectMainBox .el-card  {
    box-shadow: 0 2px 12px 0 rgba(252, 252, 252, 0.144);
    background-color: rgb(255 255 255 / 15%);
    border-radius: 6px;
}
.createProjectBox .createProjectMainBox .el-form-item__label {
    color: aliceblue;
    font-size: 16px;
}
.createProjectBox .createProjectMainBox .createProjectButtonBox {
      width: 95%;
    height: 40px;
    text-align: center;
}
</style>