【招生小程序】 新增# 修改备注

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'])

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

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>

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": {

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>