Skip to content

P
project-online-old
提交 40e2bb6a authored 作者: pengxiaohui's avatar pengxiaohui
浏览文件
操作

增加2022年1期师资培训

上级 3d9c2e79
显示空白字符变更
内嵌 并排
正在显示 包含 123 行增加 和 11 行删除
src/pages/train/detail.vue
浏览文件 @ 40e2bb6a
...@@ -35,14 +35,26 @@ ...@@ -35,14 +35,26 @@
</div> </div>
<div class="p"> <div class="p">
<div class="name">培训内容：</div> <div class="name">培训内容：</div>
<div class="cont"> <!-- <div class="cont">
<div>1.1+X证书制度的意义与政策解读；</div> <div>1.1+X证书制度的意义与政策解读；</div>
<div>2.金融产品数字化营销发展现状与前景展望；</div> <div>2.金融产品数字化营销发展现状与前景展望；</div>
<div>3.职业技能等级标准解读；</div> <div>3.职业技能等级标准解读；</div>
<div>4.核心知识串讲与互动交流；</div> <div>4.核心知识串讲与互动交流；</div>
<div>5.实训案例剖析与互动交流；</div> <div>5.实训案例剖析与互动交流；</div>
<div>6.课程考试。</div> <div>6.课程考试。</div>
</div> </div> -->
<!-- <div>
<el-table
:data="tableData"
:span-method="cellMerge"
border
style="width: 100%">
<el-table-column prop="date" label="日期" width="180" />
<el-table-column prop="noon" label="午别" width="180" />
<el-table-column prop="time" label="时间" width="180" />
</el-table>
</div> -->
<table style="border-collapse: collapse; table-layout: fixed;"><colgroup><col width="79.73"><col width="60.6"><col width="107.27"><col width="326.67"><col width="75.47"></colgroup><tbody><tr style="height:23.33px" class="firstRow"><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">日期</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="35"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">时间</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="10"><p style="text-align: center; margin-left: 0px;"></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="313"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">内容</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="63"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">主讲人</span></p></td></tr><tr style="height:20px"><td colspan="1" rowspan="3" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">1月11日</span></p></td><td colspan="1" rowspan="2" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="40"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">上午</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:10px 6px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="10"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">09:30-09:40</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="316"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">开班仪式</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="67"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">王鑫</span></p></td></tr><tr style="height:32.13px"><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">09:40-11:30</span></p></td><td colspan="1" rowspan="1" style="overflow: hidden; border: 1px solid rgb(0, 0, 0); padding: 4px 8px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;" width="322"><p style="text-align: center; margin-left: 0px;"></p><div style="text-align: left;"><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">任务一：</span></div><div style="text-align: left;"><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">认识市场营销</span></div><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;"><div style="text-align: left;"><span style="font-size: 12pt; line-height: 1.6;">市场、消费市场、STP</span></div></span><p></p></td><td colspan="1" rowspan="3" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="10"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">马庆胜</span></p></td></tr><tr style="height:6px"><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">下午</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="84"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">14:30-17:00</span></p></td><td colspan="1" rowspan="1" style="overflow: hidden; border: 1px solid rgb(0, 0, 0); padding: 4px 8px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;" width="10"><p style="text-align: center; margin-left: 0px;"></p><div style="text-align: left;"><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">任务一：</span><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">认识市场营销</span></div><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;"><div style="text-align: left;"><span style="font-size: 12pt; line-height: 1.6;">产品、价格决策、分销、促销决策</span></div></span><p></p></td></tr><tr style="height:26.8px"><td colspan="1" rowspan="2" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">1月12日</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="44"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">上午</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="10"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">09:30-11:30</span></p></td><td colspan="1" rowspan="1" style="overflow: hidden; border: 1px solid rgb(0, 0, 0); padding: 4px 8px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;" width="320"><p style="text-align: center; margin-left: 0px;"></p><div style="text-align: left;"><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">任务二：认识数字化营销</span></div><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;"><div style="text-align: left;"><span style="font-size: 12pt; line-height: 1.6;">数字化营销、数字化营销的常用触达工具、数字化营销系统</span></div></span></td></tr><tr style="height:41.53px"><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">下午</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="88"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">14:00-16:30</span></p></td><td colspan="1" rowspan="1" style="overflow: hidden; border: 1px solid rgb(0, 0, 0); padding: 4px 8px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;" width="330"><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">任务三：</span><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">金融产品营销知识准备 &nbsp; &nbsp; &nbsp;&nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; text-align: center; line-height: 1.6;">金融机构及金融市场 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; text-align: center; line-height: 1.6;">金融产品 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; text-align: center; line-height: 1.6;">金融营销概述</span></p></td><td colspan="1" rowspan="9" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="53"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">于海颖</span></p></td></tr><tr style="height:20px"><td colspan="1" rowspan="7" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="79"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">1月13日</span></p></td><td colspan="1" rowspan="3" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="48"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">上午</span></p></td><td colspan="1" rowspan="3" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="10"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">09:00-11:30</span></p></td><td colspan="1" rowspan="3" style="overflow: hidden; border: 1px solid rgb(0, 0, 0); padding: 4px 8px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;" width="334"><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">任务四：</span><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">金融产品数字化营销策略及实施 &nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">金融产品的数字化营销策略 &nbsp; &nbsp; &nbsp; &nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">不同场景下的数字化营销实施技巧及关键点</span></p></td></tr><tr style="height:42.67px"></tr><tr style="height:20.8px"></tr><tr style="height:42.67px"><td colspan="1" rowspan="4" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">下午</span></p></td><td colspan="1" rowspan="3" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="92"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">14:00-16:30</span></p></td><td colspan="1" rowspan="3" style="overflow: hidden; border: 1px solid rgb(0, 0, 0); padding: 4px 8px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;" width="10"><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">任务五&nbsp;</span><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">重点金融产品数字化营销方案设计&nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">银行产品的数字化营销方案设计 &nbsp; &nbsp; &nbsp;&nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">保险产品的数字化营销方案设计 &nbsp; &nbsp; &nbsp;&nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">基金产品的数字化营销方案设计</span></p></td></tr><tr style="height:64px"></tr><tr style="height:20.8px"></tr><tr style="height:42.67px"><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">16:30-17:00</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="327"><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">1+X实训平台演示</span></p></td></tr><tr style="height:42.67px"><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">另行通知</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="52"><p style="text-align: center; margin-left: 0px;"></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="10"><p style="text-align: center; margin-left: 0px;"></p></td><td colspan="1" rowspan="1" style="overflow: hidden; border: 1px solid rgb(0, 0, 0); padding: 4px 8px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;" width="326"><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">在线课程考试</span></p></td></tr></tbody></table>
</div> </div>
<div class="p"> <div class="p">
<div class="name">报名咨询：</div> <div class="name">报名咨询：</div>
...@@ -82,16 +94,48 @@ export default { ...@@ -82,16 +94,48 @@ export default {
} }
], ],
data: { data: {
6: { 202201: {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第6期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2021年第6期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
time: '10月30日-10月31日', time: '01月11日-01月13日',
type: 1, type: 1,
count: 100, count: 100,
addr: '线上直播', addr: '线上直播',
id: 6 id: 202201
}
} }
},
tableData: [
{
date: '1月11日',
noon: '上午',
time: '09:30-09:40',
content: '开班仪式',
lecturer: '王鑫'
},
{
date: '1月11日',
noon: '上午',
time: '09:40-11:30',
content: '任务一：认识市场营销市场、消费市场、STP',
lecturer: '马庆胜'
},
{
date: '1月11日',
noon: '下午',
time: '14:30-17:00',
content: '任务一：认识市场营销产品、价格决策、分销、促销决策',
lecturer: '马庆胜'
},
{
date: '1月12日',
noon: '上午',
time: '09:30-11:30',
content: '任务二：认识数字化营销数字化营销、数字化营销的常用触达工具、数字化营销系统',
lecturer: '马庆胜'
},
],
spanArr: [],
pos: 0
} }
}, },
computed: { computed: {
...@@ -102,8 +146,64 @@ export default { ...@@ -102,8 +146,64 @@ export default {
}, },
mounted() { mounted() {
// this.getData() // this.getData()
this.getSpanArr(this.tableData);
this.getSpanArrOne(this.tableData)
}, },
methods: { methods: {
//前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性
cellMerge({ row, column, rowIndex, columnIndex }) {
let length = this.tableData.length;
//第0列比较特殊，单独合并
if (columnIndex === 0) {
const _row = this.spanArrOne[rowIndex];
const _col = _row > 0 ? 1 : 0;
return {
rowspan: _row,
colspan: _col
};
}
//1 2列进行合并
if (columnIndex === 1) {
const _row = this.spanArr[rowIndex];
const _col = _row > 0 ? 1 : 0;
return {
rowspan: _row,
colspan: _col
};
}
},
//1 2 列合并的数据
getSpanArr(data) {
this.spanArr = []
for (var i = 0; i < data.length; i++) {
if (i === 0) {
this.spanArr.push(1);
this.pos = 0;
} else {
// 判断当前元素与上一个元素是否相同
if (data[i].name === data[i - 1].name) {
this.spanArr[this.pos] += 1; //需要合并的行数
this.spanArr.push(0); //新增被合并的行
} else {
this.spanArr.push(1);
this.pos = i; //新的需要合并的第几行数
}
}
}
},
//0列合并的数据
getSpanArrOne(data) {
this.spanArrOne = []
for (var i = 0; i < data.length; i++) {
if (i === 0) {
this.spanArrOne.push(1);
this.posOne = 0;
} else {
this.spanArrOne[this.posOne] += 1; //需要合并的行数
this.spanArrOne.push(0); //新增被合并的行
}
}
},
getData() { getData() {
action.articleAction.getArticleDetail(this.$route.query.id).then(res => { action.articleAction.getArticleDetail(this.$route.query.id).then(res => {
this.data = res.data this.data = res.data
...@@ -246,5 +346,9 @@ export default { ...@@ -246,5 +346,9 @@ export default {
line-height: 20px; line-height: 20px;
text-indent: 1.5em; text-indent: 1.5em;
} }
table{
color:#7d7d7d !important;
border-color:#7d7d7d !important;
}
} }
</style> </style>
src/pages/train/index.vue
浏览文件 @ 40e2bb6a
...@@ -58,19 +58,19 @@ export default { ...@@ -58,19 +58,19 @@ export default {
tabsContentList: [ tabsContentList: [
{ {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第6期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2022年第1期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
time: '10月30日-10月31日', time: '01月11日-01月13日',
count: 100, count: 100,
activeIndex: 1, activeIndex: 1,
id: '6' id: '202201'
}, },
{ {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第7期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2022年第2期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
time: '待定', time: '待定',
count: '待定', count: '待定',
activeIndex: 2, activeIndex: 2,
id: '7' id: '202202'
}, },
{ {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
...@@ -95,6 +95,14 @@ export default { ...@@ -95,6 +95,14 @@ export default {
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
id: '3' id: '3'
},
{
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第6期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
time: '10月30日-10月31日',
count: 100,
activeIndex: 3,
id: '6'
} }
], ],
value3: '', value3: '',
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论