From c4d6657148c6bc46d40fbf5406c60ae23d9aad52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Tue, 23 Dec 2025 22:47:50 +0800
Subject: [PATCH] =?UTF-8?q?feat(order):=20=E6=9B=B4=E6=96=B0=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95=E9=A1=B5=E9=9D=A2=E8=A1=A8=E5=8D=95=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E4=B8=8E=E6=8F=90=E7=A4=BA=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改页面提示标题为"欢迎留言"
- 简化表单字段，移除产品选择、参考链接及文件上传功能
- 调整表单布局和标签文案，统一使用"留言标题"和"留言内容"
- 更新内容输入框的占位符文本
- 修改必填项验证提示信息，适配新的留言场景
---
 api/cms/cmsOrder/model/index.ts |  1 +
 pages/detail/[id].vue           |  6 +--
 pages/order/[id].vue            | 78 +++++++++++----------------------
 3 files changed, 29 insertions(+), 56 deletions(-)

diff --git a/api/cms/cmsOrder/model/index.ts b/api/cms/cmsOrder/model/index.ts
index 1ed4553..8169012 100644
--- a/api/cms/cmsOrder/model/index.ts
+++ b/api/cms/cmsOrder/model/index.ts
@@ -72,5 +72,6 @@ export interface CmsOrder {
 export interface CmsOrderParam extends PageParam {
   orderId?: number;
   websiteId?: number;
+  isSettled?: boolean;
   keywords?: string;
 }
diff --git a/pages/detail/[id].vue b/pages/detail/[id].vue
index 1c6baec..50f1023 100644
--- a/pages/detail/[id].vue
+++ b/pages/detail/[id].vue
@@ -13,10 +13,10 @@
         <div class=" bg-white">
           <h1 class="pt-5 text-3xl text-center">{{ form.title }}</h1>
           <div class="flex items-center justify-center py-4">
-            <el-space size="large" class="text-gray-400">
-              <span>{{ $t('createTime') }}：{{ dayjs(form.createTime).format('YYYY.MM.DD') }}</span>
-              <span v-if="form.source">来源：{{ form.source }}</span>
+            <el-space size="large" class="text-gray-400 text-lg">
               <span v-if="form.author">作者：{{ form.author }}</span>
+              <span>{{ $t('createTime') }}：{{ dayjs(form.createTime).format('YYYY-MM-DD HH:mm') }}</span>
+              <span v-if="form.source">来源：{{ form.source }}</span>
               <span>{{ $t('click') }}：{{ getViews(form) }}</span>
             </el-space>
             <!-- Baidu Button BEGIN -->
diff --git a/pages/order/[id].vue b/pages/order/[id].vue
index 000d448..7c78276 100644
--- a/pages/order/[id].vue
+++ b/pages/order/[id].vue
@@ -11,10 +11,10 @@
       <template #extra>
       </template>
       <el-card shadow="hover" class="my-5 sm:my-10 sm:px-2">
-        <div class="grid grid-cols-1 sm:grid-cols-3 gap-8">
+        <div class="grid grid-cols-1 sm:grid-cols-4 gap-8">
           <div class="col-span-2">
             <div class="my-2">
-              <el-alert title="填写您的需求，为您量身定制." type="warning"/>
+              <el-alert title="欢迎留言" type="warning"/>
             </div>
             <el-form
               ref="formRef"
@@ -24,57 +24,13 @@
               label-position="left"
               status-icon
             >
-              <el-form-item :label="$t('order.title')" prop="title" class="hover:bg-gray-50 p-2">
-                <el-select
-                  v-model="form.title"
-                  filterable
-                  placeholder="选择产品"
-                  @change="onWebsite"
-                >
-                  <el-option
-                    v-for="item in siteList"
-                    :key="item.websiteId"
-                    :label="item.websiteName"
-                    :value="item.websiteId"
-                  >
-                    <div class="flex justify-between">
-                      <span>{{ item.websiteName }}</span>
-                      <span class="text-gray-300">
-                      {{ `${item.websiteCode}.websoft.top` }}
-                    </span>
-                    </div>
-                  </el-option>
-                </el-select>
+              <el-form-item label="留言标题" class="hover:bg-gray-50 p-2" prop="reference">
+                <el-input v-model="form.title" placeholder="留言标题"/>
               </el-form-item>
               <el-form-item :label="$t('order.content')" prop="content" class="hover:bg-gray-50 p-2">
                 <el-input type="textarea" :rows="5" cols="80" v-model="form.content"
-                          placeholder="请填写您的项目需求"/>
+                          placeholder="请填写留言内容"/>
               </el-form-item>
-              <el-form-item :label="$t('order.reference')" class="hover:bg-gray-50 p-2" prop="reference">
-                <el-input v-model="form.reference" :placeholder="$t('order.reference')"/>
-              </el-form-item>
-              <el-form-item :label="$t('order.files')" class="hover:bg-gray-50 p-2" prop="reference">
-                <el-upload
-                  v-model:file-list="files"
-                  :headers="{
-                  Authorization: token,
-                  TenantId: 5,
-              }"
-                  :limit="2"
-                  :on-preview="handlePictureCardPreview"
-                  :on-remove="filesRemove"
-                  :on-success="filesOnSuccess"
-                  action="https://server.gxbsnx.com/api/oss/upload"
-                  list-type="picture-card"
-                >
-                  <el-icon>
-                    <Plus/>
-                  </el-icon>
-                </el-upload>
-              </el-form-item>
-              <template v-if="token">
-
-              </template>
               <template v-if="!token">
                 <el-form-item :label="$t('order.realName')" class="hover:bg-gray-50 p-2" prop="realName">
                   <el-input v-model="form.realName" :placeholder="$t('order.realName')"/>
@@ -106,8 +62,18 @@
               </el-form-item>
             </el-form>
           </div>
-          <div class="hidden-sm-and-down">
-            <el-image class="py-2" v-if="page.icon" :src="page.icon"/>
+          <div class="w-full col-span-2">
+            <div class="p-3">
+              <div class="w-full text-lg font-bold">
+                最新留言
+              </div>
+              <div class="likes-list my2 w-full">
+                <div v-for="(item,index) in orders" :key="index" class="item flex justify-between bg-gray-50 p-4 mb-2">
+                  <div class="text-sm">{{ item.content }}</div>
+                  <div class="text-sm text-gray-400">{{ item.createTime }}</div>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
       </el-card>
@@ -127,7 +93,7 @@ import {useLayout, usePage, useUser} from "~/composables/configState";
 import {getNavIdByParamsId} from "~/utils/common";
 import type {CmsOrder} from "~/api/cms/cmsOrder/model";
 import useFormData from "~/utils/use-form-data";
-import {addCmsOrder} from "~/api/cms/cmsOrder";
+import {addCmsOrder, pageCmsOrder } from "~/api/cms/cmsOrder";
 import {getCaptcha} from "~/api/passport/login";
 import {getCmsNavigation, listCmsNavigation} from "~/api/cms/cmsNavigation";
 import {listCmsWebsite, pageCmsWebsiteAll} from "~/api/cms/cmsWebsite";
@@ -157,6 +123,7 @@ const filesStr = ref<string[]>([])
 const captcha = ref('');
 const text = ref<string>('');
 const loading = ref(false)
+const orders = ref<CmsOrder[]>([])
 
 
 const {form, resetFields} = useFormData<CmsOrder>({
@@ -230,7 +197,7 @@ const rules = reactive<FormRules<CmsOrder>>({
     {required: true, message: '请输入联系人姓名', trigger: 'blur'},
   ],
   content: [
-    {required: true, message: '请输入您的开发需求', trigger: 'blur'},
+    {required: true, message: '请输入您的留言内容', trigger: 'blur'},
   ]
 })
 
@@ -287,6 +254,11 @@ const reload = async () => {
       form.email = user.value.email
     }
 
+    // 留言列表
+    pageCmsOrder({isSettled: true}).then(response => {
+      orders.value = response?.list || []
+    })
+
     changeCaptcha()
   } catch (error) {
     console.error('Failed to load page data:', error)