fix: 分享成果

src/views/old_mini/task_condition/components/reviewPopup.vue

@@ -4,11 +4,14 @@
             <div class="price-sheet-content-inner">
                 <div class="sheet-content">
                     <div class="review-image">
-                        <div class="review-image-item">
+                        <div class="vs-wrap" v-if="preImg">
+                            <img src="@/assets/img/home/vs.png" alt="">
+                        </div>
+                        <div class="review-image-item" v-if="preImg">
                             <div class="review-image-item-title">农事前</div>
                             <img class="review-image-item-img" :src="preImg" alt="" />
                         </div>
-                        <div class="review-image-item">
+                        <div class="review-image-item" v-if="resImg">
                             <div class="review-image-item-title">农事后</div>
                             <img class="review-image-item-img" :src="resImg" alt="" />
                         </div>
@@ -16,18 +19,33 @@
                     <!-- 报价详情区域 -->
                     <div class="quotation-info">
                         <div class="info-item">
-                            <span class="info-label">报价组织</span>
+                            <span class="info-label">执行农资</span>
                             <span class="info-value">{{ quotationData.serviceMain || '--' }}</span>
                         </div>
                         <div class="info-item">
-                            <span class="info-label">报价农事</span>
+                            <span class="info-label">农事名称</span>
                             <span class="info-value">{{ quotationData?.farmWorkName || '--' }}</span>
                         </div>
-                        <div class="info-item">
-                            <span class="info-label">执行时间</span>
-                            <span class="info-value">{{ quotationData?.executeDate || '--' }}</span>
+                        <div class="info-item flex-wrap">
+                            <div class="info-label">复核成效</div>
+                            <div class="info-value">通过精准农业技术的应用，作物产量实现增长，病虫害的发生率大幅下降</div>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="bottom-info">
+                    <div class="bottom-l">
+                        <div class="l-img">
+                            <img src="@/assets/img/home/bird.png" alt="">
+                        </div>
+                        <div class="l-text">
+                            <div class="l-text-title">飞鸟管家</div>
+                            <div class="l-text-time">扫描二维码，查看更多详情</div>
                         </div>
                     </div>
+                    <div class="bottom-r">
+                        <img src="@/assets/img/home/qrcode.png" alt="">
+                    </div>
                 </div>
             </div>
 
@@ -231,18 +249,61 @@ defineExpose({
 }
 
 .sheet-content {
-    padding: 16px;
+    padding: 16px 16px 10px 16px;
     flex: 1;
     overflow-y: auto;
     overflow-x: hidden;
     position: relative;
 }
+.bottom-info {
+    padding: 20px 16px 26px 16px;
+    border-top: 1px dotted rgba(0, 0, 0, 0.3);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .bottom-l {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        .l-img {
+            img {
+                width: 40px;
+            }
+        }
+        .l-text-time {
+            font-size: 12px;
+        }
+    }
+    .bottom-r {
+        width: 40px;
+        height: 40px;
+        img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+    }
+}
 .review-image {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
+    .vs-wrap {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        width: 40px;
+        height: 40px;
+        z-index: 10;
+        img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+    }
     .review-image-item {
         position: relative;
         flex: 1;
@@ -267,7 +328,14 @@ defineExpose({
 
 // 报价详情区域
 .quotation-info {
-    margin-bottom: 12px;
+    margin-top: 12px;
+
+    .flex-wrap {
+        display: flex;
+        .info-label {
+            flex: none;
+        }
+    }
 
     .info-item {
         font-size: 16px;