feiniao-farm-h5/src/views/old_mini/home/components/recordTask.vue

<template>
    <div class="record-task">
        <div class="task-top">
            <div class="record-filter">
                <div
                    class="filter-item"
                    v-for="(item, index) in filterType"
                    :key="index"
                    @click="handlePlanClick(index)"
                    :class="{ active: activePlanIndex === index }"
                >
                    {{ item }}
                </div>
            </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" :style="cardContentHeight ? `height: ${cardContentHeight + (curRole == 0 ? 0 : 40)}px` : ''">
            <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>
</template>

<script setup>
import { ref, watch } from "vue";
import recordItem from "@/components/recordItem.vue";

const props = defineProps({
    cardContentHeight: {
        type: Number,
        default: null,
    },
});

// 角色
// const curRole = store.state.app.curRole
const curRole = 0

const filterType = ref(["待触发", "待执行", "已完成", "发起的需求"]);

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 activePlanIndex = ref(0);
const handlePlanClick = (index) => {
    activePlanIndex.value = index;
};

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",
            },
        ],
    },
]);

watch(
    () => props.cardContentHeight,
    (newValue) => {
        if (newValue) {
            // console.log('new', newValue);
        }
    }
);
</script>

<style lang="scss" scoped>
.record-task {
    height: 100%;
    width: 100%;
    .task-top {
        padding: 0 12px 12px 12px;
        background: #fff;
        border-radius: 0 0 14px 14px;
        .record-filter {
            display: flex;
            justify-content: space-between;
            align-items: center;
            .filter-item {
                color: rgba(0, 0, 0, 0.5);
                padding: 0 12px;
                height: 28px;
                line-height: 28px;
                border-radius: 20px;
                &.active {
                    background: rgba(33, 153, 248, 0.2);
                    color: #2199f8;
                }
            }
            .filter-item + .filter-item {
                margin-left: 10px;
            }
        }
        .select-box {
            padding-top: 5px;
            width: 100%;
            display: flex;
            justify-content: space-around;
            .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.5);
                    }
                    .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.5);
                        position: static;
                        transform: none;
                        width: fit-content;
                    }
                }
            }
        }
    }
    .task-content {
        display: flex;
        padding-top: 10px;
        height: calc(100% - 140px);
        .plan-menu {
            width: 90px;
            height: 100%;
            overflow: auto;
            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>