forestry-wx/src/plant/port/port-supervise/models/task_card.vue

<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://yujin-szyy.oss-cn-chengdu.aliyuncs.com/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?.landFlag">全部地块</text> -->
                    <view class="tx-ov w-s-no ov-hd">
                        <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://yujin-szyy.oss-cn-chengdu.aliyuncs.com/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?.landFlag">全部地块</text> -->
                    <view class="tx-ov w-s-no ov-hd">
                        <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?.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="https://yujin-szyy.oss-cn-chengdu.aliyuncs.com/szyy/images-plt/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?.landFlag">全部地块</text> -->
                    <view class="tx-ov w-s-no ov-hd">
                        <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://yujin-szyy.oss-cn-chengdu.aliyuncs.com/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>