Skip to content

C
center-register-show-h5
提交 b31d680a authored 作者: matian's avatar matian
浏览文件
操作

新增证书查询

上级 55eaa6d4
全部展开 显示空白字符变更
内嵌 并排
正在显示 包含 540 行增加 和 1747 行删除
src/api/base.js
浏览文件 @ b31d680a
......@@ -27,6 +27,3 @@ export function uploadFile(data) {
headers: { 'Content-Type': 'multipart/form-data' }
})
}
export function getAllSetting() {
return httpRequest.get('/api/register/v1/util/common-map')
}
src/assets/css/base.css
浏览文件 @ b31d680a
......@@ -7,5 +7,5 @@ html{
margin: 0 auto;
}
body {
background: #f7f7f7;
background: #fff;
}
src/modules/home/api.js
浏览文件 @ b31d680a
import httpRequest from '@/utils/axios'
// 获取用户信息
export function getUser() {
return httpRequest.get('/api/passport/account/get-user-info')
// 获取证书列表
export function getCardList(params) {
return httpRequest.get('api/cert/v1/frontend/index/list', { params })
}
// 获取活动列表
export function getActivityList(params) {
return httpRequest.get('/api/register/v1/activity/list', { params })
// 获取补齐信息
export function getImproveInfo(params) {
return httpRequest.get('api/cert/v1/frontend/index/save', { params })
}
// 获取活动详情
export function getActivityDetail(params) {
return httpRequest.get('/api/register/v1/activity/view', { params })
// 获取证书详情
export function getCardDetail(params) {
return httpRequest.get('api/cert/v1/frontend/index/view', { params })
}
// 保存步骤信息
export function saveStepInfo(data) {
return httpRequest.post('/api/register/v1/activity/step', data)
}
// 保存步骤信息
export function getPayInfo(data) {
return httpRequest.post('/api/register/v1/activity/qr', data)
}
// 支付状态查询
export function getPayStatus(params) {
return httpRequest.get('/api/register/v1/activity/pay-status', { params })
}
// 支付状态查询
export function getOrderList(params) {
return httpRequest.get('/api/register/v1/activity/order', { params })
}
// 提交下线支付
export function uploadPay(data) {
return httpRequest.post('/api/register/v1/activity/upload-pay', data)
}
/**
* 导入
*/
export function importPeople(data) {
return httpRequest({
url: '/api/register/v1/activity/upload-file',
method: 'post',
headers: { 'Content-Type': 'multipart/form-data' },
timeout: 900000,
data,
withCredentials: true
})
}
// 获取openid
export function getOpenid(data) {
return httpRequest.post('/api/usercenter/v2/frontend/wechat/get-openid', data)
}
// 获取openid
export function updateUserInfo(data) {
return httpRequest.post('/api/usercenter/v2/frontend/user/update-user', data)
// 补全信息
export function ImproveInfo(data) {
return httpRequest.post('api/cert//v1/frontend/index/save', data)
}
src/modules/home/components/BatchImport.vue deleted 100644 → 0
浏览文件 @ 55eaa6d4
<template>
<div class="main">
<!-- 111
<a href="https://webapp-pub.ezijing.com/admission/prp/%E6%8A%A5%E5%90%8D%E8%AE%B0%E5%BD%951111.xlsx">下载</a>
<div @click="idShowPopup = true">aaa</div> -->
<van-popup
round
closeable
close-icon-position="top-right"
v-bind="$attrs"
v-on="$listeners"
position="bottom"
:style="{ height: '30%' }"
class="main_upload"
>
<van-uploader
v-model="fileList"
:before-read="handleBeforeRead"
:after-read="handleAfterRead"
accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
:max-count="1"
:upload-icon="icon"
>
</van-uploader>
<div class="upload_tips" v-if="!isMobile" @click="down">下载人员模板</div>
<div class="upload_tips" v-else @click="copyToClipboard">ios暂不支持下载 请点“复制”前往浏览器下载</div>
<van-button class="upload_btn" @click="onSubmit">确定</van-button>
</van-popup>
</div>
</template>
<script>
import { Toast, Notify } from 'vant'
import { importPeople } from '../api.js'
export default {
props: {
stepList: { type: Array },
data: { type: Object }
},
data() {
return {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/highway/h5/form_add.png',
fileList: [],
fileData: {}
}
},
computed: {
isMobile() {
let flag = false
const u = window.navigator.userAgent
const isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
if (isIOS) {
if (navigator.userAgent.indexOf('MicroMessenger') > 0) {
flag = true
}
}
return flag
}
},
methods: {
copyToClipboard() {
const el = document.createElement('textarea')
el.value = `${window.location.origin}/api/register/v1/activity/download-file?activity_detail_id=${this.data.id}`
el.setAttribute('readonly', '')
el.style.position = 'absolute'
el.style.left = '-9999px'
document.body.appendChild(el)
const selected = document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false
el.select()
document.execCommand('copy')
document.body.removeChild(el)
if (selected) {
document.getSelection().removeAllRanges()
document.getSelection().addRange(selected)
}
Notify({ type: 'success', message: '已复制' })
},
down() {
window.location.href = `${window.location.origin}/api/register/v1/activity/download-file?activity_detail_id=${this.data.id}`
},
// 上传前置处理
handleBeforeRead(file) {
if (file.type !== 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') {
Toast('请上传正确的文件格式')
return false
}
return true
},
// 上传文件后的处理
handleAfterRead(file) {
this.fileData = file.file
},
// 提交
onSubmit() {
const params = {
file: this.fileData,
activity_detail_id: this.data.id
}
importPeople(params).then(res => {
this.$emit('upload', res.data)
})
}
}
}
</script>
<style lang="scss" scoped>
.main {
background-color: #f7f7f7;
.main_content {
padding: 0.21rem 0.3rem 4.13rem 0.3rem;
.main_content_banner {
margin-top: 0.84rem;
width: 100%;
}
.main_content_form {
width: 6.9rem;
opacity: 1;
margin-top: 0.32rem;
}
.main_content_form_list {
border-radius: 20px;
margin-top: 0.43rem;
background: #fff;
padding-bottom: 0.68rem;
padding-top: 0.4rem;
.formItemList_item {
.showTime {
cursor: pointer;
}
.showSelectPicker {
cursor: pointer;
}
}
.btn_minus {
float: right;
width: 0.5072rem;
height: 0.5072rem;
margin: 0.3rem 0.3rem 0 0;
cursor: pointer;
}
}
.btn_operate {
margin-top: 0.15rem;
display: flex;
justify-content: flex-end;
align-items: center;
.btn_import {
width: 2.35rem;
height: 0.81rem;
line-height: 0.81rem;
background: rgba(255, 255, 255, 0.39);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.09);
border-radius: 0.44rem;
font-size: 0.28rem;
font-weight: 400;
color: #333333;
text-align: center;
}
img {
width: 0.5072rem;
height: 0.5072rem;
}
.btn_add {
cursor: pointer;
margin-left: 0.3rem;
margin-right: 0.31rem;
}
}
}
.main_footer {
width: 100%;
height: 1.81rem;
background: #fff;
position: fixed;
bottom: 0;
display: flex;
justify-content: space-around;
align-items: flex-start;
flex-direction: column;
.main_footer_top {
font-size: 0.24rem;
font-weight: 400;
color: #999999;
margin-left: 0.8rem;
margin-top: 0.15rem;
}
.main_footer_bottom {
margin: -0.18rem auto;
cursor: pointer;
width: 6.9rem;
display: flex;
justify-content: center;
align-items: center;
.main_content_btn {
background: #b80140;
color: #ffffff;
margin-left: 0.28rem;
margin-top: -0.18rem;
}
.main_content_btn1 {
background: #b80140;
color: #ffffff;
margin-left: 0.28rem;
margin-top: 0.3rem;
}
}
}
.main_upload {
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: column;
padding-top: 1rem;
.upload_tips {
color: #b80140;
font-size: 0.2rem;
}
.upload_btn {
border-radius: 3rem;
width: 3rem;
background: #b80140;
color: #ffffff;
}
}
}
::v-deep {
.van-checkbox__icon {
border-radius: 3px;
overflow: hidden;
}
.main_content_banner p img {
width: 6.9rem;
height: 100%;
border-radius: 0.1rem;
}
.van-uploader__upload {
width: 120px;
height: 120px;
}
}
</style>
src/modules/home/components/Commonheader.vue
浏览文件 @ b31d680a
<template>
<div class="main_header" id="main_header">
<van-nav-bar :title="title" left-arrow @click-left="onClickLeft">
<template #right v-if="center && pathName === '/'">
<div style="display: flex" @click="onClickRight">
<div class="text" style="font-size: 0.24rem; color: #333333; margin-right: 0.05rem">个人中心</div>
<van-icon name="contact" size="18" />
</div>
</template>
</van-nav-bar>
</div>
</template>
......@@ -71,21 +65,29 @@ export default {
</script>
<style lang="scss" scoped>
::v-deep .van-icon-arrow-left {
cursor: pointer;
::v-deep{
.van-icon-arrow-left {
cursor: pointer;
color: #000;
}
::v-deep .van-nav-bar__text {
.van-nav-bar__text {
color: #000;
}
::v-deep .van-icon-contact {
.van-icon-contact {
color: #000;
}
.main_header {
position: fixed;
top: 0;
z-index: 2000;
width: 100%;
.van-nav-bar__content{
box-shadow: 0px 0.02rem 0.06rem 0 rgba(2,17,44,0.05);
}
}
// .main_header {
// position: fixed;
// top: 0;
// z-index: 2000;
// width: 100%;
// height:0.44rem;
// background: #FFFFFF;
// box-shadow: 0px 2px 6px 0px #02112C;
// }
</style>
src/modules/home/components/ImgShow.vue deleted 100644 → 0
浏览文件 @ 55eaa6d4
<template>
<div class="main">
<commonheader @back="handlePrev" :callBack="true" :title="pagesTitle" />
<!-- 展示页面 -->
<div class="main_content">
<div class="show_content">
<div class="show_content_img" v-html="data.desc"></div>
</div>
<div class="main_content_footer" id="main_content_footer">
<div class="show_content_btn" @click="handleSubmit">{{ data.title }}</div>
</div>
</div>
</div>
</template>
<script>
import Commonheader from '../components/Commonheader.vue'
export default {
components: { Commonheader },
props: {
stepList: { type: Array },
data: { type: Object },
pagesTitle: { type: String }
},
mounted() {
if (this.isPc()) {
document.getElementById('main_content_footer').style.width = '400px'
}
},
methods: {
isPc() {
const userAgentInfo = navigator.userAgent
const Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']
let flagPc = true
for (let v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flagPc = false
break
}
}
return flagPc
},
handlePrev() {
this.$emit('prev')
},
async handleSubmit() {
const isLogin = this.$store.state.user.id || (await this.$store.dispatch('checkLogin'))
if (!isLogin) {
const datas = this.stepList.filter(item => item.type === 1)
if (datas[datas.length - 1].num === this.data.num) {
window.location.href = `https://login.ezijing.com/auth/login/index?rd=${window.location.origin}/SignMainPage?id=${this.$route.query.id}`
} else {
this.$emit('next')
}
} else {
if (this.stepList[this.stepList.length - 1].num === this.data.num) {
this.$router.push({ path: '/' })
} else {
this.$emit('next')
}
}
}
}
}
</script>
<style lang="scss" scoped>
.main {
background: #f7f7f7;
.main_content {
// padding: 0.21rem 0.3rem 3.13rem 0.3rem;
.show_content {
// width: 6.9rem;
margin: 0.84rem auto;
.show_content_img {
// width: 6.9rem;
::v-deep {
p {
font-size: 0.24rem;
}
}
}
}
.main_content_footer {
width: 100%;
height: 1.81rem;
background: #fff;
position: fixed;
bottom: 0;
.show_content_btn {
width: 6.42rem;
height: 0.88rem;
background: #b80140;
border-radius: 0.44rem;
font-weight: 500;
color: #ffffff;
font-size: 0.3rem;
text-align: center;
line-height: 0.88rem;
position: fixed;
bottom: 0.4rem;
left: 50%;
transform: translateX(-50%);
cursor: pointer;
}
}
}
}
::v-deep {
.show_content_img p img {
// width: 6.9rem;
// height: 100%;
width: 100%;
margin: 0 auto;
// border-radius: 0.1rem;
}
}
</style>
src/modules/home/components/ImproveInfo.vue 0 → 100644
浏览文件 @ b31d680a
<template>
<div>
<van-overlay :show="visible">
<div class="wrapper" @click.stop>
<div class="form-box" v-if="visible === true">
<div class="box-top">
<div></div>
<div class="top_tit">补全信息</div>
<img
class="top_close"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/pages/highway/road/icon_close.png"
alt=""
@click="handleClose"
/>
</div>
<div class="box_bottom">
<div class="bottom_form">
<div v-for="(item, index) in formList" :key="index">
<div class="bottom_label">{{ item.name }}</div>
<input type="text" :placeholder="item.placeholder" v-model="item.value" />
</div>
</div>
<van-button round type="info" class="bottom_submit" @click="handleDealInfo">保存</van-button>
</div>
</div>
</div>
</van-overlay>
</div>
</template>
<script>
import { getImproveInfo, ImproveInfo } from '../api'
import allFormList from '@/utils/formList'
export default {
props: {
visible: {
type: Boolean,
default: false
},
project_id: {
type: String,
default: ''
},
data() {
return {
improveKeyList: [],
improveList: [],
formList: []
}
}
},
methods: {
// 关闭弹窗
handleClose() {
this.formList.map(item => (item.value = ''))
this.$emit('update:visible', false)
},
getInfoList() {
getImproveInfo({ project_id: this.project_id }).then(res => {
this.improveKeyList = res.data.params
const formListNew = []
allFormList.forEach(item => {
this.improveKeyList.forEach(it => {
if (item.key === it) {
formListNew.push(item)
}
})
})
this.formList = formListNew
})
},
handleDealInfo() {
const list = {}
this.improveKeyList.forEach(item => {
const data = this.formList.find(its => its.key === item)
list[data.key] = data.value
})
const params = Object.assign({ project_id: this.project_id }, list)
ImproveInfo(params).then(res => {
this.formList.map(item => (item.value = ''))
this.$emit('update:visible', false)
this.$emit('update')
})
}
},
created() {
this.getInfoList()
}
}
</script>
<style lang="scss" scoped>
.form-box {
width: 6.54rem;
background: #ffffff;
border-radius: 0.32rem;
border: 1px solid #ccc;
position: absolute;
top: 2.44rem;
left: 50%;
transform: translateX(-50%);
.box-top {
padding: 0.26rem 0.24rem 0 0.24rem;
display: flex;
justify-content: space-between;
align-items: center;
.top_tit {
font-size: 0.32rem;
font-weight: 400;
color: #323233;
}
.top_close {
width: 0.32rem;
height: 0.32rem;
}
}
.box_bottom {
margin-top: 0.42rem;
padding: 0 0.4rem 0.3rem 0.4rem;
.bottom_form {
overflow-y: auto;
max-height: 6.48rem;
}
.bottom_label {
font-size: 0.28rem;
font-weight: 400;
color: #696969;
margin-top: 0.32rem;
}
input {
display: block;
margin-top: 0.08rem;
width: 5.74rem;
height: 0.88rem;
line-height: 0.88rem;
background: #f3f7ff;
font-size: 0.32rem;
border-radius: 0.08rem;
border: 0;
&::placeholder {
font-size: 0.32rem;
font-weight: 400;
color: rgba(0, 0, 0, 0.25);
padding: 0.22rem 0 0.22rem 0.32rem;
}
}
.bottom_submit {
width: 5.58rem;
height: 0.72rem;
background: linear-gradient(74deg, #293176 0%, #295fb9 100%);
border-radius: 0.4rem;
}
}
}
</style>
src/modules/home/components/OfflinePay.vue deleted 100644 → 0
浏览文件 @ 55eaa6d4
<template>
<div>
<commonheader title="线下支付" />
<div class="offline-box">
<div class="call" v-if="data.offline_info">线下支付联系方式：{{ data.offline_info }}</div>
<div class="remarks" v-if="data.offline_more_info">
<div class="title">线下支付信息：</div>
<div class="centent" v-html="data.offline_more_info"></div>
</div>
<div class="remarks">
<div class="title">备注信息：</div>
<div class="textarea-content">
<textarea placeholder="请输入备注" v-model="form.comment"></textarea>
</div>
</div>
<div class="upload">
<div class="title">上传支付凭证：</div>
<!-- <van-uploader :after-read="afterRead" /> -->
<upload-image @input="input"></upload-image>
</div>
<div class="confim-btn" @click="uploadPay">确认</div>
</div>
</div>
</template>
<script>
import { uploadPay } from '../api.js'
import Commonheader from './Commonheader.vue'
import UploadImage from '@/components/upload/UploadImage.vue'
import { Toast } from 'vant'
export default {
components: {
UploadImage,
Commonheader
},
props: {
data: {
type: Object
},
stepList: {
type: Array
}
},
data() {
return {
form: {
voucher: [],
comment: ''
}
}
},
mounted() {
},
methods: {
input(imgs) {
this.form.voucher = imgs
},
uploadPay() {
const params = {
voucher: JSON.stringify(this.form.voucher),
comment: this.form.comment
}
if (!this.form.voucher.length) {
Toast('请上传凭证')
return false
}
uploadPay(Object.assign(this.data.params, params)).then(res => {
if (this.stepList.length !== this.data.num) {
this.$router.go(0)
} else {
this.$router.push('/')
}
console.log(res)
})
}
}
}
</script>
<style lang="scss" scoped>
.offline-box{
padding: .3rem;
.call{
font-size: .3rem;
line-height: 100%;
font-weight: bold;
color: #333333;
margin-bottom: .4rem;
}
.remarks{
margin-bottom:.4rem;
.centent{
::v-deep{
p{
font-size: .3rem;
img{
width: 100%;
display: block;
}
}
}
}
.title{
font-size: .3rem;
font-weight: bold;
line-height: 100%;
color: #333333;
margin-bottom: .24rem;
}
.textarea-content{
background: rgba(255, 255, 255, 1);
border-radius: .2rem;
padding: .2rem;
height: 3.05rem;
box-sizing: border-box;
textarea{
width: 100%;
height: 100%;
border:none;
background: none;
font-size: .26rem;
resize: none;
}
}
}
.upload{
.title{
font-size: .3rem;
font-weight: bold;
line-height: 100%;
color: #333333;
margin-bottom: .24rem;
}
}
}
.confim-btn{
width: 6.42rem;
height: .88rem;
background: rgba(184, 1, 64, 1);
border-radius: .44rem;
text-align: center;
line-height: .88rem;
color: #fff;
font-size: .3rem;
margin: 2rem auto;
}
</style>
src/modules/home/components/QueryOther.vue 0 → 100644
浏览文件 @ b31d680a
<template>
<van-overlay :show="visible" >
<div class="wrapper" @click.stop>
<div class="form-box" v-if="visible === true">
<div class="box-top">
<div></div>
<div class="top_tit">查询</div>
<img class="top_close" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/pages/highway/road/icon_close.png" alt="" @click="handleClose">
</div>
<div class="box_bottom">
<div class="bottom_form">
<input type="text" placeholder="请输入编号或者手机号查询" v-model="otherInfo" />
</div>
<van-button round type="info" class="bottom_submit" @click="handleDealInfo">查询</van-button>
</div>
</div>
</div>
</van-overlay>
</template>
<script>
export default {
props: {
visible: {
type: Boolean,
default: false
}
},
data() {
return {
otherInfo: ''
}
},
methods: {
handleClose() {
this.$emit('update:visible', false)
},
handleDealInfo() {
this.$router.push({
path: '/list',
query: {
otherInfo: this.otherInfo,
isSelf: '0'
}
})
this.$emit('update:visible', false)
}
}
}
</script>
<style lang="scss" scoped>
.form-box{
width: 6.54rem;
background: #FFFFFF;
border-radius: 0.32rem;
border:1px solid #ccc;
position: absolute;
top:2.44rem;
left: 50%;
transform: translateX(-50%);
.box-top{
padding:0.26rem 0.24rem 0 0.24rem;
display: flex;
justify-content: space-between;
align-items: center;
.top_tit{
font-size: 0.32rem;
font-weight: 400;
color: #323233;
}
.top_close{
width:0.32rem;
height:0.32rem;
}
}
.box_bottom{
margin-top: 0.9rem;
padding:0 0.4rem 0.3rem 0.4rem;
.bottom_label{
font-size: 0.28rem;
font-weight: 400;
color: #696969;
margin-top: 0.32rem;
}
input{
display: block;
margin-top: 0.08rem;
width: 5.74rem;
height: 0.88rem;
line-height: 0.88rem;
background: #F3F7FF;
font-size: 0.32rem;
border-radius: 0.08rem;
border:0;
&::placeholder{
font-size: 0.32rem;
font-weight: 400;
color: rgba(0,0,0,0.25);
padding:0.22rem 0 0.22rem 0.32rem;
}
}
.bottom_submit{
width: 5.58rem;
height: 0.72rem;
background: linear-gradient(74deg, #293176 0%, #295FB9 100%);
border-radius: 0.4rem;
margin-top: 1.06rem;
}
}
}
</style>
src/modules/home/index.js
浏览文件 @ b31d680a
......@@ -4,35 +4,13 @@ const routes = [
path: '/',
component: () => import('./views/Index.vue')
},
// 个人中心
{
path: '/PersonalCenter',
component: () => import('./views/PersonalCenter.vue')
},
// 我的订单
{
path: '/MyOrder',
component: () => import('./views/MyOrder.vue')
},
// 购物车
{
path: '/OrderConfirm',
component: () => import('./views/OrderConfirm.vue')
},
// 报名页面
{
path: '/SignMainPage',
component: () => import('./views/SignMainPage.vue')
},
// 订单支付
{
path: '/PayDetail',
component: () => import('./views/PayDetail.vue')
},
// 订单支付
{
path: '/list',
component: () => import('./views/List.vue')
},
{
path: '/detail',
component: () => import('./views/Detail.vue')
}
]
......
src/modules/home/views/Detail.vue 0 → 100644
浏览文件 @ b31d680a
<template>
<div class="main">
<CommonHeader :title="title" :center="false" />
<div class="main_content">
<div class="content_top">
<img class="info_card" :src="form.url" />
</div>
<div class="content_bottom" v-if="$route.query.isSelf === '1'">
<van-field v-model="form.name" label="姓名" input-align="right" disabled />
<van-field v-model="form.mobile" label="电话" input-align="right" disabled />
<van-field v-model="form.email" label="邮箱" input-align="right" disabled /><van-field
v-model="form.number"
label="编号"
input-align="right"
disabled
/>
<van-field v-model="form.updated_time" label="发证时间" input-align="right" disabled />
</div>
</div>
</div>
</template>
<script>
import { getCardDetail } from '../api'
import CommonHeader from '../components/CommonHeader.vue'
export default {
components: { CommonHeader },
props: {
isSelf: {
type: String,
default: ''
}
},
data() {
return {
form: {
url: '',
name: '',
mobile: '',
email: '',
number: '',
updated_time: '111',
popupVisible: false
}
}
},
methods: {
handleCardDetail() {
const params = {
project_id: this.$route.query.project_id,
student_id: this.$route.query.student_id
}
getCardDetail(params).then(res => {
Object.keys(this.form).forEach(key => {
this.form[key] = res.data[key]
})
})
}
},
mounted() {
this.handleCardDetail()
}
}
</script>
<style lang="scss" scoped>
.main_content {
// padding-top:0.48rem;
.content_top {
width: 7.5rem;
background: #f3f7ff;
.info_card {
width: 6.86rem;
padding: 0.32rem;
}
}
}
::v-deep {
.van-field__label {
font-size: 0.32rem;
font-weight: 400;
color: #212121;
}
.van-field__control {
font-size: 0.28rem;
font-weight: 400;
color: #696969;
}
}
</style>
src/modules/home/views/List.vue
浏览文件 @ b31d680a
<template>
<div>
<commonheader :title="title" :center="false" />
<div class="list-box">
<div
class="main_content_activity_list"
v-for="(item, index) in activityList"
:key="index"
>
<div>
<div class="activity_list_top">
<div class="activity_list_top_tit" v-html="item.name"></div>
<!-- <div class="activity_list_top_date">{{ item.activity_time.split(' ')[0] }}</div> -->
<van-icon name="arrow" size="14" />
<CommonHeader :title="title" :center="false" />
<div class="main_content" v-if="isShowList === true">
<div v-if="cardList.length > 0">
<div class="main_content_list" v-for="(item, index) in cardList" :key="index" @click="handleDetail(item)">
<img class="list_img" :src="item.url" />
<div class="list_right">
<div class="title">证书名称</div>
<div class="desc">
<div class="desc_time">{{ item.updated_time }}</div>
<div class="desc_name">{{ item.name }}</div>
<div class="desc_num">{{ item.number }}</div>
</div>
</div>
</div>
</div>
<!-- <div class="activity_list_bottom">
<van-icon name="arrow" size="14" />
</div> -->
<div class="main_content1" v-else>
<img class="info_no" src="https://webapp-pub.ezijing.com/project/pages/highway/road/info_no.png" />
<div class="info_desc">暂未查询到相关证书</div>
</div>
</div>
<div class="main_content1" v-else>
<img class="info_no" src="https://webapp-pub.ezijing.com/project/pages/highway/road/info_no.png" />
<div class="info_desc">请补全信息查询证书</div>
<van-button round type="info" class="info_btn" @click="handleDealInfo">去补全</van-button>
</div>
<ImproveInfo
v-if="project_id !== ''"
:project_id="project_id"
:visible.sync="popupVisible"
@update="handleGetCardList"
/>
</div>
</template>
<script>
import Commonheader from '../components/Commonheader.vue'
import { getCardList } from '../api'
import ImproveInfo from '../components/ImproveInfo.vue'
import CommonHeader from '../components/CommonHeader.vue'
export default {
components: { Commonheader },
components: { ImproveInfo, CommonHeader },
data() {
return {
title: this.$route.query.title,
activityLists: {
b1: [
{ name: '11', url: '11' }
],
b2: [
{ name: '心里课程”有效亲子沟通“', url: '' }
],
b3: [
{ name: '关于举办第二期全国公路平安百年品质工程<br/>攻关行动系列成果培训的通知', url: '' }
// { name: '', url: '' }
popupVisible: false,
isShowList: true,
cardList: [
{
updated_time: '',
name: '',
time: '',
number: ''
}
],
b4: []
improveList: [],
project_id: ''
}
},
methods: {
// 完善信息弹窗
handleDealInfo() {
this.popupVisible = true
},
// 跳转详情页面
handleDetail(item) {
this.$router.push({
path: '/detail',
query: {
student_id: item.student_id,
project_id: item.project_id,
isSelf: this.$route.query.isSelf
}
})
},
computed: {
activityList() {
return this.activityLists[this.$route.query.type || 'b3']
// 获取证书列表
handleGetCardList() {
const params = {
key: this.$route.query.otherInfo,
page_size: '1000',
page: '1'
}
getCardList(params).then(res => {
this.cardList = res.data.list
this.improveList = res.data.list.filter(item => item.need_save === true)
if (this.improveList.length > 0) {
this.isShowList = false
this.project_id = this.improveList[0].project_id
}
})
}
},
created() {
// 判断是否登录
const isLogin = this.$store.state.user.id || this.$store.dispatch('checkLogin')
if (!isLogin) {
window.location.href = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(window.location.href)}`
} else {
this.handleGetCardList()
}
}
}
</script>
<style lang="scss" scoped>
.list-box{
padding: 1rem .3rem 0;
}
.main_content_activity_list {
box-sizing: border-box;
padding: .2rem 0.25rem 0.2rem 0.3rem;
width: 100%;
// height: 1.12rem;
display: flex;
// align-items: center;
justify-content: center;
flex-direction: column;
background-color: #fff;
border-radius: 0.2rem;
margin-top: 0.24rem;
div {
cursor: pointer;
}
.activity_list_top {
.main_content {
padding: 0.48rem 0.32rem 0.32rem 0.32rem;
.main_content_list {
display: flex;
justify-content: space-between;
align-items: center;
.activity_list_top_tit {
width: 5.8rem;
font-size: 0.28rem;
border-bottom: 0.02rem solid #f0f0f0;
padding-bottom: 0.32rem;
.list_img {
width: 2.4rem;
height: 1.8rem;
}
.list_right {
margin-left: 0.24rem;
.title {
width: 1.28rem;
font-size: 0.32rem;
font-weight: 400;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
white-space: nowrap;
}
.activity_list_top_date {
font-size: 0.22rem;
color: #212121;
}
.desc {
margin-top: 0.16rem;
font-size: 0.24rem;
font-weight: 400;
color: #999999;
margin-left: 1rem;
}
}
.activity_list_bottom {
display: flex;
justify-content: flex-end;
align-items: center;
}
}
.main_content1 {
padding: 2.8rem 1.34rem 0 1.36rem;
.info_no {
width: 4.8rem;
height: 3.2rem;
}
.info_desc {
font-size: 0.28rem;
font-weight: 400;
color: #999999;
text-align: center;
}
.info_btn {
width: 3.66rem;
height: 0.72rem;
background: linear-gradient(74deg, #293176 0%, #295fb9 100%);
border-radius: 40px;
margin-left: 0.56rem;
}
}
</style>
src/modules/home/views/MyOrder.vue deleted 100644 → 0
浏览文件 @ 55eaa6d4
<template>
<div class="main">
<commonheader :title="title" @back="handleBack" :callBack="true" :center="false" />
<div class="main_content">
<!-- 头部tab -->
<van-tabs v-model="active" animated sticky>
<van-tab v-for="(it, index) in orderTab" :key="index" :title="it.title">
<div v-if="getDataByType(it.type).length" class="main_content_ticket">
<a href="https://account-show.ezijing.com/h5/payment" style="margin-left: auto">
<van-button round icon="https://webapp-pub.oss-cn-beijing.aliyuncs.com/highway/h5/ticket.png">
开发票
</van-button>
</a>
</div>
<!-- 订单列表 -->
<div v-if="getDataByType(it.type).length" class="main_content_orderList">
<div class="orderList" v-for="(item, index) in getDataByType(it.type)" :key="index">
<div class="orderList_status">{{ payStatus[item.status] }}</div>
<div class="orderList_con">
<div class="orderList_con_left">
<div class="orderList_con_left_tit">{{ item.activity.name }}</div>
<div class="orderList_con_left_num">人数：{{ item.count }}</div>
</div>
<div class="orderList_con_price" v-html="getTotalPrice(item)"></div>
</div>
<div class="orderList_pay">
<div class="orderList_pay_tit">需付款：</div>
<div class="orderList_pay_price" v-html="getTotalPrice(item)"></div>
</div>
<div class="orderList_btn">
<van-button
round
size="small"
style="margin-left: 0.42rem"
v-if="item.status === 0 || item.status === 1"
@click="handlePay(item)"
class="pay_btn"
>查看</van-button
>
</div>
</div>
</div>
<van-empty v-else description="暂无订单" class="main_content_empty" />
</van-tab>
</van-tabs>
</div>
</div>
</template>
<script>
import { getOrderList } from '../api'
import Commonheader from '../components/Commonheader.vue'
export default {
components: { Commonheader },
data() {
return {
title: '我的订单',
active: 0,
payStatus: {
0: '未完成',
1: '部分缴费',
2: '已完成'
},
orderTab: [
{ title: '全部', type: 'all' },
{ title: '未完成', type: 'hasNopay' },
// { title: '部分缴费', type: 'partPay' },
{ title: '已完成', type: 'isFinished' }
],
orderList: []
}
},
mounted() {
this.getOrderList()
if (this.isPc()) {
document.getElementsByClassName('van-sticky')[0].style.width = '400px'
}
},
methods: {
isPc() {
const userAgentInfo = navigator.userAgent
const Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']
let flagPc = true
for (let v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flagPc = false
break
}
}
return flagPc
},
handleBack() {
this.$router.push('/')
},
getTotalPrice(item) {
const splitPrice = item.amount.toFixed(2).split('.')
// //2.重新赋值
return `￥ <span style="font-size:0.34rem;"> ${splitPrice[0]}</span>.<span style="font-size:0.2rem;">${splitPrice[1]}</span>`
},
getOrderList() {
getOrderList().then(res => {
this.orderList = res.data.map(item => {
const listItem = item.list[0]
if (listItem) {
const findItem = item.activity.details.find(i => i.id === listItem.pay_record.activity_detail_id)
item.activity.name = `${item.activity.name}-${findItem.title}`
}
return item
})
})
},
getDataByType(type) {
if (type === 'all') {
return this.orderList
} else if (type === 'hasNopay') {
return this.orderList.filter(item => item.status === 0)
} else if (type === 'partPay') {
return this.orderList.filter(item => item.status === 1)
} else if (type === 'isFinished') {
return this.orderList.filter(item => item.status === 2)
}
},
handlePay(item) {
const payRecord = item.list[0].pay_record
const stepDetails = item.activity.details.find(d => d.id === payRecord.activity_detail_id)
stepDetails.list = item.list
.map((list, index) => {
list.mobile === JSON.parse(window.localStorage.userInfo).mobile ? (list.index = 0) : (list.index = index + 1)
return list
})
.sort((a, b) => a.index - b.index)
stepDetails.pay_price = item.activity.details.find(
id => id.id === item.list[0].pay_record.activity_detail_id
).pay_price
delete item.activity.details
stepDetails.activityInfo = item.activity
stepDetails.join_rand = item.join_rand
window.localStorage.orderStepDetails = JSON.stringify([stepDetails])
this.$router.push({
path: '/SignMainPage'
})
}
}
}
</script>
<style lang="scss" scoped>
.main {
background-color: #f7f7f7;
.main_content {
height: 100%;
margin-top: 0.9rem;
.main_content_ticket {
padding-right: 0.3rem;
// float: right;
display: flex;
margin-bottom: 0.3rem;
margin-top: 0.8rem;
}
.main_content_orderList {
.orderList {
margin: 0.3rem auto;
padding: 0.3rem 0.2rem 0.3rem 0.34rem;
width: 6.9rem;
height: 3.62rem;
background: #fff;
opacity: 1;
border-radius: 0.18rem;
display: flex;
align-items: flex-end;
flex-direction: column;
box-sizing: border-box;
.orderList_status {
font-size: 0.26rem;
font-weight: 400;
line-height: 0.28rem;
color: #c01540;
}
.orderList_con {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 0.31rem;
.orderList_con_left {
font-size: 0.28rem;
font-weight: 500;
color: #333333;
.orderList_con_left_tit {
width: 2.52rem;
font-size: 0.28rem;
font-weight: 500;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.orderList_con_left_num {
font-size: 0.24rem;
font-weight: 400;
color: #9b9b9b;
opacity: 1;
}
}
.orderList_con_price {
font-size: 0.2rem;
font-weight: 400;
color: #333333;
}
}
.orderList_pay {
display: flex;
align-items: center;
margin-top: 0.42rem;
.orderList_pay_tit {
font-size: 0.28rem;
font-weight: 500;
color: #333333;
}
.orderList_pay_price {
font-size: 0.2rem;
font-weight: bold;
color: #333333;
}
}
.orderList_btn {
display: flex;
margin-top: 0.34rem;
cursor: pointer;
}
}
}
.main_content_empty {
margin: 2rem 1rem;
}
}
}
::v-deep .van-sticky {
width: 100%;
position: fixed;
z-index: 1000;
left: 50% !important;
transform: translateX(-50%) !important;
top: 0.8rem;
}
::v-deep .pay_btn {
border-radius: 0.31rem;
border: 1px solid #c01540;
cursor: pointer;
color: #c01540;
font-size: 0.28rem;
}
</style>
src/modules/home/views/PayDetail.vue deleted 100644 → 0
浏览文件 @ 55eaa6d4
<template>
<div class="main">
<commonheader :title="title" />
<div class="main_content">
<div class="main_content_desc">{{ getPayText }}</div>
<div class="main_content_qdCode" v-if="isCodeShow">
<qrcode-vue :value="payDetail.url" size="180" ref="qrcode" />
</div>
<div class="main_btn">
<van-button class="main_btn_home" round @click="$router.push('/')" v-if="isLastStep && status == 1"
>首页</van-button
>
<van-button round class="main_btn_home" @click="$router.go(0)" v-if="!isLastStep && status == 1"
>继续报名</van-button
>
<!-- <van-button round class="main_btn_order" @click="repayments" v-if="$route.query.qr && status != 1">重新支付</van-button> -->
<van-button round class="main_btn_order" @click="$router.push('/MyOrder')">我的订单</van-button>
</div>
<div id="value">{{ payDetail.url }}</div>
</div>
</div>
</template>
<script>
import QrcodeVue from 'qrcode.vue'
import { getPayStatus } from '../api'
import commonheader from '../components/Commonheader.vue'
export default {
props: {
data: {
type: Object
},
stepList: {
type: Array
}
},
components: {
QrcodeVue,
commonheader
},
data() {
return {
isLastStep: false, // 判断是不是最后一个步骤 显示不同的按钮
title: '订单支付',
qrcodeUrl: '',
clipboard: null,
status: '', // 支付状态
time: null,
detailList: {},
activity_detail_id: '',
lastStepId: '',
initData: {}
}
},
computed: {
isCodeShow() {
let flag = true
if (parseInt(this.data.payMode) === 1 && /MicroMessenger/.test(window.navigator.userAgent)) {
flag = false
}
if (parseInt(this.data.payMode) === 2 && /AlipayClient/.test(window.navigator.userAgent)) {
flag = false
}
return flag
},
getPayText() {
let text = ''
if (parseInt(this.data.payMode) === 1) {
/MicroMessenger/.test(window.navigator.userAgent) ? text = '微信支付' : text = '微信扫码支付'
}
if (parseInt(this.data.payMode) === 2) {
/AlipayClient/.test(window.navigator.userAgent) ? text = '支付宝支付' : text = '打开支付宝扫码二维码支付，或长按保存二维码打开支付宝支付。'
}
return text
},
isAlipay() {
return /AlipayClient/.test(window.navigator.userAgent)
},
payDetail() {
return this.data.qrData
},
pay_record_ids() {
return this.data.activity_detail_id
}
},
methods: {
repayments() {
window.location.href = window.localStorage.payUrl
},
// 获取二维码
getQrcodeUrl() {
this.qrcodeUrl = this.$refs.qrcode.$el
.querySelector('canvas')
.toDataURL('image/png')
.replace('image/png', 'image/octet-stream')
},
// 获取支付状态
getPayStatus() {
this.getActivityDetail()
const params = {
order_id: this.data.order_id
}
getPayStatus(params).then(res => {
if (res.code === 0) {
this.status = res.data.status
if (res.data.status === 1) {
clearInterval(this.time)
if (this.data.jump_url) {
window.location.href = this.data.jump_url
return false
} else {
this.getActivityDetail()
}
}
}
})
},
// 获取活动详情
getActivityDetail() {
if (this.stepList.length === this.data.num) {
this.isLastStep = true
}
},
continueSign() {
this.$router.push({
path: 'SignMainPage',
query: {
activityId: this.$route.query.activityId
}
})
}
},
destroyed() {
clearInterval(this.time)
},
mounted() {
clearInterval(this.time)
this.time = setInterval(() => {
this.getPayStatus()
}, 5000)
if (this.isCodeShow) {
this.getQrcodeUrl()
}
}
}
</script>
<style lang="scss" scoped>
.main {
background: #f7f7f7;
.main_content {
background: #fff;
display: flex;
align-items: center;
flex-direction: column;
margin: 1.2rem 0.3rem 0.64rem 0.3rem;
border-radius: 0.2rem;
.main_content_desc {
font-size: 0.3rem;
font-weight: 400;
color: #333333;
margin-top: 0.57rem;
margin: 0.57rem 0.3rem 0 0.3rem;
}
.main_content_qdCode {
width: 2.88rem;
height: 2.84rem;
padding: 0.78rem 1.64rem 0 1.34rem;
}
// .main_content_link {
// font-size: 0.3rem;
// font-weight: 400;
// color: #333333;
// margin-top: 1.99rem;
// .link {
// color: #b80140;
// .link_img {
// width: 0.3017rem;
// height: 0.3rem;
// }
// }
// }
.main_btn {
margin-top: 1.12rem;
margin-bottom: 0.64rem;
display: flex;
justify-content: center;
.main_btn_home {
cursor: pointer;
background: #b80140;
color: #fff;
font-size: 0.3rem;
font-weight: 400;
}
.main_btn_order {
cursor: pointer;
margin-left: 0.2rem;
background: #f5f5f5;
font-size: 0.3rem;
font-weight: 400;
color: #333333;
}
}
#value {
font-size: 0.3rem;
opacity: 0;
}
}
}
</style>
src/modules/home/views/PersonalCenter.vue deleted 100644 → 0
浏览文件 @ 55eaa6d4
<template>
<div class="main">
<!-- 头部标题 -->
<commonheader :title="title" />
<!-- 我的订单 -->
<div class="main_content">
<div class="main_content_order" @click="handleOrder">
<div class="main_content_order_text">我的订单</div>
<van-icon name="arrow" size="14" />
</div>
<div class="main_content_footer" @click="handleLogout">退出登录</div>
</div>
</div>
</template>
<script>
import Commonheader from '../components/Commonheader.vue'
export default {
components: { Commonheader },
data() {
return {
title: '个人中心'
}
},
methods: {
handleOrder() {
this.$router.push({
path: '/myOrder'
})
},
handleLogout() {
window.location.href = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(window.location.origin)}`
}
}
}
</script>
<style lang="scss" scoped>
.main {
.main_content {
margin-top: 0.46rem;
padding: 0.51rem 0.3rem 0 0.3rem;
background-color: #f7f7f7;
.main_content_order {
cursor: pointer;
width: 6.9rem;
height: 0.7rem;
background: #fff;
opacity: 1;
border-radius: 0.2rem;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0.25rem 0 0.3rem;
box-sizing: border-box;
margin: 0.21rem auto;
.main_content_order_text {
font-size: 0.28rem;
font-weight: 400;
color: #333333;
opacity: 1;
}
}
.main_content_footer {
width: 6.9rem;
height: 0.88rem;
background: #fff;
border-radius: 0.2rem;
font-size: 0.3rem;
font-weight: 500;
color: #333333;
line-height: 0.88rem;
text-align: center;
position: fixed;
left: 50%;
transform: translateX(-50%);
bottom: 4.37rem;
cursor: pointer;
}
}
}
</style>
src/modules/home/views/SignMainPage.vue deleted 100644 → 0
浏览文件 @ 55eaa6d4
<template>
<div class="main">
<!-- <commonheader @back="handlePrev" :callBack="true" /> -->
<!-- 展示 -->
<template v-if="Object.keys(stepList).length">
<img-show
:stepList="stepList"
:data="setpItem"
:pagesTitle="pagesTitle"
@prev="handlePrev"
@next="handleNext"
v-if="setpItem.type === 1"
/>
<!-- 表单 -->
<sign-form
:data="setpItem"
:stepList="stepList"
:pagesTitle="pagesTitle"
@prev="handlePrev"
@next="handleNext"
v-if="setpItem.type === 2 && stepList.length"
/>
<!-- 支付页面 -->
<order-confirm
@prev="handlePrev"
@next="handleNext"
:stepList="stepList"
:data="setpItem"
v-if="setpItem.type === 3 && stepList.length"
></order-confirm>
</template>
</div>
</template>
<script>
import { Dialog } from 'vant'
import allFormList from '@/utils/formList'
import SignForm from '../components/SignForm.vue'
import ImgShow from '../components/ImgShow.vue'
import OrderConfirm from './OrderConfirm.vue'
import { getActivityDetail } from '../api'
export default {
components: { SignForm, ImgShow, OrderConfirm },
data() {
return {
userMobile: '',
title: '报名主页面',
stepIndex: 0,
isShowSkip: '',
stepList: [],
detailList: {
info: {}
},
pagesTitle: ''
}
},
computed: {
setpItem() {
return this.stepList[this.stepIndex]
}
},
mounted() {
if (this.$route.query.qr === undefined) {
if (this.$route.query.id) {
this.getActivityDetail()
} else {
console.log(JSON.parse(window.localStorage.orderStepDetails), '12322')
this.setData(JSON.parse(window.localStorage.orderStepDetails))
}
} else {
const data = JSON.parse(window.localStorage.stepData)
this.stepList = data.stepList
this.stepIndex = data.index
}
},
methods: {
// 获取活动详情
getActivityDetail() {
getActivityDetail({ id: this.$route.query.id }).then(res => {
const data = res.data
// 页面标题
this.pagesTitle = res.data.activity.title || ''
// 复制链接进入活动时，判断活动报名时间弹窗
const time = new Date().getTime()
const startTime = new Date(data.activity.start_time.replace(/-/g, '/')).getTime()
const endTime = new Date(data.activity.end_time.replace(/-/g, '/')).getTime()
if (startTime > time || endTime < time) {
Dialog.alert({
title: '提示',
message: `该活动将于${data.activity.start_time}开始报名`
}).then(() => {
this.$router.push('/')
})
} else if (endTime < time) {
Dialog.alert({
title: '提示',
message: `该活动将于${data.activity.end_time}结束报名`
}).then(() => {
this.$router.push('/')
})
}
let sliceData = []
if (data.other_fill_in?.need_fill_in_status) {
initInfo('other_fill_in')
} else if (data.self_fill_in?.need_fill_in_status) {
initInfo('self_fill_in')
} else {
initInfo()
}
// 初始化拿到数据做的第一步处理：取到需要展示出来的所有页面
function initInfo(fields) {
const activityData = JSON.parse(JSON.stringify(Object.assign({}, data.activity)))
if (fields) {
// *** 继续报名数 || 第一次进报名，据初始化
const index = activityData.details.findIndex(item => item.id === data[fields].need_fill_in_id)
sliceData = activityData.details.slice(index, activityData.details.length)
// list 人员信息
sliceData.map(item => {
const addData = JSON.parse(JSON.stringify(Object.assign({}, data.activity)))
item.activityInfo = addData
// 判断有没有返回人员 没返回吧自己的信息push进去
if (data[fields].list.length) {
// list有可能不会返回自己的信息，不返回push进去
// const findOwn = data[fields].list.find(info => info.mobile === data.info.mobile)
// if (!findOwn) {
// data[fields].list.push(data.info)
// }
item.list = data[fields].list
// 处理list数据
item.list.map((ci, index) => {
const fItem = ci.pay_records.find(cif => cif.activity_detail_id === item.id)
if (fItem) {
item.join_rand = fItem.join_rand
}
// 添加index用于用户排序
ci.mobile === data.info.mobile ? (ci.index = 0) : (ci.index = index + 1)
return item
})
return item
} else {
item.list = []
item.list.push(data.info)
}
return item
})
} else {
// 重新报名初始化数据
sliceData = activityData.details
sliceData.map(item => {
item.list = []
item.activityInfo = Object.assign({}, data.activity)
data.info !== null && item.list.push(data.info)
return item
})
}
}
// 第二步数据处理：字段细节处理
this.setData(sliceData)
})
},
setData(data) {
this.userMobile = window.localStorage.userInfo ? JSON.parse(window.localStorage.userInfo).mobile : ''
// 处理数据
this.stepList = data.reduce((a, b) => {
// type: 1 是展示不用处理
if (parseInt(b.type) === 1) {
a.push(b)
} else {
// 表单类型的数据处理
// 处理需要填写的字段表单
const userFields = JSON.parse(b.user_fields)
const userFieldsStore = []
// 人员信息转换成表单需要的数据（因为第1个永远是自己所以加了排序）
b.list
.sort((a, b) => {
return a.index - b.index
})
.forEach(d => {
const fields = []
userFields.forEach(dd => {
const fData = Object.assign(
{},
allFormList.find(f => f.key === dd.key)
)
fData.value = d[dd.key]
// 判断当前form信息是不是登录人的 是的话给个标记（作为后面表单填写不可编辑的标识）
if (fData.key === 'mobile') {
if (fData.value === this.userMobile) {
fData.enable_edit = false
}
}
fields.push(fData)
})
// console.log(fields.find(f => !f.enable_edit), 'fields')
userFieldsStore.push(fields)
})
b.user_fields = userFieldsStore
a.push(b)
// 处理“开启支付功能” 自定义type3支付页
if (b.can_pay === 1) {
const payPage = {
type: 3,
user_fields: b.user_fields,
activity_detail_id: b.id,
id: b.activity_id,
num: b.num,
offline_info: b.offline_info,
pay_type: b.pay_type.split(','),
can_company: b.can_company,
offline_more_info: b.offline_more_info
}
// 开启支付成功跳转的功能
if (b.can_jump) {
payPage.jump_url = b.jump_url
}
a.push(payPage)
}
}
return a
}, [])
this.stepList.map((item, index) => {
item.num = index + 1
if (!this.$route.query.id) {
if (item.type === 3) {
item.payData = {
list: this.stepList[index - 1].list,
join_rand: data[0].join_rand,
pay_price: data[0].pay_price
}
}
}
return item
})
!this.$route.query.id && this.stepIndex++
if (this.$route.query.stepIndex !== undefined) {
this.stepIndex = this.$route.query.stepIndex
}
},
handlePrev() {
if (this.stepIndex <= 0) {
this.$router.push('/')
} else {
this.stepIndex--
}
},
handleNext(data) {
if (this.setpItem.num !== this.stepList[this.stepList.length - 1].num) {
this.stepIndex++
if (data) {
this.setpItem.payData = data
}
const stringData = {
index: this.stepIndex,
stepList: this.stepList
}
window.localStorage.stepData = JSON.stringify(stringData)
}
},
setQuery() {
const query = {
id: this.$route.query.id,
index: this.stepIndex
}
if (this.$route.query.index) {
if (this.stepIndex !== parseInt(this.$route.query.index)) {
this.$router.push({
path: window.location.pathname,
query: query
})
}
} else {
this.$router.push({
path: window.location.pathname,
query: query
})
}
}
}
}
</script>
src/utils/axios.js
浏览文件 @ b31d680a
import axios from 'axios'
// import queryString from 'query-string'
import { Message } from 'element-ui'
import { Toast } from 'vant'
import router from '../router'
// import store from '../store'
import qs from 'qs'
......@@ -42,6 +43,8 @@ httpRequest.interceptors.response.use(
}
// 未登录
if (data.code === 1) {
Toast(data.message)
// window.location.href = `${import.meta.env.VITE_LOGIN_URL}`
return data
}
......
src/utils/formList.js
浏览文件 @ b31d680a
......@@ -3,296 +3,93 @@ const allFormList = [
type: 'input',
name: '姓名',
placeholder: '请输入姓名',
required: true,
key: 'name',
value: '',
enable_edit: true,
inputType: '',
trigger: 'onBlur',
msg: '',
pattern: ''
value: ''
},
{
type: 'input',
name: '电话',
placeholder: '请输入电话',
required: true,
key: 'mobile',
value: '',
enable_edit: true,
inputType: 'tel',
trigger: 'onBlur',
msg: '请输入正确的手机号',
pattern: /^1(3|4|7|5|8)([0-9]{9})/
value: ''
},
{
type: 'radio',
name: '性别',
key: 'gender',
required: true,
value: '0',
enable_edit: true,
optionList: [
{ id: '0', option: '未知' },
{ id: '1', option: '男' },
{ id: '2', option: '女' }
],
trigger: 'onChange',
msg: '',
pattern: ''
type: 'input',
name: '身份证号码',
placeholder: '请输入身份证号码',
key: 'id_number',
value: ''
},
{
type: 'input',
name: '邮箱',
placeholder: '请输入邮箱',
required: true,
key: 'email',
value: '',
enable_edit: true,
inputType: '',
trigger: 'onBlur',
msg: '请输入正确的邮箱',
pattern: /[\d\w]+\b@[a-zA-ZA-z0-9]+\.[a-z]+/g
value: ''
},
{
type: 'input',
name: '公司',
name: '地址',
placeholder: '请输入地址',
key: 'address',
value: ''
},
{
type: 'input',
name: '单位',
placeholder: '请输入公司',
required: true,
key: 'company',
value: '',
enable_edit: true,
inputType: '',
trigger: 'onBlur',
msg: '',
pattern: ''
value: ''
},
{
type: 'input',
name: '职位',
placeholder: '请输入职位',
required: true,
key: 'position',
value: '',
enable_edit: true,
inputType: '',
trigger: 'onBlur',
msg: '',
pattern: ''
},
{
type: 'input',
name: '身份证号码',
placeholder: '请输入身份证号码',
required: true,
key: 'id_number',
value: '',
enable_edit: true,
inputType: '',
trigger: 'onBlur',
msg: '请输入正确的身份证号码',
pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
value: ''
},
{
type: 'input',
name: '编号',
placeholder: '请输入编号',
required: true,
key: 'number',
value: '',
enable_edit: true,
inputType: 'number',
trigger: 'onBlur',
msg: '',
pattern: ''
value: ''
},
{
type: 'input',
name: '国籍',
placeholder: '请输入国籍',
required: true,
key: 'country',
value: '',
enable_edit: true,
inputType: '',
trigger: 'onBlur',
msg: '',
pattern: ''
value: ''
},
{
type: 'input',
name: '省份',
placeholder: '请输入省份',
required: true,
key: 'provinces',
value: '',
enable_edit: true,
inputType: '',
trigger: 'onBlur',
msg: '',
pattern: ''
value: ''
},
{
type: 'input',
name: '城市',
placeholder: '请输入城市',
required: true,
key: 'city',
value: '',
enable_edit: true,
inputType: '',
trigger: 'onBlur',
msg: '',
pattern: ''
},
{
type: 'input',
name: '地址',
placeholder: '请输入地址',
required: true,
key: 'address',
value: '',
enable_edit: true,
inputType: '',
trigger: 'onBlur',
msg: '',
pattern: ''
},
{
type: 'input',
name: '固话',
placeholder: '请输入固话',
required: true,
key: 'fixed_telephone',
value: '',
enable_edit: true,
inputType: 'tel',
trigger: 'onBlur',
msg: '请输入正确的固话',
pattern: ''
value: ''
},
{
type: 'input',
name: '行业',
placeholder: '请输入行业',
required: true,
key: 'industry',
value: '',
enable_edit: true,
inputType: '',
trigger: 'onBlur',
msg: '',
pattern: ''
},
{
type: 'input',
name: 'QQ',
placeholder: '请输入QQ',
required: true,
key: 'qq',
value: '',
enable_edit: true,
inputType: 'number',
trigger: 'onBlur',
msg: ''
value: ''
},
{
type: 'input',
name: '微信',
placeholder: '请输入微信',
required: true,
key: 'wechat',
value: '',
enable_edit: true,
inputType: '',
trigger: 'onBlur',
msg: '',
pattern: ''
},
{
type: 'input',
name: '钉钉',
placeholder: '请输入钉钉',
required: true,
key: 'ding',
value: '',
enable_edit: true,
inputType: '',
trigger: 'onBlur',
msg: '',
pattern: ''
},
{
type: 'input',
name: '微博',
placeholder: '请输入微博',
required: true,
key: 'weibo',
value: '',
enable_edit: true,
inputType: '',
msg: '',
trigger: 'onBlur',
pattern: ''
},
{
type: 'select',
name: '早餐',
key: 'breakfast',
placeholder: '请选择早餐',
value: '',
required: true,
optionList: ['有', '无'],
showPicker: false,
enable_edit: true,
trigger: 'onBlur',
msg: '',
pattern: ''
},
{
type: 'select',
name: '房型',
key: 'room_type',
placeholder: '请选择房型',
required: true,
value: '',
enable_edit: true,
inputType: '',
trigger: 'onChange',
optionList: ['单住', '合住', '不住'],
showPicker: false,
msg: '',
pattern: ''
},
{
type: 'datetime',
name: '入住时间',
key: 'check_in_time',
placeholder: '请选择入住时间',
required: true,
value: '',
enable_edit: true,
inputType: '',
trigger: 'onChange',
optionList: [],
showPicker: false,
msg: '',
pattern: ''
},
{
type: 'datetime',
name: '离店时间',
key: 'check_out_time',
placeholder: '请选择离店时间',
required: true,
value: '',
enable_edit: true,
inputType: '',
optionList: [],
showPicker: false,
trigger: 'onChange',
msg: '',
pattern: ''
value: ''
}
]
export default allFormList
vite.config.js
浏览文件 @ b31d680a
......@@ -14,11 +14,11 @@ export default defineConfig({
cert: fs.readFileSync(path.join(__dirname, './https/dev.ezijing.com.pem'))
},
proxy: {
'/api/register': {
'/api/cert': {
// target: 'http://localhost-activity-frontend.ezijing.com',
target: 'https://activity-frontend-api.ezijing.com',
target: 'https://cert-frontend-api.ezijing.com',
changeOrigin: true,
rewrite: path => path.replace(/^\/api\/register/, '')
rewrite: path => path.replace(/^\/api\/cert/, '')
},
'/api': 'https://app.ezijing.com'
}
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论