<template>
    <div class="initiateInfoBox">
        <el-divider content-position="left">反馈描述</el-divider>
        <div class="initiateInfoMainBox">
           <el-input :disabled="false" resize="none" type="textarea" :rows="8"  v-model="feedbackDsc">
            </el-input>
        </div>
        <el-divider content-position="left">解决方案</el-divider>
        <div class="solveEditMainBox">
            <div class="editTextAreaBox">
                <el-input  :disabled="false" resize="none" type="textarea" :rows="6" v-model="feedbackSol">
                </el-input>
            </div>
            <div class="null40Div"></div>
            <div class="solveBox">
                <el-form ref="form" label-width="80px">
                    <el-form-item label="指派人">
                        <el-tag type=""> 张三 </el-tag>
                        <el-tag type="info"> 李四 </el-tag>
                        <el-tag type="success"> 王五 </el-tag>
                        <el-tag type="warning"> 赵六 </el-tag>
                    </el-form-item>
                        <el-form-item label="是否解决">
                            <el-radio-group v-model="isSolve">
                            <el-radio :label="1">是</el-radio>
                            <el-radio :label="2">否</el-radio>
                        </el-radio-group>
                    </el-form-item>
                </el-form>
            </div>
        </div>
         <div class="solvButtonBox">
            <el-button size="mini" round>提交</el-button>
         </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            feedbackDsc:"",
            feedbackSol:"",
            isSolve:2
        }
    },
    components: { },
    methods:{
    }    
}
</script>

<style>
.null40Div{
    width: 100%;
    height: 40px;
}
.initiateInfoBox {
    width: 100%;
    height: 600px;
}



.initiateInfoBox .el-divider__text {
    border-radius: 10px;
    font-size: 15px !important;
}
.initiateInfoBox .el-divider--horizontal {
    left: 15px;
    width: 95% !important;
}

.initiateInfoBox .initiateInfoMainBox {
    width: 95%;
    height: 180px;
    margin: auto;
    background-color: rgb(255 255 255 / 15%);
    border-radius: 15px;
    box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.699);
}
.initiateInfoBox .initiateInfoMainBox .el-textarea__inner {
    background-color: transparent;
    color: rgb(255, 255, 255);
    border-radius: 15px;
    cursor:auto !important;
}

.initiateInfoBox .solveEditMainBox {
    width: 95%;
    margin: auto;
}
.initiateInfoBox .editTextAreaBox .el-textarea__inner{
    color: rgb(255, 255, 255);
    border-radius: 15px;
    cursor:auto !important;
    background-color: rgb(255 255 255 / 15%);
    border-radius: 15px;
    box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.699);
}

.initiateInfoBox .solveBox {
    width: 100%;
}
.initiateInfoBox .solvButtonBox {
    width: 95%;
    height: 40px;
    text-align: right;
}
</style>