删除无用的控制台打印
This commit is contained in:
hzz
parent
6722c22c72
commit
10e22d9d58
@ -147,7 +147,7 @@ function setchartWH(width: any, height: any) {
|
||||
|
||||
const dvClick = (value) => {
|
||||
// console.log(value.row[0]);
|
||||
console.log(devList.value.dom);
|
||||
// console.log(devList.value.dom);
|
||||
};
|
||||
onMounted(() => {});
|
||||
|
||||
|
||||
@ -314,7 +314,7 @@ function HeadergetWebsocket(val) {
|
||||
|
||||
if (props.alarmType.some(e=>{return e==data.type})) {
|
||||
// console.log(props.alarmType);
|
||||
console.log(props.alarmType.some(e=>{return e==data.type}));
|
||||
// console.log(props.alarmType.some(e=>{return e==data.type}));
|
||||
storeheader.changeDataList(data)
|
||||
}
|
||||
}
|
||||
|
||||
@ -63,7 +63,7 @@ export const useHeaderStore = defineStore(Names.header,{
|
||||
}else{
|
||||
this.AlarmscrollBoardList.push(val)
|
||||
}
|
||||
console.log(this.AlarmscrollBoardList,"共有这么多数据");
|
||||
// console.log(this.AlarmscrollBoardList,"共有这么多数据");
|
||||
|
||||
},
|
||||
resetData(){
|
||||
|
||||
@ -197,7 +197,7 @@ export const useAerialViewStore = defineStore(Names.AerialView, {
|
||||
//异步方法需要添加async和await
|
||||
actions: {
|
||||
setDataList(val: any) {
|
||||
console.log(val,"store");
|
||||
// console.log(val,"store");
|
||||
|
||||
this.sensorList=[]
|
||||
for (let key in val) {
|
||||
@ -267,7 +267,7 @@ export const useAerialViewStore = defineStore(Names.AerialView, {
|
||||
this.sensorList.push(res)
|
||||
});
|
||||
}
|
||||
console.log(this.iconList,"store");
|
||||
// console.log(this.iconList,"store");
|
||||
|
||||
|
||||
},
|
||||
|
||||
@ -69,7 +69,7 @@ export const useInPlantProductsStore = defineStore(Names.InPlantProducts, {
|
||||
this.newPageData.imgTip=val.imgTip
|
||||
this.newPageData.axleList=val.axleList
|
||||
this.newPageData.LedList=val.LedList
|
||||
console.log(this.newPageData.devDetail);
|
||||
// console.log(this.newPageData.devDetail);
|
||||
|
||||
// this.newPageData.devinfo.unshift({name:'设备名称',value:val.productName})
|
||||
}
|
||||
|
||||
@ -275,7 +275,7 @@ export const useMechanicsStore = defineStore(Names.Mechanics, {
|
||||
}
|
||||
|
||||
this.devstatus = newdata;
|
||||
console.log(newdata);
|
||||
// console.log(newdata);
|
||||
|
||||
},
|
||||
changeImgSrc() {
|
||||
|
||||
@ -281,7 +281,7 @@ export const useSocketStore = defineStore(Names.socket, {
|
||||
this.Pressure = val
|
||||
},
|
||||
changePipe(val) {
|
||||
console.log(val, "gengxinle ");
|
||||
// console.log(val, "gengxinle ");
|
||||
|
||||
if (this.pipe.listData.length == 0) {
|
||||
this.pipe.listData = val.listData
|
||||
|
||||
@ -191,7 +191,7 @@ export const useSocketStore = defineStore(Names.socketjixiefenchang,{
|
||||
* @函数备注:
|
||||
*/
|
||||
changeHumiture(val){
|
||||
console.log(this.humiture.Humiture);
|
||||
// console.log(this.humiture.Humiture);
|
||||
|
||||
if(this.humiture.Humiture.length==0){
|
||||
this.humiture=val
|
||||
@ -283,7 +283,7 @@ export const useSocketStore = defineStore(Names.socketjixiefenchang,{
|
||||
this.Pressure=val
|
||||
},
|
||||
changePipe(val){
|
||||
console.log(val,"gengxinle ");
|
||||
// console.log(val,"gengxinle ");
|
||||
|
||||
if(this.pipe.listData.length==0){
|
||||
this.pipe.listData=val.listData
|
||||
|
||||
@ -23,7 +23,7 @@ export function gettime(data = null) {
|
||||
|
||||
// 周日-周六(0-6) 刚好对应数字下标
|
||||
var day = time.getDay();
|
||||
console.log(getStoredLanguage());
|
||||
// console.log(getStoredLanguage());
|
||||
|
||||
if (getStoredLanguage() == 'English/USD') {
|
||||
var arr = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
|
||||
|
||||
@ -30,7 +30,7 @@ export default function useDraw() {
|
||||
// 表示更高
|
||||
scale.height = ((window.innerWidth / baseProportion) / baseHeight).toFixed(5)
|
||||
scale.width = (window.innerWidth / baseWidth).toFixed(5)
|
||||
console.log(scale.height, scale.width);
|
||||
// console.log(scale.height, scale.width);
|
||||
appRef.value.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`
|
||||
}
|
||||
}
|
||||
|
||||
@ -2310,9 +2310,6 @@ function getclickMap(x, y) {
|
||||
var intersectsMap = raycasterMap.intersectObjects(ThreeObj.scene.children);
|
||||
if (intersectsMap.length > 0) {
|
||||
var selected = intersectsMap[0]; //取第一个物体
|
||||
console.log("x坐标:" + selected.point.x);
|
||||
console.log("y坐标:" + selected.point.y);
|
||||
console.log("z坐标:" + selected.point.z);
|
||||
}
|
||||
}
|
||||
/**
|
||||
@ -2342,9 +2339,7 @@ function goPage(px, py) {
|
||||
}
|
||||
});
|
||||
}
|
||||
onMounted(() => {
|
||||
console.log(store.iconList);
|
||||
|
||||
onMounted(() => {
|
||||
//初始化场景
|
||||
ThreeObj = initThree(map.value.clientHeight, map.value.clientWidth);
|
||||
cssThreeObj = initCss3DScene(map.value.clientHeight, map.value.clientWidth);
|
||||
|
||||
@ -777,7 +777,6 @@ watch(
|
||||
watch(
|
||||
() => store.devdataList,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"设备数据");
|
||||
newVal.forEach(res=>{
|
||||
if(res.store=='机加车间'){
|
||||
MachiningDev.push(...res.value)
|
||||
|
||||
@ -74,7 +74,6 @@ watch(
|
||||
|
||||
|
||||
iconList= reactive(newVal)
|
||||
console.log();
|
||||
numkey.value++
|
||||
},
|
||||
{ deep: true, flush: "post" }
|
||||
|
||||
@ -47,7 +47,6 @@ let content = null;
|
||||
watch(
|
||||
() => props.val,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"处理");
|
||||
|
||||
data = newVal;
|
||||
content = "";
|
||||
|
||||
@ -50,9 +50,7 @@ async function getSensorInfodatafun() {
|
||||
async function deviceDistributeInMachineryFactorydatafun() {
|
||||
let result: any = await deviceDistributeInMachineryFactorydata();
|
||||
|
||||
if (result.code == 200) {
|
||||
console.log(result.data,"设备列表");
|
||||
|
||||
if (result.code == 200) {
|
||||
store.setdevList(result.data);
|
||||
}
|
||||
}
|
||||
|
||||
@ -53,7 +53,6 @@ watch(
|
||||
() => store.DeviceSensorinfo,
|
||||
(newVal, oldVal) => {
|
||||
//动态更新echarts
|
||||
console.log(newVal, "数据2");
|
||||
setdata(newVal);
|
||||
},
|
||||
{ deep: true, flush: "post" }
|
||||
@ -88,7 +87,6 @@ function reset(val: any) {
|
||||
|
||||
const remarksBox = (width: any, height: any) => {
|
||||
let a = calcWH(height, width, 1, 3, 0);
|
||||
console.log(a);
|
||||
|
||||
// a.oHeight=a.oHeight
|
||||
//修改高度
|
||||
@ -98,7 +96,6 @@ const remarksBox = (width: any, height: any) => {
|
||||
};
|
||||
|
||||
function setdata(val: any) {
|
||||
console.log(val.Timestamp-0);
|
||||
|
||||
bottomtip1.value.setData(
|
||||
reactive({name:val.name,severror:val.severror,Timestamp:val.Timestamp?gettime(val.Timestamp-0):'----.--.--',Alarlmnformation:val.Alarlmnformation})
|
||||
|
||||
@ -82,7 +82,6 @@ onMounted(() => {
|
||||
function setchartWH(width: any, height: any) {
|
||||
detailslistSize.height = height - 100 + "px";
|
||||
detailslistSize.width = width - 80 + "px";
|
||||
console.log(detailslistSize);
|
||||
|
||||
detailslistBoxSize.height = height-50 + "px";
|
||||
detailslistBoxSize.width = width+ "px";
|
||||
@ -153,7 +152,6 @@ const dvmouseleave = () => {
|
||||
};
|
||||
const dvClick = (value) => {
|
||||
// console.log(value.row[0]);
|
||||
console.log(devList.value.dom);
|
||||
};
|
||||
defineExpose({
|
||||
setchartWH,
|
||||
|
||||
@ -146,7 +146,6 @@ function setchartWH(width: any, height: any) {
|
||||
|
||||
const dvClick = (value) => {
|
||||
// console.log(value.row[0]);
|
||||
console.log(devList.value.dom);
|
||||
};
|
||||
onMounted(() => {});
|
||||
|
||||
|
||||
@ -70,7 +70,6 @@ watch(
|
||||
(newVal, oldVal) => {
|
||||
//动态更新echarts
|
||||
data.name=newVal.rackNumber
|
||||
console.log(newVal);
|
||||
|
||||
keynum.value++;
|
||||
},
|
||||
@ -86,7 +85,6 @@ function setchartWH(width: any, height: any) {
|
||||
}
|
||||
|
||||
const setData = (value: any) => {
|
||||
console.log(data);
|
||||
|
||||
data = value;
|
||||
keynum.value++;
|
||||
|
||||
@ -148,7 +148,6 @@ const dvmouseleave = () => {
|
||||
};
|
||||
const dvClick = (value) => {
|
||||
// console.log(value.row[0]);
|
||||
console.log(devList.value.dom);
|
||||
};
|
||||
const setData = (data: any, datatitle: any) => {
|
||||
title.value = datatitle;
|
||||
|
||||
@ -111,7 +111,6 @@ let {t} = useI18n();
|
||||
|
||||
const title1box=(width:any,height:any)=>{
|
||||
let a=calcWH(height,width,4,3,0)
|
||||
console.log(a,"111");
|
||||
|
||||
// a.oHeight=a.oHeight
|
||||
//修改高度
|
||||
@ -120,7 +119,6 @@ let {t} = useI18n();
|
||||
}
|
||||
const detailsBox=(width:any,height:any)=>{
|
||||
let a=calcWH(height,width,1,3,0)
|
||||
console.log(a,"222");
|
||||
// a.oHeight=a.oHeight
|
||||
//修改高度
|
||||
detailsRef.value.setchartWH(a.oWidth,a.oHeight)
|
||||
|
||||
@ -145,7 +145,6 @@ async function getprogressOfCorpsfun() {
|
||||
let result: any = await getprogressOfCorps();
|
||||
|
||||
if (result.code == 200) {
|
||||
console.log(result);
|
||||
result.data.forEach((res) => {
|
||||
if (res.deptId == "15") {
|
||||
//医防
|
||||
|
||||
@ -30,7 +30,6 @@ const echartsData = reactive<EDataPerson>({
|
||||
});
|
||||
|
||||
const setData = (value: any, type: number) => {
|
||||
console.log(value, type);
|
||||
//任务完成百分比
|
||||
let percentage = Math.floor((value.accomplish/value.counts)*100)
|
||||
|
||||
|
||||
@ -95,7 +95,6 @@ async function gatewayOfCorpsfun() {
|
||||
}
|
||||
}
|
||||
function setdata(val: any) {
|
||||
console.log(val,"ddd");
|
||||
|
||||
val.forEach((res) => {
|
||||
if (res.name == '汽车军团') {
|
||||
|
||||
@ -82,7 +82,6 @@ function getWebsocket(val) {
|
||||
// store.changenoise(data.msg)
|
||||
}
|
||||
if(data.type=="DeviceInPlant"){
|
||||
console.log(data.msg);
|
||||
store.changeDevList(data.msg)
|
||||
}
|
||||
} catch (err) {}
|
||||
|
||||
@ -654,8 +654,6 @@ function goPage(px, py) {
|
||||
});
|
||||
}
|
||||
onMounted(() => {
|
||||
console.log(store.iconList);
|
||||
|
||||
//初始化场景
|
||||
ThreeObj = initThree(map.value.clientHeight, map.value.clientWidth);
|
||||
cssThreeObj = initCss3DScene(map.value.clientHeight, map.value.clientWidth);
|
||||
|
||||
@ -777,7 +777,6 @@ watch(
|
||||
watch(
|
||||
() => store.devdataList,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"设备数据");
|
||||
newVal.forEach(res=>{
|
||||
if(res.store=='机加车间'){
|
||||
MachiningDev.push(...res.value)
|
||||
|
||||
@ -87,7 +87,6 @@ watch(
|
||||
|
||||
|
||||
iconList= reactive(newVal)
|
||||
console.log();
|
||||
numkey.value++
|
||||
},
|
||||
{ deep: true, flush: "post" }
|
||||
|
||||
@ -47,7 +47,6 @@ let content = null;
|
||||
watch(
|
||||
() => props.val,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"处理");
|
||||
|
||||
data = newVal;
|
||||
content = "";
|
||||
|
||||
@ -777,7 +777,6 @@ watch(
|
||||
watch(
|
||||
() => store.devdataList,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"设备数据");
|
||||
newVal.forEach(res=>{
|
||||
if(res.store=='机加车间'){
|
||||
MachiningDev.push(...res.value)
|
||||
|
||||
@ -89,7 +89,6 @@ watch(
|
||||
|
||||
|
||||
iconList= reactive(newVal)
|
||||
console.log();
|
||||
numkey.value++
|
||||
},
|
||||
{ deep: true, flush: "post" }
|
||||
|
||||
@ -47,8 +47,6 @@ let content = null;
|
||||
watch(
|
||||
() => props.val,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"处理");
|
||||
|
||||
data = newVal;
|
||||
content = "";
|
||||
newVal.forEach((res) => {
|
||||
|
||||
@ -612,7 +612,6 @@ function goPage(px, py) {
|
||||
});
|
||||
}
|
||||
onMounted(() => {
|
||||
console.log(store.iconList);
|
||||
|
||||
//初始化场景
|
||||
ThreeObj = initThree(map.value.clientHeight, map.value.clientWidth);
|
||||
|
||||
@ -777,7 +777,6 @@ watch(
|
||||
watch(
|
||||
() => store.devdataList,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"设备数据");
|
||||
newVal.forEach(res=>{
|
||||
if(res.store=='机加车间'){
|
||||
MachiningDev.push(...res.value)
|
||||
|
||||
@ -89,7 +89,6 @@ watch(
|
||||
|
||||
|
||||
iconList= reactive(newVal)
|
||||
console.log();
|
||||
numkey.value++
|
||||
},
|
||||
{ deep: true, flush: "post" }
|
||||
|
||||
@ -47,7 +47,6 @@ let content = null;
|
||||
watch(
|
||||
() => props.val,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"处理");
|
||||
|
||||
data = newVal;
|
||||
content = "";
|
||||
|
||||
@ -614,7 +614,6 @@ function goPage(px, py) {
|
||||
});
|
||||
}
|
||||
onMounted(() => {
|
||||
console.log(store.iconList);
|
||||
|
||||
//初始化场景
|
||||
ThreeObj = initThree(map.value.clientHeight, map.value.clientWidth);
|
||||
|
||||
@ -777,7 +777,6 @@ watch(
|
||||
watch(
|
||||
() => store.devdataList,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"设备数据");
|
||||
newVal.forEach(res=>{
|
||||
if(res.store=='机加车间'){
|
||||
MachiningDev.push(...res.value)
|
||||
|
||||
@ -89,7 +89,6 @@ watch(
|
||||
|
||||
|
||||
iconList= reactive(newVal)
|
||||
console.log();
|
||||
numkey.value++
|
||||
},
|
||||
{ deep: true, flush: "post" }
|
||||
|
||||
@ -47,7 +47,6 @@ let content = null;
|
||||
watch(
|
||||
() => props.val,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"处理");
|
||||
|
||||
data = newVal;
|
||||
content = "";
|
||||
|
||||
@ -611,9 +611,7 @@ function goPage(px, py) {
|
||||
}
|
||||
});
|
||||
}
|
||||
onMounted(() => {
|
||||
console.log(store.iconList);
|
||||
|
||||
onMounted(() => {
|
||||
//初始化场景
|
||||
ThreeObj = initThree(map.value.clientHeight, map.value.clientWidth);
|
||||
cssThreeObj = initCss3DScene(map.value.clientHeight, map.value.clientWidth);
|
||||
|
||||
@ -777,7 +777,6 @@ watch(
|
||||
watch(
|
||||
() => store.devdataList,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"设备数据");
|
||||
newVal.forEach(res=>{
|
||||
if(res.store=='机加车间'){
|
||||
MachiningDev.push(...res.value)
|
||||
|
||||
@ -89,7 +89,6 @@ watch(
|
||||
|
||||
|
||||
iconList= reactive(newVal)
|
||||
console.log();
|
||||
numkey.value++
|
||||
},
|
||||
{ deep: true, flush: "post" }
|
||||
|
||||
@ -47,7 +47,6 @@ let content = null;
|
||||
watch(
|
||||
() => props.val,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"处理");
|
||||
|
||||
data = newVal;
|
||||
content = "";
|
||||
|
||||
@ -612,9 +612,7 @@ function goPage(px, py) {
|
||||
}
|
||||
});
|
||||
}
|
||||
onMounted(() => {
|
||||
console.log(store.iconList);
|
||||
|
||||
onMounted(() => {
|
||||
//初始化场景
|
||||
ThreeObj = initThree(map.value.clientHeight, map.value.clientWidth);
|
||||
cssThreeObj = initCss3DScene(map.value.clientHeight, map.value.clientWidth);
|
||||
|
||||
@ -777,7 +777,6 @@ watch(
|
||||
watch(
|
||||
() => store.devdataList,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"设备数据");
|
||||
newVal.forEach(res=>{
|
||||
if(res.store=='机加车间'){
|
||||
MachiningDev.push(...res.value)
|
||||
|
||||
@ -91,7 +91,6 @@ watch(
|
||||
|
||||
|
||||
iconList= reactive(newVal)
|
||||
console.log();
|
||||
numkey.value++
|
||||
},
|
||||
{ deep: true, flush: "post" }
|
||||
|
||||
@ -47,8 +47,6 @@ let content = null;
|
||||
watch(
|
||||
() => props.val,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"处理");
|
||||
|
||||
data = newVal;
|
||||
content = "";
|
||||
newVal.forEach((res) => {
|
||||
|
||||
@ -612,9 +612,7 @@ function goPage(px, py) {
|
||||
}
|
||||
});
|
||||
}
|
||||
onMounted(() => {
|
||||
console.log(store.iconList);
|
||||
|
||||
onMounted(() => {
|
||||
//初始化场景
|
||||
ThreeObj = initThree(map.value.clientHeight, map.value.clientWidth);
|
||||
cssThreeObj = initCss3DScene(map.value.clientHeight, map.value.clientWidth);
|
||||
|
||||
@ -777,7 +777,6 @@ watch(
|
||||
watch(
|
||||
() => store.devdataList,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"设备数据");
|
||||
newVal.forEach(res=>{
|
||||
if(res.store=='机加车间'){
|
||||
MachiningDev.push(...res.value)
|
||||
|
||||
@ -89,7 +89,6 @@ watch(
|
||||
|
||||
|
||||
iconList= reactive(newVal)
|
||||
console.log();
|
||||
numkey.value++
|
||||
},
|
||||
{ deep: true, flush: "post" }
|
||||
|
||||
@ -47,8 +47,6 @@ let content = null;
|
||||
watch(
|
||||
() => props.val,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal,"处理");
|
||||
|
||||
data = newVal;
|
||||
content = "";
|
||||
newVal.forEach((res) => {
|
||||
|
||||
@ -29,7 +29,6 @@ const echartsData = reactive<EDataPerson>({
|
||||
});
|
||||
|
||||
const setData = (value: any) => {
|
||||
console.log(value);
|
||||
value.value
|
||||
let name = []
|
||||
let seriesVal = []
|
||||
|
||||
@ -32,7 +32,6 @@ const setData = (value: any) => {
|
||||
let time = value.value.map((item: any) => {
|
||||
return (item / 60).toFixed(1);
|
||||
});
|
||||
console.log(value, time, 'value');
|
||||
|
||||
echartsData.contrast!.div = instatus.value;
|
||||
echartsData.contrast!.title = props.title;
|
||||
|
||||
@ -121,9 +121,7 @@ Ebox.setOption(item.data);
|
||||
item.box = Ebox
|
||||
};
|
||||
|
||||
function setchartWH(width:any,height:any){
|
||||
console.log("??????????????????????????");
|
||||
|
||||
function setchartWH(width:any,height:any){
|
||||
echartsData.MTBF!.div=progress.value
|
||||
progress.value.style.height=height+'px'
|
||||
progress.value.style.width=width+'px'
|
||||
|
||||
@ -115,7 +115,6 @@ const router=useRouter()
|
||||
let result:any = await gatdeviceStatusInfoMF({id:route.params.dev})
|
||||
|
||||
if(result.code==200){
|
||||
console.log(result,"dadadadasdafafdsagdsgafg");
|
||||
setdata(result.data)
|
||||
}
|
||||
}
|
||||
|
||||
@ -63,9 +63,7 @@ function reset(val: any) {
|
||||
box(val.width, val.height);
|
||||
}
|
||||
|
||||
const box = (width: any, height: any) => {
|
||||
console.log(width,height);
|
||||
|
||||
const box = (width: any, height: any) => {
|
||||
let a = calcWH(height, width, 1, 5, 0);
|
||||
|
||||
// a.oHeight=a.oHeight
|
||||
|
||||
@ -83,7 +83,6 @@ function getWebsocket(val){
|
||||
// store.changenoise(data.msg)
|
||||
}
|
||||
if(data.type=='gatewayMF'){
|
||||
console.log(data.msg);
|
||||
|
||||
store.changegateway(data.msg)
|
||||
store.changegatewaynum(data.msg)
|
||||
@ -94,7 +93,7 @@ function getWebsocket(val){
|
||||
// }
|
||||
|
||||
}catch(err){
|
||||
|
||||
console.log(err);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -133,9 +133,7 @@ const box = (width: any, height: any) => {
|
||||
// offsitegatewayref.value.setchartWH(a.oWidth, a.oHeight);
|
||||
};
|
||||
function changedevlist(val: any) {
|
||||
let list = [];
|
||||
console.log(listWH.width);
|
||||
|
||||
let list = [];
|
||||
val.forEach((res, index) => {
|
||||
list.push([
|
||||
index + 1,
|
||||
@ -177,7 +175,6 @@ function changedevlist(val: any) {
|
||||
tableref.value.changeData(tabledata.data);
|
||||
}
|
||||
function setDataList(val: any) {
|
||||
console.log(val);
|
||||
let tipdata = { ison: 0, isall: 0, isoff: 0 };
|
||||
//计算设备总量
|
||||
val.devnum.forEach((res) => {
|
||||
|
||||
@ -73,8 +73,6 @@ const setData = (value: any) => {
|
||||
}
|
||||
]
|
||||
};
|
||||
console.log(echartsData.equipment!.data);
|
||||
|
||||
change(echartsData.equipment);
|
||||
};
|
||||
const change = (item: EDataPersonItem) => {
|
||||
|
||||
@ -139,7 +139,6 @@ const setData = (val: any) => {
|
||||
change(echartsData.ismap);
|
||||
if (!echartsData.ismap!.box.isAddClick) {
|
||||
echartsData.ismap!.box.on("click", (params) => {
|
||||
console.log(params.name);
|
||||
if(params.name=='浙江省'||params.name=='广东省'){
|
||||
router.push({
|
||||
name: "offSiteDevList",
|
||||
|
||||
@ -76,10 +76,8 @@ function setchartWH(width: any, height: any) {
|
||||
refborder6.value.resetWH();
|
||||
}
|
||||
const setData = (value?: any) => {
|
||||
console.log(value,"最新数据");
|
||||
|
||||
data=reactive([...value])
|
||||
console.log(data);
|
||||
|
||||
keynum.value++;
|
||||
// data.value='设备名称'
|
||||
|
||||
@ -101,8 +101,7 @@ let {t} = useI18n();
|
||||
headerref.value.HeadergetWebsocket(val)
|
||||
try{
|
||||
let data=JSON.parse(val)
|
||||
if(data.type=='deviceStatusCountsOfOutPlant'){
|
||||
console.log(data.msg);
|
||||
if(data.type=='deviceStatusCountsOfOutPlant'){
|
||||
data.msg.forEach(res=>{
|
||||
if(res.deptId=='true'){
|
||||
res.name=t('messages.OnProduct')
|
||||
|
||||
@ -49,7 +49,6 @@ let props = defineProps<{
|
||||
}>();
|
||||
let i = ref(0)
|
||||
let item = computed(() => {
|
||||
console.log(value.data[i.value]);
|
||||
|
||||
return value.data[i.value] || { "name": "", "val": "0", "type": "", "field": "", "ts": 0, "status": false };
|
||||
});
|
||||
@ -57,7 +56,6 @@ let icon = computed(() => {
|
||||
return value.iconname
|
||||
});
|
||||
let iconcolor = computed(() => {
|
||||
console.log(value.data[i.value]);
|
||||
//开始进入渲染是没有获取到该数据则需要判断 如果没有则返回空
|
||||
if (value.data[i.value]) {
|
||||
return value.data[i.value].status ? +value.data[i.value].val > +value.quota ? "icon-red" : "icon-blue" : "icon-grey";
|
||||
|
||||
@ -261,7 +261,6 @@ function setcontentData(val){
|
||||
show: true,
|
||||
color:'#fff',
|
||||
formatter: function(params){
|
||||
console.log(params);
|
||||
return params.value.toLocaleString()
|
||||
},
|
||||
position: "top",
|
||||
|
||||
@ -270,9 +270,7 @@ let ductOption = reactive({
|
||||
let pm_index = 0
|
||||
let temp_humi_index = 0
|
||||
|
||||
function setcontentData(val){
|
||||
console.log(val);
|
||||
|
||||
function setcontentData(val){
|
||||
let CH2O = val.TVOC_CH2O.map((item) => {
|
||||
return { name: item.name, val: item.CH2O,status:item.status };
|
||||
});
|
||||
|
||||
@ -219,7 +219,6 @@ function setcontentData(val){
|
||||
show: true,
|
||||
color:'#fff',
|
||||
formatter: function(params){
|
||||
console.log(params);
|
||||
return params.value.toLocaleString()
|
||||
},
|
||||
position: "top",
|
||||
@ -263,7 +262,6 @@ function setcontentData(val){
|
||||
show: true,
|
||||
color:'#fff',
|
||||
formatter: function(params){
|
||||
console.log(params);
|
||||
return params.value.toLocaleString()
|
||||
},
|
||||
position: "top",
|
||||
|
||||
@ -197,9 +197,7 @@ let {t} = useI18n();
|
||||
// })
|
||||
|
||||
// Productionref.value.changeData(ProductionOption.option)
|
||||
// pmref.value.setData({two:10,ten:10})
|
||||
console.log(val);
|
||||
|
||||
// pmref.value.setData({two:10,ten:10})
|
||||
pm25ref.value.setData(val.dust.pm25)
|
||||
pm10ref.value.setData(val.dust.pm10)
|
||||
// pmref.value.setData({two:val.dust.pm25,ten:val.dust.pm10})
|
||||
|
||||
@ -53,7 +53,6 @@ watch(
|
||||
() => store.DeviceSensorinfo,
|
||||
(newVal, oldVal) => {
|
||||
//动态更新echarts
|
||||
console.log(newVal, "数据2");
|
||||
setdata(newVal);
|
||||
},
|
||||
{ deep: true, flush: "post" }
|
||||
@ -88,7 +87,6 @@ function reset(val: any) {
|
||||
|
||||
const remarksBox = (width: any, height: any) => {
|
||||
let a = calcWH(height, width, 1, 3, 0);
|
||||
console.log(a);
|
||||
|
||||
// a.oHeight=a.oHeight
|
||||
//修改高度
|
||||
@ -98,7 +96,6 @@ const remarksBox = (width: any, height: any) => {
|
||||
};
|
||||
|
||||
function setdata(val: any) {
|
||||
console.log(val.Timestamp-0);
|
||||
|
||||
bottomtip1.value.setData(
|
||||
reactive({name:val.name,severror:val.severror,Timestamp:val.Timestamp?gettime(val.Timestamp-0):'----.--.--',Alarlmnformation:val.Alarlmnformation})
|
||||
|
||||
@ -83,7 +83,6 @@ onMounted(() => {
|
||||
function setchartWH(width: any, height: any) {
|
||||
detailslistSize.height = height - 100 + "px";
|
||||
detailslistSize.width = width - 80 + "px";
|
||||
console.log(detailslistSize);
|
||||
|
||||
detailslistBoxSize.height = height-50 + "px";
|
||||
detailslistBoxSize.width = width+ "px";
|
||||
@ -154,7 +153,6 @@ const dvmouseleave = () => {
|
||||
};
|
||||
const dvClick = (value) => {
|
||||
// console.log(value.row[0]);
|
||||
console.log(devList.value.dom);
|
||||
};
|
||||
defineExpose({
|
||||
setchartWH,
|
||||
|
||||
@ -146,7 +146,6 @@ function setchartWH(width: any, height: any) {
|
||||
|
||||
const dvClick = (value) => {
|
||||
// console.log(value.row[0]);
|
||||
console.log(devList.value.dom);
|
||||
};
|
||||
onMounted(() => {});
|
||||
|
||||
|
||||
@ -70,7 +70,6 @@ watch(
|
||||
(newVal, oldVal) => {
|
||||
//动态更新echarts
|
||||
data.name=newVal.rackNumber
|
||||
console.log(newVal);
|
||||
|
||||
keynum.value++;
|
||||
},
|
||||
@ -85,9 +84,7 @@ function setchartWH(width: any, height: any) {
|
||||
// refborder1.value.resetWH()
|
||||
}
|
||||
|
||||
const setData = (value: any) => {
|
||||
console.log(data);
|
||||
|
||||
const setData = (value: any) => {
|
||||
data = value;
|
||||
keynum.value++;
|
||||
};
|
||||
|
||||
@ -95,7 +95,6 @@ onMounted(() => {
|
||||
});
|
||||
|
||||
function setchartWH(width: any, height: any) {
|
||||
console.log(width,"接收到的参数");
|
||||
|
||||
originlistSize.height = height + "px";
|
||||
originlistSize.width = width-50 + "px";
|
||||
@ -151,7 +150,6 @@ const dvmouseleave = () => {
|
||||
};
|
||||
const dvClick = (value) => {
|
||||
// console.log(value.row[0]);
|
||||
console.log(devList.value.dom);
|
||||
};
|
||||
const setData = (data: any, datatitle: any) => {
|
||||
title.value = datatitle;
|
||||
|
||||
@ -116,7 +116,6 @@ function reset(val: any) {
|
||||
}
|
||||
function boxtop(val: any) {
|
||||
let a = calcWH(val.height, val.width, 1, 2, 0);
|
||||
console.log(a,"leftboxtop");
|
||||
|
||||
// titleRef.value.setchartWH(a.oWidth, 100);
|
||||
originRef.value.setchartWH(a.oWidth-20, a.oHeight -100);
|
||||
@ -124,7 +123,6 @@ function boxtop(val: any) {
|
||||
}
|
||||
function boxbottom(val: any) {
|
||||
let a = calcWH(val.height, val.width, 3, 2, 0);
|
||||
console.log(a,"boxbottom");
|
||||
toptip1Ref.value.setchartWH(a.oWidth+100, a.oHeight * 3);
|
||||
// detailsRef.value.setchartWH(a.oWidth-20, a.oHeight);
|
||||
// axleRef.value.setchartWH(a.oWidth-20, a.oHeight);
|
||||
|
||||
@ -111,7 +111,6 @@ let {t} = useI18n();
|
||||
|
||||
const title1box=(width:any,height:any)=>{
|
||||
let a=calcWH(height,width,4,3,0)
|
||||
console.log(a,"111");
|
||||
|
||||
// a.oHeight=a.oHeight
|
||||
//修改高度
|
||||
@ -120,7 +119,6 @@ let {t} = useI18n();
|
||||
}
|
||||
const detailsBox=(width:any,height:any)=>{
|
||||
let a=calcWH(height,width,1,3,0)
|
||||
console.log(a,"222");
|
||||
// a.oHeight=a.oHeight
|
||||
//修改高度
|
||||
detailsRef.value.setchartWH(a.oWidth,a.oHeight)
|
||||
|
||||
@ -134,7 +134,6 @@ const box = (width: any, height: any) => {
|
||||
};
|
||||
function changedevlist(val: any) {
|
||||
let list = [];
|
||||
console.log(listWH.width);
|
||||
|
||||
val.forEach((res, index) => {
|
||||
list.push([
|
||||
@ -177,7 +176,6 @@ function changedevlist(val: any) {
|
||||
tableref.value.changeData(tabledata.data);
|
||||
}
|
||||
function setDataList(val: any) {
|
||||
console.log(val);
|
||||
let tipdata = { ison: 0, isall: 0, isoff: 0 };
|
||||
//计算设备总量
|
||||
val.devnum.forEach((res) => {
|
||||
|
||||
@ -325,7 +325,6 @@ echartsData.chartBox3.data={
|
||||
echartsData.chartBox1.title='柱状图'
|
||||
echartsData.chartBox2.title='折线图'
|
||||
echartsData.chartBox3.title='仪表盘'
|
||||
console.log(echartsData);
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -112,8 +112,6 @@ let data2 = [
|
||||
|
||||
function changedevlist(val: any) {
|
||||
let list = [];
|
||||
console.log(listWH.width);
|
||||
|
||||
val.forEach((res, index) => {
|
||||
list.push([
|
||||
index + 1,
|
||||
|
||||
@ -113,7 +113,6 @@ function getWebsocket(val) {
|
||||
let data = JSON.parse(val);
|
||||
if (data.type == "electronicView") {
|
||||
// store.changenoise(data.msg);
|
||||
console.log(data.msg, "电控监测");
|
||||
|
||||
topref.value.setcontentData(data.msg);
|
||||
bottomref.value.setcontentData(data.msg);
|
||||
|
||||
@ -259,7 +259,6 @@ function setcontentData(val) {
|
||||
let noise = val.noise.map((item) => {
|
||||
return { name: item.name, val: item.data, status: item.status || false };
|
||||
});
|
||||
console.log(noise);
|
||||
|
||||
// verticalNum3.value.setData(val.FIRE,'icon-ranqi',5,"")
|
||||
verticalNum4.value.setData(noise, 'icon-shengyin', 120, "dB")
|
||||
|
||||
@ -65,7 +65,6 @@ for(let key in res.month){
|
||||
})
|
||||
//data0用于初始化计算的数据
|
||||
let data0=[]
|
||||
console.log(value);
|
||||
|
||||
for(let i=1;i<=value.name.length;i++){
|
||||
data0.push(0)
|
||||
|
||||
@ -121,7 +121,6 @@ watch(
|
||||
{ deep: true, flush: "post" }
|
||||
);
|
||||
function changepowerData(val:any){
|
||||
console.log(val);
|
||||
|
||||
let x=[]
|
||||
let y={}
|
||||
@ -146,7 +145,6 @@ series.push({
|
||||
}
|
||||
powerData.option.xAxis.data=x
|
||||
powerData.option.series=series
|
||||
console.log(series);
|
||||
|
||||
powerhistory.value.changeData(powerData.option);
|
||||
}
|
||||
|
||||
@ -66,7 +66,6 @@ let {t} = useI18n();
|
||||
async function getpowerhistoryDatafun() {
|
||||
let result: any = await getHistoryCurrentData();
|
||||
if (result.code == 200) {
|
||||
console.log(result.data);
|
||||
|
||||
store.setList(result.data, "power");
|
||||
}
|
||||
|
||||
@ -239,7 +239,6 @@ watch(
|
||||
watch(
|
||||
() => store.powerRatio,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal, "dfsfsdf");
|
||||
|
||||
if (!newVal) {
|
||||
return;
|
||||
@ -267,7 +266,6 @@ watch(
|
||||
}
|
||||
option1.list[key].push(res);
|
||||
} else {
|
||||
console.log(index);
|
||||
if (!option2.list[key]) {
|
||||
option2.list[key] = [];
|
||||
}
|
||||
|
||||
@ -81,7 +81,6 @@ async function getcurrentProductfun(){
|
||||
res.month[key] = res.month[key].reverse();
|
||||
}
|
||||
});
|
||||
console.log(result.data);
|
||||
store.setProduct(result.data)
|
||||
}
|
||||
}
|
||||
|
||||
@ -42,7 +42,6 @@ const echartsData = reactive<EDataPerson>({
|
||||
})
|
||||
|
||||
const setData=(value:any)=>{
|
||||
console.log(value);
|
||||
|
||||
echartsData.gas!.div=gas.value
|
||||
echartsData.gas!.title=props.title
|
||||
|
||||
@ -65,7 +65,6 @@ for(let key in res.month){
|
||||
})
|
||||
//data0用于初始化计算的数据
|
||||
let data0=[]
|
||||
console.log(value);
|
||||
|
||||
for(let i=1;i<=value.name.length;i++){
|
||||
data0.push(0)
|
||||
|
||||
@ -120,7 +120,6 @@ watch(
|
||||
{ deep: true, flush: "post" }
|
||||
);
|
||||
function changepowerData(val:any){
|
||||
console.log(val);
|
||||
|
||||
let x=[]
|
||||
let y={}
|
||||
@ -145,7 +144,6 @@ series.push({
|
||||
}
|
||||
powerData.option.xAxis.data=x
|
||||
powerData.option.series=series
|
||||
console.log(series);
|
||||
|
||||
powerhistory.value.changeData(powerData.option);
|
||||
}
|
||||
|
||||
@ -64,7 +64,6 @@ const store = useenergyUseStore();
|
||||
async function getpowerhistoryDatafun() {
|
||||
let result: any = await getHistoryCurrentData();
|
||||
if (result.code == 200) {
|
||||
console.log(result.data);
|
||||
|
||||
store.setList(result.data, "power");
|
||||
}
|
||||
|
||||
@ -246,7 +246,6 @@ watch(
|
||||
if(newVal.listData[key]){
|
||||
newVal.listData[key].forEach((res,index)=>{
|
||||
if(index!=storekey){
|
||||
console.log(index);
|
||||
|
||||
if(!option1.list[key]){
|
||||
option1.list[key]=[]
|
||||
@ -332,7 +331,6 @@ watch(
|
||||
})
|
||||
}
|
||||
}
|
||||
console.log(option1,option2,storekey);
|
||||
|
||||
gasOption.option.series=series
|
||||
gasOption2.option.series=series2
|
||||
|
||||
@ -185,7 +185,6 @@ watch(
|
||||
if (newVal.listData[key]) {
|
||||
newVal.listData[key].forEach((res, index) => {
|
||||
if (index != storekey) {
|
||||
console.log(index);
|
||||
|
||||
if (!option1.list[key]) {
|
||||
option1.list[key] = [];
|
||||
|
||||
@ -123,9 +123,7 @@ change(echartsData.humiture)
|
||||
}
|
||||
|
||||
|
||||
const change = (item:EDataPersonItem) => {
|
||||
console.log(item);
|
||||
|
||||
const change = (item:EDataPersonItem) => {
|
||||
let Ebox=proxy.$echarts.init(
|
||||
item.div,
|
||||
"dark"
|
||||
@ -146,7 +144,6 @@ async function getData(){
|
||||
let result:any = await getHumitureData()
|
||||
|
||||
if(result.code==200){
|
||||
console.log(result);
|
||||
|
||||
// setData(room,year,result.title)
|
||||
}
|
||||
|
||||
@ -73,7 +73,6 @@ change(echartsData.noise)
|
||||
|
||||
|
||||
const change = (item:EDataPersonItem) => {
|
||||
console.log(item);
|
||||
|
||||
let Ebox=proxy.$echarts.init(
|
||||
item.div,
|
||||
|
||||
@ -89,9 +89,7 @@ change(echartsData.pipe)
|
||||
}
|
||||
|
||||
|
||||
const change = (item:EDataPersonItem) => {
|
||||
console.log(item);
|
||||
|
||||
const change = (item:EDataPersonItem) => {
|
||||
let Ebox=proxy.$echarts.init(
|
||||
item.div,
|
||||
"dark"
|
||||
|
||||
@ -22,8 +22,6 @@ const echartsData = reactive<EDataPerson>({
|
||||
|
||||
})
|
||||
const setData=(y:any,x:any,title:any)=>{
|
||||
console.log(x);
|
||||
|
||||
let series=[]
|
||||
for(let key in x){
|
||||
let year =key.split('-')
|
||||
|
||||
@ -10,41 +10,39 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<h2>{{ title }}</h2>
|
||||
<i :class="data>quota?'iconfont '+iconname+' icon-red':'iconfont '+iconname+' icon-blue'"></i>
|
||||
<i :class="data > quota ? 'iconfont ' + iconname + ' icon-red' : 'iconfont ' + iconname + ' icon-blue'"></i>
|
||||
<!-- <div :class="data>quota?'icon-box-red':'icon-box-blue'">
|
||||
|
||||
<div :class="data>quota?'unit-red':'unit-blue'">{{ unit }}</div>
|
||||
<div :class="data>quota?'num-red':'num-blue'">{{data}}</div>
|
||||
|
||||
</div> -->
|
||||
<!-- <p>{{ data }}</p>
|
||||
<!-- <p>{{ data }}</p>
|
||||
<div>{{ unit }}</div> -->
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {onMounted, ref} from "vue"
|
||||
let props=defineProps<{
|
||||
title:String,
|
||||
data?:number,
|
||||
unit?:String,
|
||||
quota?:number,
|
||||
iconname?:String
|
||||
}>()
|
||||
onMounted(() => {
|
||||
console.log(props.iconname);
|
||||
|
||||
})
|
||||
import { onMounted, ref } from "vue"
|
||||
let props = defineProps<{
|
||||
title: String,
|
||||
data?: number,
|
||||
unit?: String,
|
||||
quota?: number,
|
||||
iconname?: String
|
||||
}>()
|
||||
onMounted(() => {
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
<style module>
|
||||
.container {
|
||||
}
|
||||
.container {}
|
||||
</style>
|
||||
<style scoped>
|
||||
@import '@/assets/css/iconfont.css';
|
||||
.box{
|
||||
|
||||
.box {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
@ -52,9 +50,11 @@ let props=defineProps<{
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
h2{
|
||||
|
||||
h2 {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* p{
|
||||
color: red;
|
||||
font-size: 16px;
|
||||
@ -64,41 +64,44 @@ div{
|
||||
font-size: 16px;
|
||||
margin-bottom: 20px;
|
||||
} */
|
||||
.icon-box-red{
|
||||
.icon-box-red {
|
||||
top: -20px;
|
||||
height: 50%;
|
||||
width: 80%;
|
||||
background-color:rgba(255, 55, 55, 0.2);
|
||||
background-color: rgba(255, 55, 55, 0.2);
|
||||
border-radius: 10%;
|
||||
/* border: 1px rgba(255, 255, 255, .3) solid; */
|
||||
box-shadow: 0 0 10px 2px rgba(253, 196, 196, 0.2) inset,
|
||||
0 0 0px 1px rgba(255, 255, 255, .3) inset;
|
||||
0 0 0px 1px rgba(255, 255, 255, .3) inset;
|
||||
position: relative;
|
||||
transform-style: preserve-3d;
|
||||
/* -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 85%, 85% 100%, 0% 100%, 0% 100%, 0% 100%); */
|
||||
}
|
||||
.icon-box-red::before{
|
||||
|
||||
.icon-box-red::before {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 10%;
|
||||
background-color:rgba(255, 55, 55, 0.2);
|
||||
background-color: rgba(255, 55, 55, 0.2);
|
||||
border: 1px rgba(255, 0, 0, 0.2) solid;
|
||||
content:"";
|
||||
content: "";
|
||||
display: block;
|
||||
transform: translateZ(-1px);
|
||||
/* -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 87%, 87% 87%, 87% 100%, 0% 100%, 0% 100%, 0% 100%); */
|
||||
}
|
||||
.icon-red{
|
||||
|
||||
.icon-red {
|
||||
font-size: 70px;
|
||||
color: red;
|
||||
|
||||
position: relative;
|
||||
top: -15px;
|
||||
}
|
||||
.num-red{
|
||||
|
||||
.num-red {
|
||||
position: absolute;
|
||||
right: -13%;
|
||||
top: -15%;
|
||||
@ -112,17 +115,18 @@ div{
|
||||
color: red;
|
||||
font-weight: 500;
|
||||
}
|
||||
.unit-red{
|
||||
|
||||
.unit-red {
|
||||
margin-top: -10px;
|
||||
font-size: 16px;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.icon-box-blue{
|
||||
.icon-box-blue {
|
||||
top: -20px;
|
||||
height: 50%;
|
||||
width: 80%;
|
||||
background-color:rgba(126,191,227, 0.2);
|
||||
background-color: rgba(126, 191, 227, 0.2);
|
||||
border-radius: 10%;
|
||||
border: 1px rgba(255, 255, 255, .3) solid;
|
||||
/* box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.2) inset,
|
||||
@ -131,28 +135,31 @@ div{
|
||||
transform-style: preserve-3d;
|
||||
/* -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 85%, 85% 100%, 0% 100%, 0% 100%, 0% 100%); */
|
||||
}
|
||||
.icon-box-blue::before{
|
||||
|
||||
.icon-box-blue::before {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 10%;
|
||||
background-color:rgba(126,191,227, 0.2);
|
||||
background-color: rgba(126, 191, 227, 0.2);
|
||||
border: 1px rgba(0, 166, 255, 0.5) solid;
|
||||
content:"";
|
||||
content: "";
|
||||
display: block;
|
||||
transform: translateZ(-1px);
|
||||
/* -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 87%, 87% 87%, 87% 100%, 0% 100%, 0% 100%, 0% 100%); */
|
||||
}
|
||||
.icon-blue{
|
||||
|
||||
.icon-blue {
|
||||
font-size: 70px;
|
||||
color: #A7A6BD;
|
||||
|
||||
position: relative;
|
||||
top: -15px;
|
||||
}
|
||||
.num-blue{
|
||||
|
||||
.num-blue {
|
||||
position: absolute;
|
||||
right: -13%;
|
||||
top: -15%;
|
||||
@ -166,28 +173,31 @@ div{
|
||||
color: #7EBFE3;
|
||||
font-weight: 500;
|
||||
}
|
||||
.unit-blue{
|
||||
|
||||
.unit-blue {
|
||||
margin-top: -10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.demo-red{
|
||||
.demo-red {
|
||||
position: relative;
|
||||
top: -20px;
|
||||
height: 50%;
|
||||
width: 80%;
|
||||
background-color:rgba(255, 55, 55, 0.2);
|
||||
background-color: rgba(255, 55, 55, 0.2);
|
||||
border: 5px rgba(255, 255, 255, .3) solid;
|
||||
border-radius: 10%;
|
||||
}
|
||||
.demo-icon-red{
|
||||
|
||||
.demo-icon-red {
|
||||
font-size: 70px;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
top: -15px;
|
||||
}
|
||||
.demo-blue{
|
||||
|
||||
.demo-blue {
|
||||
position: relative;
|
||||
top: -20px;
|
||||
height: 50%;
|
||||
@ -195,11 +205,11 @@ div{
|
||||
border: 5px #7EBFE3 solid;
|
||||
border-radius: 10%;
|
||||
}
|
||||
.demo-icon-blue{
|
||||
|
||||
.demo-icon-blue {
|
||||
font-size: 70px;
|
||||
color: #7EBFE3;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
top: -15px;
|
||||
}
|
||||
</style>
|
||||
}</style>
|
||||
|
||||
@ -472,7 +472,6 @@ const setData=()=>{
|
||||
* @函数备注:
|
||||
*/
|
||||
const change = (item:EDataPersonItem) => {
|
||||
console.log(item);
|
||||
|
||||
let Ebox=proxy.$echarts.init(
|
||||
item.div,
|
||||
|
||||
@ -38,9 +38,7 @@ let size=reactive({
|
||||
oWidth:0,
|
||||
oHeight:0
|
||||
});
|
||||
function WH(div:HTMLElement){
|
||||
console.log( div );
|
||||
|
||||
function WH(div:HTMLElement){
|
||||
let a=calcWH(div.offsetHeight,div.offsetWidth,1,2,0)
|
||||
size.oWidth=a.oWidth
|
||||
size.oHeight=a.oHeight
|
||||
|
||||
@ -126,7 +126,6 @@ watch(
|
||||
() => store.pm,
|
||||
(newVal, oldVal) => {
|
||||
//动态更新echarts
|
||||
console.log(newVal,'最新数据');
|
||||
refwelding.value.setData(newVal.welding,2)
|
||||
refornaments.value.setData(newVal.ornaments,2)
|
||||
refstuff.value.setData(newVal.stuff,2)
|
||||
@ -158,7 +157,6 @@ async function getPmData(){
|
||||
// let resultten:any = await getPmtenData()
|
||||
let data=reactive({welding:{two:null,ten:null},stuff:{two:null,ten:null},ornaments:{two:null,ten:null}})
|
||||
Promise.all([getPmtwoDatafun(),getPmtenDatafun()]).then((res)=>{
|
||||
console.log(res);
|
||||
if(res){
|
||||
res[0].data.forEach(ele=>{
|
||||
if(data[ele.enName]){
|
||||
|
||||
@ -58,8 +58,6 @@ let size = reactive({
|
||||
oHeight: 0,
|
||||
});
|
||||
function WH(div: HTMLElement) {
|
||||
console.log(div);
|
||||
|
||||
let a = calcWH(div.offsetHeight, div.offsetWidth, 1, 2, 0);
|
||||
size.oWidth = a.oWidth;
|
||||
size.oHeight = a.oHeight;
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user