|
|
@@ -22,18 +22,16 @@
|
|
|
class="menu-icon"
|
|
|
:src="
|
|
|
require('@/assets/img/gallery/icon-' +
|
|
|
- item.icon +
|
|
|
- (item.statuss === 0 ? '-no' : '') +
|
|
|
- '.png')
|
|
|
+ item.icon + '.png')
|
|
|
"
|
|
|
/>
|
|
|
<div
|
|
|
:class="[
|
|
|
'menu-name',
|
|
|
{
|
|
|
- noTime: item.status === 0,
|
|
|
- onTime: item.status === 2,
|
|
|
- now: item.status === 1,
|
|
|
+ feature: item.execute === 0 ||item.execute === 2,
|
|
|
+ onTime: item.execute === 1,
|
|
|
+ now: item.execute === 3,
|
|
|
},
|
|
|
]"
|
|
|
>
|
|
|
@@ -48,13 +46,13 @@
|
|
|
class="done-card section"
|
|
|
v-for="(card, cardI) in farmWorkList"
|
|
|
:key="cardI"
|
|
|
- :class="{ flashing: card.status === 1 && isFlashing }"
|
|
|
+ :class="{ flashing: card.execute === 3 && isFlashing && cardI === secondLastIndex }"
|
|
|
>
|
|
|
<div
|
|
|
class="card-dom"
|
|
|
:id="'section' + cardI"
|
|
|
></div>
|
|
|
- <div v-if="card.status === 1 && indicatorChartData.content" class="log-wrap">
|
|
|
+ <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>
|
|
|
@@ -80,10 +78,10 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="card-wrap" :class="{ noCarousel: card.status !== 0, 'done': card.status === 0 }">
|
|
|
+ <div class="card-wrap" :class="{ noCarousel: (card.execute !== 0 && card.execute !== 2), 'done': (card.execute === 4 || card.execute === 5) }">
|
|
|
<div
|
|
|
class="card-content"
|
|
|
- :class="{ push: card.status === 1, hasBg: card.status === 2 && !card.hasBg }"
|
|
|
+ :class="{ push: card.execute === 3, hasBg: (card.execute === 0 || card.execute === 2) && !card.hasBg }"
|
|
|
>
|
|
|
<div
|
|
|
class="card-top"
|
|
|
@@ -95,8 +93,8 @@
|
|
|
<div v-if="card.type === 1" class="status-tag standard">标准农事</div>
|
|
|
<div v-if="card.type === 2" class="status-tag advice">推荐农事</div>
|
|
|
<div v-if="card.type === 0" class="status-tag warning">预警农事</div>
|
|
|
- <!-- 右上角角标 -->
|
|
|
- <div v-if="card.status === 2 && card.execute === 0" class="add-btn">
|
|
|
+ <!-- 右上角角标 -->
|
|
|
+ <div v-if="card.execute === 0" class="add-btn">
|
|
|
未触发
|
|
|
</div>
|
|
|
<div
|
|
|
@@ -106,10 +104,10 @@
|
|
|
未激活
|
|
|
</div>
|
|
|
<div v-if="card.execute === 3" class="add-btn">待执行</div>
|
|
|
- <div v-if="card.status === 0 && card.execute === 4" class="add-btn recheck">
|
|
|
+ <div v-if="card.execute === 4" class="add-btn recheck">
|
|
|
已完成
|
|
|
</div>
|
|
|
- <div v-if="card.status === 0 && card.reCheck === 1" class="add-btn recheck">
|
|
|
+ <div v-if="card.execute === 5" class="add-btn recheck">
|
|
|
已复核
|
|
|
</div>
|
|
|
<div v-if="card.execute === 1" class="add-btn unactive">已失效</div>
|
|
|
@@ -121,7 +119,7 @@
|
|
|
优<img class="good" src="@/assets/img/weather_index/good.png" />
|
|
|
</div>
|
|
|
</div> -->
|
|
|
- <div v-if="card.status === 0">
|
|
|
+ <div v-if="card.execute === 4 || card.execute === 5">
|
|
|
<!-- 已完成 -->
|
|
|
<div class="card-desc">
|
|
|
<span class="desc-title">服务主体：</span>
|
|
|
@@ -135,7 +133,7 @@
|
|
|
<span class="desc-title">指导专家：</span>
|
|
|
<span class="expert-link" @click="toExpert(card.expertName)">
|
|
|
{{ card.expertName }}
|
|
|
- <el-icon color="#F0AC37" class="icon" size="12"><Link /></el-icon>
|
|
|
+ <el-icon color="#2199F8" class="icon" size="12"><Link /></el-icon>
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -144,24 +142,20 @@
|
|
|
<span class="desc-title">触发条件：</span>
|
|
|
{{ card.condition }}
|
|
|
</div>
|
|
|
- <div class="card-desc">
|
|
|
- <span class="desc-title">农事编号：</span>
|
|
|
- {{ card.code }}
|
|
|
- </div>
|
|
|
- <div v-if="card.status === 2" class="card-desc">
|
|
|
+ <div v-if="card.executeDate || card.solarName" class="card-desc">
|
|
|
<span class="desc-title">推荐时间：</span>
|
|
|
- {{ card.solarName }}
|
|
|
+ {{ card.executeDate || card.solarName }}
|
|
|
</div>
|
|
|
- <div v-if="card.status === 1" class="card-desc">
|
|
|
- <span class="desc-title">推荐时间：</span>
|
|
|
- {{ card.executeDate }}
|
|
|
- </div>
|
|
|
- <div v-if="card.status === 0" class="card-desc">
|
|
|
+ <div v-if="card.execute === 4" class="card-desc">
|
|
|
<span class="desc-title">{{
|
|
|
- card.reCheck ? "复核时间：" : "执行时间："
|
|
|
+ card.execute === 5 ? "复核时间：" : "执行时间："
|
|
|
}}</span>
|
|
|
{{ card.executeDate }}
|
|
|
</div>
|
|
|
+ <div class="card-desc">
|
|
|
+ <span class="desc-title">农事编号：</span>
|
|
|
+ {{ card.code }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="card-desc last-desc">
|
|
|
<span class="desc-title">药物处方：</span>
|
|
|
@@ -187,26 +181,27 @@
|
|
|
<div class="detail-text">查看详情></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="card-link" v-if="card.status === 2" @click.stop="handlePage(card)">
|
|
|
- <img src="@/assets/img/gallery/expert-icon.png" />
|
|
|
+ <div class="card-link" v-if="card.execute === 0 || card.execute === 2|| (card.execute === 3 && card.orderStatus === null)" @click.stop="handlePage(card)">
|
|
|
+ <!-- <img src="@/assets/img/weather_index/expert-icon.png" /> -->
|
|
|
+ <img class="expert-icon" :src="card.expertIcon" />
|
|
|
<div class="expert-name">
|
|
|
{{ card.expertName
|
|
|
}}<el-icon size="12" class="icon"><ArrowRightBold /></el-icon>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="step-box" v-else>
|
|
|
- <step-box :card="card" :isDone="card.status === 0 && (card.reCheck === 1 || card.execute === 4)" v-if="card.orderStatus || card.status === 0 || card.orderStatus === 0"></step-box>
|
|
|
+ <step-box :orderStatus="card.orderStatus" v-if="card.orderStatus || card.orderStatus === 0"></step-box>
|
|
|
</div>
|
|
|
</div>
|
|
|
<chart
|
|
|
- v-if="card.status !== 2 && card.indexChart.length && card.status !== 0"
|
|
|
+ v-if="card.execute === 3 && card.indexChart.length"
|
|
|
:key="cardI"
|
|
|
:indexName="card.indexName"
|
|
|
- :type="card.status !== 1 ? 'normal' : 'feature'"
|
|
|
+ :type="(card.execute === 2 || card.execute === 0) ? 'feature' : 'normal'"
|
|
|
:chartData="card.indexChart"
|
|
|
></chart>
|
|
|
|
|
|
- <div v-if="card.status === 0 && card.userEvaluation">
|
|
|
+ <div v-if="(card.orderStatus === 4 || card.orderStatus === 5) && card.userEvaluation">
|
|
|
<div class="evaluate">
|
|
|
<div class="evaluate-title">用户评价</div>
|
|
|
<div class="comment">
|
|
|
@@ -243,7 +238,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if="card.status !== 2" :class="['over-img']">
|
|
|
+ <div v-if="card.execute !== 0 && card.execute !== 2" :class="['over-img']">
|
|
|
<!-- 图片列表 -->
|
|
|
<album-carousel7d
|
|
|
:key="farmName"
|
|
|
@@ -313,7 +308,7 @@ const handleRightScroll = () => {
|
|
|
activeSection.value = null;
|
|
|
};
|
|
|
const debouncedHandleScroll = debounce(handleScroll, 100);
|
|
|
-const debouncedHandleScroll2 = debounce(handleRightScroll, 500);
|
|
|
+const debouncedHandleScroll2 = debounce(handleRightScroll, 501);
|
|
|
// onMounted(() => {
|
|
|
// window.addEventListener("scroll", debouncedHandleScroll);
|
|
|
// // myPushChart = echarts.init(chartPushRef.value);
|
|
|
@@ -424,7 +419,7 @@ const initScrollToSection = (index) => {
|
|
|
const secondLastIndex = ref(-1); // 初始化索引值
|
|
|
const getSecondLastIndex = (data) => {
|
|
|
// 过滤出 status 为 2 的项
|
|
|
- const filteredItems = data.filter((item) => item.status === 1);
|
|
|
+ const filteredItems = data.filter((item) => item.execute === 3);
|
|
|
// 获取倒数第二项
|
|
|
if (filteredItems.length >= 1) {
|
|
|
const secondLastItem = filteredItems[filteredItems.length - 1];
|
|
|
@@ -457,17 +452,12 @@ const startFlashing = () => {
|
|
|
|
|
|
// 显示详情
|
|
|
const showDetail = (card) => {
|
|
|
- const pageParams = {
|
|
|
- activeIndex: activeSection.value,
|
|
|
- card,
|
|
|
- };
|
|
|
// eventBus.emit("detailDialog:showDialog", pageParams);
|
|
|
- if (card.orderStatus || card.orderStatus === 0) {
|
|
|
- router.push({ path: "/work_detail", query: { data: JSON.stringify(card), recordId: null } });
|
|
|
- }
|
|
|
- if (card.status === 0 && (card.reCheck === 1 || card.execute === 4)) {
|
|
|
+ if (card.orderStatus === 5 || card.orderStatus === 4) {
|
|
|
// 农事成效
|
|
|
router.push({ path: "/ns_recrod_effect", query: { data: JSON.stringify(card) } });
|
|
|
+ } else if (card.orderStatus || card.orderStatus === 0) {
|
|
|
+ router.push({ path: "/work_detail", query: { data: JSON.stringify(card), recordId: null } });
|
|
|
}
|
|
|
};
|
|
|
|
|
|
@@ -689,7 +679,7 @@ function addNsRecord(){
|
|
|
box-shadow: 0 2px 4px #ccc;
|
|
|
.btn-box {
|
|
|
height: 100%;
|
|
|
- background: linear-gradient(0deg,#FFFBF2 0%, #FF9500 31% , #FF9500 78%);
|
|
|
+ background: linear-gradient(0deg,#fce6c0 0%, #FF9500 31% , #FF9500 78%);
|
|
|
border-radius: 30px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
@@ -756,7 +746,7 @@ function addNsRecord(){
|
|
|
}
|
|
|
&.is-active {
|
|
|
background: transparent;
|
|
|
- color: #F0AC37;
|
|
|
+ // color: #F0AC37;
|
|
|
.menu-name {
|
|
|
// color: #666666;
|
|
|
}
|
|
|
@@ -774,8 +764,11 @@ function addNsRecord(){
|
|
|
.noTime {
|
|
|
// color: #cccccc;
|
|
|
}
|
|
|
+ .feature {
|
|
|
+ color: rgba(255, 212, 137, 0.6);
|
|
|
+ }
|
|
|
.now {
|
|
|
- color: rgba(33, 153, 248, 1);
|
|
|
+ color: #F0AC37;
|
|
|
}
|
|
|
.onTime {
|
|
|
color: rgba(255, 212, 137, 0.6);
|
|
|
@@ -805,9 +798,9 @@ function addNsRecord(){
|
|
|
text-align: center;
|
|
|
}
|
|
|
.card-wrap {
|
|
|
- border: 1px solid #dddddd;
|
|
|
+ // border: 1px solid #dddddd;
|
|
|
+ // padding: 8px 8px;
|
|
|
border-radius: 8px;
|
|
|
- padding: 8px 8px;
|
|
|
position: relative;
|
|
|
z-index: 1;
|
|
|
// margin-top: -20px;
|
wangsisi