<template>
    <div class="detaileDia">
        <el-dialog title="详情查看" width="500px" :visible.sync="detaileData.dialogVisible">
            <div>
                <span>终端名称：</span> <span class="text">{{ this.detaileData.data.terminalName }}</span>
            </div>
            <div>
                <span>终端编码：</span> <span class="text">{{ this.detaileData.data.terminalCode }}</span>
            </div>
            <div>
                <span>忽略时间：</span> <span class="text">{{ this.detaileData.data.ignoreTime }}</span>
            </div>
            <div>
                <span>报警线路：</span> <span class="text">{{ this.detaileData.data.railwayName }}</span>
            </div>
            <div>
                <span>报警类型：</span> <span class="text">{{ this.detaileData.data.alarmTypeName }}</span>
            </div>
            <div>
                <span>行{{ "\u3000\u3000" }}别：</span> <span class="text">{{ this.detaileData.data.lineDirName }}</span>
            </div>
            <div>
                <span>里程位置：</span> <span class="text">{{ this.detaileData.data.alarmMiles + '\u3000\u3000' + '(m)'}}</span>
            </div>
            <!-- <div>
                <span>里程范围：</span> <span class="text">{{  }}</span>
            </div> -->
            <div>
                <span>报警内容：</span> <span class="text">{{ this.detaileData.data.content }}</span>
            </div>
            <div>
                <span>状{{ "\u3000\u3000" }}态：</span> <span class="text">{{ this.detaileData.data.isReleaseName }}</span>
            </div>
            <div>
                <span>解除原因：</span> <span class="text">{{ this.detaileData.data.releaseContent }}</span>
            </div>
            <div>
                <span>解除时间：</span> <span class="text">{{ this.detaileData.data.releasedTime }}</span>
            </div>
        </el-dialog>
    </div>
</template>

<script>
export default {
    name: 'detaileDia',
    props: {
        detaileData: {
            type: Object,
            default: {}
        }
    },
    created() {
        
    },
    data() {
        return {

        }
    },
    methods: {

    }
}
</script>
<style lang="scss" scoped>
.detaileDia {

    .el-dialog {
        div {
            padding-left: 30px;
            margin: 30px 0;

            span {
                font-size: 14px;
                color: #000;
            }

            .text {
                color: #666;
                position: relative;
                left: 20px;
            }
        }
    }
}
::v-deep .el-dialog__body {
    padding: 20px 95px !important;
}
</style>