JiaSu
/
sugarbreed-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页数据改为绑定值

Browse Source
master
贾肃 5 months ago
parent 80b3ad1ff6
commit 6bb0dec6b7
2 changed files with 68 additions and 1084 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 90
      src/views/index.vue
  2. 1062
      src/views/index_old.vue

90
src/views/index.vue
Unescape View File

@ -22,7 +22,7 @@
<el-row style="text-align: center">
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-body-number">
<el-statistic :value="4378">
<el-statistic :value="baseStatistics.baseNumber">
<template #suffix>
个
</template>
@ -32,7 +32,7 @@
</el-col>
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-body-number">
<el-statistic :value="4378">
<el-statistic :value="baseStatistics.massifNumber">
<template #suffix>
块
</template>
@ -42,7 +42,7 @@
</el-col>
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-body-number">
<el-statistic :value="4378">
<el-statistic :value="baseStatistics.massifArea">
<template #suffix>
亩
</template>
@ -52,7 +52,7 @@
</el-col>
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-body-number">
<el-statistic :value="4378">
<el-statistic :value="baseStatistics.massifGrid">
<template #suffix>
个
</template>
@ -68,7 +68,7 @@
<el-row class="card-body-row">
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-body-number">
<el-statistic :value="4378">
<el-statistic :value="smartBreeding.baseNumber">
<template #suffix>
个
</template>
@ -78,7 +78,7 @@
</el-col>
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-body-number">
<el-statistic :value="4378">
<el-statistic :value="smartBreeding.massifNumber">
<template #suffix>
块
</template>
@ -88,7 +88,7 @@
</el-col>
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-body-number">
<el-statistic :value="4378">
<el-statistic :value="smartBreeding.massifArea">
<template #suffix>
亩
</template>
@ -98,7 +98,7 @@
</el-col>
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-body-number">
<el-statistic :value="4378">
<el-statistic :value="baseStatistics.massifGrid">
<template #suffix>
个
</template>
@ -114,7 +114,7 @@
<el-row class="card-body-row">
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-body-number">
<el-statistic :value="4378">
<el-statistic :value="seedGarden.baseNumber">
<template #suffix>
个
</template>
@ -124,7 +124,7 @@
</el-col>
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-body-number">
<el-statistic :value="4378">
<el-statistic :value="seedGarden.massifNumber">
<template #suffix>
块
</template>
@ -134,7 +134,7 @@
</el-col>
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-body-number">
<el-statistic :value="4378">
<el-statistic :value="seedGarden.massifArea">
<template #suffix>
亩
</template>
@ -144,7 +144,7 @@
</el-col>
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-body-number">
<el-statistic :value="4378">
<el-statistic :value="seedGarden.massifGrid">
<template #suffix>
个
</template>
@ -167,7 +167,7 @@
<el-row class="card-body-row" :gutter="20">
<el-col :xs="12" :sm="12" :md="6" :lg="6" style="border-right: 1px #dcdfe6 dashed;margin: 10px 0;padding-top: 10px">
<div class="card-body-number">
<el-statistic :value="4378">
<el-statistic :value="dataEquipment.weatherStations + dataEquipment.camera + dataEquipment.other">
<template #suffix>
台
</template>
@ -178,7 +178,7 @@
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-round">
<div class="card-body-number">
<el-statistic :value="43">
<el-statistic :value="dataEquipment.weatherStations">
<template #suffix>
台
</template>
@ -190,7 +190,7 @@
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-round">
<div class="card-body-number">
<el-statistic :value="43">
<el-statistic :value="dataEquipment.camera">
<template #suffix>
台
</template>
@ -202,7 +202,7 @@
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-round">
<div class="card-body-number">
<el-statistic :value="43">
<el-statistic :value="dataEquipment.other">
<template #suffix>
台
</template>
@ -250,7 +250,7 @@
<el-row class="card-body-row" :gutter="20">
<el-col :xs="12" :sm="12" :md="6" :lg="6" style="border-right: 1px #dcdfe6 dashed;">
<div class="card-body-number">
<el-statistic :value="8300">
<el-statistic :value="tableTypeData.envData + tableTypeData.tableData + tableTypeData.geneData">
<template #suffix>
条
</template>
@ -260,7 +260,7 @@
</el-col>
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-body-number">
<el-statistic :value="2300">
<el-statistic :value="tableTypeData.tableData">
<template #suffix>
条
</template>
@ -270,7 +270,7 @@
</el-col>
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-body-number">
<el-statistic :value="2000">
<el-statistic :value="tableTypeData.envData">
<template #suffix>
条
</template>
@ -280,7 +280,7 @@
</el-col>
<el-col :xs="12" :sm="12" :md="6" :lg="6">
<div class="card-body-number">
<el-statistic :value="4000">
<el-statistic :value="tableTypeData.geneData">
<template #suffix>
条
</template>
@ -361,7 +361,52 @@
</template>
<script setup name="Index">
const version = ref('3.8.7')
//基地统计数据
const baseStatistics = ref({
// 基地数量
baseNumber:4378,
// 地块数量
massifNumber:4378,
// 地块面积
massifArea:4378,
// 地块网格数量
massifGrid:4378,
})
// 智能育种统计数量
const smartBreeding = ref({
// 基地数量
baseNumber:4378,
// 地块数量
massifNumber:4378,
// 地块面积
massifArea:4378,
// 地块网格数量
massifGrid:4378,
})
// 种质资源圃
const seedGarden = ref({
// 基地数量
baseNumber:4378,
// 地块数量
massifNumber:4378,
// 地块面积
massifArea:4378,
// 地块网格数量
massifGrid:4378,
})
// 数据采集设备
const dataEquipment = ref({
// 气象站
weatherStations:43,
camera:43,
other:43,
})
// 表型数据统计
const tableTypeData = ref({
tableData:2300,
envData:2000,
geneData:4000,
})
import * as echarts from 'echarts';
const plantingSeason = ref(2023)
const plantingSeasonList = [
@ -568,7 +613,8 @@ function goTarget(url) {
}
.card-header-right {
width: 150px;
text-align: right;
float: right;
}

1062
src/views/index_old.vue
View File

File diff suppressed because it is too large Load Diff
Write Preview
Loading…
Cancel
Save