<!--
 * 严肃声明：
 * 开源版本请务必保留此注释头信息，若删除我方将保留所有法律责任追究！
 * 本系统已申请软件著作权，受国家版权局知识产权以及国家计算机软件著作权保护！
 * 可正常分享和学习源码，不得用于违法犯罪活动，违者必究！
 * Copyright (c) 2020 陈尼克 all rights reserved.
 * 版权所有，侵权必究！
 *
-->

<template>
    <div>
        <LHeader v-bind:text="text"></LHeader>
        <van-tabs v-model="active">
            <van-tab title="有限空间类">
                <table border="1" cellspacing="0">
                    <thead>
                        <tr>
                            <th>序号</th>
                            <th>检查项目</th>
                            <th>检查内容</th>
                            <th>法律依据/出处</th>
                            <th>结果</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="(user,index) in user" :key="index">
                            <td align="center" v-text="index+1" style="width:10%" ></td>
                            <td align="center" v-text="user.subject" style="width:15%"></td>
                            <td align="center" v-text="user.content" style="width:20%"></td>
                            <td align="center" v-text="user.law" style="width:30%"></td>
                            <td align="center">
                                <van-radio-group v-model="user.radio">
                                    <van-radio name="1">合格</van-radio>
                                    <van-radio name="2">不合格</van-radio>
                                </van-radio-group>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </van-tab>
            <van-tab title="文明施工类">
               
            </van-tab>
            <van-tab title="消防安全类">
               
            </van-tab>
        </van-tabs>
    </div>
</template>
<script>
import LHeader from '@/components/header.vue'
export default {
    name: 'formwork',
    components: {
        "LHeader":LHeader
    },
    data() {
        return {
            active:0,
            text:'问题上报表',
            user:[
                {
                    subject:"制度，规程",
                    content:"应建立地下有限空间作业安全生产责任制、安全生产规章制度和操作规程。",
                    law:"DB11/852.1-2013  5.2.2作业单位应建立地下有限空间作业安全生产责任制、安全生产规章制度和操作规程。",
                    radio:'1',
                },
                {
                    subject:"制度，规程",
                    content:"应建立地下有限空间作业安全生产责任制、安全生产规章制度和操作规程。",
                    law:"DB11/852.1-2013  5.2.2作业单位应建立地下有限空间作业安全生产责任制、安全生产规章制度和操作规程。",
                    radio:'1',
                },
                {
                    subject:"人员方案",
                    content:"应建立地下有限空间作业安全生产责任制、安全生产规章制度和操作规程。",
                    law:"DB11/852.1-2013  5.2.2作业单位应建立地下有限空间作业安全生产责任制、安全生产规章制度和操作规程。",
                    radio:'1',
                }
            ],
        }
    },
    mounted() {
        
    },
    methods: {
    }
}
</script>
<style lang="less" scoped>
    .card{
        width:90%;
        box-shadow: 0px 0px 10px 2px #F3F3F3;
        padding: 0.25rem;
        margin:0.4rem auto;
        background: white;
    }
    .card div{
        font-size: 0.4rem;
    }
    table{
        width: 100%;
    }
    .van-radio{
        margin-left: 0.4rem;
        margin-top: 0.2rem;
    }
</style>
