This commit is contained in:
commit
4c483c2982
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
ref="chart"
|
ref="chart"
|
||||||
style="width: 100%; height: calc(100% - 46px); min-height: 250px"
|
style="width: 100%; height: 350px"
|
||||||
></div>
|
></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
ref="chart"
|
ref="chart"
|
||||||
style="width: 100%; height: calc(100% - 46px); min-height: 215px"
|
style="width: 100%; height: 250px"
|
||||||
></div>
|
></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
ref="chart"
|
ref="chart"
|
||||||
style="width: 100%; height: calc(100% - 60px); min-height: 320px"
|
style="width: 100%;height: 450px"
|
||||||
></div>
|
></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div ref="chart" style="width: 100%; height: calc(100% - 46px);min-height:205px;"></div>
|
<div ref="chart" style="width: 100%;height:230px;"></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup >
|
<script setup >
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
ref="chart"
|
ref="chart"
|
||||||
style="width: 100%; height: calc(100% - 36px); min-height: 205px"
|
style="width: 100%;height: 330px"
|
||||||
></div>
|
></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div ref="chart" style="width: 100%; height: calc(100% - 46px);min-height:165px;"></div>
|
<div ref="chart" style="width: 100%; height:230px;"></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup >
|
<script setup >
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div ref="chart" style="width: 100%; height: calc(100% - 46px);min-height:165px;"></div>
|
<div ref="chart" style="width: 100%; height:230px;"></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup >
|
<script setup >
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div ref="chart" style="width: 100%; height:250px;"></div>
|
<div ref="chart" style="width: 100%;height:250px;"></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup >
|
<script setup >
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div ref="chart" style="width: 100%; height: calc(100% - 46px);min-height:205px;"></div>
|
<div ref="chart" style="width: 100%;height:250px;"></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup >
|
<script setup >
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div ref="chart" style="width: 100%; height:300px;"></div>
|
<div ref="chart" style="width: 100%;height:280px;"></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup >
|
<script setup >
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div ref="chart" style="width: 100%; height: calc(100% - 46px);min-height:205px;"></div>
|
<div ref="chart" style="width: 100%;height:280px;"></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup >
|
<script setup >
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div ref="chart" style="width: 100%; height: calc(100% - 46px);min-height:205px;"></div>
|
<div ref="chart" style="width: 100%; height:250px;"></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup >
|
<script setup >
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div ref="chart" style="width: 100%; height: calc(100% - 56px);min-height:250px;"></div>
|
<div ref="chart" style="width: 100%; height:430px;"></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div ref="chart" style="width: 340px;height: calc(100% - 38px)"></div>
|
<div ref="chart" style="width: 340px;height:250px"></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
ref="chart"
|
ref="chart"
|
||||||
style="width: 100%; height: calc(100% - 46px); min-height: 150px"
|
style="width: 100%; height: 260px"
|
||||||
></div>
|
></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -720,7 +720,7 @@ onBeforeMount(() => {
|
||||||
// background-size: 100% 100%;
|
// background-size: 100% 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 98%;
|
width: 98%;
|
||||||
height: 36px;
|
height: 42px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
|
|
|
@ -15,51 +15,6 @@ import Header from "../components/header.vue";
|
||||||
|
|
||||||
import { ref, onMounted, onBeforeMount } from "vue";
|
import { ref, onMounted, onBeforeMount } from "vue";
|
||||||
|
|
||||||
// 监听缩放
|
|
||||||
// window.addEventListener("resize", () =>
|
|
||||||
// setTimeout(function () {
|
|
||||||
// //监测分辨率发生改变就对页面进行刷新,可以改变zoom的值
|
|
||||||
// location.reload();
|
|
||||||
// // bodyScale();
|
|
||||||
// }, 10)
|
|
||||||
// );
|
|
||||||
|
|
||||||
// const insertCss = (select, styles) => {
|
|
||||||
// console.log(styles);
|
|
||||||
// if (document.styleSheets.length === 0) {
|
|
||||||
// //如果没有style标签,则创建一个style标签
|
|
||||||
// var style = document.createElement("style");
|
|
||||||
// document.head.appendChild(style);
|
|
||||||
// }
|
|
||||||
// var styleSheet = document.styleSheets[document.styleSheets.length - 1]; //如果有style 标签.则插入到最后一个style标签中
|
|
||||||
// var str = select + " {"; //插入的内容必须是字符串,所以得把obj转化为字符串
|
|
||||||
// for (var prop in styles) {
|
|
||||||
// str +=
|
|
||||||
// prop.replace(/([A-Z])/g, function (item) {
|
|
||||||
// //使用正则把大写字母替换成 '-小写字母'
|
|
||||||
// return "-" + item.toLowerCase();
|
|
||||||
// }) +
|
|
||||||
// ":" +
|
|
||||||
// styles[prop] +
|
|
||||||
// ";";
|
|
||||||
// }
|
|
||||||
// str += "}";
|
|
||||||
// styleSheet.insertRule(str, styleSheet.cssRules.length); //插入样式到最后一个style标签中的最后面
|
|
||||||
// };
|
|
||||||
|
|
||||||
// onBeforeMount(() => {
|
|
||||||
// let zoom = document.body.clientWidth / 1920;
|
|
||||||
// document.getElementsByTagName("body")[0].style.setProperty("--zoom", zoom);
|
|
||||||
// //解决zoom放大缩小导致echarts位置偏移问题
|
|
||||||
// let strScale = `scale(${zoom})`;
|
|
||||||
// var obj = {
|
|
||||||
// zoom: 1 / zoom,
|
|
||||||
// transform: strScale,
|
|
||||||
// transformOrigin: "0 0",
|
|
||||||
// };
|
|
||||||
// insertCss("canvas", obj);
|
|
||||||
// });
|
|
||||||
|
|
||||||
const reset_font = () => {
|
const reset_font = () => {
|
||||||
let width = document.documentElement.clientWidth || document.body.clientWidth;
|
let width = document.documentElement.clientWidth || document.body.clientWidth;
|
||||||
let height =
|
let height =
|
||||||
|
|
|
@ -7,23 +7,23 @@
|
||||||
<img
|
<img
|
||||||
v-if="leftchoose.first == '1'"
|
v-if="leftchoose.first == '1'"
|
||||||
src="@/assets/images/hygiene/yb_1.png"
|
src="@/assets/images/hygiene/yb_1.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
v-else
|
v-else
|
||||||
src="@/assets/images/hygiene/yb_1_1.png"
|
src="@/assets/images/hygiene/yb_1_1.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
@click="change('first', '1')"
|
@click="change('first', '1')"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
v-if="leftchoose.first == '2'"
|
v-if="leftchoose.first == '2'"
|
||||||
src="@/assets/images/hygiene/yb_2.png"
|
src="@/assets/images/hygiene/yb_2.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
v-else
|
v-else
|
||||||
src="@/assets/images/hygiene/yb_1_1.png"
|
src="@/assets/images/hygiene/yb_1_1.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
@click="change('first', '2')"
|
@click="change('first', '2')"
|
||||||
/>
|
/>
|
||||||
</span>
|
</span>
|
||||||
|
@ -147,7 +147,7 @@ const change = (name, index) => {
|
||||||
// background-size: 100% 100%;
|
// background-size: 100% 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 94%;
|
width: 94%;
|
||||||
height: 36px;
|
height: 42px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
|
@ -159,7 +159,10 @@ const change = (name, index) => {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 5px;
|
right: 5px;
|
||||||
top: 3px;
|
top: 1px;
|
||||||
|
}
|
||||||
|
.c{
|
||||||
|
width: 130px; height: 42px; cursor: pointer
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -608,7 +611,7 @@ const change = (name, index) => {
|
||||||
background-image: url(@/assets/images/hygiene/xia.png);
|
background-image: url(@/assets/images/hygiene/xia.png);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
margin: 0px auto;
|
margin: 60px auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-top: 80px;
|
margin-top: 80px;
|
||||||
|
@ -653,12 +656,12 @@ const change = (name, index) => {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
width: 95%;
|
width: 95%;
|
||||||
height: 200px;
|
height: 240px;
|
||||||
// height: calc(100% - 115px);
|
|
||||||
// background: red;
|
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
|
width: 98%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
padding: 16px 20px;
|
padding: 16px 20px;
|
||||||
|
|
|
@ -7,23 +7,23 @@
|
||||||
<img
|
<img
|
||||||
v-if="leftchoose.first == '1'"
|
v-if="leftchoose.first == '1'"
|
||||||
src="@/assets/images/ylbx_1.png"
|
src="@/assets/images/ylbx_1.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
v-else
|
v-else
|
||||||
src="@/assets/images/ylbx_1_1.png"
|
src="@/assets/images/ylbx_1_1.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
@click="change('first', '1')"
|
@click="change('first', '1')"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
v-if="leftchoose.first == '2'"
|
v-if="leftchoose.first == '2'"
|
||||||
src="@/assets/images/ylbx_1.png"
|
src="@/assets/images/ylbx_1.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
v-else
|
v-else
|
||||||
src="@/assets/images/ylbx_2_1.png"
|
src="@/assets/images/ylbx_2_1.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
@click="change('first', '2')"
|
@click="change('first', '2')"
|
||||||
/>
|
/>
|
||||||
</span>
|
</span>
|
||||||
|
@ -37,23 +37,23 @@
|
||||||
<img
|
<img
|
||||||
v-if="leftchoose.second == '1'"
|
v-if="leftchoose.second == '1'"
|
||||||
src="@/assets/images/gllrbt_1.png"
|
src="@/assets/images/gllrbt_1.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
v-else
|
v-else
|
||||||
src="@/assets/images/gllrbt_1_1.png"
|
src="@/assets/images/gllrbt_1_1.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
@click="change('second', '1')"
|
@click="change('second', '1')"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
v-if="leftchoose.second == '2'"
|
v-if="leftchoose.second == '2'"
|
||||||
src="@/assets/images/gllrbt_1.png"
|
src="@/assets/images/gllrbt_1.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
v-else
|
v-else
|
||||||
src="@/assets/images/gllrbt_2_1.png"
|
src="@/assets/images/gllrbt_2_1.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
@click="change('second', '2')"
|
@click="change('second', '2')"
|
||||||
/>
|
/>
|
||||||
</span>
|
</span>
|
||||||
|
@ -67,23 +67,23 @@
|
||||||
<img
|
<img
|
||||||
v-if="leftchoose.third == '1'"
|
v-if="leftchoose.third == '1'"
|
||||||
src="@/assets/images/tkjz_1.png"
|
src="@/assets/images/tkjz_1.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
v-else
|
v-else
|
||||||
src="@/assets/images/tkjz_1_1.png"
|
src="@/assets/images/tkjz_1_1.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
@click="change('third', '1')"
|
@click="change('third', '1')"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
v-if="leftchoose.third == '2'"
|
v-if="leftchoose.third == '2'"
|
||||||
src="@/assets/images/tkjz_1.png"
|
src="@/assets/images/tkjz_1.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
v-else
|
v-else
|
||||||
src="@/assets/images/tkjz_2_1.png"
|
src="@/assets/images/tkjz_2_1.png"
|
||||||
style="width: 130px; height: 30px; cursor: pointer"
|
class="c"
|
||||||
@click="change('third', '2')"
|
@click="change('third', '2')"
|
||||||
/>
|
/>
|
||||||
</span>
|
</span>
|
||||||
|
@ -224,7 +224,7 @@ const change = (name, index) => {
|
||||||
// background-size: 100% 100%;
|
// background-size: 100% 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 94%;
|
width: 94%;
|
||||||
height: 36px;
|
height: 42px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
|
@ -236,7 +236,12 @@ const change = (name, index) => {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 5px;
|
right: 5px;
|
||||||
top: 3px;
|
top: 1px;
|
||||||
|
}
|
||||||
|
.c {
|
||||||
|
width: 130px;
|
||||||
|
height: 42px;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -292,8 +297,8 @@ const change = (name, index) => {
|
||||||
position: relative;
|
position: relative;
|
||||||
span {
|
span {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 4.5vh;
|
left: 45px;
|
||||||
top: 8vh;
|
top: 70px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
|
Loading…
Reference in New Issue