智慧种植-生产管理模块开发
This commit is contained in:
2090205686@qq.com
parent
71abc7497e
commit
95ce33be37
BIN
sub-operation-service/src/assets/images/smartFarm/broadcast.png
Normal file
BIN
sub-operation-service/src/assets/images/smartFarm/broadcast.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
sub-operation-service/src/assets/images/smartFarm/排水泵.png
Normal file
BIN
sub-operation-service/src/assets/images/smartFarm/排水泵.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 623 B |
BIN
sub-operation-service/src/assets/images/smartFarm/液位传感器.png
Normal file
BIN
sub-operation-service/src/assets/images/smartFarm/液位传感器.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 608 B |
BIN
sub-operation-service/src/assets/images/smartFarm/电动闸阀.png
Normal file
BIN
sub-operation-service/src/assets/images/smartFarm/电动闸阀.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
@ -66,7 +66,7 @@ export const constantRoutes = [
|
||||
name: 'userOrders',
|
||||
meta: { title: '我的订单' },
|
||||
},
|
||||
{
|
||||
{
|
||||
path: '/sub-operation-service/userLands',
|
||||
component: () => import('@/views/userCenter/userLands.vue'),
|
||||
name: 'userLands',
|
||||
@ -133,6 +133,30 @@ export const constantRoutes = [
|
||||
name: 'growSeedlings',
|
||||
meta: { title: '一体育苗' },
|
||||
},
|
||||
{
|
||||
path: '/sub-operation-service/smartFarm/pestPrevention',
|
||||
component: () => import('@/views/smartFarm/pestPrevention/index.vue'),
|
||||
name: 'pestPrevention',
|
||||
meta: { title: '病虫害防治' },
|
||||
},
|
||||
{
|
||||
path: '/sub-operation-service/smartFarm/irrigationSystem',
|
||||
component: () => import('@/views/smartFarm/irrigationSystem/index.vue'),
|
||||
name: 'irrigationSystem',
|
||||
meta: { title: '喷灌滴灌' },
|
||||
},
|
||||
{
|
||||
path: '/sub-operation-service/smartFarm/drainageControl',
|
||||
component: () => import('@/views/smartFarm/drainageControl/index.vue'),
|
||||
name: 'drainageControl',
|
||||
meta: { title: '排集水控制' },
|
||||
},
|
||||
{
|
||||
path: '/sub-operation-service/smartFarm/openCurtain',
|
||||
component: () => import('@/views/smartFarm/openCurtain/index.vue'),
|
||||
name: 'openCurtain',
|
||||
meta: { title: '开窗卷帘' },
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
@ -60,6 +60,30 @@ const menus = reactive([
|
||||
icon: 'menu3.png',
|
||||
path: '/sub-operation-service/smartFarm/growSeedlings',
|
||||
},
|
||||
{
|
||||
name: 'control',
|
||||
title: '病虫害预防',
|
||||
icon: 'menu3.png',
|
||||
path: '/sub-operation-service/smartFarm/pestPrevention',
|
||||
},
|
||||
{
|
||||
name: 'control',
|
||||
title: '喷灌滴灌',
|
||||
icon: 'menu3.png',
|
||||
path: '/sub-operation-service/smartFarm/irrigationSystem',
|
||||
},
|
||||
{
|
||||
name: 'control',
|
||||
title: '排集水控制',
|
||||
icon: 'menu3.png',
|
||||
path: '/sub-operation-service/smartFarm/drainageControl',
|
||||
},
|
||||
{
|
||||
name: 'control',
|
||||
title: '开窗卷帘',
|
||||
icon: 'menu3.png',
|
||||
path: '/sub-operation-service/smartFarm/openCurtain',
|
||||
},
|
||||
],
|
||||
},
|
||||
]);
|
||||
|
||||
@ -0,0 +1,148 @@
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted, computed } from 'vue';
|
||||
import { isEmpty, getAssetsFile } from '@/utils';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
|
||||
const props = defineProps({
|
||||
devices: {
|
||||
type: Array,
|
||||
required: true,
|
||||
default: () => [],
|
||||
},
|
||||
isShowBroadcast: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
broadcastData: {
|
||||
type: Array,
|
||||
required: true,
|
||||
default: () => [],
|
||||
},
|
||||
});
|
||||
|
||||
const getDeviceSwitchIsOpen = (device) => {
|
||||
return computed({
|
||||
get: () => device.isOpen !== 0,
|
||||
set: (value) => {
|
||||
device.isOpen = value ? 1 : 0;
|
||||
},
|
||||
});
|
||||
};
|
||||
const getDeviceSwitchStatus = (device) => {
|
||||
return computed({
|
||||
get: () => device.status == '0',
|
||||
set: (value) => {
|
||||
device.status = value;
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
const broadcast = ref([
|
||||
'2025年01月01日10:10:10,排水泵P567789456发生异常关机,请检查设备情况!',
|
||||
'2025年02月02日11:14:55,排水泵P567789478发生异常故障,请检查设备情况!',
|
||||
]);
|
||||
|
||||
onMounted(() => {
|
||||
console.info('broadcastData', props.broadcastData);
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<el-card style="border-radius: 16px">
|
||||
<div v-if="isShowBroadcast" class="broadcast-box">
|
||||
<img :src="getAssetsFile('images/smartFarm/broadcast.png')" alt="" />
|
||||
<div style="flex: 1">
|
||||
<el-carousel height="32px" direction="vertical" motion-blur :autoplay="true">
|
||||
<el-carousel-item v-for="(item, index) in broadcast" :key="index" style="line-height: 36px; font-size: 16px">
|
||||
<div text="2xl" justify="center">{{ item }}</div>
|
||||
</el-carousel-item>
|
||||
</el-carousel>
|
||||
</div>
|
||||
</div>
|
||||
<div v-for="(item, index) in devices" :key="index" class="device-list-box">
|
||||
<div class="device-list-title" style="">{{ item.title }}</div>
|
||||
<div style="display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 16px">
|
||||
<div v-for="(device, i) in item.devices" :key="i" class="device">
|
||||
<div v-if="device.status == 1" class="status" style="background-color: #25bf82">正常</div>
|
||||
<div v-else-if="device.status == 0" class="status" style="background-color: #999999">离线</div>
|
||||
<div v-else-if="device.status == -1" class="status" style="background-color: #fe4066">故障</div>
|
||||
<div style="display: flex; flex-direction: column; justify-content: flex-start; height: 100%">
|
||||
<div style="display: flex; justify-content: flex-start">
|
||||
<img v-if="device.icon === 'pump'" :src="getAssetsFile('images/smartFarm/排水泵.png')" alt="" />
|
||||
<img v-else-if="device.icon === 'gate'" :src="getAssetsFile('images/smartFarm/电动闸阀.png')" alt="" />
|
||||
<img v-else-if="device.icon === 'sensor'" :src="getAssetsFile('images/smartFarm/液位传感器.png')" alt="" />
|
||||
<div style="margin-left: 10px">
|
||||
<div style="font-size: 16px; text-align: left; color: #000000">{{ device.name }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="font-size: 12px; padding-left: 6px; margin: 10px 0; text-align: left">{{ device.serial }}</div>
|
||||
<div style="padding-left: 6px; text-align: left">
|
||||
<el-switch
|
||||
v-model="getDeviceSwitchIsOpen(device).value"
|
||||
:disabled="getDeviceSwitchStatus(device).value"
|
||||
class="ml-2"
|
||||
style="--el-switch-on-color: #25bf82; --el-switch-off-color: #999999"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.broadcast-box {
|
||||
height: 32px;
|
||||
display: flex;
|
||||
text-align: left;
|
||||
margin-bottom: 20px;
|
||||
img {
|
||||
width: 115px;
|
||||
}
|
||||
}
|
||||
.device-list-box {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.device-list-box:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.device-list-title {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
color: #000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.device {
|
||||
height: 140px;
|
||||
flex: 0 0 calc(25% - 20px);
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 16px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
padding: 16px 16px 16px 10px;
|
||||
img {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
.status {
|
||||
border-radius: 0 16px 0 16px;
|
||||
height: 32px;
|
||||
line-height: 26px;
|
||||
width: 40px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #ffffff;
|
||||
font-size: 12px;
|
||||
}
|
||||
</style>
|
||||
@ -79,7 +79,7 @@ const leftMenu = reactive([
|
||||
name: 'control',
|
||||
title: '生产管理控制',
|
||||
icon: 'menu3.png',
|
||||
path: '/sub-operation-service/smartFarm/main',
|
||||
path: '',
|
||||
isOpen: false,
|
||||
children: [
|
||||
{
|
||||
@ -88,6 +88,30 @@ const leftMenu = reactive([
|
||||
icon: 'menu3.png',
|
||||
path: '/sub-operation-service/smartFarm/growSeedlings',
|
||||
},
|
||||
{
|
||||
name: 'control',
|
||||
title: '病虫害预防',
|
||||
icon: 'menu3.png',
|
||||
path: '/sub-operation-service/smartFarm/pestPrevention',
|
||||
},
|
||||
{
|
||||
name: 'control',
|
||||
title: '喷灌滴灌',
|
||||
icon: 'menu3.png',
|
||||
path: '/sub-operation-service/smartFarm/irrigationSystem',
|
||||
},
|
||||
{
|
||||
name: 'control',
|
||||
title: '排集水控制',
|
||||
icon: 'menu3.png',
|
||||
path: '/sub-operation-service/smartFarm/drainageControl',
|
||||
},
|
||||
{
|
||||
name: 'control',
|
||||
title: '开窗卷帘',
|
||||
icon: 'menu3.png',
|
||||
path: '/sub-operation-service/smartFarm/openCurtain',
|
||||
},
|
||||
],
|
||||
},
|
||||
]);
|
||||
|
||||
@ -33,18 +33,22 @@ onMounted(() => {
|
||||
<div class="my-table-title" style="">{{ title }}</div>
|
||||
<div style="height: 170px">
|
||||
<table border="0" cellspacing="0" cellpadding="8">
|
||||
<tr class="my-table-th">
|
||||
<th v-for="(item, index) in column" :key="item.prop || index">
|
||||
{{ item?.label || '' }}
|
||||
</th>
|
||||
</tr>
|
||||
<tr v-for="(item, index) in data" :key="item.id || index">
|
||||
<td v-for="(cell, i) of item" :key="item.id || i">
|
||||
<span style="color: #25bf82" v-if="cell == '开启'">{{ cell }}</span>
|
||||
<span style="color: #fe4066" v-else-if="cell == '关闭'">{{ cell }}</span>
|
||||
<span v-else>{{ cell }}</span>
|
||||
</td>
|
||||
</tr>
|
||||
<thead>
|
||||
<tr class="my-table-th">
|
||||
<th v-for="(item, index) in column" :key="item.prop || index">
|
||||
{{ item?.label || '' }}
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item, index) in data" :key="item.id || index">
|
||||
<td v-for="(cell, i) of item" :key="item.id || i">
|
||||
<span v-if="cell == '开启'" style="color: #25bf82">{{ cell }}</span>
|
||||
<span v-else-if="cell == '关闭'" style="color: #fe4066">{{ cell }}</span>
|
||||
<span v-else>{{ cell }}</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
@ -52,7 +52,7 @@ const props = defineProps({
|
||||
<img v-else-if="item.icon === 'gogga'" :src="getAssetsFile('images/smartFarm/病虫害.png')" alt="" />
|
||||
<img v-else-if="item.icon === 'water'" :src="getAssetsFile('images/smartFarm/灌溉控制.png')" alt="" />
|
||||
<div style="margin-left: 10px">
|
||||
<div style="font-size: 16px; text-align: left">{{ item.name }}</div>
|
||||
<div style="font-size: 16px; text-align: left; color: #000000">{{ item.name }}</div>
|
||||
<div style="font-size: 12px; text-align: left">{{ item.serial }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -0,0 +1,214 @@
|
||||
<template>
|
||||
<section>
|
||||
<common>
|
||||
<template #main>
|
||||
<ControlDevices :devices="devices" :is-show-broadcast="true" :broadcast-data="broadcastData"></ControlDevices>
|
||||
</template>
|
||||
</common>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
import { getAssetsFile } from '@/utils';
|
||||
import Common from '../components/common.vue';
|
||||
import ControlDevices from '@/views/smartFarm/components/controlDevices.vue';
|
||||
|
||||
const devices = ref([
|
||||
{
|
||||
title: '排水泵站',
|
||||
devices: [
|
||||
{
|
||||
name: 'A-001',
|
||||
serial: 'YM20250101001', // 设备序列号
|
||||
icon: 'pump', // pump排水泵站 gate电动闸门 sensor水位传感器
|
||||
isOpen: 1, // 0:关闭 1:开启
|
||||
isOperation: 0, // 0:待机中 1:运作中
|
||||
status: '1', // -1:故障 0:离线 1:正常
|
||||
id: 0,
|
||||
},
|
||||
{
|
||||
name: 'A-002',
|
||||
serial: 'YM20250101002',
|
||||
icon: 'pump',
|
||||
isOpen: 0,
|
||||
isOperation: 1,
|
||||
status: '1',
|
||||
id: 1,
|
||||
},
|
||||
{
|
||||
name: 'A-003',
|
||||
serial: 'YM20250101003',
|
||||
icon: 'pump',
|
||||
isOpen: 0,
|
||||
isOperation: 0,
|
||||
status: '-1',
|
||||
id: 2,
|
||||
},
|
||||
{
|
||||
name: 'A-004',
|
||||
serial: 'YM20250101004',
|
||||
icon: 'pump',
|
||||
isOpen: 1,
|
||||
isOperation: 0,
|
||||
status: '0',
|
||||
id: 3,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: '电动闸门',
|
||||
devices: [
|
||||
{
|
||||
name: 'A-001',
|
||||
serial: 'YM20250101001', // 设备序列号
|
||||
icon: 'gate', // pump排水泵站 gate电动闸门 sensor水位传感器
|
||||
isOpen: 1, // 0:关闭 1:开启
|
||||
isOperation: 0, // 0:待机中 1:运作中
|
||||
status: '1', // -1:故障 0:离线 1:正常
|
||||
id: 0,
|
||||
},
|
||||
{
|
||||
name: 'A-002',
|
||||
serial: 'YM20250101002',
|
||||
icon: 'gate',
|
||||
isOpen: 0,
|
||||
isOperation: 1,
|
||||
status: '1',
|
||||
id: 1,
|
||||
},
|
||||
{
|
||||
name: 'A-003',
|
||||
serial: 'YM20250101003',
|
||||
icon: 'gate',
|
||||
isOpen: 0,
|
||||
isOperation: 0,
|
||||
status: '-1',
|
||||
id: 2,
|
||||
},
|
||||
{
|
||||
name: 'A-004',
|
||||
serial: 'YM20250101004',
|
||||
icon: 'gate',
|
||||
isOpen: 1,
|
||||
isOperation: 0,
|
||||
status: '0',
|
||||
id: 3,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: '水位传感器',
|
||||
devices: [
|
||||
{
|
||||
name: 'A-001',
|
||||
serial: 'YM20250101001', // 设备序列号
|
||||
icon: 'sensor', // pump排水泵站 gate电动闸门 sensor水位传感器
|
||||
isOpen: 1, // 0:关闭 1:开启
|
||||
isOperation: 0, // 0:待机中 1:运作中
|
||||
status: '1', // -1:故障 0:离线 1:正常
|
||||
id: 0,
|
||||
},
|
||||
{
|
||||
name: 'A-002',
|
||||
serial: 'YM20250101002',
|
||||
icon: 'sensor',
|
||||
isOpen: 0,
|
||||
isOperation: 1,
|
||||
status: '1',
|
||||
id: 1,
|
||||
},
|
||||
{
|
||||
name: 'A-003',
|
||||
serial: 'YM20250101003',
|
||||
icon: 'sensor',
|
||||
isOpen: 0,
|
||||
isOperation: 0,
|
||||
status: '-1',
|
||||
id: 2,
|
||||
},
|
||||
{
|
||||
name: 'A-004',
|
||||
serial: 'YM20250101004',
|
||||
icon: 'sensor',
|
||||
isOpen: 1,
|
||||
isOperation: 0,
|
||||
status: '0',
|
||||
id: 3,
|
||||
},
|
||||
],
|
||||
},
|
||||
]);
|
||||
|
||||
const tableData = ref([
|
||||
{
|
||||
name: '温度',
|
||||
value: '>25',
|
||||
device: '制冷机',
|
||||
behavior: '开启',
|
||||
time: 10,
|
||||
},
|
||||
{
|
||||
name: '湿度',
|
||||
value: '<24',
|
||||
device: '喷洒机',
|
||||
behavior: '关闭',
|
||||
time: 15,
|
||||
},
|
||||
{
|
||||
name: 'PH值',
|
||||
value: '>8',
|
||||
device: '配肥机',
|
||||
behavior: '开启',
|
||||
time: 5,
|
||||
},
|
||||
{
|
||||
name: '风速',
|
||||
value: '>中风',
|
||||
device: '通风窗',
|
||||
behavior: '关闭',
|
||||
time: '/',
|
||||
},
|
||||
{
|
||||
name: '光照',
|
||||
value: '>强光',
|
||||
device: '幕布',
|
||||
behavior: '开启',
|
||||
time: '/',
|
||||
},
|
||||
]);
|
||||
const tableTitle = ref([
|
||||
{
|
||||
label: '参数名称',
|
||||
prop: 'name',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '参数值',
|
||||
prop: 'value',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '智能设备',
|
||||
prop: 'device',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '机械行为',
|
||||
prop: 'behavior',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '持续时间(min)',
|
||||
prop: 'time',
|
||||
width: 'auto',
|
||||
},
|
||||
]);
|
||||
|
||||
const broadcastData = ref([
|
||||
'2025年01月01日10:10:10,排水泵P567789456发生异常关机,请检查设备情况!',
|
||||
'2025年02月02日11:14:55,排水泵P567789478发生异常故障,请检查设备情况!',
|
||||
]);
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@ -188,17 +188,4 @@ const rightTableTitle = ref([
|
||||
]);
|
||||
</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>
|
||||
<style lang="scss" scoped></style>
|
||||
|
||||
@ -0,0 +1,191 @@
|
||||
<template>
|
||||
<section>
|
||||
<common>
|
||||
<template #main>
|
||||
<div>
|
||||
<ProduceDevices :title="'喷灌滴灌设备'" :devices="devices"></ProduceDevices>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; margin-top: 20px">
|
||||
<MyTable :title="'喷灌滴灌策略'" :data="leftTableData" :column="leftTableTitle" style="width: 60%; margin-right: 20px"></MyTable>
|
||||
<MyTable :title="'喷灌滴灌记录'" :data="rightTableData" :column="rightTableTitle" style="flex: 1"></MyTable>
|
||||
</div>
|
||||
</template>
|
||||
</common>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
import Common from '../components/common.vue';
|
||||
import MyTable from '@/views/smartFarm/components/myTable.vue';
|
||||
import ProduceDevices from '@/views/smartFarm/components/produceDevices.vue';
|
||||
|
||||
const devices = ref([
|
||||
{
|
||||
name: 'A-001',
|
||||
serial: 'YM20250101001', // 设备序列号
|
||||
icon: 'water', // plant育苗 gogga病虫害 water喷灌
|
||||
isOpen: 1, // 0:关闭 1:开启
|
||||
isOperation: 0, // 0:待机中 1:运作中
|
||||
status: '1', // -1:故障 0:离线 1:正常
|
||||
id: 0,
|
||||
},
|
||||
{
|
||||
name: 'A-002',
|
||||
serial: 'YM20250101002',
|
||||
icon: 'water',
|
||||
isOpen: 0,
|
||||
isOperation: 1,
|
||||
status: '1',
|
||||
id: 1,
|
||||
},
|
||||
{
|
||||
name: 'A-003',
|
||||
serial: 'YM20250101003',
|
||||
icon: 'water',
|
||||
isOpen: 0,
|
||||
isOperation: 0,
|
||||
status: '-1',
|
||||
id: 2,
|
||||
},
|
||||
{
|
||||
name: 'A-004',
|
||||
serial: 'YM20250101004',
|
||||
icon: 'water',
|
||||
isOpen: 1,
|
||||
isOperation: 0,
|
||||
status: '0',
|
||||
id: 3,
|
||||
},
|
||||
{
|
||||
name: 'A-005',
|
||||
serial: 'YM20250101005',
|
||||
icon: 'water',
|
||||
isOpen: 0,
|
||||
isOperation: 1,
|
||||
status: '1',
|
||||
id: 4,
|
||||
},
|
||||
{
|
||||
name: 'A-006',
|
||||
serial: 'YM20250101006',
|
||||
icon: 'water',
|
||||
isOpen: 1,
|
||||
isOperation: 0,
|
||||
status: '1',
|
||||
id: 5,
|
||||
},
|
||||
]);
|
||||
|
||||
const leftTableData = ref([
|
||||
{
|
||||
name: '土壤温度',
|
||||
value: '>21°C',
|
||||
device: '喷灌设备',
|
||||
behavior: '开启',
|
||||
time: 10,
|
||||
},
|
||||
{
|
||||
name: '土壤湿度',
|
||||
value: '>18%',
|
||||
device: '滴灌设备',
|
||||
behavior: '开启',
|
||||
time: 15,
|
||||
},
|
||||
{
|
||||
name: '光照强度',
|
||||
value: '>偏高',
|
||||
device: '滴灌设备',
|
||||
behavior: '开启',
|
||||
time: 5,
|
||||
},
|
||||
{
|
||||
name: '短期降水',
|
||||
value: '>偏低',
|
||||
device: '喷灌设备',
|
||||
behavior: '开启',
|
||||
time: '10',
|
||||
},
|
||||
{
|
||||
name: '风速',
|
||||
value: '>中风',
|
||||
device: '通风窗',
|
||||
behavior: '关闭',
|
||||
time: '/',
|
||||
},
|
||||
]);
|
||||
const leftTableTitle = ref([
|
||||
{
|
||||
label: '参数名称',
|
||||
prop: 'name',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '参数值',
|
||||
prop: 'value',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '智能设备',
|
||||
prop: 'device',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '机械行为',
|
||||
prop: 'behavior',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '持续时间(min)',
|
||||
prop: 'time',
|
||||
width: 'auto',
|
||||
},
|
||||
]);
|
||||
|
||||
const rightTableData = ref([
|
||||
{
|
||||
date: '2025-01-01 10:36',
|
||||
device: '喷灌设备',
|
||||
behavior: '开启',
|
||||
},
|
||||
{
|
||||
date: '2025-01-01 10:30',
|
||||
device: '滴灌设备',
|
||||
behavior: '关闭',
|
||||
},
|
||||
{
|
||||
date: '2025-01-01 10:22',
|
||||
device: '喷灌设备',
|
||||
behavior: '开启',
|
||||
},
|
||||
{
|
||||
date: '2025-01-01 10:10',
|
||||
device: '滴灌设备',
|
||||
behavior: '关闭',
|
||||
},
|
||||
{
|
||||
date: '2025-01-01 10:00',
|
||||
device: '通风窗',
|
||||
behavior: '开启',
|
||||
},
|
||||
]);
|
||||
const rightTableTitle = ref([
|
||||
{
|
||||
label: '执行时间',
|
||||
prop: 'date',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '智能设备',
|
||||
prop: 'device',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '机械行为',
|
||||
prop: 'behavior',
|
||||
width: 'auto',
|
||||
},
|
||||
]);
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
211
sub-operation-service/src/views/smartFarm/openCurtain/index.vue
Normal file
211
sub-operation-service/src/views/smartFarm/openCurtain/index.vue
Normal file
@ -0,0 +1,211 @@
|
||||
<template>
|
||||
<section>
|
||||
<common>
|
||||
<template #main>
|
||||
<div>
|
||||
<ControlDevices :devices="devices"></ControlDevices>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; margin-top: 20px">
|
||||
<MyTable :title="'操作时间'" :data="tableData" :column="tableTitle" style="width: 100%" class="my-table"></MyTable>
|
||||
</div>
|
||||
</template>
|
||||
</common>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
import Common from '../components/common.vue';
|
||||
import MyTable from '@/views/smartFarm/components/myTable.vue';
|
||||
import ControlDevices from '@/views/smartFarm/components/controlDevices.vue';
|
||||
|
||||
const devices = ref([
|
||||
{
|
||||
title: '排水泵站',
|
||||
devices: [
|
||||
{
|
||||
name: 'A-001',
|
||||
serial: 'YM20250101001', // 设备序列号
|
||||
icon: 'pump', // pump排水泵站 gate电动闸门 sensor水位传感器
|
||||
isOpen: 1, // 0:关闭 1:开启
|
||||
isOperation: 0, // 0:待机中 1:运作中
|
||||
status: '1', // -1:故障 0:离线 1:正常
|
||||
id: 0,
|
||||
},
|
||||
{
|
||||
name: 'A-002',
|
||||
serial: 'YM20250101002',
|
||||
icon: 'pump',
|
||||
isOpen: 0,
|
||||
isOperation: 1,
|
||||
status: '1',
|
||||
id: 1,
|
||||
},
|
||||
{
|
||||
name: 'A-003',
|
||||
serial: 'YM20250101003',
|
||||
icon: 'pump',
|
||||
isOpen: 0,
|
||||
isOperation: 0,
|
||||
status: '-1',
|
||||
id: 2,
|
||||
},
|
||||
{
|
||||
name: 'A-004',
|
||||
serial: 'YM20250101004',
|
||||
icon: 'pump',
|
||||
isOpen: 1,
|
||||
isOperation: 0,
|
||||
status: '0',
|
||||
id: 3,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: '电动闸门',
|
||||
devices: [
|
||||
{
|
||||
name: 'A-001',
|
||||
serial: 'YM20250101001', // 设备序列号
|
||||
icon: 'gate', // pump排水泵站 gate电动闸门 sensor水位传感器
|
||||
isOpen: 1, // 0:关闭 1:开启
|
||||
isOperation: 0, // 0:待机中 1:运作中
|
||||
status: '1', // -1:故障 0:离线 1:正常
|
||||
id: 0,
|
||||
},
|
||||
{
|
||||
name: 'A-002',
|
||||
serial: 'YM20250101002',
|
||||
icon: 'gate',
|
||||
isOpen: 0,
|
||||
isOperation: 1,
|
||||
status: '1',
|
||||
id: 1,
|
||||
},
|
||||
{
|
||||
name: 'A-003',
|
||||
serial: 'YM20250101003',
|
||||
icon: 'gate',
|
||||
isOpen: 0,
|
||||
isOperation: 0,
|
||||
status: '-1',
|
||||
id: 2,
|
||||
},
|
||||
{
|
||||
name: 'A-004',
|
||||
serial: 'YM20250101004',
|
||||
icon: 'gate',
|
||||
isOpen: 1,
|
||||
isOperation: 0,
|
||||
status: '0',
|
||||
id: 3,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: '水位传感器',
|
||||
devices: [
|
||||
{
|
||||
name: 'A-001',
|
||||
serial: 'YM20250101001', // 设备序列号
|
||||
icon: 'sensor', // pump排水泵站 gate电动闸门 sensor水位传感器
|
||||
isOpen: 1, // 0:关闭 1:开启
|
||||
isOperation: 0, // 0:待机中 1:运作中
|
||||
status: '1', // -1:故障 0:离线 1:正常
|
||||
id: 0,
|
||||
},
|
||||
{
|
||||
name: 'A-002',
|
||||
serial: 'YM20250101002',
|
||||
icon: 'sensor',
|
||||
isOpen: 0,
|
||||
isOperation: 1,
|
||||
status: '1',
|
||||
id: 1,
|
||||
},
|
||||
{
|
||||
name: 'A-003',
|
||||
serial: 'YM20250101003',
|
||||
icon: 'sensor',
|
||||
isOpen: 0,
|
||||
isOperation: 0,
|
||||
status: '-1',
|
||||
id: 2,
|
||||
},
|
||||
{
|
||||
name: 'A-004',
|
||||
serial: 'YM20250101004',
|
||||
icon: 'sensor',
|
||||
isOpen: 1,
|
||||
isOperation: 0,
|
||||
status: '0',
|
||||
id: 3,
|
||||
},
|
||||
],
|
||||
},
|
||||
]);
|
||||
|
||||
const tableData = ref([
|
||||
{
|
||||
name: '卷膜器',
|
||||
serial: 'P-1110101',
|
||||
behavior: '开启',
|
||||
date: '2025-01-01 09:00:00',
|
||||
},
|
||||
{
|
||||
name: '智能电动天窗',
|
||||
serial: 'P-1110102',
|
||||
behavior: '开启',
|
||||
date: '2025-01-01 09:10:12',
|
||||
},
|
||||
{
|
||||
name: '链式开窗',
|
||||
serial: 'P-1110103',
|
||||
behavior: '关闭',
|
||||
date: '2025-01-01 09:22:20',
|
||||
},
|
||||
{
|
||||
name: '卷膜器',
|
||||
serial: 'P-1110104',
|
||||
behavior: '开启',
|
||||
date: '2025-01-01 09:03:10',
|
||||
},
|
||||
{
|
||||
name: '智能电动天窗',
|
||||
serial: 'P-1110105',
|
||||
behavior: '关闭',
|
||||
date: '2025-01-01 10:10:01',
|
||||
},
|
||||
]);
|
||||
const tableTitle = ref([
|
||||
{
|
||||
label: '设备名称',
|
||||
prop: 'name',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '设备编码',
|
||||
prop: 'serial',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '操作',
|
||||
prop: 'behavior',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '操作日期',
|
||||
prop: 'date',
|
||||
width: 'auto',
|
||||
},
|
||||
]);
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.my-table {
|
||||
&:deep(table) {
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,191 @@
|
||||
<template>
|
||||
<section>
|
||||
<common>
|
||||
<template #main>
|
||||
<div>
|
||||
<ProduceDevices :title="'病虫害预防设备'" :devices="devices"></ProduceDevices>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; margin-top: 20px">
|
||||
<MyTable :title="'病虫害预防策略'" :data="leftTableData" :column="leftTableTitle" style="width: 60%; margin-right: 20px"></MyTable>
|
||||
<MyTable :title="'防治记录'" :data="rightTableData" :column="rightTableTitle" style="flex: 1"></MyTable>
|
||||
</div>
|
||||
</template>
|
||||
</common>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
import Common from '../components/common.vue';
|
||||
import MyTable from '@/views/smartFarm/components/myTable.vue';
|
||||
import ProduceDevices from '@/views/smartFarm/components/produceDevices.vue';
|
||||
|
||||
const devices = ref([
|
||||
{
|
||||
name: 'A-001',
|
||||
serial: 'YM20250101001', // 设备序列号
|
||||
icon: 'gogga', // plant育苗 gogga病虫害 water喷灌
|
||||
isOpen: 1, // 0:关闭 1:开启
|
||||
isOperation: 0, // 0:待机中 1:运作中
|
||||
status: '1', // -1:故障 0:离线 1:正常
|
||||
id: 0,
|
||||
},
|
||||
{
|
||||
name: 'A-002',
|
||||
serial: 'YM20250101002',
|
||||
icon: 'gogga',
|
||||
isOpen: 0,
|
||||
isOperation: 1,
|
||||
status: '1',
|
||||
id: 1,
|
||||
},
|
||||
{
|
||||
name: 'A-003',
|
||||
serial: 'YM20250101003',
|
||||
icon: 'gogga',
|
||||
isOpen: 0,
|
||||
isOperation: 0,
|
||||
status: '-1',
|
||||
id: 2,
|
||||
},
|
||||
{
|
||||
name: 'A-004',
|
||||
serial: 'YM20250101004',
|
||||
icon: 'gogga',
|
||||
isOpen: 1,
|
||||
isOperation: 0,
|
||||
status: '0',
|
||||
id: 3,
|
||||
},
|
||||
{
|
||||
name: 'A-005',
|
||||
serial: 'YM20250101005',
|
||||
icon: 'gogga',
|
||||
isOpen: 0,
|
||||
isOperation: 1,
|
||||
status: '1',
|
||||
id: 4,
|
||||
},
|
||||
{
|
||||
name: 'A-006',
|
||||
serial: 'YM20250101006',
|
||||
icon: 'gogga',
|
||||
isOpen: 1,
|
||||
isOperation: 0,
|
||||
status: '1',
|
||||
id: 5,
|
||||
},
|
||||
]);
|
||||
|
||||
const leftTableData = ref([
|
||||
{
|
||||
name: '虫群数量',
|
||||
value: '>20',
|
||||
device: '诱虫灯',
|
||||
behavior: '开启',
|
||||
time: 10,
|
||||
},
|
||||
{
|
||||
name: '诱捕数量',
|
||||
value: '>30',
|
||||
device: '灭虫灯',
|
||||
behavior: '开启',
|
||||
time: 15,
|
||||
},
|
||||
{
|
||||
name: '病理',
|
||||
value: '叶腐病',
|
||||
device: '农药喷洒机',
|
||||
behavior: '开启',
|
||||
time: 5,
|
||||
},
|
||||
{
|
||||
name: '虫群数量',
|
||||
value: '>20',
|
||||
device: '通风窗',
|
||||
behavior: '关闭',
|
||||
time: '/',
|
||||
},
|
||||
{
|
||||
name: '诱捕数量',
|
||||
value: '>30',
|
||||
device: '幕布',
|
||||
behavior: '开启',
|
||||
time: '/',
|
||||
},
|
||||
]);
|
||||
const leftTableTitle = ref([
|
||||
{
|
||||
label: '参数名称',
|
||||
prop: 'name',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '参数值',
|
||||
prop: 'value',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '智能设备',
|
||||
prop: 'device',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '机械行为',
|
||||
prop: 'behavior',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '持续时间(min)',
|
||||
prop: 'time',
|
||||
width: 'auto',
|
||||
},
|
||||
]);
|
||||
|
||||
const rightTableData = ref([
|
||||
{
|
||||
date: '2025-01-01 10:36',
|
||||
device: '农药喷洒机',
|
||||
behavior: '开启',
|
||||
},
|
||||
{
|
||||
date: '2025-01-01 10:30',
|
||||
device: '通风窗',
|
||||
behavior: '关闭',
|
||||
},
|
||||
{
|
||||
date: '2025-01-01 10:22',
|
||||
device: '诱虫灯',
|
||||
behavior: '开启',
|
||||
},
|
||||
{
|
||||
date: '2025-01-01 10:10',
|
||||
device: '灭虫灯',
|
||||
behavior: '开启',
|
||||
},
|
||||
{
|
||||
date: '2025-01-01 10:00',
|
||||
device: '幕布',
|
||||
behavior: '开启',
|
||||
},
|
||||
]);
|
||||
const rightTableTitle = ref([
|
||||
{
|
||||
label: '执行时间',
|
||||
prop: 'date',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '智能设备',
|
||||
prop: 'device',
|
||||
width: 'auto',
|
||||
},
|
||||
{
|
||||
label: '机械行为',
|
||||
prop: 'behavior',
|
||||
width: 'auto',
|
||||
},
|
||||
]);
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
Loading…
x
Reference in New Issue
Block a user