Skip to content

X
xcLab
提交 6abeee07 authored 作者: zax's avatar zax
浏览文件
操作

部分修改

上级 2a130969
显示空白字符变更
内嵌 并排
正在显示 包含 127 行增加 和 20 行删除
src/services/axios.js
浏览文件 @ 6abeee07
......@@ -5,7 +5,7 @@ import baseUrl from '../../config';
// axios.defaults.withCredentials = true;
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
console.log(config)
// console.log(config)
// console.log(store.getters.getSession.session)
// config.headers.session = store.getters.getSession.session;
// 预处理请求信息（config 发出的数据） 下方是三种请求，李迪凡的
......
src/services/server.js
浏览文件 @ 6abeee07
......@@ -38,5 +38,16 @@ const server = {
method: 'get'
})
},
postModify(data) { // 项目修改
return axios('/project/modify', {
method: 'post',
data: data
})
},
getPerformanceData(id) { // 获取性能表格数据
return axios('/performance/data/' + id, {
method: 'get'
})
},
}
export default server;
src/views/qualityResult.vue
浏览文件 @ 6abeee07
......@@ -5,6 +5,9 @@
<div class="labContent-title">
<p >XC环境验证系统</p>
</div>
<div class="labContent-back">
<span class="backImg" @click="backPath"></span>
</div>
<div class="themeContent">
<div class="themeName"> <i></i> 量化体验结果页面 </div>
<div class="qualityResult-table">
......@@ -73,7 +76,11 @@ export default {
};
},
// 方法集合
methods: {},
methods: {
backPath() {
this.$router.push('/verifyEnvironment')
}
},
// 监听属性 类似于data概念
computed: {},
// 监控data中的数据变化
......@@ -178,4 +185,17 @@ export default {
.qualityResult-table >>> .el-table--striped .el-table__body tr.el-table__row--striped td {
background: #f5f8fd;
}
.qualityResult .labContent-back{
padding: 0 36px;
}
.qualityResult .backImg{
width: 25px;
height: 25px;
position: absolute;
cursor: pointer;
background-image: url('../assets/img/back.png');
}
.qualityResult .backImg:hover{
background-image: url('../assets/img/back-select.png');
}
</style>
\ No newline at end of file
src/views/testAnalysis.vue
浏览文件 @ 6abeee07
......@@ -51,8 +51,7 @@
</span>
</p>
</div>
<div class="testAnalysis-third">
<div class="testAnalysis-third" id="charts">
</div>
</div>
</div>
......@@ -63,6 +62,7 @@
<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
// 例如：import 《组件名称》 from '《组件路径》';
import echarts from 'echarts';
export default {
name: 'testAnalysis',
// import引入的组件需要注入到对象中才能使用
......@@ -99,6 +99,53 @@ export default {
},
allCheckClick() {
this.allCheck = !this.allCheck;
},
Echarts() {
let charts = echarts.init(document.getElementById('charts'));
charts.setOption({
legend: {
data: ['邮件营销', '联盟广告']
},
toolbox: {
feature: {
saveAsImage: {}
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
}
],
yAxis: [
{
type: 'value'
}
],
series: [
{
name: '邮件营销',
type: 'line',
stack: '总量',
areaStyle: {},
data: [120, 132, 101, 134, 90, 230, 210]
},
{
name: '联盟广告',
type: 'line',
stack: '总量',
areaStyle: {},
data: [220, 182, 191, 234, 290, 330, 310]
}
]
})
}
},
// 监听属性 类似于data概念
......@@ -108,7 +155,9 @@ export default {
//生命周期 - 创建完成（可以访问当前this实例）
created () {},
// 生命周期 - 挂载完成（可以访问DOM元素）
mounted () {},
mounted () {
this.Echarts();
},
// 生命周期 - 创建之前
beforeCreate () {},
// 生命周期 - 挂载之前
......@@ -205,5 +254,7 @@ export default {
.secondUl li {
height: 50px;
}
.testAnalysis .testAnalysis-third{
height: 400px;
}
</style>
\ No newline at end of file
src/views/verifyEnvironment.vue
浏览文件 @ 6abeee07
......@@ -7,17 +7,17 @@
</div>
<div class="themeContent">
<div class="themeName"> <i></i> XXX环境 </div>
<div class="themeOne">
<p class="themeOne-title"> <i></i> 环境详情 </p>
<div class="themeOne-context">
<img src="../assets/img/save.png" alt="">
<div style="width: 100px;height: 100px;">
<span id="charts-left" style="width: 100px;height: 100px;" class="chart-left"></span>
</div>
</div>
</div>
<!-- <div class="themeOne">-->
<!-- <p class="themeOne-title"> <i></i> 环境详情 </p>-->
<!-- <div class="themeOne-context">-->
<!-- <img src="../assets/img/save.png" alt="">-->
<!-- <div style="width: 100px;height: 100px;">-->
<!-- <span id="charts-left" style="width: 100px;height: 100px;" class="chart-left"></span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="themeTwo">
<p class="themeOne-title"> <i></i> 项目体验 </p>
<!-- <p class="themeOne-title"> <i></i> 项目体验 </p>-->
<div class="themeTwo-context">
<div class="threeTitle">xxx项目</div>
<div class="">
......@@ -26,7 +26,7 @@
<div class="reuseLi-top">
<i></i>
<span>{{item.name}}</span>
<a>体验</a>
<a @click="experience(item.id)">体验</a>
</div>
<div class="reuseLi-bottom">
<!--<p v-for="(item,index) in dataOne" :key="index">{{item.name}}：<span></span></p>-->
......@@ -38,7 +38,7 @@
</ul>
</div>
<div class="resultBtn">
<span >量化体检结果>></span>
<span @click="Jump">量化体检结果>></span>
</div>
</div>
</div>
......@@ -59,8 +59,9 @@ export default {
// 这里存放数据
return {
dataLi: [
{name:'体验环境1',os: '龙芯',database: 'mysql',middle: '金蝶'},
{name:'体验环境1',os: '龙芯',database: 'highgo',middle: '金蝶'}
{name:'龙芯',os: '龙芯',database: '瀚高',middle: '金蝶',id: 1},
{name:'x86',os: 'x86',database: '瀚高',middle: '金蝶',id: 2},
{name:'鲲鹏',os: '鲲鹏',database: '瀚高',middle: '金蝶',id: 3}
]
};
},
......@@ -108,6 +109,26 @@ export default {
]
});
},
// 体检结果
Jump() {
const id = 2
this.$server.getProject(id).then(res => {
// this.$server.getPerformanceData(res.data)
console.log(res)
})
// this.$router.push('/qualityResult');
},
// 体验
experience(id) {
console.log(id)
let data = {
id: 2,
techId: id
}
this.$server.postModify(data).then(res => {
console.log(res)
})
}
},
// 监听属性 类似于data概念
computed: {},
......@@ -241,6 +262,7 @@ export default {
text-align: center;
border-radius: 5px;
float: right;
cursor: pointer;
}
.reuseLi-top a:hover {
background: #4877e6;
......@@ -270,6 +292,7 @@ export default {
text-align: center;
border-radius: 5px;
margin: 40px 0 10px 0;
cursor: pointer;
}
.resultBtn span:hover {
background: #1c45a4;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论