即将修改网站-联系我们-混乱中

src/views/websiteRelated/websiteStatement/index.vue

@@ -1,7 +1,7 @@
 <template>
     <x-search-bar class="mb-8-2">
         <template #default="{ gutter, colSpan }">
-            <x-editor placeholder="请输入声明内容" v-model:value="searchFormData.affirm"></x-editor>
+            <x-editor :modelValue="affirm" @update:modelValue="affirm = $event" placeholder="请输入声明内容"></x-editor>
             <a-button ghost type="primary" @click="handleSearch" style="margin-top: 20px">保存</a-button>
         </template>
     </x-search-bar>
@@ -13,13 +13,15 @@ import { ref } from 'vue'
 import apis from '@/apis' // 假设这里包含 saveAffirm 接口
 import { usePagination } from '@/hooks'
 import { useI18n } from 'vue-i18n'
-import { getWebData,updateWebData } from '@/apis/modules/webSite' // 获取声明接口
+import { getWebData,updateWebData} from '@/apis/modules/webSite' // 获取声明接口
+
 defineOptions({
     name: 'friendlyLinks',
 })
 const { t } = useI18n()
-const { showLoading, hideLoading, searchFormData } = usePagination()
-searchFormData.affirm = '' // 初始化声明内容
+const { showLoading, hideLoading} = usePagination()
+let affirm = null // 初始化声明内容
+let id = null // 初始化声明内容
 
 // 页面加载时获取声明内容
 getPageList()
@@ -31,8 +33,11 @@ async function getPageList() {
     try {
         showLoading()
         const res = await getWebData() // 假设返回格式为 { data: { affirm: '内容' } }
-        if (res?.data?.affirm) {
-            searchFormData.affirm = res.data.affirm
+        if (res?.data) {
+            affirm = res.data.affirm
+            id = res.data.id // 新增
+            //console.log(affirm)
+            //console.log(id)
         }
     } catch (e) {
         message.error('获取声明内容失败')
@@ -41,19 +46,22 @@ async function getPageList() {
     }
 }
 
+function isEmptyRichText(html) {
+    return !html || html.replace(/<[^>]+>/g, '').trim() === ''
+}
+
 /**
  * 提交声明内容
  */
 async function handleSearch() {
-    if (!searchFormData.affirm?.trim()) {
+    console.log('affirm:', affirm)
+    if (isEmptyRichText(affirm)) {
         message.warning('请输入声明内容')
         return
     }
-
     try {
         showLoading()
-         await apis.updateWebData({ affirm: searchFormData.affirm }) // 假设这是你的保存接口
-
+        await apis.updateWebData(id, { affirm: affirm })
         message.success('保存成功')
     } catch (e) {
         message.error('保存失败，请重试')