ClientApps/pqs-9100_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

自动检测/手动检测页面

Browse Source
This commit is contained in:
zhujiyan
2024-10-10 17:47:55 +08:00
parent 507ea137e4
commit e060939bc1
30 changed files with 3176 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
frontend/src/views/home/tabs/model.vue
View File

@@ -1,34 +1,31 @@
<!-- 模式切换页面 -->
<template>
<div class="main">
<div
class="main_container"
:style="{
height: authStore.showMenuFlag
? 'calc(100vh - 165px)'
: 'calc(100vh - 125px)',
}"
>
<div class="mode" v-for="(item, index) in modeList" :key="index">
<div class="mode_top">
<div class="mode_name">
<p>
{{ item.name }}
</p>
</div>
<div class="test_button">
<el-button
size="small"
type="primary"
@click="handelOpen(item.isActive)"
:disabled="item.isActive==false">进入检测</el-button
>
</div>
<div class="main_container">
<!-- :style="{
height: authStore?.showMenuFlag
? 'calc(100vh - 165px)'
: 'calc(100vh - 125px)',
}" -->
<div class="mode" v-for="(item, index) in modeList" :key="index">
<div class="mode_top">
<div class="mode_name">
<p>
{{ item.name }}
</p>
</div>
<div class="mode_img">
<img :src="item.img" />
<div class="test_button">
<el-button
size="small"
type="primary"
@click="handelOpen(item.isActive)"
:disabled="item.isActive == false"
>进入检测</el-button
>
</div>
</div>
<div class="mode_img">
<img :src="item.img" />
</div>
</div>
</div>
</template>
@@ -81,7 +78,8 @@ onMounted(() => {
<style lang="scss" scoped>
.main_container {
width: 100%;
height: calc(100vh - 165px);
// height: calc(100vh - 165px);
height: 100%;
// overflow-y: auto;
display: flex;
justify-content: space-between;
@@ -89,19 +87,16 @@ onMounted(() => {
align-items: center;
// padding: 20px 2%;
.mode {
// width: 31.5%;
// height: 100%;
flex: none;
margin-top: 3px;
width: 32.5%;
height: 100% !important;
height: 99.5% !important;
border: 1px solid #eee;
display: flex;
flex-direction: column;
align-items: center;
// justify-content: space-around;
background: #fff;
border-radius: 6px;
// margin-bottom: 20px;
background: linear-gradient(
180deg,
rgba(0, 153, 255, 1) 0%,