feat：修改农事回答页面接口

src/views/old_mini/recordDetails/index.vue

@@ -48,6 +48,25 @@
                             :collapse-text="expandCollapse.collapse" rows="3"
                             :content="currentPestDetail?.kepu" />
                     </div>
+                    <div class="phenology-tip-banner" v-if="recordType !== 'phenology'">
+                        <div class="banner__left">
+                            <div class="banner__title">
+                                <el-icon size="17">
+                                    <WarningFilled />
+                                </el-icon>
+                                <span>{{ t('recordDetails.abnormalBanner') }}</span>
+                            </div>
+                            <span class="banner__desc">
+                                {{ t('recordDetails.abnormalBannerDesc') }}
+                            </span>
+                        </div>
+                        <!-- <div class="banner__btn" @click="goPartitionManage">
+                            分区管理
+                        </div> -->
+                        <div class="banner__btn" @click="handleAbnormalRecord">
+                            {{ t('recordDetails.abnormalRecord') }}
+                        </div>
+                    </div>
                     <div class="pest-classify-picker">
                         <div class="pest-classify-picker__row pest-classify-picker__row--top aaa">
                             <div v-for="(label, i) in pestTopLabels" :key="'top-' + i"
@@ -99,6 +118,19 @@
                             :collapse-text="expandCollapse.collapse" rows="3"
                             :content="workDetail.phenotypic_characteristics" />
                     </div>
+                    <div class="phenology-tip-banner blue" v-if="recordType === 'phenology'">
+                        <div class="banner__left">
+                            <div class="banner__title">{{ $t('物候不整齐?') }}</div>
+                            <span class="banner__desc">
+                                如果区域长势不同，会降低病虫害防治功效，
+                                建议根据长势拆分区域，进行分区精细管理，
+                                达到减药减肥的目的
+                            </span>
+                        </div>
+                        <div class="banner__btn" @click="goPartitionManage">
+                            分区管理
+                        </div>
+                    </div>
                 </div>
                 <!-- <div class="tabs-list" v-if="!showMap">
                     <div class="item-tab" :class="{ 'item-tab--active': activeTab === index }"
@@ -163,40 +195,6 @@
             <div class="bottom-btn secondary-btn">{{ $t('转发记录') }}</div>
         </div> -->
 
-        <!-- <div class="phenology-tip-banner">
-            <div class="banner__left">
-                <div class="banner__title">{{ $t('物候不整齐?') }}</div>
-                <span class="banner__desc">
-                    如果区域长势不同，会降低病虫害防治功效，
-                    建议根据长势拆分区域，进行分区精细管理，
-                    达到减药减肥的目的
-                </span>
-            </div>
-            <div class="banner__btn" @click="goPartitionManage">
-                分区管理
-            </div>
-        </div> -->
-
-        <div class="phenology-tip-banner" v-if="recordType !== 'phenology'">
-            <div class="banner__left">
-                <div class="banner__title">
-                    <el-icon size="17">
-                        <WarningFilled />
-                    </el-icon>
-                    <span>{{ t('recordDetails.abnormalBanner') }}</span>
-                </div>
-                <span class="banner__desc">
-                    {{ t('recordDetails.abnormalBannerDesc') }}
-                </span>
-            </div>
-            <!-- <div class="banner__btn" @click="goPartitionManage">
-                分区管理
-            </div> -->
-            <div class="banner__btn" @click="handleAbnormalRecord">
-                {{ t('recordDetails.abnormalRecord') }}
-            </div>
-        </div>
-
         <!-- <UploadProgressPopup ref="uploadProgressPopupRef" v-model:show="showUploadProgressPopup"
             :popup-image-upload-loading="popupImageUploadLoading" :init-img-arr="initImgArr"
             @cancel="handleCancelUploadPopup" @confirm="handleConfirmUpload" @handleUpload="handleUploadSuccess">
@@ -1096,21 +1094,14 @@ const getFindPhenologyInfo = async () => {
     }
 
     .phenology-tip-banner {
-        position: fixed;
-        left: 12px;
-        right: 12px;
-        // bottom: calc(90px + env(safe-area-inset-bottom, 0px));
-        bottom: 20px;
-        z-index: 99;
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 8px;
-        padding: 10px 14px;
-        border-radius: 12px;
-        // background: linear-gradient(180deg, #CCE8FF 0%, #ffffff 60%);
+        padding: 10px;
+        border-radius: 8px;
         background: linear-gradient(180deg, #FFDFC5 -12.59%, #FFFFFF 38.15%);
-        box-shadow: 0 2px 8px rgba(33, 153, 248, 0.12);
+        margin-top: 8px;
 
         .banner__left {
             flex: 1;
@@ -1121,7 +1112,6 @@ const getFindPhenologyInfo = async () => {
                 gap: 4px;
                 font-size: 16px;
                 font-weight: 600;
-                // color: #1890ff;
                 color: #FF953D;
             }
 
@@ -1136,7 +1126,17 @@ const getFindPhenologyInfo = async () => {
             border-radius: 25px;
             color: #ffffff;
             background: linear-gradient(180deg, #FFB273 0%, #FF953D 100%);
-            // background: linear-gradient(180deg, #5cb8ff 0%, #2e90ff 100%);
+        }
+
+        &.blue{
+            background: #F1F8FE;
+            border: 1px solid rgba(33, 153, 248, 0.5);
+            .banner__title {
+                color: #2199F8;
+            }
+            .banner__btn {
+                background: linear-gradient(180deg, #8ACBFF 0%, #2199F8 100%);
+            }
         }
     }
 }