<template>
    <div class="projectMaintain">
        <div class="maintainBodyBox">
           <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:800px" 
                        :rows="6"
                        v-model="projectDes"></el-input>
                    </el-form-item>
                </el-form>
                <div class="updateBodyButtonBox">
                <el-button size="mini" round>修改基础信息</el-button>
                </div>
            </el-card>
        </div>
        <div class="null40Div"></div>
        <div class="maintainBaseBox">
            <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="firstParty"></el-input>
                    </el-form-item>
                    <el-form-item label="对接人 ">
                       <el-input size="mini" style="width:400px" v-model="dockingPerson"></el-input>
                    </el-form-item>
                    <el-form-item label="承包类型">
                         <el-radio-group v-model="contractType">
                            <el-radio :label="1">总包</el-radio>
                            <el-radio :label="2">转包</el-radio>
                        </el-radio-group>
                    </el-form-item>
                    <el-form-item label="参与成员">
                        <el-tag closable type=""> 张三 </el-tag>
                        <el-tag closable type="info"> 李四 </el-tag>
                        <el-tag closable type="success"> 王五 </el-tag>
                        <el-tag closable type="warning"> 赵六 </el-tag>
                    </el-form-item>
                </el-form>
                <div class="updateBaseButtonBox">
                <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},
            ],
            firstParty:"",//甲方名称
            dockingPerson:"",//对接人
            contractType:1,//承包类型
        }
    },
    components: { },
    methods:{
      
    } 
}
</script>

<style>
.null40Div{
    width: 100%;
    height: 40px;
}
.projectMaintain {
    width: 100%;
}
.projectMaintain .maintainBodyBox {
    width: 66%;
}

.projectMaintain .el-card  {
    box-shadow: 0 2px 12px 0 rgba(252, 252, 252, 0.144);
    background-color: rgb(255 255 255 / 15%);
    border-radius: 6px;
}
.projectMaintain  .el-form-item__label {
    color: aliceblue;
    font-size: 16px;
}
.projectMaintain .maintainBodyBox  .updateBodyButtonBox {
    width: 95%;
    height: 40px;
    text-align: right;
}

/* 卡片二 */
.projectMaintain .maintainBaseBox {
    width: 66%;
}
.projectMaintain .maintainBaseBox  .updateBaseButtonBox {
    width: 95%;
    height: 40px;
    text-align: right;
}


</style>