projects/mescc/zhp #78
@ -8,9 +8,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="copilot-container">
|
<div class="copilot-container">
|
||||||
<!-- refresh btn -->
|
<!-- refresh btn -->
|
||||||
<button
|
<button v-if="0" style="
|
||||||
v-if="0"
|
|
||||||
style="
|
|
||||||
appearance: none;
|
appearance: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
border: none;
|
border: none;
|
||||||
@ -20,22 +18,11 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 8px;
|
top: 8px;
|
||||||
right: 8px;
|
right: 8px;
|
||||||
"
|
" @click="$emit('refresh')">
|
||||||
@click="$emit('refresh')"
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
|
||||||
>
|
style="width: 24px; height: 24px">
|
||||||
<svg
|
<path stroke-linecap="round" stroke-linejoin="round"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
|
||||||
fill="none"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-width="1.5"
|
|
||||||
stroke="currentColor"
|
|
||||||
style="width: 24px; height: 24px"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"
|
|
||||||
/>
|
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
<!-- decoration -->
|
<!-- decoration -->
|
||||||
@ -44,19 +31,13 @@
|
|||||||
<div v-if="side == 'left'" class="corner bl"></div>
|
<div v-if="side == 'left'" class="corner bl"></div>
|
||||||
<div v-if="side == 'right'" class="corner br"></div>
|
<div v-if="side == 'right'" class="corner br"></div>
|
||||||
<!-- content -->
|
<!-- content -->
|
||||||
<div
|
<div class="container-head" :class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']">
|
||||||
class="container-head"
|
<Icon style="margin-left: 16px;" :icon="icon"></Icon>
|
||||||
:class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']"
|
|
||||||
>
|
|
||||||
<Icon :icon="icon"></Icon>
|
|
||||||
<h2 class="container-title">{{ title }}</h2>
|
<h2 class="container-title">{{ title }}</h2>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="container-body" :class="[
|
||||||
class="container-body"
|
|
||||||
:class="[
|
|
||||||
side == 'left' ? 'body-gradient-to-right' : 'body-gradient-to-left',
|
side == 'left' ? 'body-gradient-to-right' : 'body-gradient-to-left',
|
||||||
]"
|
]">
|
||||||
>
|
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -8,9 +8,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="copilot-container">
|
<div class="copilot-container">
|
||||||
<!-- refresh btn -->
|
<!-- refresh btn -->
|
||||||
<button
|
<button v-if="false" style="
|
||||||
v-if="false"
|
|
||||||
style="
|
|
||||||
appearance: none;
|
appearance: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
border: none;
|
border: none;
|
||||||
@ -20,43 +18,26 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 8px;
|
top: 8px;
|
||||||
right: 8px;
|
right: 8px;
|
||||||
"
|
" @click="$emit('refresh')">
|
||||||
@click="$emit('refresh')"
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
|
||||||
>
|
style="width: 24px; height: 24px">
|
||||||
<svg
|
<path stroke-linecap="round" stroke-linejoin="round"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
|
||||||
fill="none"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-width="1.5"
|
|
||||||
stroke="currentColor"
|
|
||||||
style="width: 24px; height: 24px"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"
|
|
||||||
/>
|
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
<!-- decoration -->
|
<!-- decoration -->
|
||||||
<div class="corner tl"></div>
|
<div class="corner tl"></div>
|
||||||
<div class="corner tr"></div>
|
<div class="corner tr"></div>
|
||||||
<div class="corner bl"></div>
|
<div class="corner bl"></div>
|
||||||
<div class="corner br"></div>
|
<div class="corner br"></div>
|
||||||
<!-- content -->
|
<!-- content -->
|
||||||
<div
|
<div class="container-head" :class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']">
|
||||||
class="container-head"
|
<Icon style="margin-left: 16px;" :icon="icon"></Icon>
|
||||||
:class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']"
|
|
||||||
>
|
|
||||||
<Icon :icon="icon"></Icon>
|
|
||||||
<h2 class="container-title">{{ title }}</h2>
|
<h2 class="container-title">{{ title }}</h2>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="container-body" :class="[
|
||||||
class="container-body"
|
|
||||||
:class="[
|
|
||||||
side == 'left' ? 'body-gradient-to-right' : 'body-gradient-to-left',
|
side == 'left' ? 'body-gradient-to-right' : 'body-gradient-to-left',
|
||||||
]"
|
]">
|
||||||
>
|
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -8,9 +8,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="copilot-container">
|
<div class="copilot-container">
|
||||||
<!-- refresh btn -->
|
<!-- refresh btn -->
|
||||||
<button
|
<button v-if="false" style="
|
||||||
v-if="false"
|
|
||||||
style="
|
|
||||||
appearance: none;
|
appearance: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
border: none;
|
border: none;
|
||||||
@ -20,43 +18,26 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 8px;
|
top: 8px;
|
||||||
right: 8px;
|
right: 8px;
|
||||||
"
|
" @click="$emit('refresh')">
|
||||||
@click="$emit('refresh')"
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
|
||||||
>
|
style="width: 24px; height: 24px">
|
||||||
<svg
|
<path stroke-linecap="round" stroke-linejoin="round"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
|
||||||
fill="none"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-width="1.5"
|
|
||||||
stroke="currentColor"
|
|
||||||
style="width: 24px; height: 24px"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"
|
|
||||||
/>
|
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
<!-- decoration -->
|
<!-- decoration -->
|
||||||
<div class="corner tl"></div>
|
<div class="corner tl"></div>
|
||||||
<div class="corner tr"></div>
|
<div class="corner tr"></div>
|
||||||
<div class="corner bl"></div>
|
<div class="corner bl"></div>
|
||||||
<div class="corner br"></div>
|
<div class="corner br"></div>
|
||||||
<!-- content -->
|
<!-- content -->
|
||||||
<div
|
<div class="container-head" :class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']">
|
||||||
class="container-head"
|
<Icon style="margin-left: 16px;" :icon="icon"></Icon>
|
||||||
:class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']"
|
|
||||||
>
|
|
||||||
<Icon :icon="icon"></Icon>
|
|
||||||
<h2 class="container-title">{{ title }}</h2>
|
<h2 class="container-title">{{ title }}</h2>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="container-body" :class="[
|
||||||
class="container-body"
|
|
||||||
:class="[
|
|
||||||
side == 'left' ? 'body-gradient-to-right' : 'body-gradient-to-left',
|
side == 'left' ? 'body-gradient-to-right' : 'body-gradient-to-left',
|
||||||
]"
|
]">
|
||||||
>
|
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -55,7 +55,7 @@
|
|||||||
class="container-head"
|
class="container-head"
|
||||||
:class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']"
|
:class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']"
|
||||||
>
|
>
|
||||||
<Icon :icon="icon"></Icon>
|
<Icon :icon="icon"></Icon>
|
||||||
<h2 class="container-title">{{ title }}</h2>
|
<h2 class="container-title">{{ title }}</h2>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<!--
|
<!--
|
||||||
* @Author: zhp
|
* @Author: zhp
|
||||||
* @Date: 2024-05-07 10:04:53
|
* @Date: 2024-05-07 10:04:53
|
||||||
* @LastEditTime: 2024-06-05 09:45:47
|
* @LastEditTime: 2024-07-01 12:27:45
|
||||||
* @LastEditors: zhp
|
* @LastEditors: zhp
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
@ -102,12 +102,12 @@ export default {
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 16px;
|
gap: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex {
|
.flex {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 16px;
|
gap: 20px;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -23,12 +23,12 @@ export default ({
|
|||||||
textAlign: "center",
|
textAlign: "center",
|
||||||
textStyle: {
|
textStyle: {
|
||||||
fontWeight: 600,
|
fontWeight: 600,
|
||||||
fontSize: 26,
|
fontSize: 36,
|
||||||
color: "#fffd",
|
color: "#fffd",
|
||||||
},
|
},
|
||||||
subtext: `\u2002${yesterday + '日良率'}\u2002`,
|
subtext: `\u2002${yesterday + '日良率'}\u2002`,
|
||||||
subtextStyle: {
|
subtextStyle: {
|
||||||
fontSize: 14,
|
fontSize: 16,
|
||||||
fontWeight: 100,
|
fontWeight: 100,
|
||||||
color: "#fffd",
|
color: "#fffd",
|
||||||
align: "right",
|
align: "right",
|
||||||
|
@ -15,9 +15,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="copilot-container">
|
<div class="copilot-container">
|
||||||
<!-- refresh btn -->
|
<!-- refresh btn -->
|
||||||
<button
|
<button v-if="false" style="
|
||||||
v-if="false"
|
|
||||||
style="
|
|
||||||
appearance: none;
|
appearance: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
border: none;
|
border: none;
|
||||||
@ -27,43 +25,26 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 8px;
|
top: 8px;
|
||||||
right: 8px;
|
right: 8px;
|
||||||
"
|
" @click="$emit('refresh')">
|
||||||
@click="$emit('refresh')"
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
|
||||||
>
|
style="width: 24px; height: 24px">
|
||||||
<svg
|
<path stroke-linecap="round" stroke-linejoin="round"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
|
||||||
fill="none"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-width="1.5"
|
|
||||||
stroke="currentColor"
|
|
||||||
style="width: 24px; height: 24px"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"
|
|
||||||
/>
|
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
<!-- decoration -->
|
<!-- decoration -->
|
||||||
<div class="corner tl"></div>
|
<div class="corner tl"></div>
|
||||||
<div class="corner tr"></div>
|
<div class="corner tr"></div>
|
||||||
<div class="corner bl"></div>
|
<div class="corner bl"></div>
|
||||||
<div class="corner br"></div>
|
<div class="corner br"></div>
|
||||||
<!-- content -->
|
<!-- content -->
|
||||||
<div
|
<div class="container-head" :class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']">
|
||||||
class="container-head"
|
<Icon style="margin-left: 16px;" :icon="icon"></Icon>
|
||||||
:class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']"
|
|
||||||
>
|
|
||||||
<Icon :icon="icon"></Icon>
|
|
||||||
<h2 class="container-title">{{ title }}</h2>
|
<h2 class="container-title">{{ title }}</h2>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="container-body" :class="[
|
||||||
class="container-body"
|
|
||||||
:class="[
|
|
||||||
side == 'left' ? 'body-gradient-to-right' : 'body-gradient-to-left',
|
side == 'left' ? 'body-gradient-to-right' : 'body-gradient-to-left',
|
||||||
]"
|
]">
|
||||||
>
|
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -33,7 +33,7 @@
|
|||||||
<!-- content -->
|
<!-- content -->
|
||||||
<div class="container-head" ref="container-head"
|
<div class="container-head" ref="container-head"
|
||||||
:class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']">
|
:class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']">
|
||||||
<Icon :icon="icon"></Icon>
|
<Icon :icon="icon"></Icon>
|
||||||
<h2 class="container-title">{{ title }}</h2>
|
<h2 class="container-title">{{ title }}</h2>
|
||||||
<div class="button-than" style="margin-left: auto;">
|
<div class="button-than" style="margin-left: auto;">
|
||||||
<CopilotButton v-for="i in ['同比', '环比']" :key="i" :label="i" :active="i === than"
|
<CopilotButton v-for="i in ['同比', '环比']" :key="i" :label="i" :active="i === than"
|
||||||
|
@ -571,10 +571,10 @@ export default {
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
if (res.data[0].list.length != 0) {
|
if (res.data[0].list.length != 0) {
|
||||||
this.chartMsg.xData.push(res.data[0].list[res.data[0].list.length - 1].reportTimep + '年目标')
|
this.chartMsg.xData.push(res.data[0].list[res.data[0].list.length - 1].reportTimep + '目标')
|
||||||
if (this.listQuery.date === 0 || this.listQuery.date === 1 || this.listQuery.date === 2) {
|
if (this.listQuery.date === 0 || this.listQuery.date === 1 || this.listQuery.date === 2) {
|
||||||
this.otherProps.push({
|
this.otherProps.push({
|
||||||
label: res.data[0].list[res.data[0].list.length - 1].reportTimep + '年目标',
|
label: res.data[0].list[res.data[0].list.length - 1].reportTimep + '目标',
|
||||||
prop: 'dayData'
|
prop: 'dayData'
|
||||||
})
|
})
|
||||||
dataArr[0]['dayData'] = res.data[0].list[res.data[0].list.length - 1].chipTarget
|
dataArr[0]['dayData'] = res.data[0].list[res.data[0].list.length - 1].chipTarget
|
||||||
@ -583,7 +583,7 @@ export default {
|
|||||||
}
|
}
|
||||||
if (this.listQuery.date === 2 || this.listQuery.date === 3) {
|
if (this.listQuery.date === 2 || this.listQuery.date === 3) {
|
||||||
this.otherProps.push({
|
this.otherProps.push({
|
||||||
label: res.data[0].yearTarget.targetTime,
|
label: res.data[0].yearTarget.targetTime + '年目标',
|
||||||
prop: 'yearData'
|
prop: 'yearData'
|
||||||
})
|
})
|
||||||
dataArr[0]['yearData'] = res.data[0].yearTarget.chipTotalPower
|
dataArr[0]['yearData'] = res.data[0].yearTarget.chipTotalPower
|
||||||
|
Loading…
Reference in New Issue
Block a user