简历页新增支付方式

uat_us
wangxiaoshuang 2024-10-18 17:24:26 +08:00
parent 9c98cfb668
commit 219e39afb3
6 changed files with 618 additions and 229 deletions

View File

@ -48,6 +48,32 @@
</div> </div>
<el-button type="text">{{ $t('common:button:downloadTpl') }}</el-button> <el-button type="text">{{ $t('common:button:downloadTpl') }}</el-button>
</div> </div>
<template v-if="true">
<div class="file_title">
{{ $t('curriculumVitae:agreement:Counselor') }}
</div>
<div class="file" v-for="item in [1, 2]" :key="item">
<div class="name">简历1</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="preview"
/>
</div>
</template>
<template v-if="true">
<div class="file_title">
{{ $t('curriculumVitae:agreement:confirmation') }}
</div>
<div class="file" v-for="item in [1, 2]" :key="item">
<div class="name">简历1</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="preview"
/>
</div>
</template>
</div> </div>
</div> </div>
</template> </template>

View File

@ -49,10 +49,10 @@
{{ $t('curriculumVitae:certificate:fileTitle:workPermit') }} {{ $t('curriculumVitae:certificate:fileTitle:workPermit') }}
</div> </div>
<template v-if="true"> <template v-if="true">
<div class="file_title">
{{ $t('curriculumVitae:certificate:fileTitle:CT') }}
</div>
<div v-for="item in [1, 2]" :key="item"> <div v-for="item in [1, 2]" :key="item">
<div class="file_title">
{{ $t('curriculumVitae:certificate:fileTitle:CT') }}
</div>
<div class="file"> <div class="file">
<div class="name">简历1</div> <div class="name">简历1</div>
<i <i

View File

@ -13,7 +13,7 @@
<base-model :config="model_cfg"> <base-model :config="model_cfg">
<template slot="dialog-body"> <template slot="dialog-body">
<el-form <el-form
ref="continuingTrainingFrom" ref="otherFrom"
v-loading="loading" v-loading="loading"
:model="form" :model="form"
:rules="rules" :rules="rules"
@ -54,7 +54,7 @@
<script> <script>
import BaseModel from '@/components/BaseModel' import BaseModel from '@/components/BaseModel'
export default { export default {
name: 'scientificResearchProject', name: 'other',
components: { BaseModel }, components: { BaseModel },
data() { data() {
return { return {

View File

@ -0,0 +1,145 @@
<template>
<div class="pay">
<div class="title">
<span>{{ $t('curriculumVitae:pay:title') }}</span>
<el-button type="text" class="editBtn" @click.stop="openEdit">
{{ $t('common:button:edit') }}
</el-button>
</div>
<div class="message">
<el-form :inline="true" class="demo-form-inline">
<el-form-item
:label="$t('curriculumVitae:pay:form:payCardId')"
style="width: 45%"
>21323123123123123213123123213123</el-form-item
>
<el-form-item
:label="$t('curriculumVitae:pay:form:username')"
style="width: 45%"
>wangxiaoshuang</el-form-item
>
<el-form-item
:label="$t('curriculumVitae:pay:form:bank')"
style="width: 45%"
></el-form-item>
<el-form-item
:label="$t('curriculumVitae:pay:form:idCard')"
style="width: 45%"
></el-form-item>
<el-form-item
:label="$t('curriculumVitae:pay:form:phone')"
style="width: 45%"
></el-form-item>
</el-form>
</div>
<base-model :config="model_cfg">
<template slot="dialog-body">
<el-form
ref="payFrom"
v-loading="loading"
:model="form"
:rules="rules"
label-width="100px"
size="small"
:inline="true"
class="demo-form-inline"
>
<el-form-item
style="width: 45%"
:label="$t('curriculumVitae:pay:form:payCardId')"
prop="InternationalizationType"
>
<el-input clearable placeholder=""></el-input>
</el-form-item>
<el-form-item
style="width: 45%"
:label="$t('curriculumVitae:pay:form:username')"
prop="InternationalizationType"
>
<el-input clearable placeholder=""></el-input>
</el-form-item>
<el-form-item
style="width: 45%"
:label="$t('curriculumVitae:pay:form:bank')"
prop="InternationalizationType"
>
<el-input clearable placeholder=""></el-input>
</el-form-item>
<el-form-item
style="width: 45%"
:label="$t('curriculumVitae:pay:form:idCard')"
prop="InternationalizationType"
>
<el-input clearable placeholder=""></el-input>
</el-form-item>
<el-form-item
style="width: 45%"
:label="$t('curriculumVitae:pay:form:phone')"
prop="InternationalizationType"
>
<el-input clearable placeholder=""></el-input>
</el-form-item>
</el-form>
</template>
<template slot="dialog-footer">
<el-button size="small" type="primary" @click="handleCancle">
{{ $t('common:button:cancel') }}
</el-button>
<el-button size="small" type="primary" @click="handleSave">
{{ $t('common:button:save') }}
</el-button>
</template>
</base-model>
</div>
</template>
<script>
import BaseModel from '@/components/BaseModel'
export default {
name: 'pay',
components: { BaseModel },
data() {
return {
model_cfg: {
visible: false,
showClose: true,
width: '800px',
title: this.$t('curriculumVitae:scientificResearchProject:form:title'),
appendToBody: true,
},
form: {},
rules: {},
loading: false,
}
},
methods: {
openEdit() {
this.model_cfg.visible = true
},
handleCancle() {
this.model_cfg.visible = false
},
handleSave() {
this.model_cfg.visible = false
},
},
}
</script>
<style lang="scss" scoped>
.pay {
min-height: 100px;
.title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.message {
margin: auto;
min-height: 100px;
background-color: #eee;
padding: 10px;
line-height: 30px;
border-radius: 5px;
}
}
</style>

View File

@ -37,6 +37,9 @@
<el-menu-item index="other">{{ <el-menu-item index="other">{{
$t('curriculumVitae:menu:other') $t('curriculumVitae:menu:other')
}}</el-menu-item> }}</el-menu-item>
<el-menu-item index="pay">{{
$t('curriculumVitae:menu:pay')
}}</el-menu-item>
</el-menu> </el-menu>
</div> </div>
<div class="main"> <div class="main">
@ -82,6 +85,9 @@
<div class="box" id="other"> <div class="box" id="other">
<other /> <other />
</div> </div>
<div class="box" id="pay">
<pay />
</div>
</div> </div>
<div class="rightFile"> <div class="rightFile">
<!--简历附件--> <!--简历附件-->
@ -110,6 +116,7 @@ import scientificResearchProject from './components/info/scientificResearchProje
import clinicalTrials from './components/info/clinicalTrials.vue' import clinicalTrials from './components/info/clinicalTrials.vue'
import treatise from './components/info/treatise.vue' import treatise from './components/info/treatise.vue'
import other from './components/info/other.vue' import other from './components/info/other.vue'
import pay from './components/info/pay.vue'
import preview from './preview.vue' import preview from './preview.vue'
export default { export default {
components: { components: {
@ -125,6 +132,7 @@ export default {
clinicalTrials, clinicalTrials,
treatise, treatise,
other, other,
pay,
preview, preview,
}, },
data() { data() {

View File

@ -1,238 +1,392 @@
<template> <template>
<div class="curriculumVitaePreview"> <div :class="{ curriculumVitaePreview: true, noFile: !isAll }">
<div class="title">{{ $t('curriculumVitae:preview:title') }}</div> <div :class="{ allInfo: isAll, info: !isAll }">
<div class="message"> <div class="title">{{ $t('curriculumVitae:preview:title') }}</div>
<div class="userInfo"> <div class="message">
<span>张三</span> <div class="userInfo">
<span>医学博士</span> <span>张三</span>
<span>广州医院</span> <span>医学博士</span>
<span>社会兼职中华医学会XXXXXX</span> <span>广州医院</span>
<span>社会兼职中华医学会XXXXXX</span>
</div>
<div class="userTitle">
<span class="el-icon-first-aid-kit">放射科</span>
<span class="el-icon-user">主任</span>
<span class="el-icon-medal">副主任医师</span>
<span class="el-icon-trophy">副教授</span>
</div>
<div class="userTel">
<span class="el-icon-phone-outline">18616815282</span>
<span class="el-icon-message">sicauzhangye@sina.com</span>
<span class="el-icon-chat-dot-round">wechat666</span>
</div>
</div> </div>
<div class="userTitle"> <div class="message">
<span class="el-icon-first-aid-kit">放射科</span> <div class="title">{{ $t('curriculumVitae:summarize:title') }}</div>
<span class="el-icon-user">主任</span> <span class="text">
<span class="el-icon-medal">副主任医师</span> 哈斯卡基本的喀山举办的卡拉说不定就卡了奥斯本大数据量的把数据来看不打算了解到
<span class="el-icon-trophy">副教授</span> </span>
</div> </div>
<div class="userTel"> <div class="message">
<span class="el-icon-phone-outline">18616815282</span>
<span class="el-icon-message">sicauzhangye@sina.com</span>
<span class="el-icon-chat-dot-round">wechat666</span>
</div>
</div>
<div class="message">
<div class="title">{{ $t('curriculumVitae:summarize:title') }}</div>
<span class="text">
哈斯卡基本的喀山举办的卡拉说不定就卡了奥斯本大数据量的把数据来看不打算了解到
</span>
</div>
<div class="message">
<el-form class="demo-form-inline">
<el-form-item :label="$t('curriculumVitae:specialty:specialty')">
<span>放射科</span>
</el-form-item>
<el-form-item :label="$t('curriculumVitae:specialty:submajor')">
<el-tag type="info" v-for="item in ['1', '2', '3']" :key="item">
标签三
</el-tag>
</el-form-item>
<el-form-item :label="$t('curriculumVitae:specialty:equipment')">
<el-tag type="info" v-for="item in ['1', '2', '3']" :key="item">
标签三
</el-tag>
</el-form-item>
</el-form>
</div>
<div class="message">
<div class="title">
{{ $t('curriculumVitae:EducationalExperience:title') }}
</div>
<el-table
:data="tableData"
style="width: 100%"
:header-cell-style="{ background: '#eee', color: '#606266' }"
>
<el-table-column
prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:time')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:specialy')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:degree')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:school')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:city')"
>
</el-table-column>
</el-table>
</div>
<div class="message">
<div>{{ $t('curriculumVitae:continuingTraining:title') }}</div>
<el-table
:data="tableData2"
style="width: 100%"
:header-cell-style="{ background: '#eee', color: '#606266' }"
>
<el-table-column
prop="date"
:label="$t('curriculumVitae:continuingTraining:table:time')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:continuingTraining:table:type')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:continuingTraining:table:direction')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:continuingTraining:table:school')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:continuingTraining:table:city')"
>
</el-table-column>
</el-table>
</div>
<div class="message">
<div class="title">
{{ $t('curriculumVitae:scientificResearchProject:title') }}
</div>
<div class="content">
<el-form class="demo-form-inline"> <el-form class="demo-form-inline">
<el-form-item <el-form-item :label="$t('curriculumVitae:specialty:specialty')">
:label="$t('curriculumVitae:scientificResearchProject:direction')" <span>放射科</span>
>
<div>direction</div>
</el-form-item> </el-form-item>
<el-form-item <el-form-item :label="$t('curriculumVitae:specialty:submajor')">
:label="$t('curriculumVitae:scientificResearchProject:subject')" <el-tag type="info" v-for="item in ['1', '2', '3']" :key="item">
> 标签三
<div>subject</div> </el-tag>
</el-form-item>
<el-form-item :label="$t('curriculumVitae:specialty:equipment')">
<el-tag type="info" v-for="item in ['1', '2', '3']" :key="item">
标签三
</el-tag>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</div> <div class="message">
<div class="message"> <div class="title">
<!--临床试验--> {{ $t('curriculumVitae:EducationalExperience:title') }}
<div class="title"> </div>
{{ $t('curriculumVitae:clinicalTrials:title') }} <el-table
:data="tableData"
style="width: 100%"
:header-cell-style="{ background: '#eee', color: '#606266' }"
>
<el-table-column
prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:time')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:specialy')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:degree')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:school')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:city')"
>
</el-table-column>
</el-table>
</div> </div>
<el-table <div class="message">
:data="tableData3" <div>{{ $t('curriculumVitae:continuingTraining:title') }}</div>
style="width: 100%" <el-table
:header-cell-style="{ background: '#eee', color: '#606266' }" :data="tableData2"
> style="width: 100%"
<el-table-column :header-cell-style="{ background: '#eee', color: '#606266' }"
prop="date"
:label="$t('curriculumVitae:clinicalTrials:table:byStages')"
> >
</el-table-column> <el-table-column
<el-table-column prop="date"
prop="date" :label="$t('curriculumVitae:continuingTraining:table:time')"
:label="$t('curriculumVitae:clinicalTrials:table:criterion')" >
> </el-table-column>
</el-table-column> <el-table-column
<el-table-column prop="date"
prop="date" :label="$t('curriculumVitae:continuingTraining:table:type')"
:label="$t('curriculumVitae:clinicalTrials:table:indication')" >
> </el-table-column>
</el-table-column> <el-table-column
<el-table-column prop="date"
prop="date" :label="$t('curriculumVitae:continuingTraining:table:direction')"
:label="$t('curriculumVitae:clinicalTrials:table:viewingVolumeNum')" >
> </el-table-column>
</el-table-column> <el-table-column
<el-table-column prop="date"
prop="date" :label="$t('curriculumVitae:continuingTraining:table:school')"
:label="$t('curriculumVitae:clinicalTrials:table:year')" >
> </el-table-column>
</el-table-column> <el-table-column
</el-table> prop="date"
<!--GCP证书--> :label="$t('curriculumVitae:continuingTraining:table:city')"
<div class="title"> >
{{ $t('curriculumVitae:clinicalTrials:GCPtitle') }} </el-table-column>
</el-table>
</div> </div>
<el-table <div class="message">
:data="tableData4" <div class="title">
style="width: 100%" {{ $t('curriculumVitae:scientificResearchProject:title') }}
:header-cell-style="{ background: '#eee', color: '#606266' }" </div>
> <div class="content">
<el-table-column <el-form class="demo-form-inline">
prop="has" <el-form-item
:label="$t('curriculumVitae:clinicalTrials:table:hasCertificate')" :label="$t('curriculumVitae:scientificResearchProject:direction')"
> >
</el-table-column> <div>direction</div>
<el-table-column </el-form-item>
prop="time" <el-form-item
:label="$t('curriculumVitae:clinicalTrials:table:certificateTime')" :label="$t('curriculumVitae:scientificResearchProject:subject')"
> >
</el-table-column> <div>subject</div>
<el-table-column </el-form-item>
prop="adress" </el-form>
:label=" </div>
$t('curriculumVitae:clinicalTrials:table:certificateHospital') </div>
" <div class="message">
> <!--临床试验-->
</el-table-column> <div class="title">
</el-table> {{ $t('curriculumVitae:clinicalTrials:title') }}
<!--其他相关经历--> </div>
<div class="title"> <el-table
{{ $t('curriculumVitae:clinicalTrials:otherTitle') }} :data="tableData3"
style="width: 100%"
:header-cell-style="{ background: '#eee', color: '#606266' }"
>
<el-table-column
prop="date"
:label="$t('curriculumVitae:clinicalTrials:table:byStages')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:clinicalTrials:table:criterion')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:clinicalTrials:table:indication')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:clinicalTrials:table:viewingVolumeNum')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:clinicalTrials:table:year')"
>
</el-table-column>
</el-table>
<!--GCP证书-->
<div class="title">
{{ $t('curriculumVitae:clinicalTrials:GCPtitle') }}
</div>
<el-table
:data="tableData4"
style="width: 100%"
:header-cell-style="{ background: '#eee', color: '#606266' }"
>
<el-table-column
prop="has"
:label="$t('curriculumVitae:clinicalTrials:table:hasCertificate')"
>
</el-table-column>
<el-table-column
prop="time"
:label="$t('curriculumVitae:clinicalTrials:table:certificateTime')"
>
</el-table-column>
<el-table-column
prop="adress"
:label="
$t('curriculumVitae:clinicalTrials:table:certificateHospital')
"
>
</el-table-column>
</el-table>
<!--其他相关经历-->
<div class="title">
{{ $t('curriculumVitae:clinicalTrials:otherTitle') }}
</div>
<template v-if="true">
<div class="message">三的卡上不能打卡上班打卡</div>
</template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
</div>
<div class="message">
<div class="title">{{ $t('curriculumVitae:treatise:title') }}</div>
<el-table
:data="tableData5"
style="width: 100%"
:header-cell-style="{ background: '#eee', color: '#606266' }"
>
<el-table-column
prop="date"
:label="$t('curriculumVitae:treatise:table:author')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:treatise:table:name')"
>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:treatise:table:publish')"
>
</el-table-column>
</el-table>
</div>
<div class="message">
<div class="title">{{ $t('curriculumVitae:other:title') }}</div>
<div class="content">
<div>{{ $t('curriculumVitae:other:AH') }}</div>
<p>
a诺夫卡刷积分八九十快点把手里的v八路军那是的健康蓝色的艰苦拉萨的
</p>
</div>
</div> </div>
<template v-if="true">
<div class="message">三的卡上不能打卡上班打卡</div>
</template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
</div> </div>
<div class="message"> <div class="file" v-if="isAll">
<div class="title">{{ $t('curriculumVitae:treatise:title') }}</div> <div class="curriculum">
<el-table <div class="title">{{ $t('curriculumVitae:curriculum:title') }}</div>
:data="tableData5" <div class="fileBox">
style="width: 100%" <div class="file_title">
:header-cell-style="{ background: '#eee', color: '#606266' }" {{ $t('curriculumVitae:curriculum:fileTitle:CN') }}
> </div>
<el-table-column <template v-if="true">
prop="date" <div class="file" v-for="item in [1, 2]" :key="item">
:label="$t('curriculumVitae:treatise:table:author')" <div class="name">简历1</div>
> <i
</el-table-column> class="el-icon-download"
<el-table-column :title="$t('common:button:download')"
prop="date" />
:label="$t('curriculumVitae:treatise:table:name')" <i
> class="el-icon-circle-check"
</el-table-column> :title="$t('common:button:default')"
<el-table-column />
prop="date" </div>
:label="$t('curriculumVitae:treatise:table:publish')" </template>
> <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
</el-table-column> <div class="file_title">
</el-table> {{ $t('curriculumVitae:curriculum:fileTitle:EN') }}
</div> </div>
<div class="message"> <template v-if="true">
<div class="title">{{ $t('curriculumVitae:other:title') }}</div> <div class="file" v-for="item in [1, 2]" :key="item">
<div class="content"> <div class="name">Resume</div>
<div>{{ $t('curriculumVitae:other:AH') }}</div> <i
<p>a诺夫卡刷积分八九十快点把手里的v八路军那是的健康蓝色的艰苦拉萨的</p> class="el-icon-download"
:title="$t('common:button:download')"
/>
<i
class="el-icon-circle-check"
:title="$t('common:button:default')"
/>
</div>
</template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
</div>
</div>
<div class="certificate">
<div class="title">{{ $t('curriculumVitae:certificate:title') }}</div>
<div class="fileBox">
<!--最高医学学位毕业证书-->
<div class="file_title">
{{ $t('curriculumVitae:certificate:fileTitle:diploma') }}
</div>
<div class="file" v-if="true">
<div class="name">简历1</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="preview"
/>
</div>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<!--医师资格证-->
<div class="file_title" v-if="true">
{{ $t('curriculumVitae:certificate:fileTitle:certificate') }}
</div>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<div class="file">
<div class="name">简历1</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="preview"
/>
</div>
<!--医师执业证-->
<div class="file_title" v-if="true">
{{ $t('curriculumVitae:certificate:fileTitle:license') }}
</div>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<div class="file">
<div class="name">简历1</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="preview"
/>
</div>
<!--大型医用设备上岗证-->
<div class="file_title">
{{ $t('curriculumVitae:certificate:fileTitle:workPermit') }}
</div>
<template v-if="true">
<div class="file_title">
{{ $t('curriculumVitae:certificate:fileTitle:CT') }}
</div>
<div v-for="item in [1, 2]" :key="item">
<div class="file">
<div class="name">简历1</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="preview"
/>
</div>
</div>
</template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
</div>
</div>
<div class="agreement">
<div class="title">{{ $t('curriculumVitae:agreement:title') }}</div>
<div class="fileBox">
<div class="file_title">
{{ $t('curriculumVitae:agreement:fileTitle') }}
</div>
<template v-if="true">
<div class="file" v-for="item in [1, 2]" :key="item">
<div class="name">简历1</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="preview"
/>
</div>
</template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<template v-if="true">
<div class="file_title">
{{ $t('curriculumVitae:agreement:Counselor') }}
</div>
<div class="file" v-for="item in [1, 2]" :key="item">
<div class="name">简历1</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="preview"
/>
</div>
</template>
<template v-if="true">
<div class="file_title">
{{ $t('curriculumVitae:agreement:confirmation') }}
</div>
<div class="file" v-for="item in [1, 2]" :key="item">
<div class="name">简历1</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="preview"
/>
</div>
</template>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -240,6 +394,12 @@
<script> <script>
export default { export default {
name: 'curriculumVitaePreview', name: 'curriculumVitaePreview',
props: {
isAll: {
type: Boolean,
default: true,
},
},
data() { data() {
return { return {
tableData: [], tableData: [],
@ -253,8 +413,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.curriculumVitaePreview { .curriculumVitaePreview {
max-width: 1200px; display: flex;
margin: auto;
.title { .title {
font-size: 18px; font-size: 18px;
} }
@ -307,10 +466,61 @@ export default {
} }
} }
} }
.noFile {
max-width: 1200px;
margin: auto;
}
::v-deep .el-tag { ::v-deep .el-tag {
margin-right: 10px; margin-right: 10px;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
} }
.info {
width: 100%;
}
.allInfo {
flex: 1;
}
.file {
width: 300px;
padding-left: 10px;
::v-deep .title {
line-height: 50px;
background-color: #fff;
text-align: left;
}
::v-deep .fileBox {
background-color: #eee;
padding: 10px;
font-size: 14px;
border-radius: 3px;
}
::v-deep .file_title {
line-height: 40px;
}
::v-deep .btnBox {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
::v-deep .file {
width: 100%;
display: flex;
margin-bottom: 10px;
.name {
width: 70%;
white-space: nowrap; /* 文本不会换行,会在同一行内继续,直到遇到<br>标签为止 */
text-overflow: ellipsis; /* 当文本溢出包含它的容器时,显示省略号(...)来表示被截断的文本 */
overflow: hidden; /* 隐藏溢出容器的文本 */
}
i {
cursor: pointer;
margin: 3px;
color: #409eff;
}
}
}
</style> </style>