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 = [ ...@@ -31,7 +31,7 @@ const routes = [
path: '/', path: '/',
name: 'Home', name: 'Home',
component: Home, component: Home,
redirect: '/labSystem', redirect: '/verifyEnvironment',
children: [ children: [
{ {
path: '/labSystem', path: '/labSystem',
......
src/views/qualityResult.vue
浏览文件 @ 6fc35750
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<span class="backImg" @click="backPath"></span> <span class="backImg" @click="backPath"></span>
</div> </div>
<div class="themeContent"> <div class="themeContent">
<div class="themeName"> <i></i> 量化体验结果页面 </div> <div class="themeName"> <i></i> 量化体验结果 </div>
<div class="qualityResult-table"> <div class="qualityResult-table">
<el-table <el-table
border border
...@@ -17,27 +17,33 @@ ...@@ -17,27 +17,33 @@
:data="tableData" :data="tableData"
style="width: 100%"> style="width: 100%">
<el-table-column <el-table-column
prop="date" prop="name"
align="center" align="center"
label="体验项" label="体验项"
width="180"> width="180">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="name" prop="last"
align="center" align="center"
label="上次操作(技术路线)" label="上次操作(技术路线)"
width="180"> width="180">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="address" prop="avg.1"
align="center" align="center"
label="技术路线1"> label="技术路线1">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="address" prop="avg.2"
align="center" align="center"
label="技术路线2"> label="技术路线2">
</el-table-column> </el-table-column>
<el-table-column
prop="avg.3"
align="center"
label="技术路线3">
</el-table-column>
</el-table> </el-table>
</div> </div>
</div> </div>
...@@ -56,23 +62,7 @@ export default { ...@@ -56,23 +62,7 @@ export default {
data () { data () {
// 这里存放数据 // 这里存放数据
return { return {
tableData: [{ 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 弄'
}]
}; };
}, },
// 方法集合 // 方法集合
...@@ -88,7 +78,10 @@ export default { ...@@ -88,7 +78,10 @@ export default {
//生命周期 - 创建完成（可以访问当前this实例） //生命周期 - 创建完成（可以访问当前this实例）
created () {}, created () {},
// 生命周期 - 挂载完成（可以访问DOM元素） // 生命周期 - 挂载完成（可以访问DOM元素）
mounted () {}, mounted () {
console.log(JSON.parse(sessionStorage.getItem("tableData")))
this.tableData = JSON.parse(sessionStorage.getItem("tableData"))
},
// 生命周期 - 创建之前 // 生命周期 - 创建之前
beforeCreate () {}, beforeCreate () {},
// 生命周期 - 挂载之前 // 生命周期 - 挂载之前
...@@ -168,6 +161,18 @@ export default { ...@@ -168,6 +161,18 @@ export default {
.qualityResult-table >>> .el-table_1_column_3 { .qualityResult-table >>> .el-table_1_column_3 {
border-right: none; 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 { .qualityResult-table >>> .el-table th, .el-table tr {
height: 70px; height: 70px;
} }
......
src/views/testAnalysis.vue
浏览文件 @ 6fc35750
...@@ -43,7 +43,8 @@ ...@@ -43,7 +43,8 @@
<li @click="allCheckClick" class="allCheck"> <i :class="{ allcheckImg:allCheck === true}" ></i> 全选</li> <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"> <li class="testLi" style="height: 50px;" v-for="(item, index) in checkList" :key="index">
<div class="testLi-text"> <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> <span class="" :title="item.name">{{item.name}}</span>
</div> </div>
</li> </li>
...@@ -81,11 +82,11 @@ export default { ...@@ -81,11 +82,11 @@ export default {
}], }],
valueDate: '', valueDate: '',
checkList: [ // 全选 选择 checkList: [ // 全选 选择
{name: '技术路线1'}, {name: '技术路线1',id: '1'},
{name: '技术路线2'}, {name: '技术路线2',id: '2'},
{name: '技术路线3'}, {name: '技术路线3',id: '3'},
{name: '技术路线4'}, {name: '技术路线4',id: '4'},
{name: '技术路线5'}, {name: '技术路线5',id: '5'},
], ],
checkImg: -1, checkImg: -1,
allCheck: false allCheck: false
...@@ -95,10 +96,33 @@ export default { ...@@ -95,10 +96,33 @@ export default {
methods: { methods: {
tickClick(item,index) { tickClick(item,index) {
console.log(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() { allCheckClick() {
this.allCheck = !this.allCheck; this.allCheck = !this.allCheck;
for (let i = 0; i < this.checkList.length; i++) {
this.checkList[i].checkImg = this.allCheck;
}
}, },
Echarts() { Echarts() {
let charts = echarts.init(document.getElementById('charts')); let charts = echarts.init(document.getElementById('charts'));
......
src/views/verifyEnvironment.vue
浏览文件 @ 6fc35750
...@@ -68,55 +68,57 @@ export default { ...@@ -68,55 +68,57 @@ export default {
// 方法集合 // 方法集合
methods: { methods: {
// 画最左边的echarts // 画最左边的echarts
drawLeft() { // drawLeft() {
// 基于准备好的dom，初始化echarts实例 // // 基于准备好的dom，初始化echarts实例
let LeftChart = this.$echarts.init(document.getElementById("charts-left")); // let LeftChart = this.$echarts.init(document.getElementById("charts-left"));
// 绘制图表 // // 绘制图表
LeftChart.setOption({ // LeftChart.setOption({
tooltip: { // tooltip: {
trigger: 'item', // trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)' // formatter: '{a} <br/>{b}: {c} ({d}%)'
}, // },
legend: { // legend: {
orient: 'vertical', // orient: 'vertical',
left: 10, // left: 10,
data: ['直接访问',] // data: ['直接访问',]
}, // },
series: [ // series: [
{ // {
name: '访问来源', // name: '访问来源',
type: 'pie', // type: 'pie',
radius: ['50%', '70%'], // radius: ['50%', '70%'],
avoidLabelOverlap: false, // avoidLabelOverlap: false,
label: { // label: {
show: false, // show: false,
position: 'center' // position: 'center'
}, // },
emphasis: { // emphasis: {
label: { // label: {
show: true, // show: true,
fontSize: '30', // fontSize: '30',
fontWeight: 'bold' // fontWeight: 'bold'
} // }
}, // },
labelLine: { // labelLine: {
show: false // show: false
}, // },
data: [ // data: [
{value: 335, name: '直接访问'}, // {value: 335, name: '直接访问'},
] // ]
} // }
] // ]
}); // });
}, // },
// 体检结果 // 体检结果
Jump() { Jump() {
const id = 2 // 项目id const id = 2 // 项目id
this.$server.getProject(id).then(res => { // 获取项目详情 this.$server.getProject(id).then(res => { // 获取项目详情
console.log(res)
this.$server.getPerformanceData(res.data.techId).then(res => { // 根据项目techID获取性能表格数据 this.$server.getPerformanceData(res.data.techId).then(res => { // 根据项目techID获取性能表格数据
console.log(res) console.log(res)
sessionStorage.setItem('tableData', JSON.stringify(res.data)) // 存储表格数据 sessionStorage.setItem('tableData', JSON.stringify(res.data)) // 存储表格数据
this.$router.push('/qualityResult'); // 跳转表格 this.$router.push('/qualityResult'); // 跳转表格
console.log(JSON.parse(sessionStorage.getItem("tableData")))
}) })
}) })
}, },
...@@ -128,6 +130,7 @@ export default { ...@@ -128,6 +130,7 @@ export default {
} }
this.$server.postModify(data).then(res => { // 传输每次体验系统id this.$server.postModify(data).then(res => { // 传输每次体验系统id
console.log(res) console.log(res)
window.open('https://www.baidu.com/', '_blank').location;
}) })
} }
}, },
...@@ -139,7 +142,7 @@ export default { ...@@ -139,7 +142,7 @@ export default {
created () {}, created () {},
// 生命周期 - 挂载完成（可以访问DOM元素） // 生命周期 - 挂载完成（可以访问DOM元素）
mounted () { mounted () {
this.drawLeft(); // this.drawLeft();
}, },
// 生命周期 - 创建之前 // 生命周期 - 创建之前
beforeCreate () {}, beforeCreate () {},
...@@ -238,7 +241,7 @@ export default { ...@@ -238,7 +241,7 @@ export default {
} }
.threeTitle { .threeTitle {
color: #3a8ee6; color: #3a8ee6;
border-bottom: 4px solid #3a8ee6; border-bottom: 4px solid #f5f8fd;
padding-bottom: 16px; padding-bottom: 16px;
font-weight: bold; font-weight: bold;
} }
...@@ -276,12 +279,17 @@ export default { ...@@ -276,12 +279,17 @@ export default {
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
} }
.reuseLi-bottom p {
line-height: 37px;
}
.reuseLi-bottom p span { .reuseLi-bottom p span {
display: inline-block; display: inline-block;
width: 170px; width: 170px;
border: 1px solid #eaf1ff; border: 1px solid #eaf1ff;
height: 35px; height: 35px;
margin-bottom: -13px; margin-bottom: -13px;
padding-left: 18px;
background: #f5f8fd;
} }
.resultBtn span { .resultBtn span {
display: inline-block; display: inline-block;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论