期货链接跳转

src/components/page/Index.vue

@@ -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(0)"><i class="iconfont icon-arrowRight"></i></div>
-            <div class="button_item" @click="toNext"><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() {
+        toFuture(){
-            this.$router.push('ProjectIntro')
+            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;
+        width: 900px;
-        margin-top: 130px;
+        margin-top: 100px;
-        margin-left: 250px;
+        margin-left: 100px;
         display: flex;
         // color: #002E66;
         color: #7AA0B7;
-        font-size: 27px;
+        font-size: 24px;
         letter-spacing:4px;
         line-height:1.5
     }

src/components/page/ProjectIntro.vue

@@ -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:'期权交易虚仿实验',
+            isFuture:Number(this.$route.query.isFuture),
-            contentText:'本项目构建了面向实战的期权交易场景，让学生面对实际存在的农业生产相关问题，设计交易策略。分为期权套期保值实验和期权组合保险实验，期权套期保值实验为单一期权的实验，需利用一个期权合约对现货进行套期保值；期权组合保险实验为期货期权组合的实验，需利用多个期权的组合满足较为复杂的套期保值需求。',
+            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')
         },

src/components/page/ProjectPattern.vue

@@ -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(){
-            this.core.toSubSystem('','','',this.pattern)
+            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>

src/config/index.js

@@ -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 专家账号
      */

src/router/index.js

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

src/utils/core.js

@@ -190,7 +190,12 @@ function toSubSystem(className = '',id = '',classId = '',pattern = ''){
         location.href = pattern === 0 ? config.subSystem1 : config.subSystem2
     })            
   }else{
-    location.href = pattern === 0 ? config.subSystem1 : config.subSystem2
+    //如果session中存在model，即为期货，否则为期权
+    if(sessionStorage.getItem('model')){
+      location.href = config.subSystem3
+    }else{
+      location.href = pattern === 0 ? config.subSystem1 : config.subSystem2
+    }
   }
 }