title
This commit is contained in:
parent
73df60c7ce
commit
74db0a0231
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div
|
||||
ref="chart"
|
||||
style="width: 100%;height: 350px"
|
||||
style="width: 100%;height: 330px"
|
||||
></div>
|
||||
</template>
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div ref="chart" style="width: 100%;height:300px;"></div>
|
||||
<div ref="chart" style="width: 100%;height:280px;"></div>
|
||||
</template>
|
||||
|
||||
<script setup >
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div ref="chart" style="width: 100%;height:300px;"></div>
|
||||
<div ref="chart" style="width: 100%;height:280px;"></div>
|
||||
</template>
|
||||
|
||||
<script setup >
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div ref="chart" style="width: 100%; height:450px;"></div>
|
||||
<div ref="chart" style="width: 100%; height:430px;"></div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
|
|
@ -668,7 +668,7 @@ onBeforeMount(() => {
|
|||
// background-size: 100% 100%;
|
||||
box-sizing: border-box;
|
||||
width: 98%;
|
||||
height: 36px;
|
||||
height: 42px;
|
||||
position: relative;
|
||||
|
||||
.text {
|
||||
|
|
|
@ -15,51 +15,6 @@ import Header from "../components/header.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 = () => {
|
||||
let width = document.documentElement.clientWidth || document.body.clientWidth;
|
||||
let height =
|
||||
|
|
|
@ -7,23 +7,23 @@
|
|||
<img
|
||||
v-if="leftchoose.first == '1'"
|
||||
src="@/assets/images/hygiene/yb_1.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
/>
|
||||
<img
|
||||
v-else
|
||||
src="@/assets/images/hygiene/yb_1_1.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
@click="change('first', '1')"
|
||||
/>
|
||||
<img
|
||||
v-if="leftchoose.first == '2'"
|
||||
src="@/assets/images/hygiene/yb_2.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
/>
|
||||
<img
|
||||
v-else
|
||||
src="@/assets/images/hygiene/yb_1_1.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
@click="change('first', '2')"
|
||||
/>
|
||||
</span>
|
||||
|
@ -147,7 +147,7 @@ const change = (name, index) => {
|
|||
// background-size: 100% 100%;
|
||||
box-sizing: border-box;
|
||||
width: 94%;
|
||||
height: 36px;
|
||||
height: 42px;
|
||||
position: relative;
|
||||
|
||||
.text {
|
||||
|
@ -159,7 +159,10 @@ const change = (name, index) => {
|
|||
color: #ffffff;
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 3px;
|
||||
top: 1px;
|
||||
}
|
||||
.c{
|
||||
width: 130px; height: 42px; cursor: pointer
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -654,11 +657,11 @@ const change = (name, index) => {
|
|||
margin-top: 10px;
|
||||
width: 95%;
|
||||
height: 240px;
|
||||
// height: calc(100% - 115px);
|
||||
// background: red;
|
||||
|
||||
overflow-y: auto;
|
||||
|
||||
.item {
|
||||
width: 98%;
|
||||
box-sizing: border-box;
|
||||
margin-top: 10px;
|
||||
padding: 16px 20px;
|
||||
|
|
|
@ -7,23 +7,23 @@
|
|||
<img
|
||||
v-if="leftchoose.first == '1'"
|
||||
src="@/assets/images/ylbx_1.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
/>
|
||||
<img
|
||||
v-else
|
||||
src="@/assets/images/ylbx_1_1.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
@click="change('first', '1')"
|
||||
/>
|
||||
<img
|
||||
v-if="leftchoose.first == '2'"
|
||||
src="@/assets/images/ylbx_1.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
/>
|
||||
<img
|
||||
v-else
|
||||
src="@/assets/images/ylbx_2_1.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
@click="change('first', '2')"
|
||||
/>
|
||||
</span>
|
||||
|
@ -37,23 +37,23 @@
|
|||
<img
|
||||
v-if="leftchoose.second == '1'"
|
||||
src="@/assets/images/gllrbt_1.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
/>
|
||||
<img
|
||||
v-else
|
||||
src="@/assets/images/gllrbt_1_1.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
@click="change('second', '1')"
|
||||
/>
|
||||
<img
|
||||
v-if="leftchoose.second == '2'"
|
||||
src="@/assets/images/gllrbt_1.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
/>
|
||||
<img
|
||||
v-else
|
||||
src="@/assets/images/gllrbt_2_1.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
@click="change('second', '2')"
|
||||
/>
|
||||
</span>
|
||||
|
@ -67,23 +67,23 @@
|
|||
<img
|
||||
v-if="leftchoose.third == '1'"
|
||||
src="@/assets/images/tkjz_1.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
/>
|
||||
<img
|
||||
v-else
|
||||
src="@/assets/images/tkjz_1_1.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
@click="change('third', '1')"
|
||||
/>
|
||||
<img
|
||||
v-if="leftchoose.third == '2'"
|
||||
src="@/assets/images/tkjz_1.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
/>
|
||||
<img
|
||||
v-else
|
||||
src="@/assets/images/tkjz_2_1.png"
|
||||
style="width: 130px; height: 30px; cursor: pointer"
|
||||
class="c"
|
||||
@click="change('third', '2')"
|
||||
/>
|
||||
</span>
|
||||
|
@ -224,7 +224,7 @@ const change = (name, index) => {
|
|||
// background-size: 100% 100%;
|
||||
box-sizing: border-box;
|
||||
width: 94%;
|
||||
height: 36px;
|
||||
height: 42px;
|
||||
position: relative;
|
||||
|
||||
.text {
|
||||
|
@ -236,7 +236,12 @@ const change = (name, index) => {
|
|||
color: #ffffff;
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 3px;
|
||||
top: 1px;
|
||||
}
|
||||
.c {
|
||||
width: 130px;
|
||||
height: 42px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue