huangxw 1 nedēļu atpakaļ
vecāks
revīzija
3b0efefe29
1 mainītis faili ar 62 papildinājumiem un 12 dzēšanām
  1. 62 12
      src/pages/plant/base/index.vue

+ 62 - 12
src/pages/plant/base/index.vue

@@ -58,7 +58,7 @@
                 <view class="b-radius pt-0 bg-#f7f7f7" style="border: 1rpx solid #fff; border-bottom-color: transparent; margin-top: -40rpx">
                     <up-sticky :offset-top="stickyTop" zIndex="10">
                         <view class="pd-24 p-rtv bg-#f7f7f7">
-                            <image src="/static/images/plant/basePlotBG.png" class="w-100%" mode="widthFix" style="position: absolute; top: 0; left: 0;"></image>
+                            <image src="/static/images/plant/basePlotBG.png" class="w-100%" mode="widthFix" style="position: absolute; top: 0; left: 0"></image>
                             <view class="d-flex a-c mb-26 p-rtv">
                                 <view class="p-rtv d-flex flex-cln">
                                     <view class="c-333 f-s-32 f-w-5 z-index-1">基地与地块管理</view>
@@ -109,15 +109,39 @@
                                             <text class="ov-hd tx-ov w-s-no f-w-5">{{ item.plantingVarieties?.map((items) => items.variety).join('、') || '-' }}</text>
                                             <text v-if="item?.plantingVarieties?.length" class="flex1 w-s-no f-w-5">等{{ item.plantingVarieties?.length }}个品种</text>
                                         </view>
-                                        <view class="pd-10"></view>
-                                        <view v-if="item.gapInfo?.basePic" class="p-rtv">
-                                            <image class="w-full h-310" :src="item.gapInfo?.basePic" mode="aspectFill"></image>
-                                            <view class="d-flex flex-cln a-ed" style="position: absolute; bottom: 20rpx; right: 0">
-                                                <view class="pd2-10-20 bg-black-op-0.5 c-#ccc f-s-20 mb-10" style="border-radius: 10rpx 0 0 10rpx; width: max-content">{{ item?.contactName }}负责</view>
-                                                <view class="pd2-10-20 bg-black-op-0.5 c-#ccc f-s-20 mb-10" style="border-radius: 10rpx 0 0 10rpx; width: max-content">公司+合作社</view>
-                                                <view class="pd2-10-20 bg-black-op-0.5 c-#ccc f-s-20" style="border-radius: 10rpx 0 0 10rpx; width: max-content">经度:E{{ item?.gapInfo?.lng }} 纬度:N{{ item?.gapInfo?.lat }}</view>
+                                        <template v-if="item.gapInfo?.basePic">
+                                            <view class="pd-10"></view>
+                                            <view class="p-rtv">
+                                                <image class="w-full h-310" :src="item.gapInfo?.basePic" mode="aspectFill"></image>
+                                                <view class="d-flex flex-cln a-ed" style="position: absolute; bottom: 20rpx; right: 0">
+                                                    <view class="pd2-10-20 bg-black-op-0.5 c-#ccc f-s-20 mb-10" style="border-radius: 10rpx 0 0 10rpx; width: max-content">{{ item?.contactName }}负责</view>
+                                                    <view class="pd2-10-20 bg-black-op-0.5 c-#ccc f-s-20 mb-10" style="border-radius: 10rpx 0 0 10rpx; width: max-content">{{ selectDictLabel(pt_org_type, item?.orgType) }}</view>
+                                                    <view class="pd2-10-20 bg-black-op-0.5 c-#ccc f-s-20" style="border-radius: 10rpx 0 0 10rpx; width: max-content">经度:E{{ item?.gapInfo?.lng }} 纬度:N{{ item?.gapInfo?.lat }}</view>
+                                                </view>
+                                                <view style="position: absolute; top: 20rpx; left: 0">
+                                                    <view class="base-status-gap-1" v-if="+item?.gapFlag">获评{{ item?.gapInfo?.medicineName }}GAP基地</view>
+                                                    <template v-if="item?.swyqRes">
+                                                        <view class="base-status-gap-1" v-if="item?.swyqRes == '1'">获评{{ item?.swyqVarietyName }}三无一全基地</view>
+                                                        <view class="base-status-gap-2" v-if="item?.swyqRes == '2'">标记{{ item?.swyqVarietyName }}三无一全基地未通过审核</view>
+                                                        <view class="base-status-gap-0" v-if="item?.swyqRes == '0'">标记{{ item?.swyqVarietyName }}三无一全基地待审核</view>
+                                                    </template>
+                                                </view>
                                             </view>
-                                        </view>
+                                        </template>
+                                        <template v-else>
+                                            <view v-if="item?.contactName" class="c-333 f-s-28 pd-5">
+                                                <text class="c-#666">负责人:</text>
+                                                <text class="f-w-5">{{ item?.contactName || '-' }}</text>
+                                            </view>
+                                            <view v-if="item?.orgType" class="c-333 f-s-28 pd-5">
+                                                <text class="c-#666">组织方式:</text>
+                                                <text class="f-w-5">{{ selectDictLabel(pt_org_type, item?.orgType) }}</text>
+                                            </view>
+                                            <view v-if="item?.orgType" class="c-333 f-s-28 pd-5">
+                                                <text class="c-#666">经纬度:</text>
+                                                <text class="f-w-5">E{{ item?.gapInfo?.lng }},N{{ item?.gapInfo?.lat }}</text>
+                                            </view>
+                                        </template>
                                         <view v-if="+(item?.tempFlag ?? 0)" class="temp_flag">暂存</view>
                                     </view>
                                 </up-swipe-action-item>
@@ -165,7 +189,7 @@ import { useClientRequest } from '@/utils/request';
 import { setCipByNum } from '@/utils/public';
 import { useInfoStore } from '@/store';
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-const { pt_base_type } = toRefs<any>(proxy?.useDict('pt_base_type'));
+const { pt_base_type, pt_org_type } = toRefs<any>(proxy?.useDict('pt_base_type', 'pt_org_type'));
 const infoStore = useInfoStore();
 // 获取用户信息
 const avatar = computed(() => infoStore.userInfo?.avatar || '');
@@ -244,6 +268,8 @@ interface BaseData {
     plantingVarieties: PlantingVariety[];
     coordinates: Coordinate[][]; // 二维坐标数组
     tempFlag?: number | string;
+    swyqRes?: string;
+    swyqVarietyName?: string;
 }
 const instance = getCurrentInstance();
 const list = ref<BaseData[]>();
@@ -350,7 +376,7 @@ const clickTempSwipe = async (event: object) => {
         }
     }
 };
-const typeNums = ref<any[]>([])
+const typeNums = ref<any[]>([]);
 // 获取统计信息
 const getBaseCount = async () => {
     try {
@@ -374,7 +400,7 @@ onMounted(() => {
         .select('#topup-navbar')
         .boundingClientRect((data: any) => {
             console.log(data);
-            
+
             stickyTop.value = data.top + data.height;
         })
         .exec();
@@ -406,4 +432,28 @@ onShow(() => {
     padding: 4rpx 16rpx;
     border-radius: 0 16rpx 0 16rpx;
 }
+.base-status-gap-1 {
+    font-size: 24rpx;
+    color: #fff;
+    font-weight: 500;
+    background-image: linear-gradient(to right, #37a954, #a4d14e);
+    padding: 6rpx 24rpx 6rpx 16rpx;
+    border-radius: 0 20rpx 20rpx 0;
+}
+.base-status-gap-2 {
+    font-size: 24rpx;
+    color: #fff;
+    font-weight: 500;
+    background: rgba(#fc333f, 0.8);
+    padding: 6rpx 24rpx 6rpx 16rpx;
+    border-radius: 0 20rpx 20rpx 0;
+}
+.base-status-gap-0 {
+    font-size: 24rpx;
+    color: #fff;
+    font-weight: 500;
+    background: rgba(#ffad11, 0.8);
+    padding: 6rpx 24rpx 6rpx 16rpx;
+    border-radius: 0 20rpx 20rpx 0;
+}
 </style>