|
@@ -42,31 +42,31 @@
|
|
</div>
|
|
</div>
|
|
</el-affix>
|
|
</el-affix>
|
|
<div class="album-r" @scroll="debouncedHandleScroll2">
|
|
<div class="album-r" @scroll="debouncedHandleScroll2">
|
|
|
|
+
|
|
|
|
+ <div class="log-wrap">
|
|
|
|
+ <div class="log-box">
|
|
|
|
+ <div class="log-title PangMenZhengDao-FONT">
|
|
|
|
+ <span>果园日志</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="log-content">
|
|
|
|
+ <div class="log-desc" v-html="indicatorChartData?.content"></div>
|
|
|
|
+ <indicatorChart
|
|
|
|
+ :key="cardI+'log'"
|
|
|
|
+ :isDark="true"
|
|
|
|
+ :chartData="indicatorChartData"
|
|
|
|
+ ></indicatorChart>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
<div
|
|
<div
|
|
class="done-card section"
|
|
class="done-card section"
|
|
v-for="(card, cardI) in farmWorkList"
|
|
v-for="(card, cardI) in farmWorkList"
|
|
:key="cardI"
|
|
:key="cardI"
|
|
- :class="{ flashing: card.execute === 3 && isFlashing && cardI === secondLastIndex }"
|
|
|
|
>
|
|
>
|
|
<div
|
|
<div
|
|
class="card-dom"
|
|
class="card-dom"
|
|
:id="'section' + cardI"
|
|
:id="'section' + cardI"
|
|
></div>
|
|
></div>
|
|
- <div v-if="card.execute === 3 && indicatorChartData.content && cardI === secondLastIndex" class="log-wrap">
|
|
|
|
- <div class="log-box">
|
|
|
|
- <div class="log-title PangMenZhengDao-FONT">
|
|
|
|
- <span>果园日志</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="log-content">
|
|
|
|
- <div class="log-desc" v-html="indicatorChartData?.content"></div>
|
|
|
|
- <indicatorChart
|
|
|
|
- :key="cardI+'log'"
|
|
|
|
- :isDark="true"
|
|
|
|
- :chartData="indicatorChartData"
|
|
|
|
- ></indicatorChart>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
<div class="card-wrap" :class="{ noCarousel: (card.execute !== 0 && card.execute !== 2), 'done': (card.execute === 4 || card.execute === 5) }">
|
|
<div class="card-wrap" :class="{ noCarousel: (card.execute !== 0 && card.execute !== 2), 'done': (card.execute === 4 || card.execute === 5) }">
|
|
<div
|
|
<div
|
|
class="card-content"
|
|
class="card-content"
|
|
@@ -175,8 +175,8 @@
|
|
<!-- <img src="@/assets/img/weather_index/expert-icon.png" /> -->
|
|
<!-- <img src="@/assets/img/weather_index/expert-icon.png" /> -->
|
|
<img class="expert-icon" :src="card.expertIcon" />
|
|
<img class="expert-icon" :src="card.expertIcon" />
|
|
<div class="expert-name">
|
|
<div class="expert-name">
|
|
- {{ card.expertName
|
|
|
|
- }}<el-icon size="12" class="icon"><ArrowRightBold /></el-icon>
|
|
|
|
|
|
+ {{ card.expertName}}
|
|
|
|
+ <!-- <el-icon size="12" class="icon"><ArrowRightBold /></el-icon> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="step-box" v-else>
|
|
<div class="step-box" v-else>
|
|
@@ -231,7 +231,7 @@
|
|
<div v-if="card.execute !== 0 && card.execute !== 2" :class="['over-img']">
|
|
<div v-if="card.execute !== 0 && card.execute !== 2" :class="['over-img']">
|
|
<!-- 图片列表 -->
|
|
<!-- 图片列表 -->
|
|
<album-carousel7d
|
|
<album-carousel7d
|
|
- :key="farmName"
|
|
|
|
|
|
+ :key="farmName+cardI"
|
|
:farmId="farmId"
|
|
:farmId="farmId"
|
|
:farmWork="card"
|
|
:farmWork="card"
|
|
></album-carousel7d>
|
|
></album-carousel7d>
|
|
@@ -309,11 +309,11 @@ const debouncedHandleScroll2 = debounce(handleRightScroll, 501);
|
|
// });
|
|
// });
|
|
|
|
|
|
const handlePage = (item) =>{
|
|
const handlePage = (item) =>{
|
|
- router.push('/expert_page?name='+item.expertName)
|
|
|
|
|
|
+ // router.push('/expert_page?name='+item.expertName)
|
|
}
|
|
}
|
|
|
|
|
|
const toExpert = (expertName) =>{
|
|
const toExpert = (expertName) =>{
|
|
- router.push('/expert_page?name='+expertName)
|
|
|
|
|
|
+ // router.push('/expert_page?name='+expertName)
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
@@ -325,8 +325,7 @@ onMounted(() => {
|
|
|
|
|
|
farmId.value = sessionStorage.getItem("farmId")
|
|
farmId.value = sessionStorage.getItem("farmId")
|
|
getFarmDetail(farmId.value);
|
|
getFarmDetail(farmId.value);
|
|
- getFarmWorkList(farmId.value);
|
|
|
|
- getFarmLog()
|
|
|
|
|
|
+ // getFarmWorkList(farmId.value);
|
|
// window.addEventListener("scroll", debouncedHandleScroll);
|
|
// window.addEventListener("scroll", debouncedHandleScroll);
|
|
|
|
|
|
window.addEventListener("scroll", debouncedHandleScroll);
|
|
window.addEventListener("scroll", debouncedHandleScroll);
|
|
@@ -340,16 +339,16 @@ function toggleAreaId({ areaId, farmId }) {
|
|
|
|
|
|
farmWorkList.value = []
|
|
farmWorkList.value = []
|
|
getFarmWorkList(farmId)
|
|
getFarmWorkList(farmId)
|
|
-
|
|
|
|
|
|
+ console.log('farmId', farmId);
|
|
getFarmLog()
|
|
getFarmLog()
|
|
// farmId.value = farmId
|
|
// farmId.value = farmId
|
|
}
|
|
}
|
|
|
|
|
|
function getListData(farmIdVal) {
|
|
function getListData(farmIdVal) {
|
|
|
|
+ console.log('farmIdVal', farmIdVal);
|
|
farmId.value = farmIdVal
|
|
farmId.value = farmIdVal
|
|
getFarmDetail(farmId.value);
|
|
getFarmDetail(farmId.value);
|
|
// getFarmWorkList(farmId.value);
|
|
// getFarmWorkList(farmId.value);
|
|
- // getFarmLog()
|
|
|
|
}
|
|
}
|
|
|
|
|
|
const farmId = ref(null);
|
|
const farmId = ref(null);
|
|
@@ -385,15 +384,16 @@ const getFarmDetail = (id) => {
|
|
const farmWorkList = ref([]);
|
|
const farmWorkList = ref([]);
|
|
const getFarmWorkList = (farmId) => {
|
|
const getFarmWorkList = (farmId) => {
|
|
// regionId
|
|
// regionId
|
|
- VE_API.farm.fetchFarmWorkList({ farmId, regionId: regionId.value }).then(({ data }) => {
|
|
|
|
|
|
+ const regionVal = regionId.value ? regionId.value : null
|
|
|
|
+ VE_API.farm.fetchFarmWorkList({ farmId, regionId: regionVal }).then(({ data }) => {
|
|
getSecondLastIndex(data);
|
|
getSecondLastIndex(data);
|
|
// farmWorkList.value = data;
|
|
// farmWorkList.value = data;
|
|
- nextTick(() => {
|
|
|
|
- initScrollToSection(secondLastIndex.value);
|
|
|
|
- });
|
|
|
|
- setTimeout(() => {
|
|
|
|
- startFlashing();
|
|
|
|
- }, 100);
|
|
|
|
|
|
+ // nextTick(() => {
|
|
|
|
+ // initScrollToSection(secondLastIndex.value);
|
|
|
|
+ // });
|
|
|
|
+ // setTimeout(() => {
|
|
|
|
+ // startFlashing();
|
|
|
|
+ // }, 100);
|
|
});
|
|
});
|
|
};
|
|
};
|
|
|
|
|