简历页新增支付方式

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>
<el-button type="text">{{ $t('common:button:downloadTpl') }}</el-button>
</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>
</template>

View File

@ -49,10 +49,10 @@
{{ $t('curriculumVitae:certificate:fileTitle:workPermit') }}
</div>
<template v-if="true">
<div v-for="item in [1, 2]" :key="item">
<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

View File

@ -13,7 +13,7 @@
<base-model :config="model_cfg">
<template slot="dialog-body">
<el-form
ref="continuingTrainingFrom"
ref="otherFrom"
v-loading="loading"
:model="form"
:rules="rules"
@ -54,7 +54,7 @@
<script>
import BaseModel from '@/components/BaseModel'
export default {
name: 'scientificResearchProject',
name: 'other',
components: { BaseModel },
data() {
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">{{
$t('curriculumVitae:menu:other')
}}</el-menu-item>
<el-menu-item index="pay">{{
$t('curriculumVitae:menu:pay')
}}</el-menu-item>
</el-menu>
</div>
<div class="main">
@ -82,6 +85,9 @@
<div class="box" id="other">
<other />
</div>
<div class="box" id="pay">
<pay />
</div>
</div>
<div class="rightFile">
<!--简历附件-->
@ -110,6 +116,7 @@ import scientificResearchProject from './components/info/scientificResearchProje
import clinicalTrials from './components/info/clinicalTrials.vue'
import treatise from './components/info/treatise.vue'
import other from './components/info/other.vue'
import pay from './components/info/pay.vue'
import preview from './preview.vue'
export default {
components: {
@ -125,6 +132,7 @@ export default {
clinicalTrials,
treatise,
other,
pay,
preview,
},
data() {

View File

@ -1,5 +1,6 @@
<template>
<div class="curriculumVitaePreview">
<div :class="{ curriculumVitaePreview: true, noFile: !isAll }">
<div :class="{ allInfo: isAll, info: !isAll }">
<div class="title">{{ $t('curriculumVitae:preview:title') }}</div>
<div class="message">
<div class="userInfo">
@ -232,7 +233,160 @@
<div class="title">{{ $t('curriculumVitae:other:title') }}</div>
<div class="content">
<div>{{ $t('curriculumVitae:other:AH') }}</div>
<p>a诺夫卡刷积分八九十快点把手里的v八路军那是的健康蓝色的艰苦拉萨的</p>
<p>
a诺夫卡刷积分八九十快点把手里的v八路军那是的健康蓝色的艰苦拉萨的
</p>
</div>
</div>
</div>
<div class="file" v-if="isAll">
<div class="curriculum">
<div class="title">{{ $t('curriculumVitae:curriculum:title') }}</div>
<div class="fileBox">
<div class="file_title">
{{ $t('curriculumVitae:curriculum:fileTitle:CN') }}
</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-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 class="file_title">
{{ $t('curriculumVitae:curriculum:fileTitle:EN') }}
</div>
<template v-if="true">
<div class="file" v-for="item in [1, 2]" :key="item">
<div class="name">Resume</div>
<i
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>
@ -240,6 +394,12 @@
<script>
export default {
name: 'curriculumVitaePreview',
props: {
isAll: {
type: Boolean,
default: true,
},
},
data() {
return {
tableData: [],
@ -253,8 +413,7 @@ export default {
</script>
<style lang="scss" scoped>
.curriculumVitaePreview {
max-width: 1200px;
margin: auto;
display: flex;
.title {
font-size: 18px;
}
@ -307,10 +466,61 @@ export default {
}
}
}
.noFile {
max-width: 1200px;
margin: auto;
}
::v-deep .el-tag {
margin-right: 10px;
&:last-child {
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>