lift-web/src/apps/mobile/views/recruitment/recruitment-application/components/detailsDialog.vue

<template>
    <div class="add-edit-dialog-container">
        <el-dialog :title="title" :visible.sync="visible" width="600px" :before-close="close">
            <el-form
                :model="formData"
                ref="formData"
                :rules="rules"
                label-width="90px"
                v-if="formData.id"
            >
                <el-form-item label="姓名:">
                    <span>{{ formData.userResume.name }}</span>
                </el-form-item>
                <el-form-item label="性别:">
                    <span v-if="formData.userResume.gender ==1">男</span>
                    <span v-if="formData.userResume.gender ==2">女</span>
                </el-form-item>
                <el-form-item label="岗位:">
                    <span
                        v-if="formData.recruitmentInfoEntity"
                    >{{ formData.recruitmentInfoEntity.job }}</span>
                </el-form-item>
                <el-form-item label="期望薪资:">
                    <!-- <span>{{ formData.userResume.salary | pricePipe(0, '￥', true) }}</span> -->
                    <span>{{ formData.userResume.salary }}</span>
                </el-form-item>
                <el-form-item label="联系方式:">
                    <span>{{ formData.userResume.telephone }}</span>
                </el-form-item>
               <el-form-item label="出生年月:">
                    <span>{{ formData.userResume.birthday }}</span>
                </el-form-item>
                <el-form-item label="微信号:">
                    <span>{{ formData.userResume.wechat }}</span>
                </el-form-item>
                <el-form-item label="从业时间:">
                    <span>{{ formData.userResume.workingTime }}</span>
                </el-form-item>
                <el-form-item label="个人技能:">
                    <span>{{ formData.userResume.ability }}</span>
                </el-form-item>
                <el-form-item label="自我评价:">
                    <span>{{ formData.userResume.intro }}</span>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <!-- <el-button @click="close()">取 消</el-button> -->
                <el-button
                    type="primary"
                    @click="submitForm('formData')"
                    :disabled="submitBtndisabled"
                >确 定</el-button>
            </div>
        </el-dialog>
    </div>
</template>
<script>
export default {
    data() {
        return {
            title: '详情',
            submitBtndisabled: false,
            rules: {},
            visible: false,
            formData: {},
        };
    },
    methods: {
        open(data) {
            this.formData = { ...data };
            this.visible = true;
            console.log(data, 'da');
        },
        close() {
            this.formData = {};
            this.visible = false;
        },
        submitForm() {
            this.formData = {};
            this.visible = false;
        },
    },
};
</script>
<style lang="stylus" scoped>
.add-edit-dialog-container {
    ::v-deep .el-form-item {
        margin-bottom: 0;
    }
}
</style>