<template>
    <div class="Task">
        <div class="other-people">
            <div class="image-border image-border1"></div>
            <div class="image-border image-border2"></div>
            <div class="image-border image-border3"></div>
            <div class="image-border image-border4"></div>
            <div class="other-people-title">
                探测设备列表
            </div>
            <div class="regionList">
                <el-row>
                    <el-col :span="24">
                        <el-col :span="6"><em class="label">XXXX</em></el-col>
                        <el-col :span="18">
                            <el-select v-model="value" placeholder="请选择">
                                <el-option
                                        v-for="item in options"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                    <el-col :span="24">
                        <el-col :span="6"><em class="label">XXXX</em></el-col>
                        <el-col :span="18">
                            <el-select v-model="value" placeholder="请选择">
                                <el-option
                                        v-for="item in options"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                    <el-col :span="24">
                        <el-col :span="6"><em class="label">XXXX</em></el-col>
                        <el-col :span="18">
                            <el-select v-model="value" placeholder="请选择">
                                <el-option
                                        v-for="item in options"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                    <el-col :span="24">
                        <el-col :span="6"><em class="label">XXXX</em></el-col>
                        <el-col :span="18">
                            <el-select v-model="value" placeholder="请选择">
                                <el-option
                                        v-for="item in options"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                    <el-col :span="24">
                        <el-col :span="6"><em class="label_checked">
                            <el-checkbox v-model="checked">信号录制</el-checkbox>
                        </em></el-col>
                        <el-col :span="18">
                            <el-button type="primary" size="small">开始扫码</el-button>
                        </el-col>
                    </el-col>
                    <el-col :span="24">
                        <el-col :span="6"><em class="label">XXXX</em></el-col>
                        <el-col :span="18">
                         <span class="label_text">   2021-01-04 19:54:12</span>
                        </el-col>
                    </el-col>
                    <el-col :span="24">
                        <el-col :span="6"><em class="label">XXXX</em></el-col>
                        <el-col :span="18">
                            <span class="label_text">   2021-01-04 19:54:12</span>
                        </el-col>
                    </el-col>
                    <el-col :span="24">
                        <el-col :span="6"><em class="label">XXXX</em></el-col>
                        <el-col :span="18">
                            <span class="label_text">   2021-01-04 19:54:12</span>
                        </el-col>
                    </el-col>
                </el-row>

            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                checked: true,
                options: [{
                    value: '选项1',
                    label: '黄金糕'
                }, {
                    value: '选项2',
                    label: '双皮奶'
                }, {
                    value: '选项3',
                    label: '蚵仔煎'
                }, {
                    value: '选项4',
                    label: '龙须面'
                }, {
                    value: '选项5',
                    label: '北京烤鸭'
                }],
                value: ''
            }
        }
    }
</script>

<style scoped>
    .Task {
        width: 100%;
        overflow: hidden;
        display: block;
        margin: 0 auto;
    }

    /deep/ .other-people {
        width: 350px;
        height: 472px;
        margin-left: 0;
        padding: 0;
        padding-right: 5px;
    }

    .regionList {
        width: 100%;
        overflow: hidden;
        display: block;
        margin: 0 auto;
        margin-top: 50px;
        color: #6DC1FF;
    }

    .regionList .label {
        width: 100%;
        overflow: hidden;
        display: block;
        margin: 0 auto;
        line-height: 40px;
        text-align: right;
    }

    .regionList /deep/ .el-input__inner {
        background-color: #000;
        border: 1px solid #6DC1FF;
        color: #6DC1FF;
    }
    /deep/ .el-col {
        margin-bottom: 6px;

    }
    .label_checked {
        margin-left: 45px;
        line-height: 40px;
    }

    .regionList button {
        float: right;
        margin-right: 25px;
    }
    .label_text {
        width: 100%;
        overflow: hidden;
        display: block;
        margin: 0 auto;
        line-height: 40px;
        text-align: left;
        text-indent: 10px;
    }
</style>
