个人中心,资源列表

UI_2022-02-10
yujialong 4 years ago
parent c6e5621318
commit d27e2cd02a
  1. 42
      src/components/page/PersonalCenter.vue
  2. 161
      src/components/page/TeachingVideo.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> -->
<div class="line">
<div class="item">
<span>密码</span>
<div class="btns">
<el-button size="small" style="width:100%;" @click="bindPassword">更换密码</el-button>
<div class="btns flex-end-content">
<el-button type="primary" size="small" @click="bindPassword">更换</el-button>
</div>
</div>
<div class="item"></div>
<!-- <div class="item"></div> -->
</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;
}
}

@ -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,

Loading…
Cancel
Save