<template>
    <!-- 种植 -->
    <view class="" v-if="data?.taskType === '1'" @click="$emit('click')">
        <view class="b-radius bg-#fff pd-10 p-rtv">
            <image class="w-80 h-34" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/port/Task_Planting.png" mode="widthFix" style="position: absolute; top: 0; left: 0" />
            <view class="d-flex j-ed f-s-22 c-#666">{{ data?.plannedStartDate }}至{{ data?.plannedEndDate }}</view>
            <view class="d-flex a-ed pd-16 pt-8 pb-8">
                <view class="c-#333 f-s-34 f-w-5 mr-6">{{ data?.variety }}</view>
                <view class="c-#666 f-s-26">{{ data?.genusName }}</view>
            </view>
            <view class="d-flex a-c f-s-28 pd-16 pt-8 pb-8">
                <view class="c-#666 w-s-no">种植批号：</view>
                <view class="c-#333 f-w-5">{{ data?.plantationCode }}</view>
            </view>
            <view class="d-flex a-c f-s-28 pd-16 pt-8 pb-8">
                <view class="c-#666 w-s-no">基地：</view>
                <view class="c-#333 f-w-5 tx-ov w-s-no ov-hd d-flex a-c">
                    {{ data?.baseRef?.baseInfo?.address }}基地
                    <text v-if="data?.landIds.length == 0">全部地块</text>
                    <view v-else>
                        <text v-for="(item, index) in data?.baseRef?.baseInfo?.landList" :key="index"><text v-if="index != 0">、</text> {{ item?.landName }}</text>
                    </view>
                </view>
            </view>
            <view class="d-flex f-s-28 pd-16 pt-8 pb-8">
                <view class="d-flex a-c w-50%">
                    <view class="c-#666 w-s-no">种植面积：</view>
                    <view class="c-#333 f-w-5 tx-ov w-s-no ov-hd">{{ data?.plantingAmount }}{{ data?.plantingUnit }}</view>
                </view>
                <view class="d-flex a-c w-50%">
                    <view class="c-#666 w-s-no">种植量：</view>
                    <view class="c-#333 f-w-5 tx-ov w-s-no ov-hd">{{ data?.plantingMgAmount }}{{ data?.plantingMgUnit }}</view>
                </view>
            </view>
        </view>
    </view>
    <!-- 养殖 -->
    <view class="" v-if="data?.taskType === '2'" @click="$emit('click')">
        <view class="b-radius bg-#fff pd-10 p-rtv">
            <image class="w-80 h-34" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/port/Task_Breeding.png" mode="widthFix" style="position: absolute; top: 0; left: 0" />
            <view class="d-flex j-ed f-s-22 c-#666">{{ data?.plannedStartDate }}至{{ data?.plannedEndDate }}</view>
            <view class="d-flex a-ed pd-16 pt-8 pb-8">
                <view class="c-#333 f-s-34 f-w-5 mr-6">{{ data?.variety }}</view>
                <view class="c-#666 f-s-26">{{ data?.genusName }}</view>
            </view>
            <view class="d-flex a-c f-s-28 pd-16 pt-8 pb-8">
                <view class="c-#666 w-s-no">养殖批号：</view>
                <view class="c-#333 f-w-5">{{ data?.plantationCode }}</view>
            </view>
            <view class="d-flex a-c f-s-28 pd-16 pt-8 pb-8">
                <view class="c-#666 w-s-no">基地：</view>
                <view class="c-#333 f-w-5 tx-ov w-s-no ov-hd d-flex a-c">
                    {{ data?.baseRef?.baseInfo?.address }}基地
                    <text v-if="data?.landIds.length == 0">全部地块</text>
                    <view v-else>
                        <text v-for="(item, index) in data?.baseRef?.baseInfo?.landList" :key="index"><text v-if="index != 0">、</text> {{ item?.landName }}</text>
                    </view>
                </view>
                <view class="flex1 d-flex j-ed"><up-icon name="arrow-right" size="34rpx"></up-icon></view>
            </view>
            <view class="d-flex f-s-28 pd-16 pt-8 pb-8">
                <view class="d-flex a-c w-50%">
                    <view class="c-#666 w-s-no">养殖区域：</view>
                    <view class="c-#333 f-w-5 tx-ov w-s-no ov-hd">{{ data?.breedScale }}{{ data?.breedScaleUnit }}</view>
                </view>
                <view class="d-flex a-c w-50%">
                    <view class="c-#666 w-s-no">养殖量：</view>
                    <view class="c-#333 f-w-5 tx-ov w-s-no ov-hd">{{ data?.plantingMgAmount }}{{ data?.plantingMgUnit }}</view>
                </view>
            </view>
        </view>
    </view>
    <!-- 种苗繁育 -->
    <view class="" v-if="data?.taskType === '11'" @click="$emit('click')">
        <view class="b-radius bg-#fff pd-10 p-rtv">
            <image class="w-112 h-34" src="/static/images/plant/port/Task_Seedling_breeding.png" mode="widthFix" style="position: absolute; top: 0; left: 0" />
            <view class="d-flex j-ed f-s-22 c-#666">{{ data?.plannedStartDate }}至{{ data?.plannedEndDate }}</view>
            <view class="d-flex a-ed pd-16 pt-8 pb-8">
                <view class="c-#333 f-s-34 f-w-5 mr-6">{{ data?.variety }}</view>
                <view class="c-#666 f-s-26">{{ data?.genusName }}</view>
            </view>
            <view class="d-flex a-c f-s-28 pd-16 pt-8 pb-8">
                <view class="c-#666 w-s-no">繁育批号：</view>
                <view class="c-#333 f-w-5">{{ data?.plantationCode }}</view>
            </view>
            <view class="d-flex a-c f-s-28 pd-16 pt-8 pb-8">
                <view class="c-#666 w-s-no">基地：</view>
                <view class="c-#333 f-w-5 tx-ov w-s-no ov-hd d-flex a-c">
                    {{ data?.baseRef?.baseInfo?.address }}基地
                    <text v-if="data?.landIds.length == 0">全部地块</text>
                    <view v-else>
                        <text v-for="(item, index) in data?.baseRef?.baseInfo?.landList" :key="index"><text v-if="index != 0">、</text> {{ item?.landName }}</text>
                    </view>
                </view>
            </view>
            <view class="d-flex f-s-28 pd-16 pt-8 pb-8">
                <view v-if="data?.baseType == '3'" class="d-flex a-c w-50%">
                    <view class="c-#666 w-s-no">接种数量：</view>
                    <view class="c-#333 f-w-5 tx-ov w-s-no ov-hd">{{ data?.inoculationAmount }}{{ data?.inoculationUnit }}</view>
                </view>
                <view v-else class="d-flex a-c w-50%">
                    <view class="c-#666 w-s-no">种植面积：</view>
                    <view class="c-#333 f-w-5 tx-ov w-s-no ov-hd">{{ data?.plantingAmount }}{{ data?.plantingUnit }}</view>
                </view>
                <view class="d-flex a-c w-50%">
                    <view class="c-#666 w-s-no">繁育量：</view>
                    <view class="c-#333 f-w-5 tx-ov w-s-no ov-hd">{{ data?.plantingMgAmount }}{{ data?.plantingMgUnit }}</view>
                </view>
            </view>
        </view>
    </view>
    <!-- 种畜繁育 -->
    <view class="" v-if="data?.taskType === '21'" @click="$emit('click')">
        <view class="b-radius bg-#fff pd-10 p-rtv">
            <image class="w-112 h-34" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/port/Task_Breeding_Livestock.png" mode="widthFix" style="position: absolute; top: 0; left: 0" />
            <view class="d-flex j-ed f-s-22 c-#666">{{ data?.plannedStartDate }}至{{ data?.plannedEndDate }}</view>
            <view class="d-flex a-ed pd-16 pt-8 pb-8">
                <view class="c-#333 f-s-34 f-w-5 mr-6">{{ data?.variety }}</view>
                <view class="c-#666 f-s-26">{{ data?.genusName }}</view>
            </view>
            <view class="d-flex a-c f-s-28 pd-16 pt-8 pb-8">
                <view class="c-#666 w-s-no">繁育批号：</view>
                <view class="c-#333 f-w-5">{{ data?.plantationCode }}</view>
            </view>
            <view class="d-flex f-s-28 pd-16 pt-8 pb-8">
                <view class="d-flex a-c w-50%">
                    <view class="c-#666 w-s-no">养殖区域：</view>
                    <view class="c-#333 f-w-5 tx-ov w-s-no ov-hd">{{ data?.breedScale }}{{ data?.breedScaleUnit }}</view>
                </view>
                <view class="d-flex a-c w-50%">
                    <view class="c-#666 w-s-no">养殖量：</view>
                    <view class="c-#333 f-w-5 tx-ov w-s-no ov-hd">{{ data?.plantingMgAmount }}{{ data?.plantingMgUnit }}</view>
                </view>
            </view>
        </view>
    </view>
</template>
<script setup lang="ts">
const props = defineProps<{ data: any }>();
</script>
