Compare commits
No commits in common. "15637ac3eed9569ac45765559a1bf7fc81d3fd11" and "608ddee02c61dbaffa805eb4b8ad482a911e8909" have entirely different histories.
15637ac3ee
...
608ddee02c
75
new-digital-agriculture-screen/auto-imports.d.ts
vendored
Normal file
75
new-digital-agriculture-screen/auto-imports.d.ts
vendored
Normal file
@ -0,0 +1,75 @@
|
|||||||
|
/* eslint-disable */
|
||||||
|
/* prettier-ignore */
|
||||||
|
// @ts-nocheck
|
||||||
|
// noinspection JSUnusedGlobalSymbols
|
||||||
|
// Generated by unplugin-auto-import
|
||||||
|
export {}
|
||||||
|
declare global {
|
||||||
|
const EffectScope: typeof import('vue')['EffectScope']
|
||||||
|
const computed: typeof import('vue')['computed']
|
||||||
|
const createApp: typeof import('vue')['createApp']
|
||||||
|
const customRef: typeof import('vue')['customRef']
|
||||||
|
const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
|
||||||
|
const defineComponent: typeof import('vue')['defineComponent']
|
||||||
|
const effectScope: typeof import('vue')['effectScope']
|
||||||
|
const getCurrentInstance: typeof import('vue')['getCurrentInstance']
|
||||||
|
const getCurrentScope: typeof import('vue')['getCurrentScope']
|
||||||
|
const h: typeof import('vue')['h']
|
||||||
|
const inject: typeof import('vue')['inject']
|
||||||
|
const isProxy: typeof import('vue')['isProxy']
|
||||||
|
const isReactive: typeof import('vue')['isReactive']
|
||||||
|
const isReadonly: typeof import('vue')['isReadonly']
|
||||||
|
const isRef: typeof import('vue')['isRef']
|
||||||
|
const markRaw: typeof import('vue')['markRaw']
|
||||||
|
const nextTick: typeof import('vue')['nextTick']
|
||||||
|
const onActivated: typeof import('vue')['onActivated']
|
||||||
|
const onBeforeMount: typeof import('vue')['onBeforeMount']
|
||||||
|
const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
|
||||||
|
const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
|
||||||
|
const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
|
||||||
|
const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
|
||||||
|
const onDeactivated: typeof import('vue')['onDeactivated']
|
||||||
|
const onErrorCaptured: typeof import('vue')['onErrorCaptured']
|
||||||
|
const onMounted: typeof import('vue')['onMounted']
|
||||||
|
const onRenderTracked: typeof import('vue')['onRenderTracked']
|
||||||
|
const onRenderTriggered: typeof import('vue')['onRenderTriggered']
|
||||||
|
const onScopeDispose: typeof import('vue')['onScopeDispose']
|
||||||
|
const onServerPrefetch: typeof import('vue')['onServerPrefetch']
|
||||||
|
const onUnmounted: typeof import('vue')['onUnmounted']
|
||||||
|
const onUpdated: typeof import('vue')['onUpdated']
|
||||||
|
const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
|
||||||
|
const provide: typeof import('vue')['provide']
|
||||||
|
const reactive: typeof import('vue')['reactive']
|
||||||
|
const readonly: typeof import('vue')['readonly']
|
||||||
|
const ref: typeof import('vue')['ref']
|
||||||
|
const resolveComponent: typeof import('vue')['resolveComponent']
|
||||||
|
const shallowReactive: typeof import('vue')['shallowReactive']
|
||||||
|
const shallowReadonly: typeof import('vue')['shallowReadonly']
|
||||||
|
const shallowRef: typeof import('vue')['shallowRef']
|
||||||
|
const toRaw: typeof import('vue')['toRaw']
|
||||||
|
const toRef: typeof import('vue')['toRef']
|
||||||
|
const toRefs: typeof import('vue')['toRefs']
|
||||||
|
const toValue: typeof import('vue')['toValue']
|
||||||
|
const triggerRef: typeof import('vue')['triggerRef']
|
||||||
|
const unref: typeof import('vue')['unref']
|
||||||
|
const useAttrs: typeof import('vue')['useAttrs']
|
||||||
|
const useCssModule: typeof import('vue')['useCssModule']
|
||||||
|
const useCssVars: typeof import('vue')['useCssVars']
|
||||||
|
const useId: typeof import('vue')['useId']
|
||||||
|
const useLink: typeof import('vue-router')['useLink']
|
||||||
|
const useModel: typeof import('vue')['useModel']
|
||||||
|
const useRoute: typeof import('vue-router')['useRoute']
|
||||||
|
const useRouter: typeof import('vue-router')['useRouter']
|
||||||
|
const useSlots: typeof import('vue')['useSlots']
|
||||||
|
const useTemplateRef: typeof import('vue')['useTemplateRef']
|
||||||
|
const watch: typeof import('vue')['watch']
|
||||||
|
const watchEffect: typeof import('vue')['watchEffect']
|
||||||
|
const watchPostEffect: typeof import('vue')['watchPostEffect']
|
||||||
|
const watchSyncEffect: typeof import('vue')['watchSyncEffect']
|
||||||
|
}
|
||||||
|
// for type re-export
|
||||||
|
declare global {
|
||||||
|
// @ts-ignore
|
||||||
|
export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
|
||||||
|
import('vue')
|
||||||
|
}
|
53
new-digital-agriculture-screen/components.d.ts
vendored
Normal file
53
new-digital-agriculture-screen/components.d.ts
vendored
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
/* eslint-disable */
|
||||||
|
/* prettier-ignore */
|
||||||
|
// @ts-nocheck
|
||||||
|
// Generated by unplugin-vue-components
|
||||||
|
// Read more: https://github.com/vuejs/core/pull/3399
|
||||||
|
export {}
|
||||||
|
|
||||||
|
declare module 'vue' {
|
||||||
|
export interface GlobalComponents {
|
||||||
|
BaseBg: typeof import('./src/components/baseBg.vue')['default']
|
||||||
|
CenterMap: typeof import('./src/components/centerMap.vue')['default']
|
||||||
|
'CenterMap copy': typeof import('./src/components/centerMap copy.vue')['default']
|
||||||
|
CodeDialog: typeof import('./src/components/code-dialog/index.vue')['default']
|
||||||
|
Components: typeof import('./src/components/index.js')['default']
|
||||||
|
copy: typeof import('./src/components/centerMap copy.vue')['default']
|
||||||
|
CurrentTime: typeof import('./src/components/currentTime.vue')['default']
|
||||||
|
CustomBack: typeof import('./src/components/customBack.vue')['default']
|
||||||
|
CustomCarouselPicture: typeof import('./src/components/custom-carousel-picture/index.vue')['default']
|
||||||
|
CustomEchartBar: typeof import('./src/components/custom-echart-bar/index.vue')['default']
|
||||||
|
CustomEchartBubble: typeof import('./src/components/custom-echart-bubble/index.vue')['default']
|
||||||
|
CustomEchartColumnLine: typeof import('./src/components/custom-echart-column-line/index.vue')['default']
|
||||||
|
CustomEchartHyalineCake: typeof import('./src/components/custom-echart-hyaline-cake/index.vue')['default']
|
||||||
|
CustomEchartLine: typeof import('./src/components/custom-echart-line/index.vue')['default']
|
||||||
|
CustomEchartLineLine: typeof import('./src/components/custom-echart-line-line/index.vue')['default']
|
||||||
|
CustomEchartMaps: typeof import('./src/components/custom-echart-maps/index.vue')['default']
|
||||||
|
CustomEchartMixin: typeof import('./src/components/custom-echart-mixin/index.vue')['default']
|
||||||
|
CustomEchartPictorialBar: typeof import('./src/components/custom-echart-pictorial-bar/index.vue')['default']
|
||||||
|
CustomEchartPie: typeof import('./src/components/custom-echart-pie/index.vue')['default']
|
||||||
|
CustomEchartPie3d: typeof import('./src/components/custom-echart-pie-3d/index.vue')['default']
|
||||||
|
CustomEchartPieGauge: typeof import('./src/components/custom-echart-pie-gauge/index.vue')['default']
|
||||||
|
CustomEchartRadar: typeof import('./src/components/custom-echart-radar/index.vue')['default']
|
||||||
|
CustomEchartScatterBlister: typeof import('./src/components/custom-echart-scatter-blister/index.vue')['default']
|
||||||
|
CustomEchartTriangle: typeof import('./src/components/custom-echart-triangle/index.vue')['default']
|
||||||
|
CustomEchartWaterDroplet: typeof import('./src/components/custom-echart-water-droplet/index.vue')['default']
|
||||||
|
CustomEchartWordCloud: typeof import('./src/components/custom-echart-word-cloud/index.vue')['default']
|
||||||
|
CustomIframe: typeof import('./src/components/custom-iframe/index.vue')['default']
|
||||||
|
CustomImportExcel: typeof import('./src/components/custom-import-excel/index.vue')['default']
|
||||||
|
CustomProgress: typeof import('./src/components/customProgress.vue')['default']
|
||||||
|
CustomRankList: typeof import('./src/components/custom-rank-list/index.vue')['default']
|
||||||
|
CustomRichEditor: typeof import('./src/components/custom-rich-editor/index.vue')['default']
|
||||||
|
CustomScrollBoard: typeof import('./src/components/custom-scroll-board/index.vue')['default']
|
||||||
|
CustomScrollTitle: typeof import('./src/components/custom-scroll-title/index.vue')['default']
|
||||||
|
CustomTableOperate: typeof import('./src/components/custom-table-operate/index.vue')['default']
|
||||||
|
CustomTableTree: typeof import('./src/components/custom-table-tree/index.vue')['default']
|
||||||
|
NewHyalineCake: typeof import('./src/components/custom-echart-hyaline-cake/new-hyaline-cake.vue')['default']
|
||||||
|
NewPie: typeof import('./src/components/custom-echart-hyaline-cake/new-pie.vue')['default']
|
||||||
|
RouterLink: typeof import('vue-router')['RouterLink']
|
||||||
|
RouterView: typeof import('vue-router')['RouterView']
|
||||||
|
SubTop: typeof import('./src/components/subTop.vue')['default']
|
||||||
|
SvgIcon: typeof import('./src/components/svg-icon/index.vue')['default']
|
||||||
|
UpFile: typeof import('./src/components/custom-rich-editor/upFile.js')['default']
|
||||||
|
}
|
||||||
|
}
|
@ -133,12 +133,6 @@ export const constantRoutes = [
|
|||||||
name: 'envInspection',
|
name: 'envInspection',
|
||||||
meta: { title: '环境监测' },
|
meta: { title: '环境监测' },
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/sub-operation-service/smartFarm/intelligentFertilizer',
|
|
||||||
component: () => import('@/views/smartFarm/inspection/intelligentFertilizer.vue'),
|
|
||||||
name: 'intelligentFertilizer',
|
|
||||||
meta: { title: '智能配肥' },
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: '/sub-operation-service/smartFarm/growSeedlings',
|
path: '/sub-operation-service/smartFarm/growSeedlings',
|
||||||
component: () => import('@/views/smartFarm/growSeedlings/index.vue'),
|
component: () => import('@/views/smartFarm/growSeedlings/index.vue'),
|
||||||
|
@ -27,7 +27,7 @@ const icons = [
|
|||||||
{ 温度传感器: 'tempSensor' },
|
{ 温度传感器: 'tempSensor' },
|
||||||
{ 智能阀控: 'intelligentValveControl' },
|
{ 智能阀控: 'intelligentValveControl' },
|
||||||
{ 供水阀: 'waterSupplyValve' },
|
{ 供水阀: 'waterSupplyValve' },
|
||||||
{ 混合泵: 'mixingPump' },
|
{ 混合阀: 'mixingPump' },
|
||||||
{ 混合罐: 'mixingTank' },
|
{ 混合罐: 'mixingTank' },
|
||||||
{ 施肥: 'fertilization' },
|
{ 施肥: 'fertilization' },
|
||||||
{ 肥料罐: 'fertilizerTank' },
|
{ 肥料罐: 'fertilizerTank' },
|
||||||
|
@ -79,12 +79,6 @@ const leftMenu = reactive([
|
|||||||
icon: 'menu1.png',
|
icon: 'menu1.png',
|
||||||
path: '/sub-operation-service/smartFarm/envInspection',
|
path: '/sub-operation-service/smartFarm/envInspection',
|
||||||
},
|
},
|
||||||
{
|
|
||||||
name: 'intelligentFertilizer',
|
|
||||||
title: '智能配肥',
|
|
||||||
icon: 'menu1.png',
|
|
||||||
path: '/sub-operation-service/smartFarm/intelligentFertilizer',
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -1,161 +0,0 @@
|
|||||||
<template>
|
|
||||||
<section>
|
|
||||||
<common>
|
|
||||||
<template #main>
|
|
||||||
<div>
|
|
||||||
<devices :title="'智能配肥设备'" :devices="devices"></devices>
|
|
||||||
</div>
|
|
||||||
<div style="display: flex; justify-content: space-between; margin-top: 10px">
|
|
||||||
<stream :title="'施肥监测实时监控'" :devices="devices" style="width: 60%; height: fit-content"></stream>
|
|
||||||
<el-card style="width: calc(40% - 20px); border-radius: 16px; padding: 10px">
|
|
||||||
<div style="font-size: 16px; font-weight: bold; text-align: left">配肥分析</div>
|
|
||||||
<div class="plantStatus">
|
|
||||||
<div class="leftKey">土壤酸碱度:</div>
|
|
||||||
<div class="rightValue">正常</div>
|
|
||||||
</div>
|
|
||||||
<div class="plantStatus">
|
|
||||||
<div class="leftKey">土壤养分含量:</div>
|
|
||||||
<div class="errorValue">N 元素不足</div>
|
|
||||||
</div>
|
|
||||||
<div class="plantStatus">
|
|
||||||
<div class="leftKey">光照强度:</div>
|
|
||||||
<div class="errorValue">偏高</div>
|
|
||||||
</div>
|
|
||||||
<div class="plantStatus">
|
|
||||||
<div class="leftKey">风速:</div>
|
|
||||||
<div class="rightValue">微风</div>
|
|
||||||
</div>
|
|
||||||
<div class="plantStatus">
|
|
||||||
<div class="leftKey">作物生长状态:</div>
|
|
||||||
<div class="rightValue">良好</div>
|
|
||||||
</div>
|
|
||||||
<div class="plantStatus">
|
|
||||||
<div class="leftKey">设备状态:</div>
|
|
||||||
<div class="rightValue">正常</div>
|
|
||||||
</div>
|
|
||||||
<div class="plantStatus">
|
|
||||||
<div class="leftKey">肥料储备:</div>
|
|
||||||
<div class="rightValue">充足</div>
|
|
||||||
</div>
|
|
||||||
</el-card>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</common>
|
|
||||||
</section>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import { ref, onMounted, onBeforeUnmount } from 'vue';
|
|
||||||
import Common from '../components/common.vue';
|
|
||||||
import Devices from '@/views/smartFarm/components/devices.vue';
|
|
||||||
import Stream from '@/views/smartFarm/components/stream.vue';
|
|
||||||
import * as echarts from 'echarts';
|
|
||||||
/* --------------- data --------------- */
|
|
||||||
// #region
|
|
||||||
const devices = ref([
|
|
||||||
{
|
|
||||||
name: 'A-001',
|
|
||||||
icon: 'fertilizerTank',
|
|
||||||
detail: 'A区-监控设备9',
|
|
||||||
status: '0',
|
|
||||||
id: 0,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'A-002',
|
|
||||||
icon: 'fertilizerTank',
|
|
||||||
detail: 'A区-监控设备66',
|
|
||||||
status: '0',
|
|
||||||
id: 1,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'A-003',
|
|
||||||
icon: 'fertilization',
|
|
||||||
detail: 'A区-监控设备7',
|
|
||||||
status: '0',
|
|
||||||
id: 2,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'A-004',
|
|
||||||
icon: 'mixingTank',
|
|
||||||
detail: 'A区-监控设备1',
|
|
||||||
status: '-1',
|
|
||||||
id: 3,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'A-005',
|
|
||||||
icon: 'mixingTank',
|
|
||||||
detail: 'A区-监控设备5',
|
|
||||||
status: '-1',
|
|
||||||
id: 4,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'A-006',
|
|
||||||
icon: 'mixingTank',
|
|
||||||
status: '0',
|
|
||||||
detail: 'A区-监控设备21',
|
|
||||||
id: 5,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'A-007',
|
|
||||||
icon: 'mixingPump',
|
|
||||||
status: '0',
|
|
||||||
detail: 'A区-监控设备4',
|
|
||||||
id: 6,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'A-008',
|
|
||||||
detail: 'A区-监控设备3',
|
|
||||||
icon: 'mixingPump',
|
|
||||||
status: '0',
|
|
||||||
id: 7,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'A-009',
|
|
||||||
detail: 'A区-监控设备9',
|
|
||||||
icon: 'mixingPump',
|
|
||||||
status: '0',
|
|
||||||
id: 8,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'A-010',
|
|
||||||
detail: 'A区-监控设备10',
|
|
||||||
icon: 'solenoidValve',
|
|
||||||
status: '0',
|
|
||||||
id: 9,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'A-008',
|
|
||||||
detail: 'A区-监控设备3',
|
|
||||||
icon: 'solenoidValve',
|
|
||||||
status: '0',
|
|
||||||
id: 10,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'A-008',
|
|
||||||
detail: 'A区-监控设备3',
|
|
||||||
icon: 'solenoidValve',
|
|
||||||
status: '0',
|
|
||||||
id: 11,
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
// #endregion
|
|
||||||
/* --------------- methods --------------- */
|
|
||||||
// #region
|
|
||||||
|
|
||||||
// #endregion
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.plantStatus {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
font-size: 14px;
|
|
||||||
margin: 7px 0;
|
|
||||||
.leftKey {
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
.rightValue {
|
|
||||||
color: #25bf82;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
Loading…
x
Reference in New Issue
Block a user