Update API request formatting and editor styles

api/upnew/index.ts

@@ -40,7 +40,7 @@ export const indexTabs = () => {
  * @returns
  */
 export const keywords = (params: { type: string | number; keywords: string }) => {
-  return useFetchRequest.get<IResponse<boolean>>('/prod-api/app-api/business/app/dict/label-keywords', params)
+  return useFetchRequest.get<IResponse<boolean>>('/prod-api/app-api/business/app/dict/label-keywords', {query:params})
 }
 /**
  * 获取格式类型字典信息

pages/channel/create/index.vue

@@ -1,18 +1,18 @@
 <template>
   <KlNavTab></KlNavTab>
-  <div class="mx-auto w-1440px">
+  <div class="mx-auto w-[1440px]">
     <!-- 使用 el-form 重构表单区域 -->
-    <el-form ref="formRef" inline :model="formData" label-width="110px" class="custom-form mb-20px mt-20px border rounded p-20px!">
+    <el-form ref="formRef" inline :model="formData" label-width="110px" class="custom-form mb-[20px] mt-[20px] border rounded p-[20px]!">
       <el-form-item label="标题：" prop="postsTitle" :rules="{ required: true, message: '请输入标题', trigger: 'blur' }">
-        <el-input v-model="formData.postsTitle" placeholder="请输入标题" class="w-300px!" minlength="4" maxlength="40"></el-input>
+        <el-input v-model="formData.postsTitle" placeholder="请输入标题" class="w-[300px]!" minlength="4" maxlength="40"></el-input>
       </el-form-item>
-      <el-form-item label="分类：" class="mb-10px" prop="projectDicId" :rules="{ required: true, message: '请选择分类', trigger: ['blur', 'change'] }">
+      <el-form-item label="分类：" class="mb-[10px]" prop="projectDicId" :rules="{ required: true, message: '请选择分类', trigger: ['blur', 'change'] }">
-        <el-select v-model="formData.projectDicId" placeholder="请选择分类" class="w-300px!">
+        <el-select v-model="formData.projectDicId" placeholder="请选择分类" class="w-[300px]!">
           <el-option v-for="item in projectTypeList" :key="item.id" :label="item.name" :value="item.id" />
         </el-select>
       </el-form-item>
 
-      <el-form-item label="标签：" class="mb-10px" prop="postsTags" :rules="{ required: true, message: '请输入标签', trigger: ['blur', 'change'] }">
+      <el-form-item label="标签：" class="mb-[10px]" prop="postsTags" :rules="{ required: true, message: '请输入标签', trigger: ['blur', 'change'] }">
         <el-select
           v-model="formData.postsTags"
           :remote-method="remoteMethod"
@@ -21,13 +21,13 @@
           remote
           multiple
           placeholder="请输入搜索标签"
-          class="w-300px!"
+          class="w-[300px]!"
         >
           <el-option v-for="(item, index) in labelsList" :key="index" :label="item" :value="item" />
         </el-select>
       </el-form-item>
-      <el-form-item label="频道列表：" class="mb-10px" prop="channelId" :rules="{ required: true, message: '请选择频道', trigger: ['blur', 'change'] }">
+      <el-form-item label="频道列表：" class="mb-[10px]" prop="channelId" :rules="{ required: true, message: '请选择频道', trigger: ['blur', 'change'] }">
-        <el-select v-model="formData.channelId" placeholder="请选择频道" class="w-300px!">
+        <el-select v-model="formData.channelId" placeholder="请选择频道" class="w-[300px]!">
           <el-option v-for="item in channelIdList" :key="item.channelId" :label="item.channelTitle" :value="item.channelId" />
         </el-select>
       </el-form-item>
@@ -35,8 +35,8 @@
         <KlUploader v-model:file-list="formData.postsCover" :limit="1" :size="1" tips="上传图片支持jpg/gif/png格式"> </KlUploader>
       </el-form-item> -->
     </el-form>
-    <div style="border: 1px solid #ccc; margin-top: 10px">
+    <div style="border: 1px solid #eeeeee; margin-top: 10px" class="rounded">
-      <WeToolbar style="border-bottom: 1px solid #ccc" :editor="editorRef" :defaultConfig="toolbarConfig" :mode="mode" />
+      <WeToolbar style="border-bottom: 1px solid #eeeeee" :editor="editorRef" :defaultConfig="toolbarConfig" :mode="mode" />
 
       <WeEditor
         style="height: 300px; overflow-y: hidden"
@@ -53,7 +53,7 @@
       />
     </div>
     <!-- 按钮区域 -->
-    <div class="mt-20px flex justify-end">
+    <div class="mt-[20px] flex justify-end">
       <!-- <el-button :loading="post_loading" class="mr-10px" @click="previewContent">预览</el-button> -->
       <el-button :loading="post_loading" type="primary" @click="saveContent">发表</el-button>
     </div>
@@ -166,7 +166,7 @@
           console.log(res)
           if (res.code === 0) {
             ElMessage.success('发表成功')
-            router.push('/communication/channel')
+            // router.push('/communication/channel')
           }
         })
         .catch((err) => {
@@ -210,11 +210,11 @@
   const customPaste = (editor: any, event: any, callback: any) => {
     console.log('ClipboardEvent 粘贴事件对象', event)
     // const html = event.clipboardData.getData('text/html') // 获取粘贴的 html
-    // const text = event.clipboardData.getData('text/plain') // 获取粘贴的纯文本
+    const text = event.clipboardData.getData('text/plain') // 获取粘贴的纯文本
     // const rtf = event.clipboardData.getData('text/rtf') // 获取 rtf 数据（如从 word wsp 复制粘贴）
 
     // 自定义插入内容
-    editor.insertText('xxx')
+    editor.insertText(text)
 
     // 返回 false ，阻止默认粘贴行为
     event.preventDefault()