<!--
 * 严肃声明：
 * 开源版本请务必保留此注释头信息，若删除我方将保留所有法律责任追究！
 * 本系统已申请软件著作权，受国家版权局知识产权以及国家计算机软件著作权保护！
 * 可正常分享和学习源码，不得用于违法犯罪活动，违者必究！
 * 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="(item,index) in list" :key="index">
                            <td align="center" v-text="index+1" style="width:10%" ></td>
                            <td align="center" v-text="item.checkItem" style="width:15%"></td>
                            <td align="center" v-text="item.checkContent" style="width:20%"></td>
                            <td align="center" v-text="item.checkBasis" style="width:30%"></td>
                            <td align="center">
                                <van-radio-group v-model="item.checkStatus">
                                    <van-radio name="0">合格</van-radio>
                                    <van-radio name="1" @click="noGrage(item)">不合格</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'
import { getFun,postFun } from '@/service/table'
export default {
    name: 'formwork',
    components: {
        "LHeader":LHeader
    },
    data() {
        return {
            list:[],
            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() {
        this.init()
    },
    methods: {
        init(){
            this.list=[]
            getFun('check/carry/list/problem').then((Response)=>{
                this.list=Response.data
                console.log(this.list)
            })
        },
        noGrage(item){
            this.$router.push({
                name: 'list',
                query:{
                    checkitem:item.checkItem,//检查项目
                    checkContent:item.checkContent,//检查内容
                    checkBasis:item.checkBasis,//法律依据
                }
            })
        }
    }
}
</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>
