提交 5333ddc8 authored 作者: lihuihui's avatar lihuihui

修改bug

上级 3d45afd4
<template>
<div>
<el-breadcrumb separator="/">
<template v-for="(item, index) in data">
<el-breadcrumb-item v-if="item.path" :key="index" :to="{ path: item.path }">{{ item.name }}</el-breadcrumb-item>
<el-breadcrumb-item v-else :key="index">{{ item.name }}</el-breadcrumb-item>
</template>
<!-- <el-breadcrumb-item><a href="/">活动管理</a></el-breadcrumb-item>
<el-breadcrumb-item>活动列表</el-breadcrumb-item>
<el-breadcrumb-item>活动详情</el-breadcrumb-item> -->
</el-breadcrumb>
</div>
</template>
<script>
export default {
props: {
data: {
type: Array
}
}
}
</script>
<style lang="scss" scoped>
::v-deep{
.el-breadcrumb{
.el-breadcrumb__item{
span{
color: #666;
font-weight: normal;
}
&:last-child{
span{
color: #AF1B40;
}
}
}
}
}
</style>
......@@ -16,11 +16,11 @@
<el-form-item label="身份证号" prop="codeId">
<el-input v-model="ruleForm.codeId" placeholder="请输入您的身份证号"></el-input>
</el-form-item>
<el-form-item label="密码" prop="pws">
<el-input v-model="ruleForm.pws" placeholder="请输入您的密码"></el-input>
<el-form-item label="密码" prop="pass">
<el-input type="password" v-model="ruleForm.pass" placeholder="请输入您的密码"></el-input>
</el-form-item>
<el-form-item label="确认密码" prop="qpws">
<el-input v-model="ruleForm.qpws" placeholder="请输入您的密码"></el-input>
<el-form-item label="确认密码" prop="checkPass">
<el-input type="password" v-model="ruleForm.checkPass" placeholder="请输入您的密码"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')" class="sub-btn">立即创建</el-button>
......@@ -32,6 +32,37 @@
<script>
export default {
data() {
const checkPhone = (rule, value, callback) => {
const reg = /^(13[0-9]|14[01456879]|15[0-3,5-9]|16[2567]|17[0-8]|18[0-9]|19[0-3,5-9])\d{8}$/;
if(!reg.test(value)){
return callback(new Error())
}
}
const checkCodeId = (rule, value, callback) => {
const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
if(!reg.test(value)){
return callback(new Error())
}
}
const validatePass = (rule, value, callback) => {
if (value === '') {
callback(new Error('请输入密码!'))
} else {
if (this.ruleForm.checkPass !== '') {
this.$refs.ruleForm.validateField('checkPass')
}
callback()
}
}
const validatePass2 = (rule, value, callback) => {
if (value === '') {
callback(new Error('请再次输入密码'))
} else if (value !== this.ruleForm.pass) {
callback(new Error('两次输入密码不一致!'))
} else {
callback()
}
}
return {
ruleForm: {
name: '',
......@@ -40,33 +71,39 @@
codeId: '',
delivery: false,
type: [],
pws: '',
qpws: ''
checkPass: '',
pass: ''
},
rules: {
name: [
{ required: true, message: '请输入姓名', trigger: 'blur' }
// { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
],
region: [
{ required: true, message: '请选择学校', trigger: 'change' }
],
phone: [
{ required: true, message: '请输入手机号', trigger: 'blur' }
{ required: true, message: '请输入手机号', trigger: 'blur' },
{ required: true, message: '手机号不正确', validator: checkPhone, trigger: 'blur' }
],
codeId: [
{ required: true, message: '请输入身份证号', trigger: 'blur' }
{ required: true, message: '请输入身份证号', trigger: 'blur' },
{ required: true, message: '身份证号不正确', validator: checkCodeId, trigger: 'blur' }
],
pws: [
{ required: true, message: '请输入密码', trigger: 'blur' }
pass: [
{ required: true, message: '请输入密码', trigger: 'blur' },
{ validator: validatePass, trigger: 'blur' }
],
qpws: [
{ required: true, message: '请输入密码', trigger: 'blur' }
checkPass: [
{ required: true, message: '请输入密码', trigger: 'blur' },
{ validator: validatePass2, trigger: 'blur' }
]
}
};
},
methods: {
isRules(n) {
console.log(n)
},
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
......
......@@ -24,7 +24,7 @@
<ul>
<template v-for="(item, index) in list">
<template v-if="index <= 3">
<router-link :to="`/news/detail?id=${item.id}`" :key="index">
<router-link :to="`/news/detail?id=${item.id}&type=home`" :key="index">
<li>
<span>
{{ item.title }}
......
<template>
<div class="news-detail-box">
<breadcrumb class="content-max-width crumb" :data="crumbData"/>
<div class="title">{{ data.title }}</div>
<div class="content content-max-width" v-html="data.content"></div>
</div>
</template>
<script>
import action from '@action'
import breadcrumb from '@/components/breadcrumb'
export default {
components: {
breadcrumb
},
data() {
return {
data: {}
}
data: {},
crumbData: [
{
path: '/',
name: '首页'
},
{
path: '/news',
name: '新闻列表'
},
{
name: '新闻详情'
}
]
}
},
mounted() {
this.getData()
if (this.$route.query.type) {
this.crumbData = [
{
path: '/',
name: '首页'
},
{
name: '新闻详情'
}
]
}
},
methods: {
getData() {
......@@ -27,6 +54,9 @@ export default {
}
</script>
<style lang="scss" scoped>
.crumb{
padding-top: 24px;
}
.content-max-width{
width: 870px;
margin: 0 auto;
......
<template>
<div class="news-box">
<breadcrumb class="content-max-width crumb" :data="crumbData"/>
<btn-tabs class="tabs-box" :data="tabsData"></btn-tabs>
<ul class="content-max-width">
<template v-for="(item, index) in list">
......@@ -20,11 +21,13 @@
<script>
import item from './components/listItem'
import btnTabs from '@/components/tabs/btnTabs'
import breadcrumb from '@/components/breadcrumb'
import action from '@action'
export default {
components: {
item,
btnTabs
btnTabs,
breadcrumb
},
data() {
return {
......@@ -33,7 +36,16 @@ export default {
options: ['新闻动态', '活动公告']
},
list: [],
pages: {}
pages: {},
crumbData: [
{
path: '/',
name: '首页'
},
{
name: '工作动态'
}
]
}
},
created() {
......@@ -70,6 +82,9 @@ export default {
}
</script>
<style lang="scss" scoped>
.crumb{
padding-top: 24px;
}
.content-max-width{
width: 1112px;
margin: 0 auto;
......
<template>
<div>
<breadcrumb class="content-max-width crumb" :data="crumbData"/>
<div class="site-box" v-if="list.length">
<div class="title">{{ list[0].title }}</div>
<div class="content" v-html="list[0].content">
......@@ -12,11 +13,24 @@
</template>
<script>
import action from '@action'
import breadcrumb from '@/components/breadcrumb'
export default {
components: {
breadcrumb
},
data() {
return {//this.$store.state.classify
articleClassify: this.$store.state.classify,
list: []
list: [],
crumbData: [
{
path: '/',
name: '首页'
},
{
name: '证书成绩查询'
}
]
}
},
mounted() {
......@@ -52,6 +66,13 @@ export default {
}
</script>
<style lang="scss" scoped>
.crumb{
padding-top: 24px;
}
.content-max-width{
width: 1112px;
margin: 0 auto;
}
.site-box{
width: 650px;
margin: 0 auto;
......
<template>
<div class="site-box" v-if="list.length">
<div class="title">{{ list[0].title }}</div>
<div class="content" v-html="list[0].content">
有关单位意向申报成为1+X职业技能等级证书考核站点,请按要求登录政府网站申请试点院校业务平台(网址: https://vslc.ncb.edu.cn )输入试点院校管理员的账号密码,在考试管理菜单中,打开申报考点栏目,即可自主申报考核站点
<div>
<breadcrumb class="content-max-width crumb" :data="crumbData"/>
<div class="site-box" v-if="list.length">
<div class="title">{{ list[0].title }}</div>
<div class="content" v-html="list[0].content">
有关单位意向申报成为1+X职业技能等级证书考核站点,请按要求登录政府网站申请试点院校业务平台(网址: https://vslc.ncb.edu.cn )输入试点院校管理员的账号密码,在考试管理菜单中,打开申报考点栏目,即可自主申报考核站点
</div>
<div class="btn" @click="goDetail">去申请</div>
</div>
<div class="btn" @click="goDetail">去申请</div>
</div>
</template>
<script>
import action from '@action'
import breadcrumb from '@/components/breadcrumb'
export default {
components: {
breadcrumb
},
data() {
return {//this.$store.state.classify
articleClassify: this.$store.state.classify,
list: []
list: [],
crumbData: [
{
path: '/',
name: '首页'
},
{
name: '考核站点'
}
]
}
},
mounted() {
......@@ -51,6 +67,13 @@ export default {
}
</script>
<style lang="scss" scoped>
.crumb{
padding-top: 24px;
}
.content-max-width{
width: 1112px;
margin: 0 auto;
}
.site-box{
width: 650px;
margin: 0 auto;
......
<template>
<div class="chapter-box">
<breadcrumb class="content-max-width crumb" :data="crumbData"/>
<div class="intr">
<div class="title">
<div class="content-max-width">资源介绍</div>
......@@ -36,10 +37,38 @@
</div>
</template>
<script>
import breadcrumb from '@/components/breadcrumb'
export default {
components: {
breadcrumb
},
data() {
return {
crumbData: [
{
path: '/',
name: '首页'
},
{
path: '/textBook',
name: '教材中心'
},
{
path: '/textBook/detail',
name: '金融数字化营销'
},
{
name: '目录'
}
]
}
}
}
</script>
<style lang="scss" scoped>
.crumb{
padding-bottom: 24px;
}
.content-max-width{
width: 1109px;
margin: 0 auto;
......
<template>
<div class="book-detail-box content-max-width">
<breadcrumb class="content-max-width crumb" :data="crumbData"/>
<div class="bool-det-top">
<div class="item-box">
<img src="https://zws-imgs-pub.ezijing.com/static/public/7c63bd40600a040f867fe4db9014fb7c.png" alt="">
......@@ -57,9 +58,26 @@
</div>
</template>
<script>
import breadcrumb from '@/components/breadcrumb'
export default {
components: {
breadcrumb
},
data() {
return {
crumbData: [
{
path: '/',
name: '首页'
},
{
path: '/textBook',
name: '教材中心'
},
{
name: '金融数字化营销'
}
]
}
},
methods: {
......@@ -241,4 +259,7 @@ export default {
}
}
}
.crumb{
padding-top: 24px;
}
</style>
<template>
<div class="book-box">
<breadcrumb class="content-max-width crumb" :data="crumbData"/>
<search />
<screen-tabs class="tabs-box" :data="tabsData"></screen-tabs>
<ul class="list-box content-max-width">
......@@ -23,11 +24,13 @@
import search from './components/search'
import item from './components/item'
import screenTabs from '@/components/tabs/screenTabs'
import breadcrumb from '@/components/breadcrumb'
export default {
components: {
search,
item,
screenTabs
screenTabs,
breadcrumb
},
data() {
return {
......@@ -35,7 +38,16 @@ export default {
tabsData: {
name: '出版时间',
options: ['全部', '2020年', '2019年', '2018年']
}
},
crumbData: [
{
path: '/',
name: '首页'
},
{
name: '教材中心'
}
]
}
},
methods: {
......
......@@ -3,7 +3,7 @@
<img :src="data.cover_pc_url" alt="">
<div class="right-content">
<div class="title">{{ data.title }}</div>
<div class="des-box" v-html="data.content">
<div class="des-box" v-html="data.additional">
<p class="ind">作者:基础数据维护及档案管理</p>
<p>出版时间:基础数据维护及档案管理</p>
<p class="ind">ISBN:基础数据维护及档案管理</p>
......
<template>
<div class="train-detail-box content-max-width">
<div class="content-left">
<div class="title">{{ data.title }}</div>
<div class="item-box">
<img :src="data.cover_pc_url" alt="">
<div class="right-content">
<!-- <div class="title">关于1+X金融数字化营销证书考核站点申报的通知</div> -->
<div class="des-box" v-html="data.content">
<p class="ind">作者:基础数据维护及档案管理</p>
<p>出版时间:基础数据维护及档案管理</p>
<p class="ind">ISBN:基础数据维护及档案管理</p>
<p>书籍简介:基础数据维护及档案管理</p>
<div class="content-max-width">
<breadcrumb class="content-max-width crumb" :data="crumbData"/>
<div class="train-detail-box content-max-width">
<div class="content-left">
<div class="title">{{ data.title }}</div>
<div class="item-box">
<img :src="data.cover_pc_url" alt="">
<div class="right-content">
<!-- <div class="title">关于1+X金融数字化营销证书考核站点申报的通知</div> -->
<div class="des-box" v-html="data.content">
<p class="ind">作者:基础数据维护及档案管理</p>
<p>出版时间:基础数据维护及档案管理</p>
<p class="ind">ISBN:基础数据维护及档案管理</p>
<p>书籍简介:基础数据维护及档案管理</p>
</div>
<router-link to="/train/form">
<div class="detail-btn">在线报名</div>
</router-link>
</div>
<router-link to="/train/form">
<div class="detail-btn">在线报名</div>
</router-link>
</div>
</div>
</div>
<div class="content-card" v-if="data.excerpt != null">
<div class="tit">最新会议</div>
<div class="text" v-html="data.excerpt">生实解着利土具度海张际取得时美议九报当社并因或争拉青再大精周不院指权展理会后市中议候只土写海院油称县白力反油子特军再六红省采大队清</div>
<!-- <div class="btn-boxs">
<div class="btns">确定</div>
</div> -->
<div class="content-card" v-if="data.excerpt != null">
<div class="tit">最新会议</div>
<div class="text" v-html="data.excerpt">生实解着利土具度海张际取得时美议九报当社并因或争拉青再大精周不院指权展理会后市中议候只土写海院油称县白力反油子特军再六红省采大队清</div>
<!-- <div class="btn-boxs">
<div class="btns">确定</div>
</div> -->
</div>
</div>
</div>
</template>
<script>
import item from './components/item'
import action from '@action'
import breadcrumb from '@/components/breadcrumb'
export default {
components: {
item
item,
breadcrumb
},
data() {
return {
crumbData: [
{
path: '/',
name: '首页'
},
{
name: '师资培训'
}
],
data: {}
}
},
......@@ -154,4 +168,7 @@ export default {
}
}
}
.crumb{
padding-top: 24px;
}
</style>
<template>
<div class="form-box">
<el-form ref="form" :model="form" label-width="80px" class="forms">
<el-form-item label="姓名" label-width="100px">
<el-input v-model="form.i1"></el-input>
</el-form-item>
<el-form-item label="性别" label-width="100px">
<el-select v-model="form.i2" placeholder="请选择" class="width100">
<el-option label="男" value="shanghai"></el-option>
<el-option label="女" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="手机号" label-width="100px">
<el-input v-model="form.i3"></el-input>
</el-form-item>
<el-form-item label="邮箱" label-width="100px">
<el-input v-model="form.i4"></el-input>
</el-form-item>
<el-form-item label="发票抬头" label-width="100px">
<el-input v-model="form.i5"></el-input>
</el-form-item>
<el-form-item label="纳税人识别号" label-width="100px">
<el-input v-model="form.i6"></el-input>
</el-form-item>
<el-form-item label="职务" label-width="100px">
<el-input v-model="form.i7"></el-input>
</el-form-item>
<el-form-item label="单/合住" label-width="100px">
<el-select v-model="form.i8" placeholder="请选择" class="width100">
<el-option label="单住" value="shanghai"></el-option>
<el-option label="合住" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="付款方式" label-width="100px">
<el-select v-model="form.i9" placeholder="请选择" class="width100">
<el-option label="微信" value="shanghai"></el-option>
<el-option label="支付宝" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="身份证号" label-width="100px">
<el-input v-model="form.i10"></el-input>
</el-form-item>
<el-form-item label="地址" label-width="100px">
<el-input type="textarea" v-model="form.i11"></el-input>
</el-form-item>
<el-form-item label="培训需求" label-width="100px">
<el-input type="textarea" v-model="form.i12"></el-input>
</el-form-item>
<!-- <el-form-item label-width="100px">
<el-upload
class="upload-demo"
drag
action="https://jsonplaceholder.typicode.com/posts/"
multiple>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>
</el-form-item> -->
<el-form-item label-width="100px">
<el-button type="primary" @click="onSubmit">提交</el-button>
<el-button @click="back">返回</el-button>
</el-form-item>
</el-form>
<div>
<!-- <breadcrumb class="content-max-width crumb" :data="crumbData"/> -->
<div class="form-box">
<el-form ref="form" :model="form" label-width="80px" class="forms">
<el-form-item label="姓名" label-width="100px">
<el-input v-model="form.i1"></el-input>
</el-form-item>
<el-form-item label="性别" label-width="100px">
<el-select v-model="form.i2" placeholder="请选择" class="width100">
<el-option label="男" value="shanghai"></el-option>
<el-option label="女" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="手机号" label-width="100px">
<el-input v-model="form.i3"></el-input>
</el-form-item>
<el-form-item label="邮箱" label-width="100px">
<el-input v-model="form.i4"></el-input>
</el-form-item>
<el-form-item label="发票抬头" label-width="100px">
<el-input v-model="form.i5"></el-input>
</el-form-item>
<el-form-item label="纳税人识别号" label-width="100px">
<el-input v-model="form.i6"></el-input>
</el-form-item>
<el-form-item label="职务" label-width="100px">
<el-input v-model="form.i7"></el-input>
</el-form-item>
<el-form-item label="单/合住" label-width="100px">
<el-select v-model="form.i8" placeholder="请选择" class="width100">
<el-option label="单住" value="shanghai"></el-option>
<el-option label="合住" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="付款方式" label-width="100px">
<el-select v-model="form.i9" placeholder="请选择" class="width100">
<el-option label="微信" value="shanghai"></el-option>
<el-option label="支付宝" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="身份证号" label-width="100px">
<el-input v-model="form.i10"></el-input>
</el-form-item>
<el-form-item label="地址" label-width="100px">
<el-input type="textarea" v-model="form.i11"></el-input>
</el-form-item>
<el-form-item label="培训需求" label-width="100px">
<el-input type="textarea" v-model="form.i12"></el-input>
</el-form-item>
<!-- <el-form-item label-width="100px">
<el-upload
class="upload-demo"
drag
action="https://jsonplaceholder.typicode.com/posts/"
multiple>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>
</el-form-item> -->
<el-form-item label-width="100px">
<el-button type="primary" @click="onSubmit">提交</el-button>
<el-button @click="back">返回</el-button>
</el-form-item>
</el-form>
</div>
</div>
</template>
<script>
import breadcrumb from '@/components/breadcrumb'
export default {
components: {
breadcrumb
},
data() {
return {
crumbData: [
{
path: '/',
name: '首页'
},
{
name: '师资培训'
}
],
form: {
i1: '',
i2: '',
......@@ -109,6 +125,10 @@ export default {
}
</script>
<style lang="scss" scoped>
.content-max-width{
width: 1112px;
margin: 24px auto 0 auto;
}
.form-box{
padding: 30px 0;
width: 400px;
......
<template>
<div class="content-max-width">
<breadcrumb class="content-max-width crumb" :data="crumbData"/>
<btn-tabs class="btn-tabs-box" @tabsChange="tabsChange" :data="btnTabsData"></btn-tabs>
<template v-if="!tabsIndex">
<screen-tabs class="screen-tabs-box" :data="screenTabsData"></screen-tabs>
......@@ -39,13 +40,15 @@ import screenTabs from '@/components/tabs/screenTabs'
import noData from '@/components/tabs/noData'
import item from './components/item'
import search from './components/search'
import breadcrumb from '@/components/breadcrumb'
export default {
components: {
btnTabs,
screenTabs,
item,
noData,
search
search,
breadcrumb
},
data() {
return {
......@@ -60,7 +63,16 @@ export default {
name: '筛选:',
options: ['全部', '正在进行', '未开始', '已结束']
},
pages: {}
pages: {},
crumbData: [
{
path: '/',
name: '首页'
},
{
name: '师资培训'
}
]
}
},
mounted() {
......@@ -97,6 +109,9 @@ export default {
}
</script>
<style lang="scss" scoped>
.crumb{
padding-top: 24px;
}
.pagination{
padding: 24px 0;
display: flex;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论