Ver Fonte

Merge branch 'master' of http://www.sysuimars.cn:3000/feiniao/feiniao-farm-h5

lxf há 1 semana atrás
pai
commit
c1af9e814a

BIN
src/assets/img/mine/code-icon.png


+ 13 - 1
src/router/globalRoutes.js

@@ -100,11 +100,23 @@ export default [
         name: "ModifyWork",
         component: () => import("@/views/old_mini/modify_work/index.vue"),
     },
+    // 我的档案
+    {
+        path: "/archives",
+        name: "Archives",
+        component: () => import("@/views/old_mini/mine/pages/archives.vue"),
+    },
+    // 农事记录
+    {
+        path: "/farm_records",
+        name: "FarmRecords",
+        component: () => import("@/views/old_mini/mine/pages/farmRecords.vue"),
+    },
     // 农资农服-农情需求
     {
         path: "/task_condition",
         name: "TaskCondition",
         meta: { showTabbar: true, keepAlive: true },
         component: () => import("@/views/old_mini/task_condition/index.vue"),
-    },
+    }
 ];

+ 161 - 60
src/views/old_mini/mine/index.vue

@@ -1,24 +1,33 @@
 <template>
     <div class="mine-index">
         <div class="mine-header">
-            <el-avatar
-                class="avatar"
-                :size="54"
-                src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
-            />
-            <div class="user-info">
-                <span class="user-name">听妈妈的话</span>
-                <div class="user-day">这是您使用飞鸟有味的第15天</div>
+            <div class="user-info-box">
+                <el-avatar
+                    class="avatar"
+                    :size="54"
+                    src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
+                />
+                <div class="user-info">
+                    <div class="user-name">
+                        <span>听妈妈的话</span>
+                        <span class="score" v-if="curRole !== 0">5.0分</span>
+                    </div>
+                    <div class="user-day">这是您使用飞鸟有味的第15天</div>
+                </div>
+            </div>
+            <div class="code-icon" v-if="curRole === 1">
+                <img src="@/assets/img/mine/code-icon.png" alt="" />
             </div>
         </div>
         <div class="mine-content">
+            <div class="garden-info">
+                <div class="item" v-for="(item, index) in gardenInfoItems" :key="index">
+                    <span class="num">{{ item.num }}</span>
+                    <span>{{ item.label }}</span>
+                </div>
+            </div>
             <div class="grid-group">
-                <div 
-                    class="grid-item" 
-                    v-for="(item, index) in gridItems" 
-                    :key="index"
-                    @click="handleGridClick(item)"
-                >
+                <div class="grid-item" v-for="(item, index) in gridItems" :key="index" @click="handleGridClick(item)">
                     <div class="grid-title">
                         <span>{{ item.title }}</span>
                         <el-icon><ArrowRight /></el-icon>
@@ -27,12 +36,7 @@
                 </div>
             </div>
             <div class="cell-group">
-                <div 
-                    class="cell-item" 
-                    v-for="(item, index) in cellItems" 
-                    :key="index"
-                    @click="handleCellClick(item)"
-                >
+                <div class="cell-item" v-for="(item, index) in cellItems" :key="index" @click="handleCellClick(item)">
                     <span class="item-title">{{ item.title }}</span>
                     <el-icon class="item-arrow"><ArrowRight /></el-icon>
                 </div>
@@ -42,44 +46,97 @@
 </template>
 <script setup>
 import { Cell, CellGroup } from "vant";
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
+import { onActivated, ref } from "vue";
+import { useRouter } from "vue-router";
 
 const router = useRouter();
 
+// 0: 农户, 1: 专家, 2:农资农服
+const curRole = ref(0);
+
 // 网格项数据
-const gridItems = ref([
-    {
-        title: '我的农场',
-        desc: '查看农场列表',
-        path: '/my_farm'
-    },
-    {
-        title: '我的消息',
-        desc: '查看未读信息',
-        path: '/message'
-    },
-    {
-        title: '农事记录',
-        desc: '查看历史农事',
-        path: '/order/list'
+const gridItems = ref([]);
+
+onActivated(() => {
+    if (curRole.value === 0) {
+        gridItems.value = [
+            {
+                title: "我的农场",
+                desc: "查看农场列表",
+                path: "/my_farm",
+            },
+            {
+                title: "我的消息",
+                desc: "查看未读信息",
+                path: "/message",
+            },
+            {
+                title: "农事记录",
+                desc: "查看历史农事",
+                path: "/farm_records",
+            },
+        ];
+    } else if (curRole.value === 1) {
+        gridItems.value = [
+            {
+                title: "我的主页",
+                desc: "查看农场列表",
+                path: "/my_farm",
+            },
+            {
+                title: "我的报价",
+                desc: "查看未读信息",
+                path: "/message",
+            },
+            {
+                title: "信息化档案",
+                desc: "查看历史农事",
+                path: "/archives",
+            },
+        ];
+    } else if (curRole.value === 2) {
+        gridItems.value = [
+            {
+                title: "我的主页",
+                desc: "查看农场列表",
+                path: "/my_farm",
+            },
+            {
+                title: "我的消息",
+                desc: "查看未读信息",
+                path: "/message",
+            },
+            {
+                title: "信息化档案",
+                desc: "查看历史农事",
+                path: "/archives",
+            },
+        ];
     }
-]);
+    // curRole.value = localStorage.getItem('SET_USER_CUR_ROLE');
+});
 
 // 单元格项数据
 const cellItems = ref([
     {
-        title: '联系客服',
-        path: '/customer-service'
+        title: "联系客服",
+        path: "/customer-service",
     },
     {
-        title: '帮助中心',
-        path: '/help'
+        title: "帮助中心",
+        path: "/help",
     },
     {
-        title: '退出登录',
-        path: '/logout'
-    }
+        title: "退出登录",
+        path: "/logout",
+    },
+]);
+
+// 花园信息项数据
+const gardenInfoItems = ref([
+    { num: 128, label: "服务次数" },
+    { num: 256, label: "累计客户" },
+    { num: 512, label: "服务果园" },
 ]);
 
 // 处理网格项点击
@@ -92,9 +149,9 @@ const handleGridClick = (item) => {
 // 处理单元格项点击
 const handleCellClick = (item) => {
     if (item.path) {
-        if (item.path === '/logout') {
+        if (item.path === "/logout") {
             // 退出登录逻辑
-            console.log('退出登录');
+            console.log("退出登录");
             // 这里可以添加退出登录的具体逻辑
         } else {
             router.push(item.path);
@@ -113,23 +170,67 @@ const handleCellClick = (item) => {
         width: 100%;
         display: flex;
         align-items: center;
-        .avatar {
-            border: 1px solid #fff;
-            margin-right: 12px;
-        }
-        .user-info {
-            font-size: 20px;
-            .user-name {
-                font-weight: 500;
+        justify-content: space-between;
+        .user-info-box {
+            display: flex;
+            align-items: center;
+            .avatar {
+                border: 1px solid #fff;
+                margin-right: 12px;
+            }
+            .user-info {
+                font-size: 20px;
+                .user-name {
+                    font-weight: 500;
+                    display: flex;
+                    align-items: center;
+                    .score {
+                        font-size: 14px;
+                        color: #2199f8;
+                        margin-left: 6px;
+                        font-weight: 500;
+                    }
+                }
+                .user-day {
+                    font-size: 12px;
+                    color: rgba(0, 0, 0, 0.5);
+                }
             }
-            .user-day {
-                font-size: 12px;
-                color: rgba(0, 0, 0, 0.5);
+        }
+        .code-icon {
+            width: 21px;
+            height: 21px;
+            img {
+                width: 100%;
+                height: 100%;
             }
         }
     }
     .mine-content {
         margin-top: 20px;
+        .garden-info {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            border-radius: 8px;
+            padding: 6px 0;
+            background-color: rgba(255, 255, 255, 0.5);
+            margin-bottom: 10px;
+            .item {
+                display: flex;
+                flex: 1;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                color: #999999;
+                font-size: 13px;
+                .num {
+                    font-size: 16px;
+                    color: #000;
+                    margin-bottom: 2px;
+                }
+            }
+        }
         .grid-group {
             display: flex;
             align-items: center;
@@ -145,8 +246,8 @@ const handleCellClick = (item) => {
                     align-items: center;
                     font-weight: 500;
                     margin-bottom: 6px;
-                    span{
-                        margin-right: 10px;
+                    span {
+                        margin-right: 1px;
                     }
                 }
                 .grid-desc {

+ 186 - 0
src/views/old_mini/mine/pages/archives.vue

@@ -0,0 +1,186 @@
+<template>
+    <div class="archives-page">
+        <custom-header name="信息化档案"></custom-header>
+        <div class="archives-content">
+            <div class="archives-header">
+                <el-select class="header-item" v-model="value" placeholder="Select" style="width: 240px">
+                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+                <div class="sort header-item" @click="toggleSort">
+                    <span>时间排序</span>
+                    <div class="sort-icon">
+                        <el-icon :class="{ active: sortDirection === 'asc' }"><CaretTop /></el-icon>
+                        <el-icon class="caret-bottom" :class="{ active: sortDirection === 'desc' }"><CaretBottom /></el-icon>
+                    </div>
+                </div>
+            </div>
+            <div class="archives-list">
+                <div class="archives-item" v-for="item in 3" :key="item">
+                    <div class="item-content">
+                        <div class="img"></div>
+                        <div class="archives-info">
+                            <div class="info-title">
+                                <span class="title-text">无人机飞巡报告</span>
+                                <span>查看详情</span>
+                            </div>
+                            <div class="info-desc van-multi-ellipsis--l2">果园面积共XX亩,共有XX棵生树本次飞巡拍摄了XX张照片,包括果园面积共XX亩,共有XX棵</div>
+                        </div>
+                    </div>
+                    <div class="item-footer">
+                        <span>来自 从化荔博园</span>
+                        <span>2025.05.28</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import customHeader from "@/components/customHeader.vue";
+import { ref } from "vue";
+
+const value = ref("Option1");
+const options = [
+    {
+        value: "Option1",
+        label: "农事类型",
+    },
+    {
+        value: "Option2",
+        label: "Option2",
+    },
+];
+
+// 排序方向状态:asc-升序,desc-降序,null-无排序
+const sortDirection = ref(null);
+
+// 切换排序方向
+const toggleSort = () => {
+    if (sortDirection.value === null) {
+        sortDirection.value = 'asc';
+    } else if (sortDirection.value === 'asc') {
+        sortDirection.value = 'desc';
+    } else {
+        sortDirection.value = 'asc';
+    }
+    
+    // 这里可以添加实际的排序逻辑
+    console.log('排序方向:', sortDirection.value);
+};
+</script>
+
+<style lang="scss" scoped>
+.archives-page {
+    width: 100%;
+    height: 100vh;
+    background-color: #f7f7f7;
+    .archives-content {
+        width: 100%;
+        height: 100%;
+        padding: 12px;
+        box-sizing: border-box;
+        .archives-header{
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            .header-item{
+                flex: 1;
+                ::v-deep{
+                    .el-select__wrapper{
+                        padding: 7px 0;
+                        justify-content: center;
+                        background: none;
+                    }
+                    .el-select__selection {
+                        flex: none;
+                        width: fit-content;
+                    }
+                    .el-select__placeholder {
+                        position: static;
+                        transform: none;
+                        width: fit-content;
+                        color: #6D6D6D;
+                    }
+                    .el-select__caret {
+                        color: #6D6D6D;
+                    }
+                }
+            }
+            .sort{
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                color: #6D6D6D;
+                padding: 7px 0;
+                border-radius: 4px;
+                border: 1px solid #DDDDDD;
+                
+                .sort-icon{
+                    display: flex;
+                    flex-direction: column;
+                    margin-left: 2px;
+                    .caret-bottom{
+                        margin-top: -8px;
+                    }
+                    
+                    .el-icon {
+                        color: #6D6D6D;
+                        
+                        &.active {
+                            color: #409EFF;
+                        }
+                    }
+                }
+            }
+        }
+        .archives-list{
+            .archives-item{
+                margin-top: 12px;
+                border-radius: 8px;
+                background: #fff;
+                padding: 10px;
+                .item-content{
+                    display: flex;
+                    margin-bottom: 12px;
+                    .img{
+                        width: 64px;
+                        height: 64px;
+                        border-radius: 8px;
+                        margin-right: 16px;
+                        background-color: red;
+                    }
+                    .archives-info{
+                        width: calc(100% - 64px - 16px);
+                        .info-title{
+                            display: flex;
+                            justify-content: space-between;
+                            align-items: center;
+                            color: #A8A8A8;
+                            font-size: 12px;
+                            .title-text{
+                                font-size: 16px;
+                                font-weight: 500;
+                                color: #000;
+                            }
+                        }
+                        .info-desc{
+                            margin-top: 5px;
+                            font-size: 12px;
+                            color: #575757;
+                        }
+                    }
+                }
+                .item-footer{
+                    border-top: 1px solid rgba(0, 0, 0, 0.1);
+                    padding-top: 12px;
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    color: #999999;
+                }
+            }
+        }
+    }
+}
+</style>

+ 1419 - 0
src/views/old_mini/mine/pages/farmRecords.vue

@@ -0,0 +1,1419 @@
+<template>
+    <div class="farm-records-page">
+        <custom-header name="农事记录"></custom-header>
+        <div class="record-task">
+            <div class="task-top">
+                <div class="record-filter">
+                    <el-select v-model="farmVal" class="farm-select">
+                        <el-option
+                            v-for="item in farmOptions"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value"
+                        />
+                    </el-select>
+                    <el-input v-model="input" :prefix-icon="Search" placeholder="搜索农事" class="farm-search" />
+                </div>
+                <div class="select-box">
+                    <div class="select-item">
+                        <el-select v-model="typeVal" placeholder="时间排序">
+                            <el-option
+                                v-for="item in typeOptions"
+                                :key="item.value"
+                                :label="item.label"
+                                :value="item.value"
+                            />
+                        </el-select>
+                    </div>
+                    <div class="select-item">
+                        <el-select v-model="regionVal" placeholder="已复核">
+                            <el-option
+                                v-for="item in regionOptions"
+                                :key="item.value"
+                                :label="item.label"
+                                :value="item.value"
+                            />
+                        </el-select>
+                    </div>
+                    <div class="select-item">
+                        <el-select v-model="levelVal" placeholder="筛选">
+                            <el-option
+                                v-for="item in levelOptions"
+                                :key="item.value"
+                                :label="item.label"
+                                :value="item.value"
+                            />
+                        </el-select>
+                    </div>
+                </div>
+            </div>
+            <div class="task-content">
+                <div class="plan-menu">
+                    <el-anchor :container="containerRef" direction="vertical" type="default" @click="handleClick">
+                        <el-menu :default-active="defaultActive" class="el-menu-vertical-demo">
+                            <el-sub-menu v-for="(menu, index) in menuData" :key="index" :index="String(menu.id)">
+                                <template #title>
+                                    <img class="menu-icon" :src="require(`@/assets/img/gallery/icon-${index}.png`)" />
+                                    <span class="menu-text">{{ menu.title }}</span>
+                                </template>
+                                <el-menu-item
+                                    v-for="item in menu.children"
+                                    :key="item.id"
+                                    :index="`${menu.id}-${item.id}`"
+                                >
+                                    <el-anchor-link :href="item.href" :title="item.title" />
+                                </el-menu-item>
+                            </el-sub-menu>
+                        </el-menu>
+                    </el-anchor>
+                </div>
+                <div class="expert-content" ref="containerRef">
+                    <div v-for="(section, index) in contentData" :key="index" class="content-section">
+                        <div class="section-id" :id="section.targetId"></div>
+                        <record-item :record-item-data="section" :onlyRecipeName="true" class="recipe-item">
+                            <template #title>
+                                <div class="box-title">
+                                    <div class="title-l">
+                                        {{ section.title }}
+                                        <span class="parent-text">{{ section.parentTitle || "秋梢期" }}</span>
+                                    </div>
+                                    <div class="title-r">
+                                        <span class="r-dot"></span>
+                                        2区
+                                    </div>
+                                </div>
+                            </template>
+                            <template #footer>
+                                <div class="action-group">
+                                    <div class="action-l">查看详情</div>
+                                    <div class="action-r" v-if="section.orderStatus === 0">
+                                        <div class="action-item second-item">拍照识别</div>
+                                        <div class="action-item primary-item">去确认</div>
+                                    </div>
+                                    <div class="action-r" v-if="section.orderStatus === 1">
+                                        <div class="action-item warning-item">发起需求</div>
+                                        <div class="action-item primary-item">确认完成</div>
+                                    </div>
+                                    <div class="action-r" v-if="section.orderStatus === 2">
+                                        <div class="action-item warning-item">发起需求</div>
+                                        <div class="action-item primary-item">去复核</div>
+                                    </div>
+                                </div>
+                            </template>
+                        </record-item>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import { Search } from "@element-plus/icons-vue";
+import recordItem from "@/components/recordItem.vue";
+import customHeader from "@/components/customHeader.vue";
+
+const input = ref("");
+const farmVal = ref("all");
+const farmOptions = ref([
+    { label: "农场1", value: "all" },
+    { label: "荔枝博览园", value: "1" },
+    { label: "荔枝博览园", value: "2" },
+    { label: "荔枝博览园", value: "3" },
+]);
+
+const typeVal = ref(null);
+const regionVal = ref(null);
+const levelVal = ref(null);
+const typeOptions = ref([
+    { label: "全部", value: "all" },
+    { label: "施肥", value: "1" },
+    { label: "用药", value: "2" },
+    { label: "修剪", value: "3" },
+    { label: "其他", value: "4" },
+]);
+
+const regionOptions = ref([
+    {
+        label: "全部",
+        value: "all",
+    },
+    {
+        label: "区域1",
+        value: "1",
+    },
+    {
+        label: "区域2",
+        value: "2",
+    },
+    {
+        label: "区域3",
+        value: "3",
+    },
+]);
+
+const levelOptions = ref([
+    { label: "全部", value: "all" },
+    { label: "紧急", value: "1" },
+    { label: "一般", value: "2" },
+    { label: "不紧急", value: "3" },
+]);
+
+const containerRef = ref(null);
+const handleClick = (e) => {
+    e.preventDefault();
+};
+
+// 菜单
+const defaultActive = ref("1-1");
+
+const menuData = [
+    {
+        id: 1,
+        title: "秋梢期",
+        children: [
+            { id: 1, title: "巡园农事", href: "#part1" },
+            { id: 2, title: "梢期防虫", href: "#part2" },
+            { id: 3, title: "梢期营养", href: "#part3" },
+        ],
+    },
+    {
+        id: 2,
+        title: "开花期",
+        children: [
+            { id: 1, title: "巡园农事", href: "#part4" },
+            { id: 2, title: "摇花吹花", href: "#part5" },
+            { id: 3, title: "花期防治", href: "#part6" },
+        ],
+    },
+];
+
+const contentData = ref([
+    {
+        targetId: "part1",
+        title: "巡园农事",
+        parentTitle: "秋梢期",
+        reCheckText: "本次农事复核成效优异,作物产量潜力实现大幅增长,虫害风险控制优异,未发现虫害风险",
+        expert: 91356,
+        orderStatus: 0,
+        activeStatus: 0,
+        regionId: 2,
+        speciesId: "1",
+        speciesName: "荔枝",
+        farmWorkId: "699343457474318336",
+        farmWorkLibId: "699343457474318336",
+        farmWorkLibName: "梢期防虫",
+        farmWorkName: "梢期防虫",
+        expertIcon:
+            "https://birdseye-img.sysuimars.com/birdseye-look-vue/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20250411150343.png",
+        expertName: "韦帮稳",
+        icon: 4,
+        beforeExecuteDate: "2025-08-01",
+        executeDate: "2025-08-15",
+        code: "BZ-BC-04-SQFC-20",
+        expertPrescription: "",
+        condition: "单树嫩叶率大于20.0%",
+        defaultFarmWork: 0,
+        farmWorkType: 3,
+        farmWorkTypeName: "病虫",
+        usageMode: "叶面施",
+        serviceMain: "广州泽秾丰农资有限公司",
+        updateDate6: null,
+        confirmPicture: [],
+        executeMain: "广州泽秾丰农资有限公司",
+        storeShortName: "泽秾丰",
+        serviceRegion: "广州市从化区荔枝博览园",
+        attention: "当前为秋梢期,建议巡园,重点关注叶片、嫩梢等部位",
+    },
+    {
+        targetId: "part2",
+        title: "梢期防虫",
+        parentTitle: "秋梢期",
+        consequenceText: "如果不做本次农事,会导致您的产量、质量下降30%,管理得分降低10分",
+        id: "274654",
+        reCheckText: "本次农事复核成效优异,作物产量潜力实现大幅增长,树体营养较充足,土壤肥力增加",
+        farmName: "荔枝博览园",
+        farmPoint: "POINT(113.61702297075017 23.584863449735067)",
+        orderId: "745923632567422976",
+        area: 2.719998598098755,
+        expert: 91356,
+        orderStatus: 1,
+        activeStatus: 0,
+        farmId: 766,
+        regionId: 2,
+        speciesId: "1",
+        speciesName: "荔枝",
+        agriculturalId: 24,
+        farmWorkId: "699343457444958208",
+        farmWorkLibId: "699343457444958208",
+        farmWorkLibName: "梢期营养",
+        farmWorkName: "梢期营养",
+        expertIcon:
+            "https://birdseye-img.sysuimars.com/birdseye-look-vue/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20250411150343.png",
+        expertName: "韦帮稳",
+        expertUserIcon: "",
+        expertUserName: "韦帮稳",
+        icon: 4,
+        indexChart: [],
+        indexName: "",
+        beforeExecuteDate: "2025-05-26",
+        checkDate: null,
+        executeDate: "2025-08-01",
+        indexJson: "",
+        code: "BZ-YY-04-SQYY-20",
+        expertPrescription: "",
+        condition: "园区叶芽率大于20.0%",
+        solarName: "",
+        reCheck: null,
+        executeBlueZones: [
+            {
+                id: "ws0y1m6x7cjz",
+                level: null,
+            },
+            {
+                id: "ws0y1md9v3ht",
+                level: null,
+            },
+            {
+                id: "ws0y1mdspbk7",
+                level: null,
+            },
+            {
+                id: "ws0y1mdvvdsz",
+                level: null,
+            },
+            {
+                id: "ws0y1me545tg",
+                level: null,
+            },
+        ],
+        menu: 1,
+        isEdit: 0,
+        isMaster: null,
+        num: null,
+        purpose: "",
+        selfExec: null,
+        defaultFarmWork: 0,
+        farmWorkType: 2,
+        farmWorkTypeName: "营养",
+        type: 1,
+        execute: 4,
+        updateDate0: "2025-08-20",
+        updateDate1: null,
+        updateDate2: null,
+        updateDate3: null,
+        updateDate4: null,
+        updateDate5: null,
+        usageMode: "根部施",
+        serviceMain: "广州泽秾丰农资有限公司",
+        updateDate6: null,
+        confirmPicture: [],
+        executeMain: "广州泽秾丰农资有限公司",
+        storeShortName: "泽秾丰",
+        weatherWarningMsg: "",
+        executeEvidence: [],
+        userEvaluation: null,
+        reviewDate: null,
+        reviewDate2: null,
+        reviewImage: [],
+        reviewImage2: [],
+        serviceRegion: "广州市从化区荔枝博览园",
+        users: [
+            {
+                id: null,
+                orderId: null,
+                serviceType: null,
+                userType: null,
+                userId: 81881,
+                joinStatus: null,
+                icon: "https://birdseye-img.sysuimars.com/birdseye-look-mini/Group%201321316260.png",
+                userName: "飞鸟种植助手",
+                area: "",
+                point: "",
+                farmName: "",
+                selected: null,
+            },
+        ],
+        cost: null,
+        prescriptionList: [
+            {
+                name: "营养",
+                pesticideFertilizerList: [
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "尿素",
+                        defaultRatio: 0,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 15000.0,
+                        muUsage2: 15000.0,
+                        ratio: 0,
+                        ratio2: 0,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["叶面施、根部施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1001",
+                        pesticideFertilizerId: "1",
+                        pesticideFertilizerName: "尿素",
+                        brand: "山东联盟",
+                        typeName: "营养",
+                        price: 132,
+                        unit: "g",
+                        executeStyle: null,
+                    },
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "15-15-15复合肥",
+                        defaultRatio: 0,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 45000.0,
+                        muUsage2: 45000.0,
+                        ratio: 0,
+                        ratio2: 0,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["根部施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1002",
+                        pesticideFertilizerId: "2",
+                        pesticideFertilizerName: "15-15-15复合肥",
+                        brand: "金正大",
+                        typeName: "营养",
+                        price: 220,
+                        unit: "g",
+                        executeStyle: null,
+                    },
+                ],
+            },
+        ],
+        conditionList: [
+            {
+                index: "1-2-001-02-02-02-01-0008",
+                name: "园区叶芽率",
+                type: 1,
+                value: "0.2",
+            },
+        ],
+    },
+    {
+        targetId: "part3",
+        title: "梢期营养",
+        consequenceText: "如果不做本次农事,会导致您的产量、质量下降5%,管理得分降低2分",
+        reCheckText: "本次农事复核成效优异,作物产量潜力实现大幅增长,树体营养较充足,转色速度非常稳定,转色率超过80%",
+        farmName: "荔枝博览园",
+        farmPoint: "POINT(113.61702297075017 23.584863449735067)",
+        orderId: "745923697054846976",
+        area: 2.719998598098755,
+        expert: 91356,
+        orderStatus: 2,
+        activeStatus: 0,
+        farmId: 766,
+        regionId: 2,
+        speciesId: "1",
+        speciesName: "荔枝",
+        agriculturalId: 24,
+        farmWorkId: "699343457482706947",
+        farmWorkLibId: "699343457482706947",
+        farmWorkLibName: "转色营养",
+        farmWorkName: "转色营养",
+        expertIcon:
+            "https://birdseye-img.sysuimars.com/birdseye-look-vue/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20250411150343.png",
+        expertName: "韦帮稳",
+        expertUserIcon: "",
+        expertUserName: "韦帮稳",
+        icon: 0,
+        indexChart: [],
+        indexName: "",
+        beforeExecuteDate: "2025-05-26",
+        checkDate: null,
+        executeDate: "2025-05-26",
+        indexJson: "",
+        code: "BZ-YY-06-ZSYY-100",
+        expertPrescription: "",
+        condition: "园区转色率大于20.0%",
+        solarName: "",
+        reCheck: null,
+        executeBlueZones: [
+            {
+                id: "ws0y1m6x7cjz",
+                level: null,
+            },
+            {
+                id: "ws0y1md9v3ht",
+                level: null,
+            },
+            {
+                id: "ws0y1mdspbk7",
+                level: null,
+            },
+            {
+                id: "ws0y1mdvvdsz",
+                level: null,
+            },
+            {
+                id: "ws0y1me545tg",
+                level: null,
+            },
+        ],
+        menu: 1,
+        isEdit: 0,
+        isMaster: null,
+        num: null,
+        purpose: "",
+        selfExec: null,
+        defaultFarmWork: 0,
+        farmWorkType: 2,
+        farmWorkTypeName: "营养",
+        type: 1,
+        execute: 4,
+        updateDate0: "2025-08-20",
+        updateDate1: null,
+        updateDate2: null,
+        updateDate3: null,
+        updateDate4: null,
+        updateDate5: null,
+        usageMode: "根部施",
+        serviceMain: "广州泽秾丰农资有限公司",
+        updateDate6: null,
+        confirmPicture: [],
+        executeMain: "广州泽秾丰农资有限公司",
+        storeShortName: "泽秾丰",
+        weatherWarningMsg: "",
+        executeEvidence: [],
+        userEvaluation: null,
+        reviewDate: null,
+        reviewDate2: null,
+        reviewImage: [],
+        reviewImage2: [],
+        serviceRegion: "广州市从化区荔枝博览园",
+        users: [
+            {
+                id: null,
+                orderId: null,
+                serviceType: null,
+                userType: null,
+                userId: 81881,
+                joinStatus: null,
+                icon: "https://birdseye-img.sysuimars.com/birdseye-look-mini/Group%201321316260.png",
+                userName: "飞鸟种植助手",
+                area: "",
+                point: "",
+                farmName: "",
+                selected: null,
+            },
+        ],
+        cost: null,
+        prescriptionList: [
+            {
+                name: "营养",
+                pesticideFertilizerList: [
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "矿源黄腐酸钾",
+                        defaultRatio: 2000,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 4.0,
+                        muUsage2: 4.0,
+                        ratio: 2000,
+                        ratio2: 200,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["叶面施、根部施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1166",
+                        pesticideFertilizerId: "166",
+                        pesticideFertilizerName: "矿源黄腐酸钾",
+                        brand: "广州大炎",
+                        typeName: "营养",
+                        price: 15000,
+                        unit: "g",
+                        executeStyle: null,
+                    },
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "有机质水溶肥",
+                        defaultRatio: 5000,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 10.0,
+                        muUsage2: 10.0,
+                        ratio: 5000,
+                        ratio2: 500,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["叶面施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1167",
+                        pesticideFertilizerId: "167",
+                        pesticideFertilizerName: "有机质水溶肥",
+                        brand: "广州大炎",
+                        typeName: "营养",
+                        price: 10000,
+                        unit: "g",
+                        executeStyle: null,
+                    },
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "磷酸二氢钾",
+                        defaultRatio: 5000,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 10.0,
+                        muUsage2: 10.0,
+                        ratio: 5000,
+                        ratio2: 500,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["叶面施、根部施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1168",
+                        pesticideFertilizerId: "168",
+                        pesticideFertilizerName: "磷酸二氢钾",
+                        brand: "广州大炎",
+                        typeName: "营养",
+                        price: 12000,
+                        unit: "g",
+                        executeStyle: null,
+                    },
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "高钾复合肥",
+                        defaultRatio: 5000,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 10.0,
+                        muUsage2: 10.0,
+                        ratio: 5000,
+                        ratio2: 500,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["根部施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1169",
+                        pesticideFertilizerId: "169",
+                        pesticideFertilizerName: "高钾复合肥",
+                        brand: "未知",
+                        typeName: "营养",
+                        price: 245,
+                        unit: "g",
+                        executeStyle: null,
+                    },
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "红牛硫酸钾",
+                        defaultRatio: 5000,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 10.0,
+                        muUsage2: 10.0,
+                        ratio: 5000,
+                        ratio2: 500,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["根部施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1170",
+                        pesticideFertilizerId: "170",
+                        pesticideFertilizerName: "红牛硫酸钾",
+                        brand: "广州大炎",
+                        typeName: "营养",
+                        price: 230,
+                        unit: "g",
+                        executeStyle: null,
+                    },
+                ],
+            },
+        ],
+        conditionList: [
+            {
+                index: "1-2-016-02-02-02-01-0008",
+                name: "园区转色率",
+                type: 1,
+                value: "0.2",
+            },
+        ],
+    },
+    {
+        targetId: "part4",
+        title: "巡园农事",
+        parentTitle: "开花期",
+        consequenceText: "如果不做本次农事,会导致您的产量、质量下降20%,管理得分降低8分",
+        id: "274672",
+        reCheckText: "本次农事复核成效优异,作物产量潜力实现大幅增长,病虫害基数得到大幅下降,未发现病虫害风险",
+        farmName: "荔枝博览园",
+        farmPoint: "POINT(113.61702297075017 23.584863449735067)",
+        orderId: "745923690209742848",
+        area: 2.719998598098755,
+        expert: 91356,
+        orderStatus: 3,
+        activeStatus: 0,
+        farmId: 766,
+        regionId: 2,
+        speciesId: "1",
+        speciesName: "荔枝",
+        agriculturalId: 24,
+        farmWorkId: "699343457478512646",
+        farmWorkLibId: "699343457478512646",
+        farmWorkLibName: "果期防治II",
+        farmWorkName: "果期防治II",
+        expertIcon:
+            "https://birdseye-img.sysuimars.com/birdseye-look-vue/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20250411150343.png",
+        expertName: "韦帮稳",
+        expertUserIcon: "",
+        expertUserName: "韦帮稳",
+        icon: 1,
+        indexChart: [],
+        indexName: "",
+        beforeExecuteDate: "2025-05-06",
+        checkDate: null,
+        executeDate: "2025-05-12",
+        indexJson: "",
+        code: "BZ-BC-06-GQFZ2-100",
+        expertPrescription: "",
+        condition: "园区膨果率大于20.0%",
+        solarName: "",
+        reCheck: null,
+        executeBlueZones: [
+            {
+                id: "ws0y1m6x7cjz",
+                level: null,
+            },
+            {
+                id: "ws0y1md9v3ht",
+                level: null,
+            },
+            {
+                id: "ws0y1mdspbk7",
+                level: null,
+            },
+            {
+                id: "ws0y1mdvvdsz",
+                level: null,
+            },
+            {
+                id: "ws0y1me545tg",
+                level: null,
+            },
+        ],
+        menu: 1,
+        isEdit: 0,
+        isMaster: null,
+        num: null,
+        purpose: "",
+        selfExec: null,
+        defaultFarmWork: 0,
+        farmWorkType: 3,
+        farmWorkTypeName: "病虫",
+        type: 1,
+        execute: 4,
+        updateDate0: "2025-08-20",
+        updateDate1: null,
+        updateDate2: null,
+        updateDate3: null,
+        updateDate4: null,
+        updateDate5: null,
+        usageMode: "叶面施",
+        serviceMain: "广州泽秾丰农资有限公司",
+        updateDate6: null,
+        confirmPicture: [],
+        executeMain: "广州泽秾丰农资有限公司",
+        storeShortName: "泽秾丰",
+        weatherWarningMsg: "",
+        executeEvidence: [],
+        userEvaluation: null,
+        reviewDate: null,
+        reviewDate2: null,
+        reviewImage: [],
+        reviewImage2: [],
+        serviceRegion: "广州市从化区荔枝博览园",
+        users: [
+            {
+                id: null,
+                orderId: null,
+                serviceType: null,
+                userType: null,
+                userId: 81881,
+                joinStatus: null,
+                icon: "https://birdseye-img.sysuimars.com/birdseye-look-mini/Group%201321316260.png",
+                userName: "飞鸟种植助手",
+                area: "",
+                point: "",
+                farmName: "",
+                selected: null,
+            },
+        ],
+        cost: null,
+        prescriptionList: [
+            {
+                name: "病虫",
+                pesticideFertilizerList: [
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "威远.绿凯",
+                        defaultRatio: 150000,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 150.0,
+                        muUsage2: 150.0,
+                        ratio: 150000,
+                        ratio2: 15000,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["叶面施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1147",
+                        pesticideFertilizerId: "147",
+                        pesticideFertilizerName: "威远.绿凯",
+                        brand: "利民控股绿凯",
+                        typeName: "病虫",
+                        price: 90,
+                        unit: "g",
+                        executeStyle: null,
+                    },
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "微量元素益元液",
+                        defaultRatio: 150000,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 300.0,
+                        muUsage2: 300.0,
+                        ratio: 150000,
+                        ratio2: 15000,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["叶面施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1174",
+                        pesticideFertilizerId: "174",
+                        pesticideFertilizerName: "微量元素益元液",
+                        brand: "广州大炎",
+                        typeName: "营养",
+                        price: 60,
+                        unit: "ml",
+                        executeStyle: null,
+                    },
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "中量元素益元液",
+                        defaultRatio: 150000,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 300.0,
+                        muUsage2: 300.0,
+                        ratio: 150000,
+                        ratio2: 15000,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["叶面施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1175",
+                        pesticideFertilizerId: "175",
+                        pesticideFertilizerName: "中量元素益元液",
+                        brand: "广州大炎",
+                        typeName: "营养",
+                        price: 30,
+                        unit: "ml",
+                        executeStyle: null,
+                    },
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "济南中科翠剑",
+                        defaultRatio: 150000,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 150.0,
+                        muUsage2: 150.0,
+                        ratio: 150000,
+                        ratio2: 15000,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["叶面施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1149",
+                        pesticideFertilizerId: "149",
+                        pesticideFertilizerName: "吡唑醚菌酯",
+                        brand: "济南中科翠剑",
+                        typeName: "病虫",
+                        price: 60,
+                        unit: "g",
+                        executeStyle: null,
+                    },
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "佳果天成",
+                        defaultRatio: 150000,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 300.0,
+                        muUsage2: 300.0,
+                        ratio: 150000,
+                        ratio2: 15000,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["叶面施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1171",
+                        pesticideFertilizerId: "171",
+                        pesticideFertilizerName: "佳果天成",
+                        brand: "广州大炎",
+                        typeName: "营养",
+                        price: 120,
+                        unit: "ml",
+                        executeStyle: null,
+                    },
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "高效氟氯氰菊酯",
+                        defaultRatio: 150000,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 150.0,
+                        muUsage2: 150.0,
+                        ratio: 150000,
+                        ratio2: 15000,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["叶面施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1155",
+                        pesticideFertilizerId: "155",
+                        pesticideFertilizerName: "高效氟氯氰菊酯",
+                        brand: "广东立威.立功",
+                        typeName: "病虫",
+                        price: 50,
+                        unit: "ml",
+                        executeStyle: null,
+                    },
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "联苯噻虫嗪",
+                        defaultRatio: 150000,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 150.0,
+                        muUsage2: 150.0,
+                        ratio: 150000,
+                        ratio2: 15000,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["叶面施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1156",
+                        pesticideFertilizerId: "156",
+                        pesticideFertilizerName: "联苯噻虫嗪",
+                        brand: "青岛金正飞灵",
+                        typeName: "病虫",
+                        price: 60,
+                        unit: "ml",
+                        executeStyle: null,
+                    },
+                ],
+            },
+        ],
+        conditionList: [
+            {
+                index: "1-2-014-02-02-02-01-0008",
+                name: "园区膨果率",
+                type: 1,
+                value: "0.2",
+            },
+        ],
+    },
+    {
+        id: "part5",
+        title: "摇花吹花",
+        parentTitle: "开花期",
+        consequenceText: "如果不做本次农事,会导致您的产量、质量下降15%,管理得分降低5分",
+        id: "274671",
+        reCheckText: "本次农事复核成效优异,作物产量潜力实现大幅增长,树体营养较充足,膨果速度非常稳定,膨果率超过80%",
+        farmName: "荔枝博览园",
+        farmPoint: "POINT(113.61702297075017 23.584863449735067)",
+        orderId: "745923686854299648",
+        area: 2.719998598098755,
+        expert: 91356,
+        orderStatus: 4,
+        activeStatus: 0,
+        farmId: 766,
+        regionId: 2,
+        speciesId: "1",
+        speciesName: "荔枝",
+        agriculturalId: 24,
+        farmWorkId: "699343457482706944",
+        farmWorkLibId: "699343457482706944",
+        farmWorkLibName: "膨果营养",
+        farmWorkName: "膨果营养",
+        expertIcon:
+            "https://birdseye-img.sysuimars.com/birdseye-look-vue/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20250411150343.png",
+        expertName: "韦帮稳",
+        expertUserIcon: "",
+        expertUserName: "韦帮稳",
+        icon: 2,
+        indexChart: [],
+        indexName: "",
+        beforeExecuteDate: "2025-05-01",
+        checkDate: null,
+        executeDate: "2025-05-06",
+        indexJson: "",
+        code: "BZ-YY-06-PGYY-100",
+        expertPrescription: "",
+        condition: "园区膨果率大于10.0%",
+        solarName: "",
+        reCheck: null,
+        executeBlueZones: [
+            {
+                id: "ws0y1m6x7cjz",
+                level: null,
+            },
+            {
+                id: "ws0y1md9v3ht",
+                level: null,
+            },
+            {
+                id: "ws0y1mdspbk7",
+                level: null,
+            },
+            {
+                id: "ws0y1mdvvdsz",
+                level: null,
+            },
+            {
+                id: "ws0y1me545tg",
+                level: null,
+            },
+        ],
+        menu: 1,
+        isEdit: 0,
+        isMaster: null,
+        num: null,
+        purpose: "",
+        selfExec: null,
+        defaultFarmWork: 0,
+        farmWorkType: 2,
+        farmWorkTypeName: "营养",
+        type: 1,
+        execute: 4,
+        updateDate0: "2025-08-20",
+        updateDate1: null,
+        updateDate2: null,
+        updateDate3: null,
+        updateDate4: null,
+        updateDate5: null,
+        usageMode: "根部施",
+        serviceMain: "广州泽秾丰农资有限公司",
+        updateDate6: null,
+        confirmPicture: [],
+        executeMain: "广州泽秾丰农资有限公司",
+        storeShortName: "泽秾丰",
+        weatherWarningMsg: "",
+        executeEvidence: [],
+        userEvaluation: null,
+        reviewDate: null,
+        reviewDate2: null,
+        reviewImage: [],
+        reviewImage2: [],
+        serviceRegion: "广州市从化区荔枝博览园",
+        users: [
+            {
+                id: null,
+                orderId: null,
+                serviceType: null,
+                userType: null,
+                userId: 81881,
+                joinStatus: null,
+                icon: "https://birdseye-img.sysuimars.com/birdseye-look-mini/Group%201321316260.png",
+                userName: "飞鸟种植助手",
+                area: "",
+                point: "",
+                farmName: "",
+                selected: null,
+            },
+        ],
+        cost: null,
+        prescriptionList: [
+            {
+                name: "营养",
+                pesticideFertilizerList: [
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "硝酸铵钙",
+                        defaultRatio: 0,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 15000.0,
+                        muUsage2: 15000.0,
+                        ratio: 0,
+                        ratio2: 0,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["根部施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1162",
+                        pesticideFertilizerId: "162",
+                        pesticideFertilizerName: "硝酸铵钙",
+                        brand: "未知",
+                        typeName: "营养",
+                        price: 2000,
+                        unit: "g",
+                        executeStyle: null,
+                    },
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "氯化钾",
+                        defaultRatio: 0,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 15000.0,
+                        muUsage2: 15000.0,
+                        ratio: 0,
+                        ratio2: 0,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["根部施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1163",
+                        pesticideFertilizerId: "163",
+                        pesticideFertilizerName: "氯化钾",
+                        brand: "未知",
+                        typeName: "营养",
+                        price: 4500,
+                        unit: "g",
+                        executeStyle: null,
+                    },
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "高氮水溶肥",
+                        defaultRatio: 5000,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 10.0,
+                        muUsage2: 10.0,
+                        ratio: 5000,
+                        ratio2: 500,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["叶面施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1165",
+                        pesticideFertilizerId: "165",
+                        pesticideFertilizerName: "高氮水溶肥",
+                        brand: "广州大炎",
+                        typeName: "营养",
+                        price: 8500,
+                        unit: "g",
+                        executeStyle: null,
+                    },
+                    {
+                        defaultDroneRatio: null,
+                        defaultName: "矿源黄腐酸钾",
+                        defaultRatio: 2000,
+                        id: null,
+                        muPrice: null,
+                        muUsage: 4.0,
+                        muUsage2: 4.0,
+                        ratio: 2000,
+                        ratio2: 200,
+                        remark: "",
+                        usageMode: "",
+                        usageModeList: ["叶面施、根部施"],
+                        orderId: null,
+                        pesticideFertilizerCode: "1166",
+                        pesticideFertilizerId: "166",
+                        pesticideFertilizerName: "矿源黄腐酸钾",
+                        brand: "广州大炎",
+                        typeName: "营养",
+                        price: 15000,
+                        unit: "g",
+                        executeStyle: null,
+                    },
+                ],
+            },
+        ],
+        conditionList: [
+            {
+                index: "1-2-014-02-02-02-01-0008",
+                name: "园区膨果率",
+                type: 1,
+                value: "0.1",
+            },
+        ],
+    },
+]);
+</script>
+
+<style lang="scss" scoped>
+.farm-records-page {
+    width: 100%;
+    height: 100vh;
+    background-color: #f5f7fb;
+    .record-task {
+        height: 100%;
+        width: 100%;
+        .task-top {
+            padding: 0 12px;
+            border-radius: 0 0 14px 14px;
+            .record-filter {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-top: 12px;
+                .farm-select {
+                    width: 110px;
+                    margin-right: 10px;
+                    ::v-deep {
+                        .el-select__wrapper {
+                            border-radius: 25px;
+                            background: none;
+                            box-shadow: none;
+                            border: 1px solid #2199f8;
+                            justify-content: center;
+                        }
+                        .el-select__selection {
+                            flex: none;
+                            width: fit-content;
+                        }
+                        .el-select__placeholder {
+                            color: #2199f8;
+                            position: static;
+                            transform: none;
+                            width: fit-content;
+                        }
+                        .el-select__caret {
+                            color: #2199f8;
+                        }
+                    }
+                }
+                .farm-search {
+                    width: calc(100% - 120px);
+                    ::v-deep {
+                        .el-input__wrapper {
+                            border-radius: 25px;
+                            box-shadow: none;
+                        }
+                    }
+                }
+            }
+            .select-box {
+                padding: 5px 10px 0 10px;
+                box-sizing: border-box;
+                width: 100%;
+                display: flex;
+                justify-content: space-between;
+                .select-item {
+                    width: fit-content;
+                    ::v-deep {
+                        .el-input__wrapper {
+                            background: none;
+                            box-shadow: none;
+                        }
+                        .el-input__inner {
+                            font-size: 14px;
+                            color: rgba(0, 0, 0, 0.2);
+                        }
+                        .el-select__wrapper {
+                            background: none;
+                            box-shadow: none;
+                            gap: 2px;
+                            padding: 4px 2px;
+                            justify-content: center;
+                        }
+                        .el-select__selection {
+                            flex: none;
+                            width: fit-content;
+                        }
+                        .el-select__placeholder {
+                            color: rgba(0, 0, 0, 0.2);
+                            position: static;
+                            transform: none;
+                            width: fit-content;
+                        }
+                    }
+                }
+            }
+        }
+        .task-content {
+            display: flex;
+            padding-top: 10px;
+            height: calc(100% - 140px);
+            .plan-menu {
+                width: 90px;
+                height: 100%;
+                padding: 10px 0;
+                box-sizing: border-box;
+                background: #fff;
+                border-radius: 0 10px 10px 0;
+                .menu-icon {
+                    width: 13px;
+                }
+                .menu-text {
+                    padding: 0 4px;
+                }
+                ::v-deep {
+                    .el-anchor {
+                        height: 100%;
+                        background: none;
+                    }
+                    .el-anchor__marker {
+                        display: none;
+                    }
+                    .el-menu {
+                        background: none;
+                        border: none;
+                        .el-sub-menu__title {
+                            background: none;
+                            padding: 0 2px;
+                            justify-content: center;
+                        }
+                        .el-sub-menu__title {
+                            height: 32px;
+                        }
+                        .el-sub-menu .el-sub-menu__icon-arrow {
+                            position: static;
+                            padding-top: 6px;
+                        }
+                        .el-sub-menu {
+                            margin-bottom: 16px;
+                            &.is-opened {
+                                .el-sub-menu__icon-arrow {
+                                    padding-bottom: 6px;
+                                    padding-top: 0;
+                                }
+                            }
+                            .el-menu-item {
+                                height: 32px;
+                                line-height: 32px;
+                                margin: 4px 8px;
+                                padding: 0 2px;
+                                justify-content: center;
+                                background: none;
+                            }
+                            .el-menu-item.is-active {
+                                background: none;
+                                color: #fff;
+                            }
+                            .el-anchor__item {
+                                width: 100%;
+                                text-align: center;
+                            }
+                            .el-anchor__link {
+                                color: #666666;
+                            }
+                            .el-anchor__link.is-active {
+                                background: linear-gradient(180deg, #70bffe, #2199f8);
+                                border-radius: 20px;
+                                color: #fff;
+                            }
+                        }
+                    }
+                    .el-anchor__list {
+                        padding-left: 0;
+                    }
+                }
+            }
+            .expert-content {
+                width: calc(100% - 90px);
+                height: 100%;
+                overflow: auto;
+                padding-bottom: 10px;
+                box-sizing: border-box;
+                .content-section {
+                    position: relative;
+                    .section-id {
+                        position: absolute;
+                        // top: -6px;
+                        top: 0;
+                        width: 100%;
+                        height: 1px;
+                    }
+                    .recipe-item {
+                        margin-right: 0;
+                    }
+                }
+                .box-title {
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    padding-bottom: 8px;
+                    .title-l {
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: #000;
+                        .parent-text {
+                            margin-left: 5px;
+                            font-size: 12px;
+                            font-weight: normal;
+                            padding: 4px 6px;
+                            border-radius: 14px;
+                            background: rgba(119, 119, 119, 0.1);
+                        }
+                    }
+                    .title-btn {
+                        width: 24px;
+                        height: 24px;
+                        border-radius: 50%;
+                        background: #2199f8;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                    }
+                    .title-r {
+                        display: flex;
+                        align-items: center;
+                        color: #ff8a2a;
+                        font-size: 12px;
+                        .r-dot {
+                            width: 6px;
+                            height: 6px;
+                            border-radius: 50%;
+                            background: #ff8a2a;
+                            margin-right: 5px;
+                        }
+                    }
+                }
+
+                .action-group {
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    padding-top: 8px;
+                    margin-top: 8px;
+                    border-top: 1px solid #f5f5f5;
+                    .action-l {
+                        font-size: 12px;
+                    }
+                    .action-r {
+                        display: flex;
+                        align-items: center;
+                        .action-item {
+                            padding: 0 11px;
+                            height: 30px;
+                            line-height: 30px;
+                            border-radius: 14px;
+                            font-size: 12px;
+                            &.second-item {
+                                border: 1px solid #2199f8;
+                                color: #2199f8;
+                            }
+                            &.primary-item {
+                                background: #2199f8;
+                                color: #fff;
+                            }
+                            &.warning-item {
+                                background: rgba(255, 131, 29, 0.1);
+                                color: #ff831d;
+                            }
+                        }
+                        .action-item + .action-item {
+                            margin-left: 5px;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+</style>