Skip to content

X
xcLab
提交 6fc35750 authored 作者: Your Name's avatar Your Name
浏览文件
操作

环境验证完成

上级 205a9b0e
隐藏空白字符变更
内嵌 并排
正在显示 包含 111 行增加 和 74 行删除
src/router/index.js
浏览文件 @ 6fc35750
......@@ -31,7 +31,7 @@ const routes = [
path: '/',
name: 'Home',
component: Home,
redirect: '/labSystem',
redirect: '/verifyEnvironment',
children: [
{
path: '/labSystem',
......
src/views/qualityResult.vue
浏览文件 @ 6fc35750
......@@ -9,7 +9,7 @@
<span class="backImg" @click="backPath"></span>
</div>
<div class="themeContent">
<div class="themeName"> <i></i> 量化体验结果页面 </div>
<div class="themeName"> <i></i> 量化体验结果 </div>
<div class="qualityResult-table">
<el-table
border
......@@ -17,27 +17,33 @@
:data="tableData"
style="width: 100%">
<el-table-column
prop="date"
prop="name"
align="center"
label="体验项"
width="180">
</el-table-column>
<el-table-column
prop="name"
prop="last"
align="center"
label="上次操作(技术路线)"
width="180">
</el-table-column>
<el-table-column
prop="address"
prop="avg.1"
align="center"
label="技术路线1">
</el-table-column>
<el-table-column
prop="address"
prop="avg.2"
align="center"
label="技术路线2">
</el-table-column>
<el-table-column
prop="avg.3"
align="center"
label="技术路线3">
</el-table-column>
</el-table>
</div>
</div>
......@@ -56,23 +62,7 @@ export default {
data () {
// 这里存放数据
return {
tableData: [{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
}, {
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}, {
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}]
tableData: []
};
},
// 方法集合
......@@ -88,7 +78,10 @@ export default {
//生命周期 - 创建完成（可以访问当前this实例）
created () {},
// 生命周期 - 挂载完成（可以访问DOM元素）
mounted () {},
mounted () {
console.log(JSON.parse(sessionStorage.getItem("tableData")))
this.tableData = JSON.parse(sessionStorage.getItem("tableData"))
},
// 生命周期 - 创建之前
beforeCreate () {},
// 生命周期 - 挂载之前
......@@ -168,6 +161,18 @@ export default {
.qualityResult-table >>> .el-table_1_column_3 {
border-right: none;
}
.qualityResult-table >>> .el-table_2_column_5 {
border-right: none;
}
.qualityResult-table >>> .el-table_2_column_6 {
border-right: none;
}
.qualityResult-table >>> .el-table_2_column_7 {
border-right: none;
}
.qualityResult-table >>> .is-center {
border-right: none;
}
.qualityResult-table >>> .el-table th, .el-table tr {
height: 70px;
}
......
src/views/testAnalysis.vue
浏览文件 @ 6fc35750
......@@ -43,7 +43,8 @@
<li @click="allCheckClick" class="allCheck"> <i :class="{ allcheckImg:allCheck === true}" ></i> 全选</li>
<li class="testLi" style="height: 50px;" v-for="(item, index) in checkList" :key="index">
<div class="testLi-text">
<span :class="{'checkImg': checkImg === index,}" class="tickCheck" @click="tickClick(item,index)"></span>
<!--:class="[checkImg === true ? 'checkImg':''] " -->
<span :class="[checkImg !== item.id? 'checkImg':''] " class="tickCheck" @click="tickClick(item,index)"></span>
<span class="" :title="item.name">{{item.name}}</span>
</div>
</li>
......@@ -81,11 +82,11 @@ export default {
}],
valueDate: '',
checkList: [ // 全选 选择
{name: '技术路线1'},
{name: '技术路线2'},
{name: '技术路线3'},
{name: '技术路线4'},
{name: '技术路线5'},
{name: '技术路线1',id: '1'},
{name: '技术路线2',id: '2'},
{name: '技术路线3',id: '3'},
{name: '技术路线4',id: '4'},
{name: '技术路线5',id: '5'},
],
checkImg: -1,
allCheck: false
......@@ -95,10 +96,33 @@ export default {
methods: {
tickClick(item,index) {
console.log(item,index)
this.checkImg = index
// if(this.checkImg !== -1){
// this.checkImg = !this.checkImg
// }
this.checkImg = !this.checkImg
// this.checkList[index].checkImg = !this.checkList[index].checkImg;
// // 循环数组，只要有一项没被选中，即全选按钮就不会被修改为选中状态
// for (let i = 0; i < this.checkList.length; i++) {
// if (this.checkList[i].checkImg == false) {
// this.allCheck = false;
// break;
// }
// }
// 如果，一直循环到i等于数组长度还没出发break，即所有选项状态均为true，此时此刻就应该把全选按钮
// 修改为全选状态
// if (i == this.checkList.length) {
// this.allCheck = true;
// }
},
allCheckClick() {
this.allCheck = !this.allCheck;
for (let i = 0; i < this.checkList.length; i++) {
this.checkList[i].checkImg = this.allCheck;
}
},
Echarts() {
let charts = echarts.init(document.getElementById('charts'));
......
src/views/verifyEnvironment.vue
浏览文件 @ 6fc35750
......@@ -68,55 +68,57 @@ export default {
// 方法集合
methods: {
// 画最左边的echarts
drawLeft() {
// 基于准备好的dom，初始化echarts实例
let LeftChart = this.$echarts.init(document.getElementById("charts-left"));
// 绘制图表
LeftChart.setOption({
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)'
},
legend: {
orient: 'vertical',
left: 10,
data: ['直接访问',]
},
series: [
{
name: '访问来源',
type: 'pie',
radius: ['50%', '70%'],
avoidLabelOverlap: false,
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: '30',
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: [
{value: 335, name: '直接访问'},
]
}
]
});
},
// drawLeft() {
// // 基于准备好的dom，初始化echarts实例
// let LeftChart = this.$echarts.init(document.getElementById("charts-left"));
// // 绘制图表
// LeftChart.setOption({
// tooltip: {
// trigger: 'item',
// formatter: '{a} <br/>{b}: {c} ({d}%)'
// },
// legend: {
// orient: 'vertical',
// left: 10,
// data: ['直接访问',]
// },
// series: [
// {
// name: '访问来源',
// type: 'pie',
// radius: ['50%', '70%'],
// avoidLabelOverlap: false,
// label: {
// show: false,
// position: 'center'
// },
// emphasis: {
// label: {
// show: true,
// fontSize: '30',
// fontWeight: 'bold'
// }
// },
// labelLine: {
// show: false
// },
// data: [
// {value: 335, name: '直接访问'},
// ]
// }
// ]
// });
// },
// 体检结果
Jump() {
const id = 2 // 项目id
this.$server.getProject(id).then(res => { // 获取项目详情
console.log(res)
this.$server.getPerformanceData(res.data.techId).then(res => { // 根据项目techID获取性能表格数据
console.log(res)
sessionStorage.setItem('tableData', JSON.stringify(res.data)) // 存储表格数据
this.$router.push('/qualityResult'); // 跳转表格
console.log(JSON.parse(sessionStorage.getItem("tableData")))
})
})
},
......@@ -128,6 +130,7 @@ export default {
}
this.$server.postModify(data).then(res => { // 传输每次体验系统id
console.log(res)
window.open('https://www.baidu.com/', '_blank').location;
})
}
},
......@@ -139,7 +142,7 @@ export default {
created () {},
// 生命周期 - 挂载完成（可以访问DOM元素）
mounted () {
this.drawLeft();
// this.drawLeft();
},
// 生命周期 - 创建之前
beforeCreate () {},
......@@ -238,7 +241,7 @@ export default {
}
.threeTitle {
color: #3a8ee6;
border-bottom: 4px solid #3a8ee6;
border-bottom: 4px solid #f5f8fd;
padding-bottom: 16px;
font-weight: bold;
}
......@@ -276,12 +279,17 @@ export default {
justify-content: space-around;
align-items: center;
}
.reuseLi-bottom p {
line-height: 37px;
}
.reuseLi-bottom p span {
display: inline-block;
width: 170px;
border: 1px solid #eaf1ff;
height: 35px;
margin-bottom: -13px;
padding-left: 18px;
background: #f5f8fd;
}
.resultBtn span {
display: inline-block;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论