auth-web/src/pages/log-manage/err-auth-earlywarning-manage/auth-earlywarning-info-detail.vue

<template>
    <div class="u-detail">
        <el-form ref="ruleForm" label-width="130px" label-suffix=":">
            <dg-row :gutter="20">
                <dg-col :span="12">
                    <el-form-item label="预警对象">
                        <div class="u-detail__text">{{ sizeForm.creater }}</div>
                    </el-form-item>
                </dg-col>
                <dg-col :span="12">
                    <el-form-item label="预警对象唯一标识">
                        <div class="u-detail__text">{{ sizeForm.createrId }}</div>
                    </el-form-item>
                </dg-col>
            </dg-row>
            <dg-row :gutter="20">
                <dg-col :span="12">
                    <el-form-item label="所属单位">
                        <div class="u-detail__text" v-translate="{ code: 'DM_APPLY_STATUS' }">{{ sizeForm.state }}</div>
                    </el-form-item>
                </dg-col>
                <dg-col :span="12">
                    <el-form-item label="预警类型">
                        <div class="u-detail__text" v-translate="{ code: 'WarningProgrammeTypeEnum' }">{{ sizeForm.programmeType }}</div>
                    </el-form-item>
                </dg-col>
            </dg-row>
            <dg-row :gutter="20">
                <dg-col :span="12">
                    <el-form-item label="预警时间">
                        <div class="u-detail__text">
                            {{ sizeForm.createTime | dateFormatter("YYYY-MM-DD HH:mm:ss") }}
                        </div>
                    </el-form-item>
                </dg-col>
            </dg-row>
            <dg-row :gutter="20">
                <dg-col :span="12">
                    <el-form-item label="预警来源">
                        <div class="u-detail__text">
                            {{ sizeForm.createTime | dateFormatter("YYYY-MM-DD HH:mm:ss") }}
                        </div>
                    </el-form-item>
                </dg-col>
            </dg-row>
            <dg-row :gutter="20">
                <dg-col :span="24">
                    <el-form-item label="预警信息">
                        <div class="u-detail__text">{{ sizeForm.warningMsg }}</div>
                    </el-form-item>
                </dg-col>
            </dg-row>
            <div class="dg-layer-demo" v-footer>
                <dg-button @click="handleClose">取消</dg-button>
            </div>
        </el-form>
    </div>
</template>

<script>
export default {
    name: "auth-earlywarning-detail",
    props: {
        sizeForm: {
            type: Object,
            required: true
        }
    },
    data() {
        return {};
    },
    methods: {
        handleClose() {
            this.$emit("close");
        }
    },
    created() {}
};
</script>

<style lang="scss">
.u-detail {
    .el-form-item {
        margin-bottom: 10px;
    }
}
</style>