hcj
7 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