部分修改

src/services/axios.js

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

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

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

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

@@ -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;