<template>
    <div class="special-operation">
        <div style="color:rgba(29, 24, 188, 1);font-size: 4.5vw">特种作业人员</div>
        <ul style="margin: 3vw 0">
            <li class="titleLi">
                <div>
                    电工作业
                </div>
                <div>
                  <input
                    type="number"
                    placeholder="请填写"
                    v-model="specialWorker.electricianWork"
                  />
                人
                </div>
            </li>
            <li class="titleLi">
                <div>
                    焊接与切割作业
                </div>
                <div>
                <input
                    type="number"
                    placeholder="请填写"
                    v-model="specialWorker.weldingCuttingWork"
                />
                人
                </div>
            </li>
            <li class="titleLi">
                <div>
                    高处作业
                </div>
            <div>
                <input
                    type="number"
                    placeholder="请填写"
                    v-model="specialWorker.heightsWork"
                />
                人
            </div>
            </li>
            <li class="titleLi">
                <div>
                    制冷与空调作业
                </div>
                <div>
                <input
                    type="number"
                    placeholder="请填写"
                    v-model="specialWorker.refrigerationAirWork"
                />
                人
                    </div>
            </li>
            <li class="titleLi">
            <div>
                叉车作业
            </div>
                <div>
            <input
                type="number"
                placeholder="请填写"
                v-model="specialWorker.forkliftWork"
            />
            人 </div>
        </li> <li class="titleLi">
            <div>
                电梯作业
            </div>
            <div>
            <input
                type="number"
                placeholder="请填写"
                v-model="specialWorker.elevatorWork"
            />
            人
                </div>
        </li> <li class="titleLi">
            <div>
                起重机械作业
            </div>
            <div>
            <input
                type="number"
                placeholder="请填写"
                v-model="specialWorker.liftingMachineryWork"
            />
            人
                </div>
        </li> <li class="titleLi">
            <div>
                厂内机动车操作
            </div>
            <div>
            <input
                type="number"
                placeholder="请填写"
                v-model="specialWorker.motorVehicleWork"
            />
            人
                </div>
        </li> <li class="titleLi">
            <div>
                煤气作业
            </div>
            <div>
            <input
                type="number"
                placeholder="请填写"
                v-model="specialWorker.gasWork"
            />
            人
                </div>
        </li> <li class="titleLi">
            <div>
                危险化学品安全作业
            </div>
            <div>
            <input
                type="number"
                placeholder="请填写"
                v-model="specialWorker.hazardousChemicalsSafeWork"
            />
            人
                </div>
        </li> <li class="titleLi">
            <div>
                其他
            </div>
            <div>
            <input
                type="number"
                placeholder="请填写"
                v-model="specialWorker.otherWork"
            />
            人
                </div>
        </li>
            <van-button type="primary" block color="rgba(29, 24, 188, 1)" @click="commit">保存</van-button>
        </ul>
    </div>
</template>

<script>
export default {
    name: 'SpecialOperation',
    props: ['faMsg'],
    data() {
        return {
            specialWorker: {}
        }
    },
    mounted() {
        this.specialWorker = this.faMsg
        console.log(this.specialWorker)
    },
    methods: {
        commit() {
            this.$emit('special', this.specialWorker)
        }
    }
}
</script>

<style lang="scss">
    .special-operation{
          padding:5vw 3vw;
        input{
            width: 40vw !important;
        }
    }
</style>
