From 2de7edf2d4329e8e1e6bcf9011a8391ac6fa1db8 Mon Sep 17 00:00:00 2001
From: kaeery <3491123437@qq.com>
Date: Wed, 26 Feb 2025 14:40:15 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=8B=9B=E7=94=9F=E5=B0=8F=E7=A8=8B?=
 =?UTF-8?q?=E5=BA=8F=E3=80=91=20=E6=96=B0=E5=A2=9E#=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E5=A4=87=E6=B3=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/design-textarea-field.vue           | 13 +++++++++++--
 .../widgets/confirm-popup/confirm-popup.vue        |  9 +++++++--
 src/components/widgets/recruitsale/clue-card.vue   | 11 ++++++++++-
 src/pages.json                                     | 12 ++++++------
 src/pages/recruitsale/home/index.vue               | 14 ++++++++++++++
 5 files changed, 48 insertions(+), 11 deletions(-)

diff --git a/src/components/design-textarea-field.vue b/src/components/design-textarea-field.vue
index f865cec..17c9f6b 100644
--- a/src/components/design-textarea-field.vue
+++ b/src/components/design-textarea-field.vue
@@ -7,14 +7,19 @@
 -->
 <template>
     <view class="design-field">
-        <text class="field" :class="{ 'field-required': required }" :style="labelStyle">
+        <text
+            class="field"
+            v-if="label !== ''"
+            :class="{ 'field-required': required }"
+            :style="labelStyle"
+        >
             {{ label }}
         </text>
         <u-textarea
             class="textarea"
             v-model="innerValue"
             :placeholder="placeholder"
-            border="none"
+            :border="border"
             :autoHeight="autoHeight"
             placeholderStyle="color: '#7c7e82'"
         ></u-textarea>
@@ -74,6 +79,10 @@ const props = defineProps({
     labelWidth: {
         type: Number,
         default: 120
+    },
+    border: {
+        type: String,
+        default: 'none'
     }
 })
 const emit = defineEmits(['update:modelValue'])
diff --git a/src/components/widgets/confirm-popup/confirm-popup.vue b/src/components/widgets/confirm-popup/confirm-popup.vue
index 9a5cb97..570cb51 100644
--- a/src/components/widgets/confirm-popup/confirm-popup.vue
+++ b/src/components/widgets/confirm-popup/confirm-popup.vue
@@ -16,7 +16,8 @@
             mode="center"
         >
             <view class="confirm-popup">
-                <view class="text">{{ contentText }}</view>
+                <slot name="content" v-if="slotContent" />
+                <view class="text" v-else>{{ contentText }}</view>
                 <view class="btn">
                     <view @click="cancel">取消</view>
                     <view @click="confirm">确定</view>
@@ -27,7 +28,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch } from 'vue'
+import { computed } from 'vue'
+import { ref, watch, useSlots } from 'vue'
 const props = defineProps({
     contentText: String,
     modelValue: {
@@ -36,6 +38,9 @@ const props = defineProps({
     }
 })
 const emits = defineEmits(['update:modelValue', 'confirm'])
+const slots = useSlots()
+const slotContent = computed(() => slots.content)
+
 const popupShow = ref(false)
 const cancel = () => {
     popupShow.value = false
diff --git a/src/components/widgets/recruitsale/clue-card.vue b/src/components/widgets/recruitsale/clue-card.vue
index a59eb7b..31b7044 100644
--- a/src/components/widgets/recruitsale/clue-card.vue
+++ b/src/components/widgets/recruitsale/clue-card.vue
@@ -42,7 +42,10 @@
                     <text class="text-muted w-[128rpx]">备注</text>
                     <view class="flex gap-[12rpx]">
                         <text class="flex-1 text-error">已交一部分定位金</text>
-                        <view class="flex gap-[4rpx] items-center text-primary text-[28rpx]">
+                        <view
+                            class="flex gap-[4rpx] items-center text-primary text-[28rpx]"
+                            @click="handleUpdateRemark"
+                        >
                             <TIcon name="icon-edit" color="#0E66FB" />
                             <text>修改</text>
                         </view>
@@ -75,6 +78,7 @@ const props = defineProps({
         default: () => ({})
     }
 })
+const emit = defineEmits(['handleUpdateRemark'])
 // 领取
 const handleGet = () => {
     const { item } = props
@@ -94,5 +98,10 @@ const handleComplete = () => {
         url: '/bundle/pages/complete_add/index?id=' + item.id
     })
 }
+// 修改备注
+const handleUpdateRemark = () => {
+    const { item } = props
+    emit('handleUpdateRemark', item)
+}
 </script>
 <style scoped></style>
diff --git a/src/pages.json b/src/pages.json
index db51a30..39cd5fb 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -1,5 +1,11 @@
 {
     "pages": [
+        {
+            "path": "pages/recruitsale/home/index",
+            "style": {
+                "navigationBarTitleText": ""
+            }
+        },
         {
             "path": "pages/recruitsale/summary/index",
             "style": {
@@ -12,12 +18,6 @@
                 "navigationBarTitleText": ""
             }
         },
-        {
-            "path": "pages/recruitsale/home/index",
-            "style": {
-                "navigationBarTitleText": ""
-            }
-        },
         {
             "path": "pages/telesale/home/index",
             "style": {
diff --git a/src/pages/recruitsale/home/index.vue b/src/pages/recruitsale/home/index.vue
index 2956790..9590e9c 100644
--- a/src/pages/recruitsale/home/index.vue
+++ b/src/pages/recruitsale/home/index.vue
@@ -29,10 +29,16 @@
                 v-for="(item, index) in dataList"
                 :key="`${index} + 'unique'`"
                 :item="item"
+                @handle-update-remark="handleUpdateRemark"
             />
             <!-- </z-paging> -->
         </view>
     </view>
+    <w-confirm-popup v-model="popupShow" @confirm="handleConfirm">
+        <template #content>
+            <TTextareaField v-model="contentText" border="surround" :required="false" />
+        </template>
+    </w-confirm-popup>
 </template>
 
 <script setup lang="ts">
@@ -77,5 +83,13 @@ const handleChangeTab = item => {
     activeTab.value = item.value
     // refresh(queryParams.value)
 }
+const popupShow = ref(false)
+const contentText = ref('')
+const handleUpdateRemark = item => {
+    const { id, remark } = item
+    popupShow.value = true
+    contentText.value = remark
+}
+const handleConfirm = () => {}
 </script>
 <style scoped></style>