<template>
    <div>
        <LHeader :text="text"></LHeader>
        <!-- 内容列表 -->
        <!-- 接口对接4 START -->
        <div class="con-list">
            <van-cell-group inset>
                <van-row gutte>
                    <van-col span="24">项目名称: XXX回迁房新建工程</van-col>
                </van-row>
                   <van-row gutte>
                    <van-col span="24">项目名称: 专职安全员</van-col>
                </van-row>
                <van-row gutte>
                    <van-col span="12">开始巡查时间: 09:30</van-col>
                    <van-col span="12" class="cont-end">结束巡查时间: 11:25</van-col>
                </van-row>
                <van-row gutter>
                    <van-col span="24">巡查时长: 2小时13分</van-col>
                </van-row>
                <van-row gutter>
                    <van-col span="24">上报隐患: 8</van-col>
                </van-row>
                <van-row gutter>
                    <van-col span="24">确认隐患: 5</van-col>
                </van-row>
            </van-cell-group>

            <van-cell-group inset>
                <van-row gutte>
                    <van-col span="12">制度、规程、方案</van-col>
                    <van-col span="12" class="cont-end affirm-status">已认定</van-col>
                </van-row>
                <van-row gutter>
                    <van-col span="24">应建立地下有限空间作业安全生产责任制、安全生产规章制度和操作规程。</van-col>
                </van-row>
            </van-cell-group>

               <van-cell-group inset>
                <van-row gutte>
                    <van-col span="12">制度、规程、方案</van-col>
                    <van-col span="12" class="cont-end back-status">已退回</van-col>
                </van-row>
                <van-row gutter>
                    <van-col span="24">应建立地下有限空间作业安全生产责任制、安全生产规章制度和操作规程。</van-col>
                </van-row>
            </van-cell-group>
        </div>
        <tab-bar :index="1"></tab-bar>
    </div>
</template>

<script>
import tabBar from "@/components/TabBar";
import LHeader from "@/components/header.vue";
import { getFun, postFun } from "@/service/table.js";

export default {
    name: "record-detail",
    components: {
        LHeader,
        tabBar
    },
    data() {
        return {
            text: "记录详情",
            messageList: [],
            isHaveNews: false
        };
    },
    created() {},
    methods: {}
};
</script>
<style lang="less" scoped>
/* @import url(); 引入css类 */
#app {
    font-family: "";
    color: #2c3e50;
}
.con-list {
    padding: 0;
    background-color: #f0f1f5;
    .van-cell-group--inset {
        margin: 0;
        margin-bottom: 0.26667rem;
        padding: 0.25rem;
        font-size: 0.4rem;
        position: relative;
        border-radius: 4%;
        box-shadow: 0px 0px 10px 2px #f3f3f3;
        width: 90%;
        margin: 0.4rem auto;
        .van-row {
            font-size: 0.4rem;
            line-height: 0.8rem;
            margin-bottom: 0;
            .cont-end{
                display: flex;
                justify-content: flex-end;
            }
            .affirm-status{
                color: #008080;
            }
            .back-status{
                color: #f59a83;
            }
        }
    }
}
</style>
