|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="work-wrap">
|
|
|
<custom-header name="农事成效"></custom-header>
|
|
|
- <div class="work-content recheck-title">
|
|
|
+ <div class="work-content recheck-title" v-loading="loading">
|
|
|
<div class="tabs-content-item">
|
|
|
<div class="common-card-title">
|
|
|
<img class="icon" src="@/assets/img/home/label-icon.png" alt="" />
|
|
|
@@ -259,7 +259,7 @@
|
|
|
<script setup>
|
|
|
import { Tab, Tabs } from "vant";
|
|
|
import customHeader from "@/components/customHeader.vue";
|
|
|
-import { onMounted, ref, onDeactivated, onActivated } from "vue";
|
|
|
+import { onMounted, ref, onDeactivated, onActivated, onUnmounted } from "vue";
|
|
|
import { useRoute, useRouter } from "vue-router";
|
|
|
import upload from "@/components/upload";
|
|
|
import AlbumCarousel from "@/components/album_compoents/albumCarousel";
|
|
|
@@ -271,6 +271,7 @@ const workItem = ref({});
|
|
|
const curRole = ref("");
|
|
|
// 农事规划页面-显示上传农事凭证按钮
|
|
|
const isPlan = ref(false);
|
|
|
+const loading = ref(false);
|
|
|
|
|
|
const diffInDays = (date, type = "minus") => {
|
|
|
const targetDate = new Date(date);
|
|
|
@@ -295,9 +296,12 @@ onActivated(() => {
|
|
|
|
|
|
const getDetail = () => {
|
|
|
if (!paramsPage.value.id) return;
|
|
|
+ loading.value = true;
|
|
|
VE_API.z_farm_work_record.getDetail({ id: paramsPage.value.id }).then(({ data }) => {
|
|
|
workItem.value = data[0];
|
|
|
getTriggerImg(workItem.value.id);
|
|
|
+ }).finally(() => {
|
|
|
+ loading.value = false;
|
|
|
});
|
|
|
};
|
|
|
|
|
|
@@ -323,8 +327,23 @@ const handleSubmit = () => {
|
|
|
});
|
|
|
};
|
|
|
|
|
|
-onDeactivated(() => {
|
|
|
+// 清理数据的函数
|
|
|
+const clearData = () => {
|
|
|
workItem.value = {};
|
|
|
+ triggerImg.value = [];
|
|
|
+ imageArr.value = [];
|
|
|
+ paramsPage.value = {};
|
|
|
+ isPlan.value = false;
|
|
|
+ curRole.value = "";
|
|
|
+ loading.value = false;
|
|
|
+};
|
|
|
+
|
|
|
+onDeactivated(() => {
|
|
|
+ clearData();
|
|
|
+});
|
|
|
+
|
|
|
+onUnmounted(() => {
|
|
|
+ clearData();
|
|
|
});
|
|
|
|
|
|
// //联系专家
|
刘秀芳