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-08-27 18:46:35 +08:00
parent 29093ef19c
commit 0a5bef1407
2 changed files with 72 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/views/home/components/table.vue
View File

@@ -50,7 +50,7 @@ import {
CirclePlus,
Delete,
EditPen,
Download,
Download,
Upload,
View,
Refresh,
@@ -61,8 +61,8 @@ const router = useRouter();
const value1 = ref("");
const value2 = ref("");
const tableHeight = ref(0);
console.log(window.innerHeight,"+++++++++");
tableHeight.value = window.innerHeight-700;
console.log(window.innerHeight, "+++++++++");
tableHeight.value = window.innerHeight - 730;
// 跳转详情页
const toDetail = () => {

136
frontend/src/views/home/tabs/dashboard.vue
View File

@@ -6,6 +6,75 @@
</div>
<!-- <span class="new_span">测试scss颜色</span> -->
<div class="right_container">
<!-- 功能选择 -->
<div class="container_function">
<!-- <div class="function_title"><p>功能选择</p></div> -->
<div class="function_main">
<div
class="function_item"
:class="
item.checked ? 'function_item checked_function' : 'function_item'
"
v-for="(item, index) in tabsList"
:key="index"
@click="handleCheckFunction(index)"
>
<div class="item_img">
<img :src="item.img" alt="" />
</div>
<div class="item_text">
<p>{{ item.label }}</p>
</div>
</div>
</div>
</div>
<!-- 饼图 -->
<div class="container_charts">
<div class="charts_info">
<pie
:customData="{
title: '检测状态',
textAlign: 'right',
}"
:legendData="{
icon: 'circle',
left: 'left',
}"
:chartsData="chartsData1"
ref="pieRef1"
></pie>
</div>
<div class="charts_info">
<pie
:customData="{
title: '检测结果',
textAlign: 'right',
}"
:legendData="{
icon: 'circle',
left: 'left',
}"
:chartsData="chartsData2"
ref="pieRef2"
></pie>
</div>
<div class="charts_info">
<pie
:customData="{
title: '报告状态',
textAlign: 'right',
}"
:legendData="{
icon: 'circle',
left: 'left',
}"
:chartsData="chartsData3"
ref="pieRef3"
></pie>
</div>
</div>
<!-- 筛选条件 -->
<div class="container_title">
<el-form :model="form" label-width="80px" :inline="true">
@@ -105,73 +174,6 @@
</el-form-item>
</el-form>
</div>
<!-- 饼图 -->
<div class="container_charts">
<div class="charts_info">
<pie
:customData="{
title: '检测状态',
textAlign: 'right',
}"
:legendData="{
icon: 'circle',
left: 'left',
}"
:chartsData="chartsData1"
ref="pieRef1"
></pie>
</div>
<div class="charts_info">
<pie
:customData="{
title: '检测结果',
textAlign: 'right',
}"
:legendData="{
icon: 'circle',
left: 'left',
}"
:chartsData="chartsData2"
ref="pieRef2"
></pie>
</div>
<div class="charts_info">
<pie
:customData="{
title: '报告状态',
textAlign: 'right',
}"
:legendData="{
icon: 'circle',
left: 'left',
}"
:chartsData="chartsData3"
ref="pieRef3"
></pie>
</div>
</div>
<!-- 功能选择 -->
<div class="container_function">
<!-- <div class="function_title"><p>功能选择</p></div> -->
<div class="function_main">
<div
class="function_item"
:class="
item.checked ? 'function_item checked_function' : 'function_item'
"
v-for="(item, index) in tabsList"
:key="index"
@click="handleCheckFunction(index)"
>
<div class="item_img">
<img :src="item.img" alt="" />
</div>
<div class="item_text">
<p>{{ item.label }}</p>
</div>
</div>
</div>
</div>
<!-- 列表数据 -->
<div class="container_table">
<Table></Table>