fix: 组件替换
This commit is contained in:
leiqiaochu
parent
ea5761846e
commit
fa5e34a77e
|
|
@ -1,21 +1,21 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<a-radio-group
|
<j-radio-group
|
||||||
v-if="quickBtn"
|
v-if="quickBtn"
|
||||||
default-value="today"
|
default-value="today"
|
||||||
button-style="solid"
|
button-style="solid"
|
||||||
v-model:value="radioValue"
|
v-model:value="radioValue"
|
||||||
@change="(e) => handleBtnChange(e.target.value)"
|
@change="(e) => handleBtnChange(e.target.value)"
|
||||||
>
|
>
|
||||||
<a-radio-button
|
<j-radio-button
|
||||||
v-for="item in quickBtnList"
|
v-for="item in quickBtnList"
|
||||||
:key="item.value"
|
:key="item.value"
|
||||||
:value="item.value"
|
:value="item.value"
|
||||||
>
|
>
|
||||||
{{ item.label }}
|
{{ item.label }}
|
||||||
</a-radio-button>
|
</j-radio-button>
|
||||||
</a-radio-group>
|
</j-radio-group>
|
||||||
<a-range-picker
|
<j-range-picker
|
||||||
format="YYYY-MM-DD HH:mm:ss"
|
format="YYYY-MM-DD HH:mm:ss"
|
||||||
valueFormat="YYYY-MM-DD HH:mm:ss"
|
valueFormat="YYYY-MM-DD HH:mm:ss"
|
||||||
style="margin-left: 12px"
|
style="margin-left: 12px"
|
||||||
|
|
@ -23,7 +23,7 @@
|
||||||
v-model:value="rangeVal"
|
v-model:value="rangeVal"
|
||||||
:allowClear="false"
|
:allowClear="false"
|
||||||
>
|
>
|
||||||
</a-range-picker>
|
</j-range-picker>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -4,12 +4,12 @@
|
||||||
<div class="content-left">
|
<div class="content-left">
|
||||||
<div class="content-left-title">
|
<div class="content-left-title">
|
||||||
<span>{{ title }}</span>
|
<span>{{ title }}</span>
|
||||||
<a-tooltip placement="top" v-if="tooltip">
|
<j-tooltip placement="top" v-if="tooltip">
|
||||||
<template #title>
|
<template #title>
|
||||||
<span>{{ tooltip }}</span>
|
<span>{{ tooltip }}</span>
|
||||||
</template>
|
</template>
|
||||||
<AIcon type="QuestionCircleOutlined" />
|
<AIcon type="QuestionCircleOutlined" />
|
||||||
</a-tooltip>
|
</j-tooltip>
|
||||||
</div>
|
</div>
|
||||||
<div class="content-left-value">{{ value }}</div>
|
<div class="content-left-value">{{ value }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -23,7 +23,7 @@
|
||||||
<div class="top-card-footer">
|
<div class="top-card-footer">
|
||||||
<template v-for="(item, index) in footer" :key="index">
|
<template v-for="(item, index) in footer" :key="index">
|
||||||
<span v-if="!item.status">{{ item.title }}</span>
|
<span v-if="!item.status">{{ item.title }}</span>
|
||||||
<a-badge v-else :text="item.title" :status="item.status" />
|
<j-badge v-else :text="item.title" :status="item.status" />
|
||||||
<div class="footer-item-value">{{ item.value }}</div>
|
<div class="footer-item-value">{{ item.value }}</div>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,24 +1,24 @@
|
||||||
<template>
|
<template>
|
||||||
<page-container>
|
<page-container>
|
||||||
<div class="DashBoardBox">
|
<div class="DashBoardBox">
|
||||||
<a-row :gutter="24">
|
<j-row :gutter="24">
|
||||||
<a-col :span="6">
|
<j-col :span="6">
|
||||||
<TopCard
|
<TopCard
|
||||||
title="产品数量"
|
title="产品数量"
|
||||||
:img="getImage('/device/device-product.png')"
|
:img="getImage('/device/device-product.png')"
|
||||||
:footer="productFooter"
|
:footer="productFooter"
|
||||||
:value="productTotal"
|
:value="productTotal"
|
||||||
></TopCard>
|
></TopCard>
|
||||||
</a-col>
|
</j-col>
|
||||||
<a-col :span="6">
|
<j-col :span="6">
|
||||||
<TopCard
|
<TopCard
|
||||||
title="设备数量"
|
title="设备数量"
|
||||||
:img="getImage('/device/device-number.png')"
|
:img="getImage('/device/device-number.png')"
|
||||||
:footer="deviceFooter"
|
:footer="deviceFooter"
|
||||||
:value="deviceTotal"
|
:value="deviceTotal"
|
||||||
></TopCard
|
></TopCard
|
||||||
></a-col>
|
></j-col>
|
||||||
<a-col :span="6"
|
<j-col :span="6"
|
||||||
><TopCard
|
><TopCard
|
||||||
title="当前在线"
|
title="当前在线"
|
||||||
:footer="onlineFooter"
|
:footer="onlineFooter"
|
||||||
|
|
@ -29,18 +29,18 @@
|
||||||
:chartYData="barChartYData"
|
:chartYData="barChartYData"
|
||||||
></BarChart> -->
|
></BarChart> -->
|
||||||
<Charts :options="onlineOptions"></Charts> </TopCard
|
<Charts :options="onlineOptions"></Charts> </TopCard
|
||||||
></a-col>
|
></j-col>
|
||||||
<a-col :span="6"
|
<j-col :span="6"
|
||||||
><TopCard
|
><TopCard
|
||||||
title="今日设备信息量"
|
title="今日设备信息量"
|
||||||
:footer="messageFooter"
|
:footer="messageFooter"
|
||||||
:value="dayMessage"
|
:value="dayMessage"
|
||||||
>
|
>
|
||||||
<Charts :options="TodayDevOptions"></Charts> </TopCard
|
<Charts :options="TodayDevOptions"></Charts> </TopCard
|
||||||
></a-col>
|
></j-col>
|
||||||
</a-row>
|
</j-row>
|
||||||
<a-row :gutter="24">
|
<j-row :gutter="24">
|
||||||
<a-col :span="24">
|
<j-col :span="24">
|
||||||
<div class="message-card">
|
<div class="message-card">
|
||||||
<Guide title="设备消息">
|
<Guide title="设备消息">
|
||||||
<template #extra>
|
<template #extra>
|
||||||
|
|
@ -56,18 +56,18 @@
|
||||||
<Charts :options="devMegOptions"></Charts>
|
<Charts :options="devMegOptions"></Charts>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-col>
|
</j-col>
|
||||||
</a-row>
|
</j-row>
|
||||||
<a-row :span="24">
|
<j-row :span="24">
|
||||||
<a-col :span="24">
|
<j-col :span="24">
|
||||||
<div class="device-position">
|
<div class="device-position">
|
||||||
<Guide title="设备分布"></Guide>
|
<Guide title="设备分布"></Guide>
|
||||||
<div class="device-map">
|
<div class="device-map">
|
||||||
<Amap></Amap>
|
<Amap></Amap>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-col>
|
</j-col>
|
||||||
</a-row>
|
</j-row>
|
||||||
</div>
|
</div>
|
||||||
</page-container>
|
</page-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue