From d1edbd52bdf04243ee5e2d64853deae9af65cae1 Mon Sep 17 00:00:00 2001
From: Cxx0822 <1556464090@qq.com>
Date: Thu, 10 Sep 2026 16:27:19 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E6=97=B6=E9=97=B4?=
 =?UTF-8?q?=E8=BD=B4=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/RecordPopup.vue |  6 +++---
 src/pages/index/index.vue      | 11 +++++++++--
 src/pages/record/index.vue     |  2 +-
 src/pages/user/index.vue       | 10 ++++++++--
 src/stores/patch.ts            |  4 ++++
 5 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/src/components/RecordPopup.vue b/src/components/RecordPopup.vue
index cb9a109..58c99fb 100644
--- a/src/components/RecordPopup.vue
+++ b/src/components/RecordPopup.vue
@@ -33,11 +33,11 @@
         </wd-form-item>
 
         <wd-form-item title="内容">
-          <wd-input
+          <wd-textarea
               v-model="patchStore.recordForm.content"
-              :maxlength="20"
+              :maxlength="50" auto-height
               show-word-limit
-              placeholder="请输入菜地地点"
+              placeholder="请输入内容"
           />
         </wd-form-item>
 
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 8087a0e..f3072ca 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -13,9 +13,17 @@
       </view>
     </view>
 
+    <view class="p-3">
+      <wd-search v-model="patchStore.patchSearch"
+                 :maxlength="20" :placeholder-left="true" :hide-cancel="true"
+                 placeholder="请输入菜地名称或者菜地地点"
+                 @change="patchStore.queryPatchList()"
+                 @clear="patchStore.queryPatchList()"/>
+    </view>
+
     <wd-card v-for="(item, index) in patchStore.patchList" :key="item.id">
       <template #title>
-        <view class="wd-card__title-text flex items-center justify-between">
+        <view class="wd-card__title-text flex items-center justify-between" @click="editPatchClick(item)">
           <text>{{ item.name }}</text>
           <text v-if="item.location" class="text-sm text-[#999]">{{ item.location }}</text>
         </view>
@@ -44,7 +52,6 @@
           <wd-text v-else text="暂无作物 请先添加"/>
 
           <view class="flex gap-1">
-            <wd-button icon="edit" round @click="editPatchClick(item)"></wd-button>
             <wd-button icon="list" round @click="viewDetailClick(item)"></wd-button>
           </view>
         </view>
diff --git a/src/pages/record/index.vue b/src/pages/record/index.vue
index 22ee0d6..11c0ed8 100644
--- a/src/pages/record/index.vue
+++ b/src/pages/record/index.vue
@@ -1 +1 @@
-<template>
  <view class="min-h-screen flex flex-col" style="background-image: linear-gradient(180deg, #4CAF50 0%, #8BC34A 42%, #E8F5E9 100%)">
    <view class="self-center py-3 flex items-center gap-2 w-full">
      <view class="grid grid-cols-3 items-center w-full">
        <view></view>

        <view v-if="patchStore.currentPatch.crop" @click="updateCropClick" class="flex flex-col">
          <text class="text-center text-lg text-white font-semibold truncate">
            {{ patchStore.currentPatch.crop.name }}
          </text>
          <text v-if="patchStore.currentPatch.crop.variety" class="text-center text-sm text-white/70 truncate">
            {{ patchStore.currentPatch.crop.variety }}
          </text>
        </view>

        <view v-else class="self-center py-3">
          <wd-button type="info" @click="addCropClick">点击添加作物</wd-button>
        </view>

        <view class="flex justify-end">
          <wd-button icon="list" type="info" round @click="showHistoryClick"></wd-button>
        </view>
      </view>
    </view>

    <wd-card v-for="(item, index) in patchStore.recordList" :key="item.id">
      <template #title>
        <view class="w-full flex flex-col gap-1.5" @click="updateRecordClick(item)">
          <view class="flex justify-between items-center">
            <view class="text-base font-medium">{{ item.type }}</view>
            <wd-tag type="primary" round>{{ item.stage }}</wd-tag>
            <view class="text-xs text-gray-400">{{ item.date }}</view>
          </view>
        </view>
      </template>
      <view class="flex flex-col gap-2">
        <view v-if="item.images.length" :class="`grid gap-2 mt-2 ${gridCols(item.images.length)}`">
          <view
              v-for="(url, i) in item.images"
              :key="i"
              class="w-full rounded-lg overflow-hidden"
              @click="previewImages(item.images, i)"
          >
            <wd-img
                :src="`${patchStore.baseUrl}/${url}`"
                width="100%"
                mode="widthFix"
                lazy-load
                :radius="8"
            />
          </view>
        </view>

        <view v-if="item.videos.length" class="mt-2">
          <view
              v-for="(url, i) in item.videos"
              :key="i"
              class="relative w-full overflow-hidden rounded-lg bg-black"
              @click="playVideo(url)"
          >
            <view class="w-full h-[360rpx] flex items-center justify-center">
              <wd-icon name="play-circle-fill" size="40px" color="#fff" />
            </view>
          </view>
        </view>

        <text class="text-sm text-gray-500">{{ item.content }}</text>
      </view>
    </wd-card>

    <wd-empty v-if="patchStore.recordList.length === 0" tip="暂无数据"/>

    <wd-picker v-model="value" v-model:visible="showHistory" :columns="columns" />

    <liu-drag-button v-if="patchStore.showRecordFab && patchStore.currentPatch.crop"
                     background="#22c55e" @clickBtn="addRecordClick">
      <wd-icon name="plus" size="24px"></wd-icon>
    </liu-drag-button>

    <record-popup />
    <crop-popup />
    <view class="h-[10px]"></view>
  </view>
</template>

<script setup lang="ts">
import {computed, ref} from 'vue'
import { usePatchStore } from "@/stores/patch";
import RecordPopup from "@/components/RecordPopup.vue";
import type { IRecord } from "@/types";
import { formatDate } from "@/utils";
import CropPopup from "@/components/CropPopup.vue";

const showHistory = ref(false)
const value = ref<string[]>([])
const columns = ref([
  { label: '选项1', value: '1' },
  { label: '选项2', value: '2' },
  { label: '选项3', value: '3' }
])

const patchStore = usePatchStore()

function gridCols(count: number): string {
  if (count === 1) return 'grid-cols-1'
  if (count === 2) return 'grid-cols-2'
  if (count === 4) return 'grid-cols-2'
  return 'grid-cols-3'
}

function previewImages(urls: string[], index: number) {
  const fullUrls = urls.map(url => `${patchStore.baseUrl}/${url}`)
  uni.previewImage({ urls: fullUrls, current: fullUrls[index] })
}

function playVideo(url: string) {
  const fullUrl = `${patchStore.baseUrl}/${url}`
  wx.previewMedia({
    sources: [{ url: fullUrl, type: 'video' }],
    current: 0,
    fail: (err) => {
      console.error(err)
      uni.showToast({ title: '视频预览失败', icon: 'none' })
    }
  })
}

function addCropClick() {
  patchStore.cropForm = {
    id: 0,
    patch_id: patchStore.currentPatch.id,
    name: '',
    variety: '',
    date: formatDate(Date.now()),
  }
  patchStore.cropApiType = 'ADD'
  patchStore.showCropPopup = true
}

function updateCropClick() {
  patchStore.cropForm = JSON.parse(JSON.stringify(patchStore.currentPatch.crop))
  patchStore.cropApiType = 'UPDATE'
  patchStore.showCropPopup = true
}

function addRecordClick() {
  patchStore.recordForm = {
    id: 0,
    crop_id: patchStore.currentPatch.crop.id,
    type: '💧 浇水',
    date: formatDate(Date.now()),
    content: '',
    images: [],
    videos: [],
    stage: '生长期'
  }
  patchStore.imageFileList = []
  patchStore.videoFileList = []
  patchStore.recordApiType = 'ADD'
  patchStore.showRecordPopup = true
  patchStore.showRecordFab = false
}

function updateRecordClick(record: IRecord) {
  patchStore.recordForm = JSON.parse(JSON.stringify(record))

  patchStore.imageFileList = []
  patchStore.recordForm.images.forEach(image => {
    patchStore.imageFileList.push({
      url: `${patchStore.baseUrl}/${image}`,
    })
  })

  patchStore.videoFileList = []
  patchStore.recordForm.videos.forEach(video => {
    patchStore.videoFileList.push({
      url: `${patchStore.baseUrl}/${video}`,
    })
  })

  patchStore.recordApiType = 'UPDATE'
  patchStore.showRecordPopup = true
  patchStore.showRecordFab = false
}

function showHistoryClick() {
  // showHistory.value = true
  uni.showToast({ title: '查看历史作物，正在开发', icon: 'none' })
}
</script>
\ No newline at end of file
+<template>
  <view class="min-h-screen flex flex-col" style="background-image: linear-gradient(180deg, #4CAF50 0%, #8BC34A 42%, #E8F5E9 100%)">
    <view class="self-center py-3 flex items-center gap-2 w-full">
      <view class="grid grid-cols-3 items-center w-full">
        <view></view>

        <view v-if="patchStore.currentPatch.crop" @click="updateCropClick" class="flex flex-col">
          <text class="text-center text-lg text-white font-semibold truncate">
            {{ patchStore.currentPatch.crop.name }}
          </text>
          <text v-if="patchStore.currentPatch.crop.variety" class="text-center text-sm text-white/70 truncate">
            {{ patchStore.currentPatch.crop.variety }}
          </text>
        </view>

        <view v-else class="self-center py-3">
          <wd-button type="info" @click="addCropClick">点击添加作物</wd-button>
        </view>

        <view class="flex justify-end">
          <wd-button icon="list" type="info" round @click="showHistoryClick"></wd-button>
        </view>
      </view>
    </view>

    <view class="px-4">
      <view
          v-for="(item, index) in patchStore.recordList"
          :key="item.id"
          class="flex"
      >
        <!-- 时间轴 -->
        <view class="flex flex-col items-center mr-2">
          <view class="w-20 h-20 rounded-full bg-gray-300"/>
          <view v-if="index !== patchStore.recordList.length - 1" class="flex-1 w-[2px] bg-gray-200"/>
        </view>

        <view class="flex-1 pb-4">
          <wd-card>
            <template #title>
              <view class="w-full flex flex-col gap-1.5" @click="updateRecordClick(item)">
                <view class="flex justify-between items-center">
                  <view class="text-base font-medium">
                    {{ item.type }}
                  </view>
                  <wd-tag type="primary" round>
                    {{ item.stage }}
                  </wd-tag>
                  <view class="text-xs text-gray-400">
                    {{ item.date }}
                  </view>
                </view>
              </view>
            </template>

            <view class="flex flex-col gap-2">
              <view
                  v-if="item.images.length"
                  :class="`grid gap-2 mt-2 ${gridCols(item.images.length)}`"
              >
                <view
                    v-for="(url, i) in item.images"
                    :key="i"
                    class="w-full rounded-lg overflow-hidden"
                    @click="previewImages(item.images, i)"
                >
                  <wd-img
                      :src="`${patchStore.baseUrl}/${url}`"
                      width="100%"
                      mode="widthFix"
                      lazy-load
                      :radius="8"
                  />
                </view>
              </view>

              <view v-if="item.videos.length" class="mt-2">
                <view
                    v-for="(url, i) in item.videos"
                    :key="i"
                    class="relative w-full overflow-hidden rounded-lg bg-black"
                    @click="playVideo(url)"
                >
                  <view class="h-[360rpx] flex items-center justify-center">
                    <wd-icon
                        name="play-circle-fill"
                        size="40px"
                        color="#fff"
                    />
                  </view>
                </view>
              </view>

              <text class="text-sm text-gray-500">
                {{ item.content }}
              </text>
            </view>
          </wd-card>
        </view>
      </view>
    </view>

    <wd-empty v-if="patchStore.recordList.length === 0" tip="暂无数据"/>

    <wd-picker v-model="value" v-model:visible="showHistory" :columns="columns" />

    <liu-drag-button v-if="patchStore.showRecordFab && patchStore.currentPatch.crop"
                     background="#22c55e" @clickBtn="addRecordClick">
      <wd-icon name="plus" size="24px"></wd-icon>
    </liu-drag-button>

    <record-popup />
    <crop-popup />
    <view class="h-[10px]"></view>
  </view>
</template>

<script setup lang="ts">
import {computed, ref} from 'vue'
import { usePatchStore } from "@/stores/patch";
import RecordPopup from "@/components/RecordPopup.vue";
import type { IRecord } from "@/types";
import { formatDate } from "@/utils";
import CropPopup from "@/components/CropPopup.vue";

const showHistory = ref(false)
const value = ref<string[]>([])
const columns = ref([
  { label: '选项1', value: '1' },
  { label: '选项2', value: '2' },
  { label: '选项3', value: '3' }
])

const patchStore = usePatchStore()

function gridCols(count: number): string {
  if (count === 1) return 'grid-cols-1'
  if (count === 2) return 'grid-cols-2'
  if (count === 4) return 'grid-cols-2'
  return 'grid-cols-3'
}

function previewImages(urls: string[], index: number) {
  const fullUrls = urls.map(url => `${patchStore.baseUrl}/${url}`)
  uni.previewImage({ urls: fullUrls, current: fullUrls[index] })
}

function playVideo(url: string) {
  const fullUrl = `${patchStore.baseUrl}/${url}`
  wx.previewMedia({
    sources: [{ url: fullUrl, type: 'video' }],
    current: 0,
    fail: (err) => {
      console.error(err)
      uni.showToast({ title: '视频预览失败', icon: 'none' })
    }
  })
}

function addCropClick() {
  patchStore.cropForm = {
    id: 0,
    patch_id: patchStore.currentPatch.id,
    name: '',
    variety: '',
    date: formatDate(Date.now()),
  }
  patchStore.cropApiType = 'ADD'
  patchStore.showCropPopup = true
}

function updateCropClick() {
  patchStore.cropForm = JSON.parse(JSON.stringify(patchStore.currentPatch.crop))
  patchStore.cropApiType = 'UPDATE'
  patchStore.showCropPopup = true
}

function addRecordClick() {
  patchStore.recordForm = {
    id: 0,
    crop_id: patchStore.currentPatch.crop.id,
    type: '💧 浇水',
    date: formatDate(Date.now()),
    content: '',
    images: [],
    videos: [],
    stage: '生长期'
  }
  patchStore.imageFileList = []
  patchStore.videoFileList = []
  patchStore.recordApiType = 'ADD'
  patchStore.showRecordPopup = true
  patchStore.showRecordFab = false
}

function updateRecordClick(record: IRecord) {
  patchStore.recordForm = JSON.parse(JSON.stringify(record))

  patchStore.imageFileList = []
  patchStore.recordForm.images.forEach(image => {
    patchStore.imageFileList.push({
      url: `${patchStore.baseUrl}/${image}`,
    })
  })

  patchStore.videoFileList = []
  patchStore.recordForm.videos.forEach(video => {
    patchStore.videoFileList.push({
      url: `${patchStore.baseUrl}/${video}`,
    })
  })

  patchStore.recordApiType = 'UPDATE'
  patchStore.showRecordPopup = true
  patchStore.showRecordFab = false
}

function showHistoryClick() {
  // showHistory.value = true
  uni.showToast({ title: '查看历史作物，正在开发', icon: 'none' })
}
</script>
\ No newline at end of file
diff --git a/src/pages/user/index.vue b/src/pages/user/index.vue
index 71e8d26..6fbd899 100644
--- a/src/pages/user/index.vue
+++ b/src/pages/user/index.vue
@@ -1,6 +1,12 @@
 <template>
-  <view class="min-h-screen flex flex-col">
-    <wd-text text="我的"/>
+  <view class="min-h-screen flex flex-col" style="background-image: linear-gradient(180deg, #4CAF50 0%, #8BC34A 42%, #E8F5E9 100%)">
+    <view class="self-center py-3 flex items-center gap-2 text-gray-800">
+      <view class="flex min-w-0 flex-col">
+        <text class="truncate text-lg text-white font-semibold">
+          正在开发中
+        </text>
+      </view>
+    </view>
   </view>
 </template>
 
diff --git a/src/stores/patch.ts b/src/stores/patch.ts
index e3623ce..bdc36d0 100644
--- a/src/stores/patch.ts
+++ b/src/stores/patch.ts
@@ -6,6 +6,7 @@ export const usePatchStore = defineStore('patch', {
   state: () => ({
     baseUrl: 'https://cxx0822.s.3q.hair',
     showPatchFab: true,
+    patchSearch: '',
     patchList: [] as IPatch[],
     patchApiType: 'ADD' as 'ADD' | 'UPDATE' | 'DELETE',
     patchForm: {
@@ -51,6 +52,9 @@ export const usePatchStore = defineStore('patch', {
           url: `${this.baseUrl}/patch-api/patches`,
           method: 'GET',
           header: { 'Content-Type': 'application/json' },
+          data: {
+            keyword: this.patchSearch
+          },
           success: (res) => {
             if (res.statusCode >= 200 && res.statusCode < 300) {
               resolve(res.data as IPatch[])