<template>
    <div class="abnorDetail">
        <div class="secendPage">
            <ul>
                <li class="titleLi">
                    姓名：
                    <input
                        type="text"
                        placeholder=""
                        readonly
                        v-model="worker.xm"
                    />
                </li>
                <li class="titleLi">
                    性别：
                    <input
                        type="text"
                        placeholder=""
                        readonly
                        v-model="worker.xb"
                    />
                </li>
                <li class="titleLi">
                    手机号：
                    <input
                        type="text"
                        placeholder=""
                        readonly
                        v-model="worker.sjhm"
                    />
                </li>
                <li class="titleLi">
                    职位：
                    <input
                        type="text"
                        placeholder=""
                        readonly
                        v-model="worker.rylx"
                    />
                </li>
                <li class="titleLi">
                    体温信息：
                    <input
                        type="text"
                        placeholder=""
                        readonly
                        v-model="worker.twxx"
                    />
                </li>
                <li class="titleLi">
                    健康码信息：
                    <input
                        type="text"
                        placeholder=""
                        readonly
                        v-model="worker.jkmxx"
                    />
                </li>
                <li class="titleLi">
                    核酸信息：
                    <input
                        type="text"
                        placeholder=""
                        readonly
                        v-model="worker.hsxx"
                    />
                </li>
                <li class="titleLi">
                    行程码信息：
                    <input
                        type="text"
                        placeholder=""
                        readonly
                        v-model="worker.xcmxx"
                    />
                </li>
                <li class="titleLi">
                    是否接种疫苗：
                    <input
                        type="text"
                        placeholder=""
                        readonly
                        v-model="worker.sfjzym"
                    />
                </li>
                <li class="titleLi">
                    设备名称：
                    <input
                        type="text"
                        placeholder=""
                        readonly
                        v-model="worker.sbmc"
                    />
                </li>
            </ul>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            worker: {}
        };
    },
    mounted() {
        console.log(JSON.parse(this.$route.query.item));
        this.worker = JSON.parese(this.$route.query.item);
    }
};
</script>
<style lang="scss">
.abnorDetail {
    .secendPage {
        background: white;
        padding: 3vw 3vw 3vw 3vw;
        border-radius: 15px;
        margin: 5vw 3vw;
        li {
            display: flex;
            align-items: center;
            height: 10vw;
            padding: 3vw 0;
            border-bottom: 1px solid rgb(243, 236, 236);
        }

        .titleLi {
            font-size: 3.5vw;
            font-weight: 700;
            white-space: nowrap;
        }

        input {
            padding: 15px 0 15px 20px;
        }
    }
}
</style>
