<template>
    <div class="taskInfoBox">
        <el-divider content-position="left">反馈描述</el-divider>
        <div class="taskInfoMainBox">
           <el-input disabled="false" resize="none" type="textarea" :rows="8" placeholder="请输入内容" v-model="feedbackDsc">
            </el-input>
        </div>
        <el-divider content-position="left">解决方案</el-divider>
        <div class="solveEditMainBox">
            <div class="editTextAreaBox">
                <el-input resize="none" type="textarea" :rows="6" placeholder="请输入内容" 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-select size="mini" v-model="editInfo.targetList" multiple collapse-tags style="margin-left: 20px;" placeholder="请选择">
                            <el-option v-for="item in peopleList" :key="item.value" :label="item.label" :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                        <el-form-item label="是否解决">
                            <el-radio-group v-model="editInfo.state">
                            <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:"",
            editInfo:{
                state:1,
                targetList:[]
            }
        }
    },
    methods:{
        
    }
}
</script>

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

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

.taskInfoBox .taskInfoMainBox {
    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);
}
.taskInfoBox .taskInfoMainBox .el-textarea__inner {
    background-color: transparent;
    color: rgb(255, 255, 255);
    border-radius: 15px;
    cursor:auto !important;
}

.taskInfoBox .solveEditMainBox {
    width: 95%;
    margin: auto;
}
.taskInfoBox .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);
}

.taskInfoBox .solveBox {
    width: 100%;
}
.solvButtonBox {
    width: 95%;
    height: 40px;
    text-align: right;
}


</style>