Skip to content

C
CFFP-HB
Commit ec0b050f by sunchao
Options

申请加盟页面

parent 31a73fa6
Showing with 369 additions and 21 deletions
api/api.ts
...@@ -196,5 +196,9 @@ export default { ...@@ -196,5 +196,9 @@ export default {
//查询证件类型 //查询证件类型
erpInitialize(params){ erpInitialize(params){
return request(`${apiURL}/erp/erpInitialize`, "POST", params) return request(`${apiURL}/erp/erpInitialize`, "POST", params)
},
//获取职业类别
occupationQry(params){
return request(`${apiURL}/metadata/occupationQry`, "POST", params)
} }
} }
pages.json
...@@ -252,6 +252,48 @@ ...@@ -252,6 +252,48 @@
"navigationBarTitleText": "申请退课", "navigationBarTitleText": "申请退课",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
},{
"path" : "pages/application-process/id-card",
"style" :
{
"navigationBarTitleText": "申请加盟-个人证件",
"enablePullDownRefresh": false
}
},{
"path" : "pages/application-process/education",
"style" :
{
"navigationBarTitleText": "申请加盟-学历信息",
"enablePullDownRefresh": false
}
},{
"path" : "pages/application-process/bank-card",
"style" :
{
"navigationBarTitleText": "申请加盟-银行卡号",
"enablePullDownRefresh": false
}
},{
"path" : "pages/application-process/personal-statement",
"style" :
{
"navigationBarTitleText": "申请加盟-个人声明",
"enablePullDownRefresh": false
}
},{
"path" : "pages/application-process/contract",
"style" :
{
"navigationBarTitleText": "申请加盟-合同文档",
"enablePullDownRefresh": false
}
},{
"path" : "pages/application-process/signature",
"style" :
{
"navigationBarTitleText": "申请加盟-电子签名",
"enablePullDownRefresh": false
}
} }
], ],
// "tabBar": { // "tabBar": {
......
pages/application-process/applyCommon.css → pages/application-process/applyCommon.scss
...@@ -22,21 +22,21 @@ ...@@ -22,21 +22,21 @@
} }
} }
.content { .content {
padding: 10px 5px; padding: 20rpx 10rpx;
position: relative; position: relative;
font-size: 30rpx;
.contentDetail { .contentDetail {
.contentItem { .contentItem {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin: 0 8px 5px 8px; margin: 0 16rpx 10rpx 16rpx;
> span:first-child{ > span:first-child{
white-space: nowrap; white-space: nowrap;
} }
input.form-control,select.form-control { input.form-control,select.form-control {
display: inline-block; display: inline-block;
// width: 60%; margin: 0 10rpx;
margin: 0 5px;
background: none; background: none;
outline: none; outline: none;
border: none; border: none;
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
box-shadow: none; box-shadow: none;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
font-size: 18px; font-size: 30rpx;
} }
select.form-control{ select.form-control{
...@@ -58,15 +58,15 @@ ...@@ -58,15 +58,15 @@
display: flex; display: flex;
width: 60%; width: 60%;
justify-content: flex-end; justify-content: flex-end;
padding-right: 3px; padding-right: 6rpx;
.form-control.sex { .form-control.sex {
width: 20%; width: 20%;
margin-left: 5px; margin-left: 10rpx;
border: none; border: none;
box-shadow: none; box-shadow: none;
} }
.form-control.sex.sexBtn { .form-control.sex.sexBtn {
border: 1px #0767bf solid; border: 2rpx #0767bf solid;
} }
.form-control[disabled] { .form-control[disabled] {
background-color: transparent; background-color: transparent;
...@@ -77,11 +77,11 @@ ...@@ -77,11 +77,11 @@
position: relative; position: relative;
sub{ sub{
position: absolute; position: absolute;
margin-right: 5px; margin-right: 10rpx;
font-weight: bold; font-weight: bold;
color: #e10d0d; color: #e10d0d;
top: 13px; top: 26rpx;
left: -8px; left: -16rpx;
} }
} }
} }
...@@ -90,10 +90,29 @@ ...@@ -90,10 +90,29 @@
} }
} }
.contentDetail.employ .contentItem{ .contentDetail.employ .contentItem{
padding: 10px 0; padding: 20rpx 0;
border-bottom: 1px #e8e8e8 solid; border-bottom: 2rpx #e8e8e8 solid;
margin: 0 8px 0 8px; margin: 0 16rpx 0 16rpx;
} }
.photo_wrapper{
width: 80%;
min-height: 350rpx;
margin: 40rpx auto 0 auto;
text-align: center;
background: #F8F8F8;
border: 1px #8D8D8D dashed;
border-radius: 8rpx;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-size: 24rpx;
color: #333;
.icon-weibiaoti553{
font-size: 120rpx;
color: #627AB5;
}
}
} }
.fixed { .fixed {
position: fixed; position: fixed;
......
pages/application-process/bank-card.vue 0 → 100644
<template>
<view class="container">
<view class="title">
<view>
<text class="line"></text>银行卡号
</view>
<text class="page_mark">5/8</text>
</view>
<navigator class="fixed" url="personal-statement">
保存并下一步
</navigator>
</view>
</template>
<script>
export default{
data(){
return {
}
},
components:{},
onLoad(){
},
methods:{
}
}
</script>
<style lang="scss">
@import 'applyCommon.scss';
</style>
\ No newline at end of file
pages/application-process/basic-info.vue
...@@ -118,5 +118,5 @@ ...@@ -118,5 +118,5 @@
</script> </script>
<style lang="scss"> <style lang="scss">
// @import 'applyCommon.css'; @import 'applyCommon.scss';
</style> </style>
\ No newline at end of file
pages/application-process/contract.vue 0 → 100644
<template>
<view class="container">
<view class="title">
<view>
<text class="line"></text>合同文档确认
</view>
<text class="page_mark">7/8</text>
</view>
<navigator class="fixed" url="signature">
保存并下一步
</navigator>
</view>
</template>
<script>
export default{
data(){
return {
}
},
components:{},
onLoad(){
},
methods:{
}
}
</script>
<style lang="scss">
@import 'applyCommon.scss';
</style>
\ No newline at end of file
pages/application-process/education.vue 0 → 100644
<template>
<view class="container">
<view class="title">
<view>
<text class="line"></text>学历信息
</view>
<text class="page_mark">4/8</text>
</view>
<navigator class="fixed" url="bank-card">
保存并下一步
</navigator>
</view>
</template>
<script>
export default{
data(){
return {
}
},
components:{},
onLoad(){
},
methods:{
}
}
</script>
<style lang="scss">
@import 'applyCommon.scss';
</style>
\ No newline at end of file
pages/application-process/id-card.vue 0 → 100644
<template>
<view class="container">
<view class="title">
<view>
<text class="line"></text>个人证件资料
</view>
<text class="page_mark">3/8</text>
</view>
<navigator class="fixed" url="education">
保存并下一步
</navigator>
</view>
</template>
<script>
export default{
data(){
return {
}
},
components:{},
onLoad(){
},
methods:{
}
}
</script>
<style lang="scss">
@import 'applyCommon.scss';
</style>
\ No newline at end of file
pages/application-process/personal-statement.vue 0 → 100644
<template>
<view class="container">
<view class="title">
<view>
<text class="line"></text>个人声明
</view>
<text class="page_mark">6/8</text>
</view>
<navigator class="fixed" url="contract">
保存并下一步
</navigator>
</view>
</template>
<script>
export default{
data(){
return {
}
},
components:{},
onLoad(){
},
methods:{
}
}
</script>
<style lang="scss">
@import 'applyCommon.scss';
</style>
\ No newline at end of file
pages/application-process/signature.vue 0 → 100644
<template>
<view class="container">
<view class="title">
<view>
<text class="line"></text>电子签名
</view>
<text class="page_mark">8/8</text>
</view>
<navigator class="fixed" url="bank-card">
保存并下一步
</navigator>
</view>
</template>
<script>
export default{
data(){
return {
}
},
components:{},
onLoad(){
},
methods:{
}
}
</script>
<style lang="scss">
@import 'applyCommon.scss';
</style>
\ No newline at end of file
pages/application-process/work-experience.vue
<template> <template>
<view class="container"> <view class="container">
<view class="title">
<view>
<text class="line"></text>从业经历
</view>
<text class="page_mark">2/8</text>
</view>
<view class="content">
<view class="contentDetail employ">
<view class="contentItem">
<text>职业类型</text>
<picker @change="changeIndustry" :value="industryName" :range="industry"
range-key="industryName">
<view class="uni-input">{{industry[industryIdx]['industryName']}}
<text class="iconfont icon-youjiantou"></text>
</view>
</picker>
</view>
</view>
<view class="contentDetail employ">
<view class="contentItem">
<text>最近一次工作单位</text>
<input type="text" class="form-control" placeholder="非必填"/>
</view>
<view class="contentItem">
<text>职位</text>
<input type="text" class="form-control" placeholder="非必填"/>
</view>
<view class="contentItem">
<text>任职开始时间</text>
<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange">
<view v-if="!date">请选择</view>
<view class="uni-input">{{date}}</view>
</picker>
</view>
<view class="contentItem">
<text>结束时间</text>
<input type="text" class="form-control" placeholder="非必填"/>
</view>
<view class="contentItem" style="border: 0;">
<text>荣誉证书</text>
</view>
</view>
<view class="photo_wrapper" >
<text class="iconfont icon-weibiaoti553"></text>
<view style="margin-top: 10px;">点击添加荣誉证书照片</view>
</view>
</view>
<navigator class="fixed" url="id-card">
保存并下一步
</navigator>
</view> </view>
</template> </template>
<script> <script>
import api from '../../api/api';
export default{ export default{
data(){ data(){
return { return {
industry:[{industryName:'请选择',industryId:null}],
industryIdx:0,
workingCategoryId:null,
workingCategory:null
} }
}, },
components:{}, components:{},
onLoad(){ onLoad(){
this.occupationQry();
}, },
methods:{ methods:{
changeIndustry: function(e){
this.industryIdx = e.detail.value;
this.workingCategory = this.industry[this.industryIdx]['industryName'];
this.workingCategoryId = this.industry[this.industryIdx]['industryId'];
},
bindDateChange:function(e){
this.date = e.detail.value;
},
occupationQry(){
api.occupationQry({insurerId:2}).then((res)=>{
if(res['success']){
console.log(res['data']['industry'])
this.industry = this.industry.concat(res['data']['industry']);
}else{
this.industry = [{industryName:'请选择',industryId:null}];
}
})
}
} }
} }
</script> </script>
<style> <style lang="scss">
@import 'applyCommon.scss';
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment