<template>
    <div class="add-edit-dialog-container">
        <el-dialog
            title="详情"
            :visible.sync="visible"
            width="600px"
            :before-close="close"
            :close-on-click-modal="false"
        >
            <el-form :model="formData" ref="formData" label-width="90px">
                <el-form-item label="昵称:">
                    <span>{{ formData.name }}</span>
                </el-form-item>
                <el-form-item label="真实姓名:">
                    <span>{{ formData.realName }}</span>
                </el-form-item>
                <el-form-item label="手机号:">
                    <span>{{ formData.mobile }}</span>
                </el-form-item>
                <el-form-item label="擅长品牌:">
                    <span>{{ formData.proficiencyBrandName }}</span>
                </el-form-item>
                <el-form-item label="擅长:">
                    <span>{{ formData.proficiency }}</span>
                </el-form-item>
                <el-form-item label="专家等级:">
                    <span v-if="formData.expertLevel ===1">一级</span>
                    <span v-if="formData.expertLevel ===2">二级</span>
                    <span v-if="formData.expertLevel ===3">三级</span>
                    <span v-if="formData.expertLevel ===4">四级</span>
                    <span v-if="formData.expertLevel ===5">五级</span>
                </el-form-item>
                <el-form-item label="专家标签:">
                    <span v-if="formData.platformInvitedFlag == 0">特邀专家</span>
                    <span v-else>普通专家</span>
                </el-form-item>
                <el-form-item label="总评分:">
                    <span>{{ formData.levelTotalScore }}</span>
                </el-form-item>
                <el-form-item label="服务费:">
                    <span>{{ formData.serviceFee }}</span>
                </el-form-item>
                <el-form-item label="启用状态:">
                    <el-switch
                        v-model="formData.statuz"
                        active-text="开"
                        inactive-text="关"
                        :active-value="1"
                        :inactive-value="0"
                        disabled
                    ></el-switch>
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
</template>
<script>
export default {
    data() {
        return {
            formData: {},
            visible: false,
        };
    },
    methods: {
        open(data) {
            this.formData = Object.assign({}, data);
            this.visible = true;
        },
        close() {
            this.formData = {};
            this.visible = false;
        },
    },
};
</script>
<style lang="stylus" scoped>
.add-edit-dialog-container {
    ::v-deep .el-form-item {
        margin-bottom: 0;
    }

    .images {
        margin-right: 5px;
    }
}
</style>
