|
@@ -2,37 +2,44 @@
|
|
|
<div class="service-records-page">
|
|
<div class="service-records-page">
|
|
|
<custom-header name="提醒客户"></custom-header>
|
|
<custom-header name="提醒客户"></custom-header>
|
|
|
<div class="record-list">
|
|
<div class="record-list">
|
|
|
- <div v-for="(item, index) in renderList" :key="index" class="record-card">
|
|
|
|
|
- <img class="thumb" :src="item.thumb" alt="农场缩略图" @error="handleImgError" />
|
|
|
|
|
- <div class="card-body" @click="handleItemClick(item.raw)">
|
|
|
|
|
|
|
+ <div v-for="(item, index) in recordList" :key="index" class="record-card">
|
|
|
|
|
+ <img class="thumb" :src="item.postInfo.media && item.postInfo.media[0]" alt="农场缩略图" />
|
|
|
|
|
+ <div class="card-body" @click="handleItemClick(item)">
|
|
|
<div class="card-body-left">
|
|
<div class="card-body-left">
|
|
|
- <div class="title van-multi-ellipsis--l2">{{ item.title }}</div>
|
|
|
|
|
- <div class="date">{{ item.date }}</div>
|
|
|
|
|
|
|
+ <div class="title van-multi-ellipsis--l2">{{ item.postInfo.title }}</div>
|
|
|
|
|
+ <div class="date">{{ formatDate(item.postInfo.createTime) }}</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="forward-btn" @click.stop="handleForward(item.raw)">转发</div>
|
|
|
|
|
|
|
+ <div class="forward-btn" @click.stop="showShareSheet = true">转发</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <fn-share-sheet v-model:show="showShareSheet" :options="shareOptions" @select="handleShareSelect" />
|
|
|
</template>
|
|
</template>
|
|
|
<script setup>
|
|
<script setup>
|
|
|
-import { ref, onMounted, computed } from "vue";
|
|
|
|
|
|
|
+import { ref, onMounted } from "vue";
|
|
|
import customHeader from "@/components/customHeader.vue";
|
|
import customHeader from "@/components/customHeader.vue";
|
|
|
import { useRouter } from "vue-router";
|
|
import { useRouter } from "vue-router";
|
|
|
-import defaultThumb from "@/assets/img/home/farm.png";
|
|
|
|
|
|
|
+import FnShareSheet from "@/components/pageComponents/FnShareSheet.vue";
|
|
|
const router = useRouter();
|
|
const router = useRouter();
|
|
|
-
|
|
|
|
|
// 服务记录列表数据
|
|
// 服务记录列表数据
|
|
|
const recordList = ref([]);
|
|
const recordList = ref([]);
|
|
|
|
|
+const showShareSheet = ref(false);
|
|
|
|
|
+const shareOptions = ref([
|
|
|
|
|
+ { name: "微信", icon: "wechat", type: "wechat" },
|
|
|
|
|
+]);
|
|
|
|
|
+const handleShareSelect = (option) => {
|
|
|
|
|
+ console.log("option", option);
|
|
|
|
|
+};
|
|
|
|
|
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
|
- getUserList();
|
|
|
|
|
|
|
+ getListWithAnswer();
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
-const getUserList = async () => {
|
|
|
|
|
- const { data } = await VE_API.user.userList();
|
|
|
|
|
|
|
+const getListWithAnswer = async () => {
|
|
|
|
|
+ const { data } = await VE_API.user.listWithAnswer({farmId:'93684'});
|
|
|
if (data.length) {
|
|
if (data.length) {
|
|
|
- recordList.value = data.filter((item) => item.serviceCount != 0);
|
|
|
|
|
|
|
+ recordList.value = data
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
const formatDate = (dateStr) => {
|
|
const formatDate = (dateStr) => {
|
|
@@ -44,34 +51,14 @@ const formatDate = (dateStr) => {
|
|
|
const d = `${date.getDate()}`.padStart(2, "0");
|
|
const d = `${date.getDate()}`.padStart(2, "0");
|
|
|
return `${y}-${m}-${d}`;
|
|
return `${y}-${m}-${d}`;
|
|
|
};
|
|
};
|
|
|
-const renderList = [
|
|
|
|
|
- {
|
|
|
|
|
- title: "湛江出现了高温灼烧气象预警,请注意某某防范!",
|
|
|
|
|
- date: "2025-11-12",
|
|
|
|
|
- thumb: defaultThumb,
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- title: "农情互动提醒:",
|
|
|
|
|
- date: "2025-11-12",
|
|
|
|
|
- thumb: defaultThumb,
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- title: "农事执行提醒",
|
|
|
|
|
- date: "2025-11-12",
|
|
|
|
|
- thumb: defaultThumb,
|
|
|
|
|
- },
|
|
|
|
|
-];
|
|
|
|
|
|
|
+
|
|
|
// 处理列表项点击
|
|
// 处理列表项点击
|
|
|
const handleItemClick = (data) => {
|
|
const handleItemClick = (data) => {
|
|
|
- router.push(`/warning_detail?id=782295538706944000&showImage=true`);
|
|
|
|
|
-};
|
|
|
|
|
-// 处理转发按钮点击
|
|
|
|
|
-const handleForward = (data) => {
|
|
|
|
|
- // TODO: 实现转发功能
|
|
|
|
|
- console.log("转发", data);
|
|
|
|
|
-};
|
|
|
|
|
-const handleImgError = (e) => {
|
|
|
|
|
- e.target.src = defaultThumb;
|
|
|
|
|
|
|
+ const questInfo = {
|
|
|
|
|
+ quest: data.quest,
|
|
|
|
|
+ answer: data.answerOptions,
|
|
|
|
|
+ }
|
|
|
|
|
+ router.push(`/warning_detail?id=${data.postInfo.postId}&questInfo=${JSON.stringify(questInfo)}`);
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|