|
|
@@ -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;
|
