|
@@ -9,10 +9,10 @@
|
|
|
<div class="complete-farm-popup__title">{{ t("agriFile.completeFarmInfo") }}</div>
|
|
<div class="complete-farm-popup__title">{{ t("agriFile.completeFarmInfo") }}</div>
|
|
|
<div class="complete-farm-popup__subtitle">
|
|
<div class="complete-farm-popup__subtitle">
|
|
|
{{ t("agriFile.getImmediately") }}
|
|
{{ t("agriFile.getImmediately") }}
|
|
|
- <span>{{ t("agriFile.patrolDiagnosisService") }}</span>
|
|
|
|
|
|
|
+ <span>{{ highlightLabel }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="complete-farm-popup__image">
|
|
<div class="complete-farm-popup__image">
|
|
|
- <img src="@/assets/img/common/empty-bg.png" alt="">
|
|
|
|
|
|
|
+ <img :src="imageSrc" alt="" />
|
|
|
</div>
|
|
</div>
|
|
|
<div class="complete-farm-popup__btn" @click="handleOpen">{{ t("agriFile.goEnable") }}</div>
|
|
<div class="complete-farm-popup__btn" @click="handleOpen">{{ t("agriFile.goEnable") }}</div>
|
|
|
</popup>
|
|
</popup>
|
|
@@ -22,6 +22,7 @@
|
|
|
import { computed } from "vue";
|
|
import { computed } from "vue";
|
|
|
import { Popup } from "vant";
|
|
import { Popup } from "vant";
|
|
|
import { useI18n } from "@/i18n";
|
|
import { useI18n } from "@/i18n";
|
|
|
|
|
+import defaultImage from "@/assets/img/common/empty-bg.png";
|
|
|
|
|
|
|
|
const { t } = useI18n();
|
|
const { t } = useI18n();
|
|
|
|
|
|
|
@@ -30,10 +31,25 @@ const props = defineProps({
|
|
|
type: Boolean,
|
|
type: Boolean,
|
|
|
default: false,
|
|
default: false,
|
|
|
},
|
|
},
|
|
|
|
|
+ /** 不传则用原 empty-bg;诊断报告等场景可传 empty-bg-3 */
|
|
|
|
|
+ image: {
|
|
|
|
|
+ type: String,
|
|
|
|
|
+ default: "",
|
|
|
|
|
+ },
|
|
|
|
|
+ /** 不传则用「巡田诊断服务」;诊断报告传「种植全析报告」 */
|
|
|
|
|
+ highlightText: {
|
|
|
|
|
+ type: String,
|
|
|
|
|
+ default: "",
|
|
|
|
|
+ },
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
const emit = defineEmits(["update:show", "confirm"]);
|
|
const emit = defineEmits(["update:show", "confirm"]);
|
|
|
|
|
|
|
|
|
|
+const imageSrc = computed(() => props.image || defaultImage);
|
|
|
|
|
+const highlightLabel = computed(
|
|
|
|
|
+ () => props.highlightText || t("agriFile.patrolDiagnosisService")
|
|
|
|
|
+);
|
|
|
|
|
+
|
|
|
const showValue = computed({
|
|
const showValue = computed({
|
|
|
get: () => props.show,
|
|
get: () => props.show,
|
|
|
set: (val) => emit("update:show", val),
|
|
set: (val) => emit("update:show", val),
|
|
@@ -76,6 +92,8 @@ const handleOpen = () => {
|
|
|
display: block;
|
|
display: block;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
|
|
+ object-fit: cover;
|
|
|
|
|
+ border-radius: 5px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|