<!--
 * 严肃声明：
 * 开源版本请务必保留此注释头信息，若删除我方将保留所有法律责任追究！
 * 本系统已申请软件著作权，受国家版权局知识产权以及国家计算机软件著作权保护！
 * 可正常分享和学习源码，不得用于违法犯罪活动，违者必究！
 * 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" :disabled="item.isDisabled">
                                    <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:'问题上报表',
        }
    },
    mounted() {
        this.init()
    },
    methods: {
        init(){
            this.list=[]
            getFun('check/carry/list/problem').then((Response)=>{
                this.list=Response.data
                //根据选择的合格状态来填入单选框禁用状态，'1'为禁用,'0'为启用
                this.list.forEach((item)=>{
                    if(item.checkStatus=='1'){
                        item.isDisabled=true
                    }else if(item.checkStatus=='0'){
                        item.isDisabled=false
                    }
                })
            })
        },
        noGrage(item){
            //通过禁用状态来判断是否可以跳转
            if(item.isDisabled==false){
                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>
