|
|
@@ -1,190 +0,0 @@
|
|
|
-<template>
|
|
|
- <v-container class="descriptions pa-0">
|
|
|
- <v-row no-gutters class="descriptions-row">
|
|
|
- <v-col :cols="6">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">中文姓名</div>
|
|
|
- <div class="value">{{ data.name_zh }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- <v-col :cols="6">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">英文姓名</div>
|
|
|
- <div class="value">{{ data.name_en }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
- <v-row no-gutters class="descriptions-row">
|
|
|
- <v-col :cols="6">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">中文职位/头衔</div>
|
|
|
- <div class="value">{{ data.title_zh }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- <v-col :cols="6">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">英文职位/头衔</div>
|
|
|
- <div class="value">{{ data.title_en }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
- <v-row no-gutters class="descriptions-row">
|
|
|
- <v-col :cols="6">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">手机号码</div>
|
|
|
- <div class="value">{{ data.mobile }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- <v-col :cols="6">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">固定电话</div>
|
|
|
- <div class="value">{{ data.phone }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
- <v-row no-gutters class="descriptions-row">
|
|
|
- <v-col :cols="12">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">电子邮箱</div>
|
|
|
- <div class="value">{{ data.email }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
- <v-row no-gutters class="descriptions-row">
|
|
|
- <v-col :cols="12">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label label-200px">中文酒店/公司名称</div>
|
|
|
- <div class="value">{{ data.hotel_zh }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
- <v-row no-gutters class="descriptions-row">
|
|
|
- <v-col :cols="12">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label label-200px">英文酒店/公司名称</div>
|
|
|
- <div class="value">{{ data.hotel_en }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
- <v-row no-gutters class="descriptions-row">
|
|
|
- <v-col :cols="12">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">中中文地址</div>
|
|
|
- <div class="value">{{ data.address_zh }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
- <v-row no-gutters class="descriptions-row">
|
|
|
- <v-col :cols="12">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">英文地址</div>
|
|
|
- <div class="value">{{ data.address_en }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
- <v-row no-gutters class="descriptions-row">
|
|
|
- <v-col :cols="6">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">中文邮政编码</div>
|
|
|
- <div class="value">{{ data.postal_code_zh }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- <v-col :cols="6">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">英文邮政编码</div>
|
|
|
- <div class="value">{{ data.postal_code_en }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
- <v-row no-gutters class="descriptions-row">
|
|
|
- <v-col :cols="12">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">中文品牌名称</div>
|
|
|
- <div class="value">{{ data.brand_zh }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
- <v-row no-gutters class="descriptions-row">
|
|
|
- <v-col :cols="12">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">英文品牌名称</div>
|
|
|
- <div class="value">{{ data.brand_en }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
- <v-row no-gutters class="descriptions-row">
|
|
|
- <v-col :cols="6">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">中文隶属关系</div>
|
|
|
- <div class="value">{{ data.affiliation_en }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- <v-col :cols="6">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">英文隶属关系</div>
|
|
|
- <div class="value">{{ data.affiliation_en }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
- <v-row no-gutters class="descriptions-row">
|
|
|
- <v-col :cols="12">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">品牌组合</div>
|
|
|
- <div class="value">{{ data.brand_group }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
- <v-row no-gutters class="descriptions-row">
|
|
|
- <v-col :cols="6">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">创建时间</div>
|
|
|
- <div class="value">{{ data.created_at }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- <v-col :cols="6">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">更新时间</div>
|
|
|
- <div class="value">{{ data.updated_at }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
- <v-row no-gutters class="descriptions-row">
|
|
|
- <v-col :cols="12">
|
|
|
- <div class="d-flex">
|
|
|
- <div class="label">状态</div>
|
|
|
- <div class="value">{{ data.status }}</div>
|
|
|
- </div>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
- </v-container>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script setup>
|
|
|
-defineOptions({ name: 'NewTalentMapSearch-detail' })
|
|
|
-const props = defineProps({data: Object})
|
|
|
-</script>
|
|
|
-<style lang="scss" scoped>
|
|
|
-.descriptions {
|
|
|
- border-left: 1px solid #ebeef5;
|
|
|
- border-top: 1px solid #ebeef5;
|
|
|
- &-row{
|
|
|
- .label {
|
|
|
- // width: 40%;
|
|
|
- width: 128px;
|
|
|
- padding: 8px 12px;
|
|
|
- color: #666;
|
|
|
- background-color: #f7f8fa;
|
|
|
- border-right: 1px solid #ebeef5;
|
|
|
- border-bottom: 1px solid #ebeef5;
|
|
|
- }
|
|
|
- .label-200px { width: 200px; }
|
|
|
- .value {
|
|
|
- flex: 1;
|
|
|
- padding: 8px 12px;
|
|
|
- color: #333;
|
|
|
- border-right: 1px solid #ebeef5;
|
|
|
- border-bottom: 1px solid #ebeef5;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|
