<template>
    <div class="confinedSpace">
        <div style="color:rgba(29, 24, 188, 1);font-size: 4.5vw">有限空间企业</div>
        <ul style="margin: 3vw 0">
            <li class="titleLi">
                <div>
                    有限空间名称
                </div>
                <input
                    type="text"
                    placeholder="请填写"
                    v-model="yxkj.limitedSpaceName"
                />
            </li>
            <li class="titleLi">
                <div>
                    主要危险有害因素
                </div>
                <input
                    type="text"
                    placeholder="请填写"
                    v-model="yxkj.harmfulFactors"
                />
            </li>
            <li class="titleLi">
                <div>
                    有限空间类型
                </div>
                <input
                    type="text"
                    placeholder="请填写"
                    v-model="yxkj.limitedSpaceType"
                />
            </li>
            <li class="titleLi">
                <div>
                    警示标识设置情况
                </div>
                <input
                    type="text"
                    placeholder="请填写"
                    v-model="yxkj.setWarningSigns"
                />
            </li>
            <li class="titleLi">
                <div>
                    所处位置
                </div>
                <input
                    type="text"
                    placeholder="请填写"
                    v-model="yxkj.limitedSpaceLocation"
                />
            </li>
            <li class="titleLi">
                <div>
                    检测仪器表配备情况
                </div>
                <input
                    type="text"
                    placeholder="请填写"
                    v-model="yxkj.testingInstruments"
                />
            </li><li class="titleLi">
            <div>
                责任部门
            </div>
            <input
                type="text"
                placeholder="请填写"
                v-model="yxkj.responsibleDepartment"
            />
           </li>
            <li class="titleLi">
            <div>
                应急器材配备情况
            </div>
            <input
                type="text"
                placeholder="请填写"
                v-model="yxkj.emergencyEquipment"
            />
           </li>
            <li class="titleLi">
                <div>
                    已采取的对策措施
                </div>
                <input
                    type="text"
                    placeholder="请填写"
                    v-model="yxkj.measuresTaken"
                />
            </li>
            <li class="titleLi">
                <div>
                    有无污水处理系统
                </div>
                <input
                    type="text"
                    placeholder="请填写"
                    v-model="yxkj.haveSewageTreatment"
                />
            </li>
            <li class="titleLi titleLiLast" >
                <div>
                    备注
                </div>
            </li>
            <li class="areaLi">
                      <textarea
                          type="text"
                          placeholder="请填写"
                          rows="5"
                          class="zycpText"
                          v-model="yxkj.limitedSpaceRemark"
                      />
            </li>
            <van-button type="primary" block color="rgba(29, 24, 188, 1)" @click="commit" class="comBtn">保存</van-button>
        </ul>
    </div>
</template>

<script>
export default {
    name: 'Confinedspace',
    props: ['faMsg'],
    data() {
        return {
            yxkj: {
                limitedSpaceName: '',
                harmfulFactors: '',
                limitedSpaceType: '',
                setWarningSigns: '',
                limitedSpaceLocation: '',
                testingInstruments: '',
                responsibleDepartment: '',
                emergencyEquipment: '',
                measuresTaken: '',
                haveSewageTreatment: '',
                limitedSpaceRemark: ''
            }
        }
    },
    mounted() {
        this.getMsg()
    },
    methods: {
        getMsg() {
            this.yxkj = this.faMsg
        },
        commit() {
            this.$emit('space', this.yxkj)
        }
    }
}
</script>

<style lang="scss">
   .confinedSpace{
       padding:5vw 3vw 10vw 3vw;
       .titleLi{
           //font-size: 18px !important;
           input{
               width: 55% !important;
           }
       }
       .comBtn{
           position: fixed;
           z-index: 10;
           bottom: 10px;
           width: 94% !important;
       }
   }
</style>
