<template>
    <view class="content">
        <statusNav returnColor="#c2c2c2" navBarTitle="(备品)查询结果"></statusNav>
        
        <container-subgroup-two >
        <view class="dataQuery-content"  slot="content" style="margin: 0 -30rpx;">
            <view class="li">
                <view class="title">
                    项目名称：湖南工业大学生化学院三楼会议室
                </view>
                <view class="text-content">
                    <view class="left">
                        <view class="text">
                            核心品牌：海康威视
                        </view>
                        <view class="text">
                            规格型号：DS-CK18FI-H
                        </view>
                        <view class="text">
                            批 次 号：2210122
                        </view>
                    </view>
                    <view class="rigth">
                        <view class="text">
                            备品数量：<text class="cor">3张</text>
                        </view>
                        <view class="text cor1">
                            备品尺寸：320*160
                        </view>
                        <view class="text cor1">
                            入库时间：2021-04-06 16:45:45
                        </view>
                    </view>
                </view>

                <view class="icon" v-if="true">
                    <text class="icon-text">正常</text>
                </view>
                <view class="icon1" v-else>
                    <text class="icon-text">待维修</text>
                </view>
            </view>
            <view class="li">
                <view class="title">
                    项目名称：湖南工业大学生化学院三楼会议室
                </view>
                <view class="text-content">
                    <view class="left">
                        <view class="text">
                            核心品牌：海康威视
                        </view>
                        <view class="text">
                            规格型号：DS-CK18FI-H
                        </view>
                        <view class="text">
                            批 次 号：2210122
                        </view>
                    </view>
                    <view class="rigth">
                        <view class="text">
                            备品数量：<text class="cor">3张</text>
                        </view>
                        <view class="text cor1">
                            备品尺寸：320*160
                        </view>
                        <view class="text cor1">
                            入库时间：2021-04-06 16:45:45
                        </view>
                    </view>
                </view>

                <view class="icon" v-if="true">
                    <text class="icon-text">正常</text>
                </view>
                <view class="icon1" v-else>
                    <text class="icon-text">待维修</text>
                </view>
            </view>
            <view class="li">
                <view class="title">
                    项目名称：湖南工业大学生化学院三楼会议室
                </view>
                <view class="text-content">
                    <view class="left">
                        <view class="text">
                            核心品牌：海康威视
                        </view>
                        <view class="text">
                            规格型号：DS-CK18FI-H
                        </view>
                        <view class="text">
                            批 次 号：2210122
                        </view>
                    </view>
                    <view class="rigth">
                        <view class="text">
                            备品数量：<text class="cor">3张</text>
                        </view>
                        <view class="text cor1">
                            备品尺寸：320*160
                        </view>
                        <view class="text cor1">
                            入库时间：2021-04-06 16:45:45
                        </view>
                    </view>
                </view>

                <view class="icon" v-if="false">
                    <text class="icon-text">正常</text>
                </view>
                <view class="icon1" v-else>
                    <text class="icon-text">待维修</text>
                </view>
            </view>
        </view>
       </container-subgroup-two >
   </view>
</template>

<script>
         import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
    import statusNav from '../../components/status-nav.vue';
    export default {
        components: {
            statusNav,
            containerSubgroupTwo
        },
        data() {
            return {

            }
        },
        methods: {

        }
    }
</script>

<style>


    .dataQuery-content {
        font-size: 24rpx;
        color: #333333;
        margin-top: 15rpx;
    }

    .dataQuery-content .li {
        background-color: #FFFFFF;
        padding: 26rpx 28rpx;


        margin-bottom: 14rpx;
    }

    .dataQuery-content .li {
        position: relative;
    }

    .dataQuery-content .li .text-content {
        display: flex;
        border-bottom: 2rpx solid #EEEEEE;
        padding-bottom: 10rpx;

    }

    .dataQuery-content .li .text-content .left {
        width: 48%;
    }

    .dataQuery-content .li .text-content .text {
        margin-top: 20rpx;
    }

    .cor {
        color: #ff9000;
    }

    .cor1 {
        color: #999999;
    }

    .dataQuery-content .li .icon {
        background-image: url(../../static/iocn/zc.png);
        width: 125rpx;
        height: 91rpx;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        background-size: 100%;
        padding-left: 30rpx;
        right: 20rpx;
        top: 20rpx;
        position: absolute;
    }

    .dataQuery-content .li .icon .icon-text {
        transform: rotateZ(20deg);
        color: #53e5d0;

    }

    .dataQuery-content .li .icon1 {
        background-image: url(../../static/iocn/dwx.png);
        width: 125rpx;
        height: 91rpx;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        background-size: 100%;
        padding-left: 30rpx;
        right: 20rpx;
        top: 20rpx;
        position: absolute;
    }

    .dataQuery-content .li .icon1 .icon-text {
        transform: rotateZ(20deg);
        color: #ff0006;

    }
</style>