From d27e2cd02a4886d040da00b4bb54dd7bb6e1d335 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Mon, 26 Apr 2021 11:31:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83=EF=BC=8C?=
 =?UTF-8?q?=E8=B5=84=E6=BA=90=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/PersonalCenter.vue |  48 ++++----
 src/components/page/TeachingVideo.vue  | 161 +++++++++++++++++--------
 2 files changed, 134 insertions(+), 75 deletions(-)

diff --git a/src/components/page/PersonalCenter.vue b/src/components/page/PersonalCenter.vue
index 3778d2b..7399be4 100644
--- a/src/components/page/PersonalCenter.vue
+++ b/src/components/page/PersonalCenter.vue
@@ -122,7 +122,7 @@
                     </div>
                     <div class="item">
                         <span>证件</span>
-                        <input id="idnumber" class="idnumber" placeholder="请输入姓名" type="text" v-model="personalInformation.idNumber"/>
+                        <input id="idnumber" class="idnumber" placeholder="请输入证件" type="text" v-model="personalInformation.idNumber"/>
                     </div>
                 </div>
                 <div class="line">
@@ -279,35 +279,35 @@
                     </div>
                     <div class="item">
                         <span>手机号</span>
-                        <div class="btns">
-                            {{personalInformation.phone}}
-                            <el-button v-if="personalInformation.phone" style="margin-left: 5px;width:100%;" size="small" @click="bindPhone">更换</el-button>
-                            <el-button v-else style="width:100%;" size="small" @click="bindPhone">绑定</el-button>
+                        <div class="btns flex-between">
+                            <span>{{personalInformation.phone}}</span>
+                            <el-button v-if="personalInformation.phone" type="primary" size="small" @click="bindPhone">更换</el-button>
+                            <el-button v-else type="primary" size="small" @click="bindPhone">绑定</el-button>
                         </div>
                     </div>
                 </div>
                 <div class="line">
                     <div class="item">
                         <span>邮箱</span>
-                        <div class="btns">
-                            {{personalInformation.email}}
-                            <el-button v-if="personalInformation.email" style="margin-left: 5px;width:100%;" size="small" @click="bindEmail">更换</el-button>
-                            <el-button v-else style="width:100%;" size="small" @click="bindEmail">绑定</el-button>
+                        <div class="btns flex-between">
+                            <span>{{personalInformation.email}}</span>
+                            <el-button v-if="personalInformation.email" type="primary" size="small" @click="bindEmail">更换</el-button>
+                            <el-button v-else type="primary" size="small" @click="bindEmail">绑定</el-button>
                         </div>
                     </div>
-                    <div class="item">
+                    <!-- <div class="item">
                         <span>微信</span>
                         <input id="weChat" class="weChat" disabled placeholder="微信" type="text" v-model="personalInformation.weChatID"/>
-                    </div>
-                </div>
-                <div class="line">
-                    <div class="item">
-                        <span>密码</span>
-                        <div class="btns">
-                            <el-button size="small" style="width:100%;" @click="bindPassword">更换密码</el-button>
+                    </div> -->
+                    <div class="line">
+                        <div class="item">
+                            <span>密码</span>
+                            <div class="btns flex-end-content">
+                                <el-button type="primary" size="small" @click="bindPassword">更换</el-button>
+                            </div>
                         </div>
+                        <!-- <div class="item"></div> -->
                     </div>
-                    <div class="item"></div>
                 </div>
             </div>
         </div>
@@ -1147,7 +1147,7 @@ input:focus {
         padding-left: 6px;
         margin: 20px 0 10px 0;
         line-height: 1;
-        border-left: 2px solid #9278ff;
+        border-left: 4px solid #9278ff;
         span{
             font-size: 16px;
             color: #9278ff;
@@ -1249,6 +1249,8 @@ input:focus {
                 .btns{
                     display: inline-flex;
                     align-items: center;
+                    border-bottom: 1px solid #b5b5b5;
+                    padding: 5px 0;
                 }
                 .selects{
                     display: inline-flex;
@@ -1275,11 +1277,14 @@ input:focus {
             }
             /deep/.el-input__inner {
                 color: #656565;
-                font-size: 16px;
+                font-size: 14px;
                 border-radius: 0 !important;
                 border: 0px;
                 border-bottom: 1px solid #b5b5b5;
             }
+            /deep/.el-input--prefix .el-input__inner{
+                padding-left: 15px;
+            }
             /deep/.el-input__icon {
                 color: #9278ff;
                 &.el-icon-date{
@@ -1331,15 +1336,12 @@ input:focus {
         border-color: #9278ff;
     }
     /deep/ input::-webkit-input-placeholder {
-        font-size: 14px;
         color: #c0c0c0;
     }
     /deep/ input::-moz-input-placeholder {
-        font-size: 14px;
         color: #c0c0c0;
     }
     /deep/ input::-ms-input-placeholder {
-        font-size: 14px;
         color: #c0c0c0;
     }
 }
diff --git a/src/components/page/TeachingVideo.vue b/src/components/page/TeachingVideo.vue
index 0171d1f..51fceae 100644
--- a/src/components/page/TeachingVideo.vue
+++ b/src/components/page/TeachingVideo.vue
@@ -69,6 +69,13 @@
                                     </div>
                                 </div>
                             </template>
+                            <template v-else-if="systemId == 7">
+                                <div v-for="(item,index) in videoList6" :key="index">
+                                    <div class="flex-between list_catalog">
+                                        <p class="experimental_title" :class="{active: curLink == item.title}" @click="preview(item)">{{index+1}} {{item.title}}</p>
+                                    </div>
+                                </div>
+                            </template>
                             <template v-else-if="systemId == 8">
                                 <div v-for="(item,index) in videoList8" :key="index">
                                     <div class="flex-between list_catalog">
@@ -337,57 +344,6 @@ export default {
                 "isdel": 0,
                 "title": "项目十五 Butterfiy Spread"
             }],
-            videoList8: [{
-                "id": 1,
-                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE%E4%B8%80%20%E6%95%B0%E6%8D%AE%E5%8C%85%E7%9A%84%E4%BD%BF%E7%94%A8.pptx",
-                "isdel": 0,
-                "title": "项目一 数据包的使用"
-            }, {
-                "id": 3,
-                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8numpy%E5%AE%9A%E4%B9%89%E4%B8%80%E7%BB%B4%E6%95%B0%E7%BB%84--2.pptx",
-                "isdel": 0,
-                "title": "项目二 使用numpy定义一维数组"
-            }, {
-                "id": 6,
-                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8pandas%E5%AE%9A%E4%B9%89%E4%B8%80%E7%BB%B4%E6%95%B0%E7%BB%84--3.pptx",
-                "isdel": 0,
-                "title": "项目三 使用pandas定义一维数组"
-            }, {
-                "id": 5,
-                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8numpy%E5%AE%9A%E4%B9%89%E4%BA%8C%E7%BB%B4%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84--4.pptx",
-                "isdel": 0,
-                "title": "项目四  使用numpy定义二维数据结构"
-            }, {
-                "id": 2,
-                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8pandas-DataFrame%EF%BC%88%E6%95%B0%E6%8D%AE%E6%A1%86%EF%BC%89%E5%AE%9A%E4%B9%89%E4%BA%8C%E7%BB%B4%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84--5.pptx",
-                "isdel": 0,
-                "title": "项目五 使用Pandas-DataFrame(数据框)定义二维数据结构"
-            }, {
-                "id": 7,
-                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E6%95%B0%E6%8D%AE%E9%9B%86%E6%8F%8F%E8%BF%B0%E7%BB%9F%E8%AE%A1%E4%BF%A1%E6%81%AF--6.pptx",
-                "isdel": 0,
-                "title": "项目六 数据集描述统计信息"
-            }, {
-                "id": 4,
-                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE7_%E7%90%86%E8%A7%A3%E6%95%B0%E6%8D%AE.pptx",
-                "isdel": 0,
-                "title": "项目七 理解数据"
-            }, {
-                "id": 9,
-                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE%E5%85%AB%20%E6%A8%A1%E5%9E%8B%E6%9E%84%E5%BB%BA.pptx",
-                "isdel": 0,
-                "title": "项目八 模型构建"
-            }, {
-                "id": 4,
-                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E8%BF%9B%E9%98%B63%E2%80%94%E2%80%94%E6%95%B0%E6%8D%AE%E6%B8%85%E6%B4%97--9.pptx",
-                "isdel": 0,
-                "title": "项目九 数据清洗"
-            }, {
-                "id": 9,
-                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE%E5%8D%81%20%E6%95%B0%E6%8D%AE%E5%8F%AF%E8%A7%86%E5%8C%96.pptx",
-                "isdel": 0,
-                "title": "项目十 数据可视化"
-            }],
             videoList6: [{
                 "id": 1,
                 "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%A1%B9%E7%9B%AE%E4%B8%80%EF%BC%9A%E5%80%BA%E5%88%B8%E5%92%8C%E5%88%A9%E7%8E%87.pptx",
@@ -449,7 +405,108 @@ export default {
                 "isdel": 0,
                 "title": "项目十二 随机微分方程及其在金融中的应用"
             }],
-
+            videoList7: [{
+                "id": 1,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/1.pptx",
+                "isdel": 0,
+                "title": "项目一 了解matplotlib的功能"
+            }, {
+                "id": 3,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/2.pptx",
+                "isdel": 0,
+                "title": "项目二 K线图"
+            }, {
+                "id": 6,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/3.pptx",
+                "isdel": 0,
+                "title": "项目三 动量交易策略"
+            }, {
+                "id": 5,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/4.pptx",
+                "isdel": 0,
+                "title": "项目四 RSI相对强弱指标"
+            }, {
+                "id": 2,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/5.pptx",
+                "isdel": 0,
+                "title": "项目五 简单移动平均"
+            }, {
+                "id": 7,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/6.pptx",
+                "isdel": 0,
+                "title": "项目六 加权移动平均"
+            }, {
+                "id": 4,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/7.pptx",
+                "isdel": 0,
+                "title": "项目七 通道突破策略"
+            }, {
+                "id": 9,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/8.pptx",
+                "isdel": 0,
+                "title": "项目八 KDJ交易策略"
+            }, {
+                "id": 4,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/9.pptx",
+                "isdel": 0,
+                "title": "项目九 OBV指标交易策略"
+            }, {
+                "id": 9,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E7%B3%BB%E7%BB%9F%E4%BA%8C-%E9%87%8F%E5%8C%96%E6%8A%95%E8%B5%84%281%29/10.pptx",
+                "isdel": 0,
+                "title": "项目十 基于机器学习的量化投资策略概览"
+            }],
+            videoList8: [{
+                "id": 1,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE%E4%B8%80%20%E6%95%B0%E6%8D%AE%E5%8C%85%E7%9A%84%E4%BD%BF%E7%94%A8.pptx",
+                "isdel": 0,
+                "title": "项目一 数据包的使用"
+            }, {
+                "id": 3,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8numpy%E5%AE%9A%E4%B9%89%E4%B8%80%E7%BB%B4%E6%95%B0%E7%BB%84--2.pptx",
+                "isdel": 0,
+                "title": "项目二 使用numpy定义一维数组"
+            }, {
+                "id": 6,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8pandas%E5%AE%9A%E4%B9%89%E4%B8%80%E7%BB%B4%E6%95%B0%E7%BB%84--3.pptx",
+                "isdel": 0,
+                "title": "项目三 使用pandas定义一维数组"
+            }, {
+                "id": 5,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8numpy%E5%AE%9A%E4%B9%89%E4%BA%8C%E7%BB%B4%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84--4.pptx",
+                "isdel": 0,
+                "title": "项目四  使用numpy定义二维数据结构"
+            }, {
+                "id": 2,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E4%BD%BF%E7%94%A8pandas-DataFrame%EF%BC%88%E6%95%B0%E6%8D%AE%E6%A1%86%EF%BC%89%E5%AE%9A%E4%B9%89%E4%BA%8C%E7%BB%B4%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84--5.pptx",
+                "isdel": 0,
+                "title": "项目五 使用Pandas-DataFrame(数据框)定义二维数据结构"
+            }, {
+                "id": 7,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E6%95%B0%E6%8D%AE%E9%9B%86%E6%8F%8F%E8%BF%B0%E7%BB%9F%E8%AE%A1%E4%BF%A1%E6%81%AF--6.pptx",
+                "isdel": 0,
+                "title": "项目六 数据集描述统计信息"
+            }, {
+                "id": 4,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE7_%E7%90%86%E8%A7%A3%E6%95%B0%E6%8D%AE.pptx",
+                "isdel": 0,
+                "title": "项目七 理解数据"
+            }, {
+                "id": 9,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE%E5%85%AB%20%E6%A8%A1%E5%9E%8B%E6%9E%84%E5%BB%BA.pptx",
+                "isdel": 0,
+                "title": "项目八 模型构建"
+            }, {
+                "id": 4,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E8%BF%9B%E9%98%B63%E2%80%94%E2%80%94%E6%95%B0%E6%8D%AE%E6%B8%85%E6%B4%97--9.pptx",
+                "isdel": 0,
+                "title": "项目九 数据清洗"
+            }, {
+                "id": 9,
+                "links": "https://huoran.oss-cn-shenzhen.aliyuncs.com/ppt/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A1%B9%E7%9B%AE/%E9%A1%B9%E7%9B%AE%E5%8D%81%20%E6%95%B0%E6%8D%AE%E5%8F%AF%E8%A7%86%E5%8C%96.pptx",
+                "isdel": 0,
+                "title": "项目十 数据可视化"
+            }],
             evaluationVisible: false,
             resultVisible: false,
             detailVisible: false,