hcj
10 months ago
parent
58b001167f
commit
0b2332cc47
@ -0,0 +1,84 @@ |
|||||||
|
<template> |
||||||
|
<div class="timeLineWrap"> |
||||||
|
<div class="timeLineTitle">{{ timeLineData.time }}</div> |
||||||
|
<div class="timeLine"> |
||||||
|
<div class="line"> |
||||||
|
<div class="cycle"></div> |
||||||
|
</div> |
||||||
|
<div class="timeLineContent"> |
||||||
|
<!-- v-if="$slot.contentRow" --> |
||||||
|
<div class="timeLineContentItem" > |
||||||
|
<div class="contentRow" v-for="(ct, cIndex) in timeLineData.content" :key="cIndex"> |
||||||
|
<span>{{ ct }}</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<!-- <div class="timeLineContentItem" > |
||||||
|
<slot v-bind:row="timeLineData.content" name="contentRow"></slot> |
||||||
|
</div> --> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
/** |
||||||
|
* 数据格式 |
||||||
|
* { |
||||||
|
* time:xxxx |
||||||
|
* content:[] |
||||||
|
* } |
||||||
|
*/ |
||||||
|
|
||||||
|
export default { |
||||||
|
props: { |
||||||
|
timeLineData: Object, |
||||||
|
}, |
||||||
|
mounted(){ |
||||||
|
console.log(this.timeLineData); |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
<style scoped> |
||||||
|
.timeLineTitle { |
||||||
|
font-size: 18px; |
||||||
|
font-weight: Bold; |
||||||
|
font-family: PingFang-SC-Bold; |
||||||
|
} |
||||||
|
.timeLine { |
||||||
|
display: flex; |
||||||
|
} |
||||||
|
|
||||||
|
.line { |
||||||
|
width: 2px; |
||||||
|
margin: 0 36px; |
||||||
|
background: #1b68de; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
.line .cycle { |
||||||
|
position: absolute; |
||||||
|
left: -6px; |
||||||
|
width: 11px; |
||||||
|
top: 50%; |
||||||
|
transform: translate(0, -50%); |
||||||
|
height: 11px; |
||||||
|
border-radius: 50%; |
||||||
|
background-color: #fff; |
||||||
|
border: 2px solid #1b68de; |
||||||
|
} |
||||||
|
|
||||||
|
.timeLineContent { |
||||||
|
font-size: 16px; |
||||||
|
flex: 1; |
||||||
|
background: #f5f6f7; |
||||||
|
border-radius: 6px; |
||||||
|
} |
||||||
|
.timeLineContentItem { |
||||||
|
padding: 18px 42px 0px 42px; |
||||||
|
font-family: PingFang-SC-Bold; |
||||||
|
color: #4d4d4d; |
||||||
|
font-weight: 400; |
||||||
|
} |
||||||
|
.contentRow { |
||||||
|
padding: 0px 0 18px 0; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
<template> |
||||||
|
|
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
|
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,46 @@ |
|||||||
|
const teachTrainData = [ |
||||||
|
{ |
||||||
|
time: "8月5号", |
||||||
|
content: [ |
||||||
|
"政府、高校领导行业动态分享。" |
||||||
|
] |
||||||
|
}, |
||||||
|
{ |
||||||
|
time: "8月6号", |
||||||
|
content: [ |
||||||
|
"结合《军用软件测试指南》、《军用软件开发文档通用要求》标准解读；系统级白盒测试工具（CuttleITE）讲解及项目实操。" |
||||||
|
] |
||||||
|
}, |
||||||
|
{ |
||||||
|
time: "8月7号", |
||||||
|
content: [ |
||||||
|
"静态测试工具（EagleEye）和接口测试工具（Kinterface）讲解及项目实操。" |
||||||
|
] |
||||||
|
}, |
||||||
|
{ |
||||||
|
time: "8月8号", |
||||||
|
content: [ |
||||||
|
"编写配置项测试大纲，进行文档审查、功能测试，编写测试用例；单元测试工具检查和验证最小可测试单元。" |
||||||
|
] |
||||||
|
}, |
||||||
|
{ |
||||||
|
time: "8月9号", |
||||||
|
content: [ |
||||||
|
"配置项性能测试、边界测试、恢复性测试、安装性测试、余量测试并编写测试用例；单元文档审查、代码审查、静态分析、单元测试环境配置。" |
||||||
|
] |
||||||
|
}, |
||||||
|
{ |
||||||
|
time: "8月10号", |
||||||
|
content: [ |
||||||
|
"配置项容量测试、强度测试、人机交互界面测试、安全性测试以及测试用例编写；单元测试用例设计、执行、问题记录与处理。" |
||||||
|
] |
||||||
|
}, |
||||||
|
{ |
||||||
|
time: "8月11号", |
||||||
|
content: [ |
||||||
|
"配置项可靠性测试、兼容性测试、互操作性测试，编写项目测试用例、回归测试报告、项目测试报告；单元测试计划、说明编写、测试报告编写。" |
||||||
|
] |
||||||
|
} |
||||||
|
] |
||||||
|
|
||||||
|
export default teachTrainData |
||||||
@ -1,44 +0,0 @@ |
|||||||
.trainTime{ |
|
||||||
font-size: 18px; |
|
||||||
font-weight: Bold; |
|
||||||
font-family: PingFang-SC-Bold; |
|
||||||
} |
|
||||||
.trainContentWrap { |
|
||||||
display: flex; |
|
||||||
} |
|
||||||
.trainContentWrap .lefeLine{ |
|
||||||
width: 2px; |
|
||||||
margin: 0 36px; |
|
||||||
background: #1b68de; |
|
||||||
position: relative; |
|
||||||
} |
|
||||||
.trainContentWrap .lefeLine .throughCicle{ |
|
||||||
position: absolute; |
|
||||||
left: -6px; |
|
||||||
width: 11px; |
|
||||||
top: 50%; |
|
||||||
transform: translate(0,-50%); |
|
||||||
height: 11px; |
|
||||||
border-radius: 50%; |
|
||||||
background-color: #fff; |
|
||||||
border: 2px solid #1b68de; |
|
||||||
} |
|
||||||
.trainContentWrap .trainContentText{ |
|
||||||
font-size: 16px; |
|
||||||
flex: 1; |
|
||||||
background: #F5F6F7; |
|
||||||
border-radius: 6px; |
|
||||||
} |
|
||||||
.trainContentWrap .trainContentText .trainContentTextItem{ |
|
||||||
padding: 18px 42px 0px 42px; |
|
||||||
font-family: PingFang-SC-Bold; |
|
||||||
color: #4D4D4D; |
|
||||||
font-weight: 400; |
|
||||||
} |
|
||||||
.trainContentWrap .trainContentText .trainContentTextItem .trainContentTextrow{ |
|
||||||
padding: 0px 0 18px 0; |
|
||||||
} |
|
||||||
.trainContentWrap .trainContentText .trainContentTextItem .trainContentTextrow :first-child{ |
|
||||||
color: #1B68DE; |
|
||||||
font-weight: Bold; |
|
||||||
} |
|
||||||
@ -1,52 +0,0 @@ |
|||||||
const trainMock = [ |
|
||||||
{ |
|
||||||
time:"8月5号", |
|
||||||
content:[ |
|
||||||
"全天：政府、高校领导行业动态分享 。" |
|
||||||
] |
|
||||||
}, |
|
||||||
{ |
|
||||||
time:"8月6号", |
|
||||||
content:[ |
|
||||||
"上午：根据《军用软件测试指南》、《军用软件开发文档通用要求》标准，熟悉配置项、单元测试标准内容，以及文档编写。", |
|
||||||
"下午：系统级白盒测试（CUTTLEITE）理论知识讲解，以及项目实操。" |
|
||||||
] |
|
||||||
}, |
|
||||||
{ |
|
||||||
time:"8月7号", |
|
||||||
content:[ |
|
||||||
"上午：静态测试工具（EagleEye）知识理论讲解，以及项目实操。",
|
|
||||||
"下午：接口测试工具（Kinterface）知识理论讲解，以及项目实操。" |
|
||||||
] |
|
||||||
}, |
|
||||||
{ |
|
||||||
time:"8月8号", |
|
||||||
content:[ |
|
||||||
"上午：根据测试项目，编写项目测试大纲，在进行文档审查、功能测试，并编写项目测试用例。" , |
|
||||||
"下午：根据测试项目，通过单元测试工具对代码的最小可测试单元进行检查和验证，以确保其功能正常。" |
|
||||||
] |
|
||||||
}, |
|
||||||
{ |
|
||||||
time:"8月9号", |
|
||||||
content:[ |
|
||||||
"上午：根据测试项目，进行性能测试、边界测试、恢复性测试、安装性测试、余量测试，并编写项目测试用例。", |
|
||||||
"下午：根据测试项目，进行文档审查、代码审查、静态分析、单元测试的测试环境配置。" |
|
||||||
] |
|
||||||
}, |
|
||||||
{ |
|
||||||
time:"8月10号", |
|
||||||
content:[ |
|
||||||
"上午：根据测试项目，进行容量测试、强度测试、人机交互界面测试、安全性测试.并编写项目测试用例。",
|
|
||||||
"下午：根据测试项目，进行单元测试用例设计、单元测试的执行、问题的记录和处理。" |
|
||||||
] |
|
||||||
}, |
|
||||||
{ |
|
||||||
time:"8月11号", |
|
||||||
content:[ |
|
||||||
"上午：根据测试项目，进行可靠性测试、兼容性测试、互操作性测试，编写项目测试用例，编写项目回归测试报告、项目测试报告。",
|
|
||||||
"下午：根据测试项目，进行测试计划编写、测试说明编写、测试报告编写。" |
|
||||||
] |
|
||||||
}, |
|
||||||
] |
|
||||||
|
|
||||||
export default trainMock |
|
||||||
Loading…
Reference in new issue