huoran
/
FE_kd_client
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

期货链接跳转

Browse Source
chengdu
liangliang.Li 4 years ago
parent 6318ce6000
commit a62de85f6b
6 changed files with 59 additions and 17 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 25
      src/components/page/Index.vue
  2. 25
      src/components/page/ProjectIntro.vue
  3. 12
      src/components/page/ProjectPattern.vue
  4. 4
      src/config/index.js
  5. 1
      src/router/index.js
  6. 5
      src/utils/core.js

25
src/components/page/Index.vue
Unescape View File

@ -1,12 +1,15 @@
<template>
<div class="wrap">
<div class="button_wrap">
<a href="http://www.jgsyzx.uestc.cn/UserLogin" target="_blank"><div class="button_item" ><i class="iconfont icon-arrowRight"></i></div></a>
<div class="button_item" @click="toNext"><i class="iconfont icon-arrowRight"></i></div>
<div class="button_item" @click="toNext(0)"><i class="iconfont icon-arrowRight"></i></div>
<div class="button_item" @click="toNext(1)"><i class="iconfont icon-arrowRight"></i></div>
</div>
<div class="notice">
<div>注：</div>
<div>期货交易虚拟仿真实验已经通过2019年四川省级虚拟仿真实验认定</div>
<div>期货交易虚拟仿真实验已经通过2019年四川省级虚拟仿真实验认定
<div>此处期货交易虚拟实验为2020新版本</div>
<div>2019旧版本入口为：<a href="http://www.jgsyzx.uestc.cn/">http://www.jgsyzx.uestc.cn/</a></div>
</div>
</div>
</div>
@ -23,8 +26,12 @@ export default {
},
methods: {
toNext() {
this.$router.push('ProjectIntro')
toFuture(){
sessionStorage.setItem("model",0);//期货模式
this.core.toSubSystem('','','',0)
},
toNext(val) {
this.$router.push(`ProjectIntro?isFuture=${val}`)
},
}
};
@ -59,13 +66,13 @@ export default {
}
}
.notice{
width: 600px;
margin-top: 130px;
margin-left: 250px;
width: 900px;
margin-top: 100px;
margin-left: 100px;
display: flex;
// color: #002E66;
color: #7AA0B7;
font-size: 27px;
font-size: 24px;
letter-spacing:4px;
line-height:1.5
}

25
src/components/page/ProjectIntro.vue
Unescape View File

@ -14,7 +14,13 @@
</div>
</div>
<!-- 选择期权模式（基础+挑战） -->
<div class="select_wrap">
<div class="select_wrap" v-if="isFuture == 0">
<div class="select_item" @click="toNext(2)">
<div class="icon_one icon_wrap"><i class="iconfont icon-arrowRight"></i></div>
<div class="select_title one_title">期货套期保值实验</div>
</div>
</div>
<div class="select_wrap" v-else>
<div class="select_item" @click="toEvaluation(1,2)">
<div class="icon_one icon_wrap"><i class="iconfont icon-arrowRight"></i></div>
<div class="select_title one_title">期权套期保值实验</div>
@ -29,7 +35,6 @@
<!-- 答题弹框 -->
<el-dialog :visible.sync="evaluationVisible" width="30%" custom-class="evaluation_dialog" center :close-on-click-modal="false" :append-to-body="true">
<div class="title">能力测评</div>
<div class="content">
<p class="serial">{{question.currentQuestionSortNo}}/{{question.totalQuestionNum}}</p>
<p class="type">({{question.questionTypeName}})</p>
@ -105,8 +110,9 @@
export default {
data() {
return {
title:'期权交易虚仿实验',
contentText:'本项目构建了面向实战的期权交易场景，让学生面对实际存在的农业生产相关问题，设计交易策略。分为期权套期保值实验和期权组合保险实验，期权套期保值实验为单一期权的实验，需利用一个期权合约对现货进行套期保值；期权组合保险实验为期货期权组合的实验，需利用多个期权的组合满足较为复杂的套期保值需求。',
isFuture:Number(this.$route.query.isFuture),
title:'',
contentText:'',
passExam: [1504, 1505, 1506, 1507, 1508, 1509, 1510, 1511, 1512, 1513].includes(this.$store.state.studentId),
userId: this.$store.state.userId,
@ -141,9 +147,18 @@ export default {
}
},
mounted(){
console.log(11,this.passExam)
this.getText()
},
methods: {
getText(){
if(this.isFuture == 0){
this.title = '期货交易虚仿实验'
this.contentText = '本项目构建了面向实战的期货交易场景，让学生面对实际存在的农业生产相关问题，设计期现套期保值交易策略，需利用一个期货合约对现货进行套期保值。'
}else{
this.title = '期权交易虚仿实验'
this.contentText = '本项目构建了面向实战的期权交易场景，让学生面对实际存在的农业生产相关问题，设计交易策略。分为期权套期保值实验和期权组合保险实验，期权套期保值实验为单一期权的实验，需利用一个期权合约对现货进行套期保值；期权组合保险实验为期货期权组合的实验，需利用多个期权的组合满足较为复杂的套期保值需求。'
}
},
toIndex() {
this.$router.push('dashboard')
},

12
src/components/page/ProjectPattern.vue
Unescape View File

@ -59,6 +59,12 @@ export default {
principle:'本实验根据《金融交易策略设计与模拟》等理论课程的大纲要求，将期权delta风险中性策略、交叉对冲和期权组合策略设计等知识点融会贯通于十个步骤，考察学生利用期权组合策略减少价格波动对企业经营影响的能力。',
step:'1.关于delta动态调仓的实验背景；2.关于交叉对冲的实验背景；3.实验案例；4.最优对冲比率计算；5.合约选择；6.期权组合开仓；7.期权组合调仓；8.期权组合平仓；9.核算损益；10.填写实验报告；',
prepare:'开始实验前，应了解期权定义、期权交易规则、希腊字母delta、交叉对冲和不同期权组合策略的盈亏图。'
},{
title:'期货套期保值实验',
url:'http://122.9.154.146/future/#/Dashboard',
principle:'本实验根据《金融交易策略设计与模拟》等理论课程的大纲要求，将期货基础知识考核、期货实战规则、模拟开户和期货策略设计等内容融会贯通于十个步骤，考察学生利用期货策略减少价格波动对企业经营影响的能力。',
step:'1. 期货交易实例；2. 期货实战规则；3. 期货账户开户；4. 银期转账；5. 实验案例和实验角色选择；6. 期货合约选择；7. 期货合约开仓；8. 期货合约平仓；9.核算损益；10. 填写实验报告',
prepare:'完成此实验前，应该了解期货的相关定义、期货的交易规则、期货交易的核算规则等相关知识点。'
}],
};
},
@ -70,13 +76,17 @@ export default {
this.$router.push('dashboard')
},
toPrac(){
if(this.pattern == 2){
sessionStorage.setItem("model",0);
this.core.toSubSystem('','','',0)
}else{
this.core.toSubSystem('','','',this.pattern)
}
},
toNext(index) {
sessionStorage.setItem('pattern',this.pattern)
this.$router.push(`dashboard#${index}`)
},
},
};
</script>

4
src/config/index.js
Unescape View File

@ -17,6 +17,10 @@ export default {
* @description 挑战模式子系统链接
*/
subSystem2: location.host.includes('116.63.168.79') ? 'http://116.63.168.79/kdChallenge/#/Dashboard' : 'http://122.9.154.146/kdChallenge/#/Dashboard',
/**
* @description 期货模式
*/
subSystem3: location.host.includes('116.63.168.79') ? 'http://116.63.168.79/future/#/Dashboard' : 'http://122.9.154.146/future/#/Dashboard',
/**
* @description 专家账号
*/

1
src/router/index.js
Unescape View File

@ -10,6 +10,7 @@ export default new Router({
{
path: '/',
redirect: '/login',
// redirect: '/index',
},
{
path: '/teachingVideo',

5
src/utils/core.js
Unescape View File

@ -189,10 +189,15 @@ function toSubSystem(className = '',id = '',classId = '',pattern = ''){
sessionStorage.setItem("id",projectId)
location.href = pattern === 0 ? config.subSystem1 : config.subSystem2
})
}else{
//如果session中存在model，即为期货，否则为期权
if(sessionStorage.getItem('model')){
location.href = config.subSystem3
}else{
location.href = pattern === 0 ? config.subSystem1 : config.subSystem2
}
}
}
function encodeString(str) {
if(str.includes('[') || str.includes(']')){

Write Preview
Loading…
Cancel
Save