<template>
    <div>
        <div class="u-detail">
            <el-form
                label-position="right"
                label-suffix=":"
                label-width="120px"
                ref="ruleForm"
                style="margin-top: 12px; padding-right: 24px;"
            >
                <dg-row>
                    <dg-col>
                        <el-form-item label="应用名称" prop="appName">
                            <div class="u-detail__text">{{ formData.appName }}</div>
                        </el-form-item>
                        <el-form-item label="应用代码" prop="appCode">
                            <div class="u-detail__text">{{ formData.appCode }}</div>
                        </el-form-item>
                        <el-form-item label="服务名称" prop="serviceName">
                            <div class="u-detail__text">{{ formData.serviceName }}</div>
                        </el-form-item>
                        <el-form-item label="服务代码" prop="serviceCode">
                            <div class="u-detail__text">{{ formData.serviceCode }}</div>
                        </el-form-item>
                    </dg-col>
                    <dg-col :span="14">
                        <el-form-item label="创建时间" prop="createTime">
                            <div class="u-detail__text">{{ formData.createTime }}</div>
                        </el-form-item>
                    </dg-col>
                </dg-row>
            </el-form>
        </div>
        <div class="dg-layer-demo" v-footer>
            <dg-button @click="handleClose">关闭</dg-button>
            <!--<dg-button type="primary" @click="handlSave">确定</dg-button>-->
        </div>
    </div>
</template>

<script>

export default {
    name: "delegate-detail",
    props: {
        formData: {
            type: Object,
            required: true
        }
    },
    created() {
    },
    methods: {
        handleClose() {
            this.$emit("success");
        }
    }
}
</script>

<style scoped>

</style>