|
@@ -41,34 +41,34 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <div class="overview-file" v-if="images && images.length && images[currentIndex]?.detail1">
|
|
|
|
|
|
+ <div class="overview-file">
|
|
<div class="box-title">产量详情</div>
|
|
<div class="box-title">产量详情</div>
|
|
<div class="box-wrap">
|
|
<div class="box-wrap">
|
|
<div
|
|
<div
|
|
class="box-item"
|
|
class="box-item"
|
|
- v-for="(value, key) in images[currentIndex].detail1"
|
|
|
|
- :key="key"
|
|
|
|
- @click="toggleAcitve(key)"
|
|
|
|
- :class="{ active: activeOuput === key }"
|
|
|
|
|
|
+ v-for="(item, index) in outputBox"
|
|
|
|
+ :key="index"
|
|
|
|
+ @click="toggleAcitve(item.name)"
|
|
|
|
+ :class="{ active: activeOuput === item.name }"
|
|
>
|
|
>
|
|
- <div class="item-name">{{ key }}</div>
|
|
|
|
- <div class="item-val">{{ value }}{{ key !== "总枝条数" ? "%" : "" }}</div>
|
|
|
|
|
|
+ <div class="item-name">{{ item.name }}</div>
|
|
|
|
+ <div class="item-val">{{ item.value }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <div class="overview-file" v-if="images && images.length && images[currentIndex]?.detail2">
|
|
|
|
|
|
+ <div class="overview-file">
|
|
<div class="box-title">质量详情</div>
|
|
<div class="box-title">质量详情</div>
|
|
<div class="box-wrap">
|
|
<div class="box-wrap">
|
|
<div
|
|
<div
|
|
class="box-item"
|
|
class="box-item"
|
|
- v-for="(value, key) in images[currentIndex].detail2"
|
|
|
|
- :key="key"
|
|
|
|
- @click="toggleQualityAcitve(key)"
|
|
|
|
- :class="{ active: activeOuput === key }"
|
|
|
|
|
|
+ v-for="(item, index) in qualityBox"
|
|
|
|
+ :key="index"
|
|
|
|
+ @click="toggleAcitve(item.name)"
|
|
|
|
+ :class="{ active: activeOuput === item.name }"
|
|
>
|
|
>
|
|
- <div class="item-name">{{ key }}</div>
|
|
|
|
- <div class="item-val">{{ value }}%</div>
|
|
|
|
|
|
+ <div class="item-name">{{ item.name }}</div>
|
|
|
|
+ <div class="item-val">{{ item.value }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -100,23 +100,23 @@ startDate.setMonth(currentDate.getMonth() - 1);
|
|
const formattedStartDate = dateFormat(startDate, "YY-mm-dd");
|
|
const formattedStartDate = dateFormat(startDate, "YY-mm-dd");
|
|
const formattedEndDate = dateFormat(currentDate, "YY-mm-dd");
|
|
const formattedEndDate = dateFormat(currentDate, "YY-mm-dd");
|
|
|
|
|
|
-eventBus.on("click:point", function ({ farmId, sampleId, geoHash }) {
|
|
|
|
- let params = { sampleId, farmId, geoHash };
|
|
|
|
- console.log("geoHash", geoHash);
|
|
|
|
- getSampleFiles(geoHash);
|
|
|
|
- VE_API.miniimage.list(params).then((res) => {
|
|
|
|
- if (res.code === 0) {
|
|
|
|
- images.value = res.data;
|
|
|
|
- dialogVisible.value = true;
|
|
|
|
- console.log("images", images.value);
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
-});
|
|
|
|
eventBus.on("change:watermark",function(name){
|
|
eventBus.on("change:watermark",function(name){
|
|
nameRef.value = name
|
|
nameRef.value = name
|
|
})
|
|
})
|
|
|
|
|
|
-eventBus.on("click:point",function({farmId,sampleId}){
|
|
|
|
|
|
+const outputBox = ref([
|
|
|
|
+ { id: 1, name: "花穗率", value: "" },
|
|
|
|
+ { id: 2, name: "总枝条数", value: "" },
|
|
|
|
+ { id: 3, name: "开花率", value: "" },
|
|
|
|
+ { id: 4, name: "雄花比例", value: "" },
|
|
|
|
+]);
|
|
|
|
+
|
|
|
|
+const qualityBox = ref([
|
|
|
|
+ { id: 5, name: "通风率", value: "" },
|
|
|
|
+ { id: 6, name: "透光率", value: "" },
|
|
|
|
+ { id: 7, name: "地形条件", value: "" },
|
|
|
|
+]);
|
|
|
|
+eventBus.on("click:point",function({farmId,sampleId, data}){
|
|
let params = {sampleId,farmId}
|
|
let params = {sampleId,farmId}
|
|
VE_API.miniimage.list(params).then(res => {
|
|
VE_API.miniimage.list(params).then(res => {
|
|
if(res.code === 0){
|
|
if(res.code === 0){
|
|
@@ -124,6 +124,18 @@ eventBus.on("click:point",function({farmId,sampleId}){
|
|
dialogVisible.value = true
|
|
dialogVisible.value = true
|
|
}
|
|
}
|
|
})
|
|
})
|
|
|
|
+ photoBaseData.value[0].value = data.pz;
|
|
|
|
+ photoBaseData.value[1].value = data.sgbmj + "米";
|
|
|
|
+ photoBaseData.value[2].value = data.cl + "斤";
|
|
|
|
+ photoBaseData.value[3].value = data.spgl + "%";
|
|
|
|
+ outputBox.value[0].value = data.hsl ? (data.hsl + "%") : "--";
|
|
|
|
+ outputBox.value[1].value = data.zzts? data.zzts : "--";
|
|
|
|
+ outputBox.value[2].value = data.khl? (data.khl + "%") : "--";
|
|
|
|
+ outputBox.value[3].value = data.xhl? (data.xhl + "%") : "--";
|
|
|
|
+ qualityBox.value[0].value = data.tfl? (data.tfl + "%") : "--";
|
|
|
|
+ qualityBox.value[1].value = data.tgl? (data.tgl + "%") : "--";
|
|
|
|
+ qualityBox.value[2].value = data.dxtj? (data.dxtj + "%") : "--";
|
|
|
|
+ console.log('data', data);
|
|
})
|
|
})
|
|
|
|
|
|
eventBus.off("albumCarousel", toggleActiveImg);
|
|
eventBus.off("albumCarousel", toggleActiveImg);
|
|
@@ -180,7 +192,7 @@ function toggleAcitve(name) {
|
|
} else if (name.indexOf("雄花") > -1) {
|
|
} else if (name.indexOf("雄花") > -1) {
|
|
eventBus.emit("change:watermark", "雄花目标框")
|
|
eventBus.emit("change:watermark", "雄花目标框")
|
|
} else if (name.indexOf("枝条数") > -1) {
|
|
} else if (name.indexOf("枝条数") > -1) {
|
|
- eventBus.emit("change:watermark", "枝条目标框")
|
|
|
|
|
|
+ eventBus.emit("change:watermark", "")
|
|
} else {
|
|
} else {
|
|
eventBus.emit("change:watermark", "")
|
|
eventBus.emit("change:watermark", "")
|
|
}
|
|
}
|