Skip to content

X
x-training
提交 c41133a2 authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

修改田策新需求

上级 fc39a199
隐藏空白字符变更
内嵌 并排
正在显示 包含 862 行增加 和 30 行删除
src/components/caseDialog2.vue 0 → 100644
浏览文件 @ c41133a2
<template>
<div class="dialog-box">
<div class="dialog-cont">
<div class="close el-icon-circle-close" @click="$emit('dialogClose')"></div>
<div class="title">提示</div>
<div class="conts">
<div class="text">
是否确认提交产品分析的所有内容？
</div>
</div>
<div class="btn-box">
<div class="btn" @click="$emit('dialogClose')">取消</div>
<div class="btn" @click="$router.push({ path: '/groupAnalysis' })">确定</div>
</div>
<!-- <img :src="data.url" alt=""> -->
<!-- <slot name="btn"></slot> -->
</div>
</div>
</template>
<script>
export default {
props: {
data: {
type: Object
}
}
}
</script>
<style lang="scss" scoped>
.btn-box{
width: 160px;
display: flex;
margin: 0 auto;
padding: 20px 0;
.btn{
cursor: pointer;
&:nth-child(1){
width: 60px;
height: 32px;
border-radius: 4px;
border: 1px solid #999999;
text-align: center;
line-height: 32px;
font-size: 14px;
color: #999999;
}
&:nth-child(2){
width: 60px;
height: 32px;
background: linear-gradient(312deg, rgba(192, 21, 64, 0.67) 0%, #C01540 100%);
border-radius: 4px;
color: #fff;
text-align: center;
line-height: 32px;
font-size: 14px;
margin-left: auto;
}
}
}
.dialog-box{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,.3);
z-index: 999;
.dialog-cont{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
width: 480px;
// height: 264px;
background: #FFFFFF;
border-radius: 5px;
text-align: center;
.title{
max-width: 250px;
margin: 0 auto;
font-size: 18px;
color: #222222;
line-height: 20px;
padding: 20px 0;
font-weight: bold;
text-align: center;
}
.conts{
width: 440px;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
margin: 0 auto;
padding: 40px 0;
.text{
text-align: left;
width: 300px;
height: 40px;
font-size: 14px;
color: #262626;
line-height: 20px;
margin: 0 auto;
}
}
}
}
.close{
cursor: pointer;
position: absolute;
top: 10px;
right: -50px;
font-size: 30px;
color: #fff;
}
</style>
src/components/caseDialog3.vue 0 → 100644
浏览文件 @ c41133a2
<template>
<div class="dialog-box">
<div class="dialog-cont">
<div class="close el-icon-circle-close" @click="$emit('dialogClose')"></div>
<div class="title">提示</div>
<div class="conts">
<div class="text">
是否确认发布？发布后可以看到您的实操评分。
</div>
</div>
<div class="btn-box">
<div class="btn" @click="$emit('dialogClose')">留在此页</div>
<div class="btn" @click="$router.push({ path: '/score' })">确认进入</div>
</div>
<!-- <img :src="data.url" alt=""> -->
<!-- <slot name="btn"></slot> -->
</div>
</div>
</template>
<script>
export default {
props: {
data: {
type: Object
}
}
}
</script>
<style lang="scss" scoped>
.btn-box{
width: 160px;
display: flex;
margin: 0 auto;
padding: 20px 0;
.btn{
cursor: pointer;
&:nth-child(1){
width: 60px;
height: 32px;
border-radius: 4px;
border: 1px solid #999999;
text-align: center;
line-height: 32px;
font-size: 14px;
color: #999999;
}
&:nth-child(2){
width: 60px;
height: 32px;
background: linear-gradient(312deg, rgba(192, 21, 64, 0.67) 0%, #C01540 100%);
border-radius: 4px;
color: #fff;
text-align: center;
line-height: 32px;
font-size: 14px;
margin-left: auto;
}
}
}
.dialog-box{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,.3);
z-index: 999;
.dialog-cont{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
width: 480px;
// height: 264px;
background: #FFFFFF;
border-radius: 5px;
text-align: center;
.title{
max-width: 250px;
margin: 0 auto;
font-size: 18px;
color: #222222;
line-height: 20px;
padding: 20px 0;
font-weight: bold;
text-align: center;
}
.conts{
width: 440px;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
margin: 0 auto;
padding: 40px 0;
.text{
text-align: left;
width: 300px;
height: 40px;
font-size: 14px;
color: #262626;
line-height: 20px;
margin: 0 auto;
}
}
}
}
.close{
cursor: pointer;
position: absolute;
top: 10px;
right: -50px;
font-size: 30px;
color: #fff;
}
</style>
src/components/layout/header.vue
浏览文件 @ c41133a2
...@@ -40,6 +40,7 @@ export default { ...@@ -40,6 +40,7 @@ export default {
methods: { methods: {
// 退出登录 // 退出登录
logout() { logout() {
// window.location.href = `${webConf.others.loginUrl}?rd=${window.location.href}`
this.$store.dispatch('logout').then(() => { this.$store.dispatch('logout').then(() => {
window.location.href = `${webConf.others.loginUrl}?rd=${window.location.href}` window.location.href = `${webConf.others.loginUrl}?rd=${window.location.href}`
}) })
......
src/components/layout/index.vue
浏览文件 @ c41133a2
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="app-layout"> <div class="app-layout">
<app-header /> <app-header />
<div class="app-layout-bd"> <div class="app-layout-bd">
<app-aside v-bind="$attrs" v-if="showAside" /> <!-- <app-aside v-bind="$attrs" v-if="showAside" /> -->
<app-main /> <app-main />
</div> </div>
</div> </div>
......
src/pages/caseSelection/components/card.vue
浏览文件 @ c41133a2
...@@ -111,7 +111,7 @@ export default { ...@@ -111,7 +111,7 @@ export default {
} }
} }
.card-box{ .card-box{
width: 228px; width: 276px;
border-radius: 6px; border-radius: 6px;
overflow: hidden; overflow: hidden;
background: #FFFFFF; background: #FFFFFF;
...@@ -132,7 +132,7 @@ export default { ...@@ -132,7 +132,7 @@ export default {
} }
.ban-top{ .ban-top{
width: 100%; width: 100%;
height: 80px; height: 86px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/8118c19f3664355507a68eddd8a059c4.png); background: url(https://zws-imgs-pub.ezijing.com/static/public/8118c19f3664355507a68eddd8a059c4.png);
background-size: cover; background-size: cover;
.title{ .title{
......
src/pages/caseSelection/index.vue
浏览文件 @ c41133a2
...@@ -45,15 +45,18 @@ export default { ...@@ -45,15 +45,18 @@ export default {
methods: { methods: {
// 开始实训 // 开始实训
open() { open() {
if (parseInt(this.$store.state.level) !== 1) { this.$router.push({
this.$router.push({ path: '/productAnalysis'
path: '/groupAnalysis' })
}) // if (parseInt(this.$store.state.level) !== 1) {
} else { // this.$router.push({
this.$router.push({ // path: '/groupAnalysis'
path: '/userTrigger' // })
}) // } else {
} // this.$router.push({
// path: '/userTrigger'
// })
// }
}, },
// 选择案例 // 选择案例
select(id) { select(id) {
......
src/pages/groupAnalysis/index.vue
浏览文件 @ c41133a2
<template> <template>
<app-container title="用户群分析" class="card-box"> <app-container title="用户群分析" class="card-box">
<template #header> <template #header>
<div v-if="!isFormShow">用户群分析</div> <div v-if="!isFormShow" class="div-header">
<div class="back" @click="$router.go(-1)"></div>
<span>请选择您想进行分析的用户群</span>
</div>
<div v-else class="back" @click="isFormShow = false"></div> <div v-else class="back" @click="isFormShow = false"></div>
</template> </template>
<template v-if="!isFormShow"> <template v-if="!isFormShow">
<div class="tips">请选择您想进行分析的用户群</div> <div class="tips"></div>
<item :data="list" @currentSelect="currentSelect"/> <item :data="list" @currentSelect="currentSelect"/>
</template> </template>
<template v-else> <template v-else>
...@@ -243,6 +246,12 @@ export default { ...@@ -243,6 +246,12 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.div-header{
display: flex;
span{
margin-left: 40px;
}
}
.dialogs-btn{ .dialogs-btn{
text-align: center; text-align: center;
width: 76px; width: 76px;
......
src/pages/productAnalysis/index.vue 0 → 100644
浏览文件 @ c41133a2
<template>
<app-container class="analysis-box">
<div class="heade">
<div class="icon" @click="$router.go(-1)"></div>
<div class="text">请您下载产品说明书，并进行阅读，然后把关键信息提炼出来填充在下面。</div>
<div class="dowload">产品说明书下载</div>
</div>
<div class="table-boxs">
<div class="table">
<el-table
:data="tableData"
:span-method="objectSpanMethod"
:header-cell-style="{background: '#F7F8FA'}"
border
style="width: 100%; margin-top: 20px">
<el-table-column
align="center"
prop="type"
width="123px"
label="信息类别">
</el-table-column>
<el-table-column
prop="info"
align="center"
width="123px"
label="信息">
</el-table-column>
<el-table-column label="学员填写内容" header-align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.input" placeholder=""></el-input>
</template>
</el-table-column>
</el-table>
</div>
<div class="table2">
<el-table
:cell-style="{background: '#F7F8FA'}"
:data="tableData2"
:span-method="objectSpanMethod"
border
style="width: 100%;">
<el-table-column
align="center"
prop="type"
width="123px">
</el-table-column>
<el-table-column
prop="info"
align="center"
width="123px">
</el-table-column>
<el-table-column header-align="center">
<template slot-scope="scope">
<el-input
class="textarea"
type="textarea"
:rows="2"
placeholder=""
v-model="scope.row.input" v-if="scope.row.inputType">
</el-input>
<el-input v-model="scope.row.input" placeholder="" v-else></el-input>
</template>
</el-table-column>
</el-table>
</div>
<div class="table3">
<el-table
:data="tableData3"
:span-method="objectSpanMethod"
:header-cell-style="{background: '#F7F8FA'}"
border
style="width: 100%;">
<el-table-column
align="center"
prop="type"
width="123px"
label="信息类别">
</el-table-column>
<el-table-column
prop="info"
align="center"
width="123px"
label="信息">
</el-table-column>
<el-table-column label="学员填写内容" header-align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.input" placeholder=""></el-input>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class="upload-btn" @click="goPage">点击上传</div>
<caseDialogs v-if="isCaseDialogs" @dialogClose="caseDialogClose"></caseDialogs>
</app-container>
</template>
<script>
import caseDialogs from '@/components/caseDialog2'
import AppContainer from '@/components/AppContainer'
export default {
components: {
caseDialogs,
AppContainer
},
data() {
return {
isCaseDialogs: false,
tableData: [{
type: '产品概况',
info: '基金名称',
input: ''
}, {
type: '',
info: '基金代码',
input: ''
}, {
type: '',
info: '基金管理人',
input: ''
}, {
type: '',
info: '基金托管人',
input: ''
}, {
type: '',
info: '成立日期',
input: ''
}, {
type: '',
info: '资产规模',
input: ''
}, {
type: '',
info: '份额规模',
input: ''
}, {
type: '',
info: '基金类型',
input: ''
}, {
type: '',
info: '交易币种',
input: ''
}, {
type: '',
info: '运作方式',
input: ''
}, {
type: '',
info: '开放频率',
input: ''
}, {
type: '',
info: '基金经理',
input: ''
}],
tableData2: [
{
type: '基金投资与净值表现',
info: '投资目标',
input: ''
},
{
type: '',
info: '投资范围',
input: '',
inputType: 1
},
{
type: '',
info: '投资策略',
input: '',
inputType: 1
},
{
type: '',
info: '分红政策',
input: '',
inputType: 1
},
{
type: '',
info: '业绩比较基准',
input: ''
},
{
type: '',
info: '风险收益特征',
input: ''
}
],
tableData3: [
{
type: '投资本基金涉及的费用',
info: '费用类型',
input: ''
},
{
type: '',
info: '投资范围',
input: ''
},
{
type: '',
info: '认购费',
input: ''
},
{
type: '',
info: '申购费',
input: ''
},
{
type: '',
info: '赎回费',
input: ''
},
{
type: '',
info: '管理费',
input: ''
},
{
type: '',
info: '托管费',
input: ''
},
{
type: '',
info: '销售服务费',
input: ''
}
]
}
},
methods: {
goPage() {
this.isCaseDialogs = true
},
caseDialogClose() {
this.isCaseDialogs = false
},
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 0) {
if (rowIndex % 12 === 0) {
return {
rowspan: 12,
colspan: 1
}
} else {
return {
rowspan: 0,
colspan: 0
}
}
}
}
}
}
</script>
<style lang="scss" scoped>
.analysis-box{
width: 1000px;
margin: 0 auto;
.heade{
display: flex;
align-items: center;
.icon{
width: 20px;
height: 18px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/a42c45c2dfd968f78b5dc11f60afa44a.png);
background-size: 100% 100%;
cursor: pointer;
}
.text{
font-size: 18px;
color: #262626;
margin-left: 94px;
}
.dowload{
font-size: 18px;
font-weight: bold;
color: #6194DC;
margin-left: 20px;
cursor: pointer;
}
}
.table2{
// background: #000;
.textarea{
height: 100px;
}
}
.table-boxs{
padding-bottom: 20px;
}
.upload-btn{
cursor: pointer;
text-align: center;
line-height: 40px;
color: #fff;
font-size: 14px;
margin: 20px auto;
width: 270px;
height: 40px;
background: linear-gradient(315deg, rgba(225, 47, 116, 0.83) 0%, #C01540 100%);
border-radius: 4px;
}
}
::v-deep{
.table,.table3{
.el-table--enable-row-hover .el-table__body tr:hover > td{
background: none !important;
}
}
.el-input__inner{
border: none;
}
.el-table--enable-row-transition .el-table__body td{
padding: 6px 0 !important;
}
.table2{
.has-gutter{
display: none !important;
}
.el-table--border{
border-top: none !important;
}
.el-input__inner{
background: #F7F8FA;
}
.el-textarea__inner{
height: 100%;
border: none;
background: none;
}
}
.table3{
.has-gutter{
display: none !important;
}
.el-table--border{
border-top: none !important;
}
}
}
</style>
src/pages/score/index.vue 0 → 100644
浏览文件 @ c41133a2
<template>
<app-container class="score-box">
<div class="score-box-bor">
<div class="dscore">
<img src="https://zws-imgs-pub.ezijing.com/static/public/6aa4ded3a3193fd958ae4d9cdee52d7f.png" alt="" class="title-img">
<span>75分</span>
</div>
<ul class="score-content">
<li>
<div class="name">
产品概况
</div>
<div class="right-con">
<div class="title">
<div class="branch">20分</div>
<div class="m-branch">满分20分</div>
</div>
<div class="content">
<img src="https://zws-imgs-pub.ezijing.com/static/public/80178ceafe7538b699f29969319ab5f0.png" alt="">
<div class="text">您可太神了！</div>
</div>
</div>
</li>
<li class="active">
<div class="name">
产品概况
</div>
<div class="right-con">
<div class="title">
<div class="branch">24分</div>
<div class="m-branch">满分30分</div>
</div>
<div class="content">
<img src="https://zws-imgs-pub.ezijing.com/static/public/d420c12a4f4b7eed0121da6d5db5e59b.png" alt="">
<div class="text">您离满分很近了！</div>
</div>
</div>
</li>
<li>
<div class="name">
触达选择
</div>
<div class="right-con">
<div class="title">
<div class="branch">11分</div>
<div class="m-branch">满分20分</div>
</div>
<div class="content">
<img src="https://zws-imgs-pub.ezijing.com/static/public/b78f9634af3491a912201c012cc39e45.png" alt="">
<div class="text">您还需要努力……</div>
</div>
</div>
</li>
<li class="active">
<div class="name">
触达选择
</div>
<div class="right-con">
<div class="title">
<div class="branch">6分</div>
<div class="m-branch">满分30分</div>
</div>
<div class="content">
<img src="https://zws-imgs-pub.ezijing.com/static/public/f30f4682866c74a930fe2ee207d43166.png" alt="" class="wid">
<div class="text">您还差得很远……</div>
</div>
</div>
</li>
</ul>
</div>
<div class="score-btn">
<div @click="$router.push({ path: '/productAnalysis' })">这个案例我要再来一次</div>
<div @click="$router.push({ path: '/caseSelection' })">我要选择其他案例</div>
</div>
</app-container>
</template>
<script>
import AppContainer from '@/components/AppContainer'
export default {
components: {
AppContainer
},
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.score-box{
width: 1000px;
margin: 0 auto;
.dscore{
width: 178px;
height: 180px;
margin: 0 auto;
position: relative;
span{
position: absolute;
bottom: 60px;
left: 50%;
transform: translateX(-50%);
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}
}
.title-img{
width: 100%;
height: 100%;
display: block;
}
.score-content{
li{
height: 177px;
border: 1px solid #ccc;
border-bottom: none;
display: flex;
&.active{
background: #F7F8FA;
}
&:last-child{
border-bottom: 1px solid #ccc;
}
.name{
width: 124px;
border-right: 1px solid #ccc;
text-align: center;
line-height: 180px;
font-size: 14px;
color: #222222;
}
.right-con{
flex: 1;
.title{
border-bottom: 1px solid #ccc;
display: flex;
.branch{
text-align: center;
line-height: 44px;
flex: 1;
font-size: 18px;
font-weight: bold;
color: #C01540;
}
.m-branch{
width: 180px;
// margin-left: auto;
border-left: 1px solid #ccc;
text-align: center;
line-height: 44px;
font-size: 14px;
font-weight: bold;
color: #666666;
}
}
.content{
display: flex;
justify-content: center;
align-items: center;
height: 130px;
// height: 100%;
img{
width: 130px;
height: 92px;
&.wid{
width: 120px;
height: 100px;
}
}
.text{
font-size: 18px;
font-weight: bold;
color: #222222;
margin-left: 70px;
}
}
}
}
}
}
.score-box-bor{
padding-bottom: 16px;
border-bottom: 1px solid #eee;
}
.score-btn{
display: flex;
// align-items: center;
justify-content: center;
margin-top: 15px;
div{
cursor: pointer;
width: 172px;
height: 32px;
background: linear-gradient(315deg, rgba(225, 47, 116, 0.83) 0%, #C01540 100%);
border-radius: 4px;
text-align: center;
line-height: 32px;
font-size: 14px;
color: #F8F8F8;
margin-right: 40px;
}
}
</style>
src/pages/userTrigger/index.vue
浏览文件 @ c41133a2
<template> <template>
<div class="trigger-box"> <div class="trigger-box">
<app-container title="用户触达" class="trigger-top"> <app-container title="用户触达" class="trigger-top">
<template #header>
<div v-if="active == 0" class="back" @click="$router.go(-1)"></div>
<div v-else class="div-header">
<div class="back" @click="active = 0"></div>
<span>请编辑用户触达的文案</span>
</div>
</template>
<!-- <el-steps :space="200" :active="active" process-status="wait"> <!-- <el-steps :space="200" :active="active" process-status="wait">
<el-step title="触达方式"></el-step> <el-step title="触达方式"></el-step>
<el-step title="文案编辑"></el-step> <el-step title="文案编辑"></el-step>
...@@ -56,12 +63,14 @@ ...@@ -56,12 +63,14 @@
</template> </template>
</dialogs> </dialogs>
<caseDialogs v-if="isCaseDialogs" @dialogClose="caseDialogClose"></caseDialogs> <caseDialogs v-if="isCaseDialogs" @dialogClose="caseDialogClose"></caseDialogs>
<caseDialogs3 v-if="isCaseDialogs3" @dialogClose="caseDialogClose3"></caseDialogs3>
</app-container> </app-container>
</div> </div>
</template> </template>
<script> <script>
import caseDialogs from '@/components/caseDialog' import caseDialogs from '@/components/caseDialog'
import caseDialogs3 from '@/components/caseDialog3'
import AppContainer from '@/components/AppContainer' import AppContainer from '@/components/AppContainer'
import currentCard from '../groupAnalysis/components/currentCard' import currentCard from '../groupAnalysis/components/currentCard'
import step1 from './components/step1' import step1 from './components/step1'
...@@ -76,11 +85,13 @@ export default { ...@@ -76,11 +85,13 @@ export default {
step1, step1,
step2, step2,
dialogs, dialogs,
caseDialogs caseDialogs,
caseDialogs3
}, },
data() { data() {
return { return {
isCaseDialogs: false, isCaseDialogs: false,
isCaseDialogs3: false,
isCurrentCardShow: false, isCurrentCardShow: false,
active: 0, active: 0,
stepShow: true, stepShow: true,
...@@ -108,6 +119,9 @@ export default { ...@@ -108,6 +119,9 @@ export default {
caseDialogClose() { caseDialogClose() {
this.isCaseDialogs = false this.isCaseDialogs = false
}, },
caseDialogClose3() {
this.isCaseDialogs3 = false
},
diaEvent() { diaEvent() {
if (this.active === 0) { if (this.active === 0) {
this.active = 1 this.active = 1
...@@ -149,21 +163,22 @@ export default { ...@@ -149,21 +163,22 @@ export default {
}) })
} }
} else { } else {
if (this.essayDescription === '') { this.isCaseDialogs3 = true
this.$message({ // if (this.essayDescription === '') {
message: '请填写', // this.$message({
type: 'warning' // message: '请填写',
}) // type: 'warning'
} else { // })
const newData = Object.assign(this.formData, { context: this.essayDescription }) // } else {
api // const newData = Object.assign(this.formData, { context: this.essayDescription })
.submitContext(newData) // api
.then(response => { // .submitContext(newData)
this.messageBox2(response.data.result) // .then(response => {
}) // this.messageBox2(response.data.result)
.finally(() => { // })
}) // .finally(() => {
} // })
// }
} }
}, },
messageBox(n) { messageBox(n) {
...@@ -236,6 +251,19 @@ export default { ...@@ -236,6 +251,19 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.div-header{
display: flex;
span{
margin-left: 40px;
}
}
.back{
width: 20px;
height: 18px;
background: url(@/assets/images/out.png);
background-size: 100% 100%;
cursor: pointer;
}
.steps-box{ .steps-box{
display: flex; display: flex;
align-items: center; align-items: center;
......
src/router/routes.js
浏览文件 @ c41133a2
...@@ -28,6 +28,16 @@ export default [ ...@@ -28,6 +28,16 @@ export default [
{ {
path: '/caseSelection', path: '/caseSelection',
component: () => import(/* webpackChunkName: "userTrigger" */ '@/pages/caseSelection/index.vue') component: () => import(/* webpackChunkName: "userTrigger" */ '@/pages/caseSelection/index.vue')
},
/* 背景选择 */
{
path: '/productAnalysis',
component: () => import(/* webpackChunkName: "userTrigger" */ '@/pages/productAnalysis/index.vue')
},
/* 得分 */
{
path: '/score',
component: () => import(/* webpackChunkName: "userTrigger" */ '@/pages/score/index.vue')
} }
] ]
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论