aiotagro/nxxmdata
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改小程序及大屏

Browse Source
This commit is contained in:
dengyuxin
2025-10-23 17:26:47 +08:00
parent 212dffd0da
commit 07bd3ce5da
90 changed files with 3348 additions and 3554 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
datav/src/components/Alert.vue
View File

@@ -146,18 +146,20 @@
</div>
<div class="view-stats" ref="viewStatsRef">
<div class="stats-header">
<span>排名</span>
<span>序号</span>
<span></span>
<span>养殖场名称</span>
<span>牛只数量</span>
<span>人员数量</span>
<span>联系人</span>
<span>联系电话</span>
</div>
<div class="stats-content">
<div class="view-item" v-for="item in viewStats" :key="item.rank">
<div class="rank-badge" :class="`rank-${item.rank}`">{{ item.rank }}</div>
<span></span>
<div class="view-info">
<div class="view-name">{{ item.name }}</div>
<div class="view-count">{{ item.count }}</div>
<div class="view-users" >{{ item.users }}</div>
<div class="view-users" >{{ formatPhoneNumber(item.users) }}</div>
<!-- <div class="view-percentage">{{ item.percentage }}</div> -->
</div>
</div>
@@ -254,6 +256,16 @@ export default {
setup() {
const deviceChart = ref(null)
// 电话号码格式化函数 - 将中间四位替换为*号
const formatPhoneNumber = (phone) => {
if (!phone) return ''
const phoneStr = phone.toString()
if (phoneStr.length === 11) {
return phoneStr.substring(0, 3) + '****' + phoneStr.substring(7)
}
return phoneStr
}
// 设备统计数据
const deviceData = ref({
farms: ['养殖场A', '养殖场B', '养殖场C', '养殖场D', '养殖场E', '养殖场F'],
@@ -410,7 +422,7 @@ export default {
const temperatureAlerts = ref([
{
id: 1,
time: '2025.01.16 14:30:00',
time: '2025.10.16 14:30:00',
deviceId: 'ET001234',
temperature: '39.5°C',
status: '高温异常',
@@ -418,7 +430,7 @@ export default {
},
{
id: 2,
time: '2025.01.16 14:25:00',
time: '2025.10.16 14:25:00',
deviceId: 'ET001235',
temperature: '35.2°C',
status: '低温异常',
@@ -426,7 +438,7 @@ export default {
},
{
id: 3,
time: '2025.01.16 14:20:00',
time: '2025.10.16 14:20:00',
deviceId: 'ET001236',
temperature: '40.1°C',
status: '高温异常',
@@ -434,7 +446,7 @@ export default {
},
{
id: 4,
time: '2025.01.16 14:15:00',
time: '2025.10.16 14:15:00',
deviceId: 'ET001237',
temperature: '34.8°C',
status: '低温异常',
@@ -442,7 +454,7 @@ export default {
},
{
id: 5,
time: '2025.01.16 14:10:00',
time: '2025.10.16 14:10:00',
deviceId: 'ET001238',
temperature: '39.8°C',
status: '高温异常',
@@ -450,7 +462,7 @@ export default {
},
{
id: 6,
time: '2025.01.16 14:05:00',
time: '2025.10.16 14:05:00',
deviceId: 'ET001239',
temperature: '35.0°C',
status: '低温异常',
@@ -458,7 +470,7 @@ export default {
},
{
id: 7,
time: '2025.01.16 14:00:00',
time: '2025.10.16 14:00:00',
deviceId: 'ET001240',
temperature: '40.3°C',
status: '高温异常',
@@ -501,7 +513,7 @@ export default {
const riskData = ref([
{
id: 1,
time: '2025.05.11 12:00:00',
time: '2025.10.11 18:00:00',
user: '20655554',
unit: '智能耳标',
file: '佩戴异常',
@@ -511,7 +523,7 @@ export default {
},
{
id: 2,
time: '2025.04.11 16:00:00',
time: '2025.10.11 12:38:00',
user: '20655556',
unit: '智能耳标',
file: '佩戴异常',
@@ -521,7 +533,7 @@ export default {
},
{
id: 3,
time: '2025.05.16 12:00:00',
time: '2025.10.16 12:00:00',
user: '20655557',
unit: '智能项圈',
file: '低电量',
@@ -531,7 +543,7 @@ export default {
},
{
id: 4,
time: '2025.05.16 12:00:00',
time: '2025.10.16 08:55:00',
user: '20655558',
unit: '智能项圈',
file: '设备离线',
@@ -541,7 +553,7 @@ export default {
},
{
id: 5,
time: '2025.05.16 12:00:00',
time: '2025.10.16 16:40:00',
user: '20655559',
unit: '智能项圈',
file: '设备离线',
@@ -551,7 +563,7 @@ export default {
},
{
id: 6,
time: '2025.05.16 12:00:00',
time: '2025.10.16 12:22:00',
user: '20655559',
unit: '智能项圈',
file: '设备离线',
@@ -561,7 +573,7 @@ export default {
},
{
id: 7,
time: '2025.05.16 12:00:00',
time: '2025.10.16 06:30:00',
user: '20655559',
unit: '智能项圈',
file: '设备离线',
@@ -571,7 +583,7 @@ export default {
},
{
id: 8,
time: '2025.05.16 12:00:00',
time: '2025.10.17 11:29:40',
user: '20655559',
unit: '智能项圈',
file: '设备离线',
@@ -581,7 +593,7 @@ export default {
},
{
id: 9,
time: '2025.05.16 12:00:00',
time: '2025.10.16 10:20:00',
user: '20655559',
unit: '智能项圈',
file: '设备离线',
@@ -591,7 +603,7 @@ export default {
},
{
id: 10,
time: '2025.05.11 12:00:00',
time: '2025.10.23 14:30:00',
user: '20655554',
unit: '智能耳标',
file: '佩戴异常',
@@ -601,7 +613,7 @@ export default {
},
{
id: 11,
time: '2025.05.11 12:00:00',
time: '2025.10.11 13:44:00',
user: '20655554',
unit: '智能耳标',
file: '佩戴异常',
@@ -923,7 +935,8 @@ export default {
livestockChart,
viewStatsRef,
riskTableRef,
temperatureTableRef
temperatureTableRef,
formatPhoneNumber
}
}
}
@@ -1421,9 +1434,9 @@ export default {
.stats-header {
display: grid;
grid-template-columns: 50px 1fr 80px 80px;
grid-template-columns: 50px 30px 1fr 80px 80px;
gap: 15px;
padding: 10px 0;
padding: 12px 15px;
border-bottom: 1px solid rgba(0, 212, 255, 0.2);
color: #ffffff;
font-weight: bold;
@@ -1451,12 +1464,12 @@ export default {
.view-item {
display: grid;
grid-template-columns: 50px 1fr 80px 80px;
grid-template-columns: 50px 30px 1fr 80px 80px;
gap: 15px;
align-items: center;
margin-bottom: 8px;
margin-bottom: 10px;
font-size: 12px;
padding: 5px 10px;
padding: 8px 15px;
border-radius: 4px;
}