|
@@ -20,11 +20,11 @@
|
|
|
<!-- <el-menu-item index="9">工具集合</el-menu-item> -->
|
|
|
<!-- <el-menu-item index="5" disabled>自动化</el-menu-item> -->
|
|
|
<div class="div-login">
|
|
|
- <svg-icon icon-class="yonghu"/>
|
|
|
+ <svg-icon icon-class="yonghu" />
|
|
|
<el-dropdown style="color: #ffffff" @command="handleCommand">
|
|
|
<span class="el-dropdown-link">
|
|
|
{{ username }}
|
|
|
- <i class="el-icon-arrow-down el-icon--right"/>
|
|
|
+ <i class="el-icon-arrow-down el-icon--right" />
|
|
|
</span>
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
<el-dropdown-item command="a">退出</el-dropdown-item>
|
|
@@ -71,7 +71,7 @@
|
|
|
<img style="width: 100%;z-index: -1;" src="@/assets/home_images/home.jpg">
|
|
|
</div>
|
|
|
<div id="content1"/>
|
|
|
- <div class="div-main" style="height: 600pt;width 100%;text-align: center;">
|
|
|
+ <div class="div-main" style="height: 600pt;width: 100%;text-align: center;">
|
|
|
<div style="font-size: 21pt;margin-top: 54pt;color: #333333;">功能介绍</div>
|
|
|
|
|
|
<el-card disabled shadow="hover" style="margin-left: 0;margin-top: 42pt" @click.native="handleSelect('4')">
|
|
@@ -131,51 +131,43 @@
|
|
|
<div class="div-module-introduction" />
|
|
|
</el-card> -->
|
|
|
</div>
|
|
|
- <div
|
|
|
- style="font-size: 12px; color: #FFF; height: 240px;width 100%;background-image: linear-gradient(to bottom right,#3e99fd,#1040db); text-align: center;">
|
|
|
+ <div style="font-size: 12px; color: #FFF; height: 240px;width: 100%;background-image: linear-gradient(to bottom right,#3e99fd,#1040db); text-align: center;">
|
|
|
<div style="font-size: 20px; padding: 30px 0 10px; font-weight: 600;">质惠综合测试平台</div>
|
|
|
<div style="padding: 0px 0 40px;">普惠质量技术部 效率工具FT</div>
|
|
|
- <div>流程管控-廖子君 | Mock服务-赵福贵 | 环境平台-李嘉嘉/刘青
|
|
|
- | 虚拟硬件-魏洁文 | 数据中心-王丽莎 | 自动化-陈雅琪/程如意
|
|
|
- </div>
|
|
|
- <div style="padding: 20px 0 40px;">产品设计-朱晓菲 | UI设计-余霖 |
|
|
|
- 前端-秦志鹏/王子乾 | FT负责人-叶宏钢/廖子君
|
|
|
- </div>
|
|
|
+ <div>流程管控-廖子君 | Mock服务-赵福贵 | 环境平台-李嘉嘉/刘青 | 虚拟硬件-魏洁文 | 数据中心-王丽莎 | 自动化-陈雅琪/程如意</div>
|
|
|
+ <div style="padding: 20px 0 40px;">产品设计-朱晓菲 | UI设计-余霖 | 前端-秦志鹏/王子乾 | FT负责人-叶宏钢/廖子君</div>
|
|
|
<div style="font-size: 10px;">© 2019. All Rights Reserved</div>
|
|
|
</div>
|
|
|
- <float-menu class="float-menu-home"/>
|
|
|
+ <float-menu class="float-menu-home" />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<style scoped>
|
|
|
.home-carousel {
|
|
|
width: 50%;
|
|
|
- border-top: 30px solid #f5f5f5;
|
|
|
- border-right: 30px solid #f5f5f5;
|
|
|
- border-left: 30px solid #f5f5f5;
|
|
|
+ border-top:30px solid #f5f5f5;
|
|
|
+ border-right:30px solid #f5f5f5;
|
|
|
+ border-left:30px solid #f5f5f5;
|
|
|
border-radius: 12px;
|
|
|
background: #f5f5f5;
|
|
|
}
|
|
|
|
|
|
-.el-carousel__item:nth-child(2n) {
|
|
|
- background-color: #99a9bf;
|
|
|
-}
|
|
|
-
|
|
|
-.el-carousel__item:nth-child(2n+1) {
|
|
|
- background-color: #d3dce6;
|
|
|
-}
|
|
|
+ .el-carousel__item:nth-child(2n) {
|
|
|
+ background-color: #99a9bf;
|
|
|
+ }
|
|
|
|
|
|
+ .el-carousel__item:nth-child(2n+1) {
|
|
|
+ background-color: #d3dce6;
|
|
|
+ }
|
|
|
.el-dropdown:hover {
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.logo {
|
|
|
position: absolute;
|
|
|
width: 90px;
|
|
|
left: 7.8%;
|
|
|
top: 23%;
|
|
|
}
|
|
|
-
|
|
|
div.div-login {
|
|
|
margin-top: 10px;
|
|
|
color: #ffffff;
|
|
@@ -185,7 +177,6 @@ div.div-login {
|
|
|
top: 22%;
|
|
|
right: 8.3%;
|
|
|
}
|
|
|
-
|
|
|
div.div-introduction {
|
|
|
position: absolute;
|
|
|
font-size: 37pt;
|
|
@@ -196,7 +187,6 @@ div.div-introduction {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
-
|
|
|
img.img-arrow {
|
|
|
position: absolute;
|
|
|
cursor: pointer;
|
|
@@ -204,48 +194,40 @@ img.img-arrow {
|
|
|
top: 95%;
|
|
|
left: 48.95%;
|
|
|
}
|
|
|
-
|
|
|
.enter-button {
|
|
|
margin-top: 6vh;
|
|
|
margin-right: 20px;
|
|
|
padding: 14px 10px;
|
|
|
- color: rgb(64, 158, 255);
|
|
|
+ color: rgb(64,158,255);
|
|
|
}
|
|
|
-
|
|
|
.enter-button svg {
|
|
|
margin-right: 10px;
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
-
|
|
|
.el-menu {
|
|
|
border: none;
|
|
|
height: 68px;
|
|
|
position: fixed;
|
|
|
z-index: 10;
|
|
|
}
|
|
|
-
|
|
|
.el-menu-item {
|
|
|
padding-top: 1.5pt;
|
|
|
height: 100%;
|
|
|
}
|
|
|
-
|
|
|
.is-active {
|
|
|
color: #0fe3ff !important;
|
|
|
border-color: #0fe3ff !important;
|
|
|
}
|
|
|
-
|
|
|
.el-menu-item:hover {
|
|
|
color: #0fe3ff !important;
|
|
|
background-color: transparent !important;
|
|
|
}
|
|
|
-
|
|
|
.float-menu-home {
|
|
|
position: fixed;
|
|
|
right: 10px;
|
|
|
top: 70%;
|
|
|
z-index: 10;
|
|
|
}
|
|
|
-
|
|
|
.el-card {
|
|
|
display: inline-block;
|
|
|
width: 22%;
|
|
@@ -263,23 +245,19 @@ img.img-arrow {
|
|
|
height: 60px;
|
|
|
object-fit: contain;
|
|
|
}
|
|
|
-
|
|
|
div.div-title {
|
|
|
font-size: 13.5pt;
|
|
|
color: #333333;
|
|
|
margin-top: 21pt;
|
|
|
}
|
|
|
-
|
|
|
div.div-module-introduction {
|
|
|
font-size: 10.5pt;
|
|
|
color: #999999;
|
|
|
margin-top: 7.5pt;
|
|
|
}
|
|
|
-
|
|
|
.el-card:hover {
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.el-card.expect:hover {
|
|
|
cursor: not-allowed;
|
|
|
}
|
|
@@ -290,7 +268,6 @@ img.img-arrow {
|
|
|
animation: arrow 1.5s infinite ease-in-out;
|
|
|
-webkit-animation: arrow 1.5s infinite ease-in-out;
|
|
|
}
|
|
|
-
|
|
|
@keyframes arrow {
|
|
|
0% {
|
|
|
opacity: 0;
|
|
@@ -305,7 +282,6 @@ img.img-arrow {
|
|
|
-webkit-transform: translate(0, -10px);
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
@-webkit-keyframes arrow {
|
|
|
0% {
|
|
|
opacity: 0;
|
|
@@ -323,11 +299,11 @@ img.img-arrow {
|
|
|
</style>
|
|
|
|
|
|
<script>
|
|
|
-import {mapGetters} from 'vuex'
|
|
|
+import { mapGetters } from 'vuex'
|
|
|
import FloatMenu from './floatMenu'
|
|
|
-import {logoutUrl, envUrl} from '@/apiConfig/requestIP.js'
|
|
|
-import {settingUserGetBiz} from '@/api/projectIndex'
|
|
|
-import {materialGetMaterialList} from '@/api/monthly/index.js'
|
|
|
+import { logoutUrl, envUrl, toolsUrl } from '@/apiConfig/requestIP.js'
|
|
|
+import { settingUserGetBiz } from '@/api/projectIndex'
|
|
|
+import { materialGetMaterialList } from '@/api/monthly/index.js'
|
|
|
|
|
|
export default {
|
|
|
components: {
|
|
@@ -355,7 +331,7 @@ export default {
|
|
|
mounted() {
|
|
|
this.materialGetMaterialList()
|
|
|
window.addEventListener('resize', () => {
|
|
|
- this.imgHeight = this.$refs.image[0].height || this.imgHeight
|
|
|
+ this.imgHeight = this.$refs.image[0].height
|
|
|
})
|
|
|
window.addEventListener('scroll', this.handleScroll, true)
|
|
|
window.onresize = () => {
|
|
@@ -376,10 +352,10 @@ export default {
|
|
|
this.imgHeight = this.$refs.image[0].height
|
|
|
},
|
|
|
image_carousel(e) {
|
|
|
- this.$router.push({name: '月刊详情', query: {id: e.id}})
|
|
|
+ this.$router.push({ name: '月刊详情', query: { id: e.id }})
|
|
|
},
|
|
|
async materialGetMaterialList() {
|
|
|
- const res = await materialGetMaterialList({pageSize: 5})
|
|
|
+ const res = await materialGetMaterialList({ pageSize: 5 })
|
|
|
if (res.code === 200) {
|
|
|
this.abc_img = res.data
|
|
|
}
|
|
@@ -398,32 +374,33 @@ export default {
|
|
|
window.open(envUrl, '_self')
|
|
|
break
|
|
|
case '2':
|
|
|
- this.$router.push({name: 'Interface'})
|
|
|
+ this.$router.push({ name: 'Interface' })
|
|
|
break
|
|
|
case '3':
|
|
|
- this.$router.push({name: 'jar包管理'})
|
|
|
+ this.$router.push({ name: 'jar包管理' })
|
|
|
break
|
|
|
case '4' :
|
|
|
if (!this.bizId || this.bizId === -1) {
|
|
|
- this.$router.push({name: '业务线选择'})
|
|
|
+ this.$router.push({ name: '业务线选择' })
|
|
|
} else {
|
|
|
- this.$router.push({name: '项目'})
|
|
|
+ this.$router.push({ name: '项目' })
|
|
|
}
|
|
|
break
|
|
|
case '6':
|
|
|
- this.$router.push({name: '单车'})
|
|
|
+ this.$router.push({ name: '单车' })
|
|
|
break
|
|
|
case '7':
|
|
|
- this.$router.push({name: '上线质检'})
|
|
|
+ this.$router.push({ name: '上线质检' })
|
|
|
break
|
|
|
case '8':
|
|
|
- this.$router.push({name: '统计分析'})
|
|
|
+ this.$router.push({ name: '统计分析' })
|
|
|
break
|
|
|
case '9':
|
|
|
- this.$router.push({name: 'Interface'})
|
|
|
+ // this.$router.push({ name: 'Interface' })
|
|
|
+ window.open(toolsUrl, '_self')
|
|
|
break
|
|
|
case '10':
|
|
|
- this.$router.push({name: '测试用例'})
|
|
|
+ this.$router.push({ name: '测试用例' })
|
|
|
break
|
|
|
}
|
|
|
},
|