diff --git a/src/api/crmApi.ts b/src/api/crmApi.ts
index 7be3130..de53b28 100644
--- a/src/api/crmApi.ts
+++ b/src/api/crmApi.ts
@@ -26,7 +26,7 @@ export class CrmService {
   }
   //删除客户
   static getcustomerdelete(params: any) {
-    return request.get<Api.Crm.CrmListData>({
+    return request.get<any>({
       url: '/crm/customer/delete',
       params
     })
diff --git a/src/api/workApi.ts b/src/api/workApi.ts
index 2abd077..5bd7469 100644
--- a/src/api/workApi.ts
+++ b/src/api/workApi.ts
@@ -39,13 +39,14 @@ export class WorkService {
       // showErrorMessage: false // 不显示错误消息
     })
   }
-  //工单状态下拉选择框 
-  static getStatus() {
+  //工单状态下拉选择框
+  static getStatus(params: any) {
     return request.get<Api.Brand.BrandInfo>({
-      url: '/ticket/ticket/getStatus'
+      url: '/ticket/ticket/getStatus',
+      params
     })
   }
-  //工单沟通记录  
+  //工单沟通记录
   static getconversationList(params: any) {
     return request.get<Api.Work.WorkListData>({
       url: '/ticket/conversation/list',
@@ -53,7 +54,7 @@ export class WorkService {
     })
   }
   //添加工单记录   ticket/conversation/add
-  static conversationAdd(params:any) {
+  static conversationAdd(params: any) {
     return request.post<Api.Work.AddResponse>({
       url: '/ticket/conversation/add',
       params
diff --git a/src/components/core/layouts/art-header-bar/index.vue b/src/components/core/layouts/art-header-bar/index.vue
index 9809942..085a988 100644
--- a/src/components/core/layouts/art-header-bar/index.vue
+++ b/src/components/core/layouts/art-header-bar/index.vue
@@ -79,7 +79,7 @@
           </div>
         </div> -->
         <!-- 语言 -->
-        <div class="btn-box" v-if="showLanguage">
+        <!-- <div class="btn-box" v-if="showLanguage">
           <el-dropdown @command="changeLanguage" popper-class="langDropDownStyle">
             <div class="btn language-btn">
               <i class="iconfont-sys">&#xe611;</i>
@@ -98,7 +98,7 @@
               </el-dropdown-menu>
             </template>
           </el-dropdown>
-        </div>
+        </div> -->
         <!-- 设置 -->
         <!-- <div class="btn-box" @click="openSetting">
           <el-popover :visible="showSettingGuide" placement="bottom-start" :width="190" :offset="0">
@@ -138,7 +138,10 @@
             popper-style="border: 1px solid var(--art-border-dashed-color); border-radius: calc(var(--custom-radius) / 2 + 4px); padding: 5px 16px; 5px 16px;"
           >
             <template #reference>
-              <img class="cover" src="@imgs/user/avatar.webp" />
+              <img
+                class="cover"
+                :src="getUserInfo.user.avatar ? getUserInfo.user.avatar : '@imgs/user/avatar.webp'"
+              />
             </template>
             <template #default>
               <div class="user-menu-box">
@@ -155,15 +158,19 @@
                     <span class="email">{{ userInfo.user.email }}</span>
                   </div>
                 </div> -->
-                <ul class="user-menu">
+                <ul class="user-menu" style="border: none">
                   <li @click="goPage('/system/user-center')">
                     <i class="menu-icon iconfont-sys">&#xe734;</i>
                     <span class="menu-txt">{{ $t('topBar.user.userCenter') }}</span>
                   </li>
-                  <li @click="goPage('/crmpc/recycle')">
+                  <li @click="goPage('/work/myOrder')">
+                    <i class="menu-icon iconfont-sys">&#xe828;</i>
+                    <span class="menu-txt">我的工单</span>
+                  </li>
+                  <!-- <li @click="goPage('/crmpc/recycle')">
                     <i class="menu-icon iconfont-sys">&#xe828;</i>
                     <span class="menu-txt">回收站</span>
-                  </li>
+                  </li> -->
                   <!-- <li @click="goPage('/system/user-center')">
                     <i class="menu-icon iconfont-sys">&#xe734;</i>
                     <span class="menu-txt">{{ $t('topBar.user.userCenter') }}</span>
@@ -176,10 +183,10 @@
                     <i class="menu-icon iconfont-sys">&#xe8d6;</i>
                     <span class="menu-txt">{{ $t('topBar.user.github') }}</span>
                   </li> -->
-                  <li @click="lockScreen()">
+                  <!-- <li @click="lockScreen()">
                     <i class="menu-icon iconfont-sys">&#xe817;</i>
                     <span class="menu-txt">{{ $t('topBar.user.lockScreen') }}</span>
-                  </li>
+                  </li> -->
                   <div class="line"></div>
                   <div class="logout-btn" @click="loginOut">
                     {{ $t('topBar.user.logout') }}
@@ -215,7 +222,7 @@
   const settingStore = useSettingStore()
   const userStore = useUserStore()
   const router = useRouter()
-
+  const { getUserInfo } = useUserStore()
   const {
     showMenuButton,
     showRefreshButton,
@@ -229,7 +236,7 @@
     tabStyle
   } = storeToRefs(settingStore)
 
-  const { language, getUserInfo: userInfo } = storeToRefs(userStore)
+  const { language } = storeToRefs(userStore)
 
   const { menuList } = storeToRefs(useMenuStore())
 
diff --git a/src/components/core/layouts/art-screen-lock/index.vue b/src/components/core/layouts/art-screen-lock/index.vue
index f727352..adcc412 100644
--- a/src/components/core/layouts/art-screen-lock/index.vue
+++ b/src/components/core/layouts/art-screen-lock/index.vue
@@ -3,7 +3,10 @@
     <div v-if="!isLock">
       <el-dialog v-model="visible" :width="370" :show-close="false" @open="handleDialogOpen">
         <div class="lock-content">
-          <img class="cover" src="@imgs/user/avatar.webp" />
+          <img
+            class="cover"
+            :src="getUserInfo.user.avatar ? getUserInfo.user.avatar : '@imgs/user/avatar.webp'"
+          />
           <div class="username">{{ userInfo.userName }}</div>
           <el-form ref="formRef" :model="formData" :rules="rules" @submit.prevent="handleLock">
             <el-form-item prop="password">
@@ -32,7 +35,10 @@
 
     <div class="unlock-content" v-else>
       <div class="box">
-        <img class="cover" src="@imgs/user/avatar.webp" />
+        <img
+          class="cover"
+          :src="getUserInfo.user.avatar ? getUserInfo.user.avatar : '@imgs/user/avatar.webp'"
+        />
         <div class="username">{{ userInfo.userName }}</div>
         <el-form
           ref="unlockFormRef"
@@ -77,7 +83,7 @@
   import { mittBus } from '@/utils/sys'
   import { useI18n } from 'vue-i18n'
   const { t } = useI18n()
-
+  const { getUserInfo } = useUserStore()
   const ENCRYPT_KEY = import.meta.env.VITE_LOCK_ENCRYPT_KEY
   const userStore = useUserStore()
   const { info: userInfo, lockPassword, isLock } = storeToRefs(userStore)
diff --git a/src/views/admin/inquiry_system/index.vue b/src/views/admin/inquiry_system/index.vue
index f930288..ac97fc5 100644
--- a/src/views/admin/inquiry_system/index.vue
+++ b/src/views/admin/inquiry_system/index.vue
@@ -6,7 +6,12 @@
     <section class="search-bar art-custom-card">
       <el-form v-model:filter="formFilters" label-position="left">
         <el-row class="search-form-row" :gutter="12">
-          <el-col :xs="24" :sm="12" :md="6" :lg="6" :xl="6">
+          <el-col :xs="24" :sm="12" :md="4" :lg="4" :xl="4">
+            <el-form-item label="关键字" label-width="70px">
+              <el-input v-model="filter.keyword" placeholder="请输入关键字" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="4" :lg="4" :xl="4">
             <el-form-item label="状态" label-width="70px">
               <el-select v-model="filter.status">
                 <el-option label="全部" value="" />
@@ -16,7 +21,7 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="12" :md="6" :lg="6" :xl="6">
+          <el-col :xs="24" :sm="12" :md="4" :lg="4" :xl="4">
             <el-form-item label="渠道" label-width="70px">
               <el-select v-model="filter.channel">
                 <el-option v-for="v in channelOptions" :key="v.id" :label="v.name" :value="v.id">
@@ -39,7 +44,7 @@
             </el-form-item>
           </el-col>
 
-          <el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="6" class="action-column">
+          <el-col :xs="24" :sm="24" :md="4" :lg="4" :xl="4" class="action-column">
             <div
               class="action-buttons-wrapper"
               :style="{
@@ -79,6 +84,7 @@
         @current-change="handleCurrentChange"
       >
         <template #default>
+          <el-table-column prop="order_no" label="SN"></el-table-column>
           <el-table-column prop="contacts" label="客户名称"></el-table-column>
           <el-table-column prop="tel" label="电话"></el-table-column>
           <el-table-column prop="phone" label="国家">
@@ -124,7 +130,7 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column label="倒计时" min-width="140">
+          <!-- <el-table-column label="倒计时" min-width="140">
             <template #default="scope">
               <span :class="getCountdownClass(scope.row.countdown)" v-if="scope.row.status==1">
                 <span class="custom-clock-icon" style="margin-right: 4px; vertical-align: middle"
@@ -133,7 +139,7 @@
                 {{ getCountdown(scope.row.countdown) }}
               </span>
             </template>
-          </el-table-column>
+          </el-table-column> -->
           <el-table-column fixed="right" label="操作" width="260px">
             <template #default="scope">
               <div class="follow-action fenpei" @click="onFenpei(scope.row)">
@@ -172,7 +178,7 @@
       </ArtTable>
     </div>
   </div>
-  <el-dialog v-model="detailDialogVisible" title="详情">
+  <el-dialog v-model="detailDialogVisible" title="详情"  width="700px">
     <div class="detail-info-table">
       <div class="row">
         <div>客户名称：{{ detailRow.contacts }}</div>
@@ -203,7 +209,7 @@
       </div>
     </div>
     <div class="dtitle">详情内容</div>
-    <div v-if="detailRow" v-html="detailRow.content">
+    <div v-if="detailRow" v-html="detailRow.content" class="detils-content">
       
     </div>
   </el-dialog>
@@ -322,7 +328,8 @@
   const filter = ref({
     status: '',
     time: '',
-    channel: ''
+    channel: '',
+    keyword: ''
   })
   const pagination = reactive({
     currentPage: 1,
@@ -356,7 +363,8 @@
     filter.value = {
       status: '',
       time: '',
-      channel: ''
+      channel: '',
+      keyword: ''
     }
     Object.assign(formFilters, { ...filter })
     pagination.currentPage = 1 // 重置到第一页
@@ -405,6 +413,7 @@
         size: pageSize,
         channel: filter.value.channel,
         status: filter.value.status,
+        keyword: filter.value.keyword,
         time: formattedTimeRange()
       }
       const { records, current, size, total } = await manageService.getinquiryList(params)
@@ -436,6 +445,7 @@
   }
 
   onMounted(() => {
+    getgetChannel()
     gettableList()
     timer.value = window.setInterval(() => {
       refreshKey.value++
@@ -498,11 +508,11 @@
       whatsapp: '',
       content: ''
     })
+    editorHtml.value = ''
   }
   const addfn = () => {
     dialogType.value = 'add'
     reactiveForm()
-    getgetChannel()
     getMagnitude()
     getarea()
     AddDialogVisible.value = true
@@ -525,22 +535,31 @@
   }
 
   function onDetail(row: any) {
+    row.content = processImages(row.content) // 处理图片
     detailRow.value = row
     detailDialogVisible.value = true
   }
   //编辑
+  function processImages(html: string) {
+    const parser = new DOMParser()
+    const doc = parser.parseFromString(html, 'text/html')
+    doc.querySelectorAll('img').forEach((img) => {
+      img.style.maxWidth = '100%'
+      img.style.height = 'auto'
+    })
+    return doc.body.innerHTML
+  }
   const carrid = ref('')
   const onEdit = async (row: any) => {
     dialogType.value = 'edit'
-    getgetChannel()
     getMagnitude()
     getarea()
     AddDialogVisible.value = true
     carrid.value = row.id
     addForm = reactive({
-      channel: row.channel ? row.channel.id : '',
+      channel: row.channelInfo ? row.channelInfo.id : '',
       quality: row.quality,
-      country: row.country ? row.country.id : '',
+      country: row.countryInfo ? row.countryInfo.id : '',
       email: row.email,
       tel: row.tel,
       contacts: row.contacts,
@@ -743,7 +762,7 @@
   }
 
   .fenpei {
-    color: #a233c6 !important;
+    color: #3471ff !important;
   }
 
   .detil {
@@ -773,6 +792,7 @@
   }
 
   .detail-info-table {
+    padding-left: 15px;
     .row {
       display: flex;
       justify-content: flex-start;
@@ -805,5 +825,12 @@
     color: #333;
     font-size: 16px;
     font-weight: bold;
+    padding-left: 15px;
+  }
+  .detils-content {
+    padding-left: 15px;
+    img {
+      max-width: 100% !important;
+    }
   }
 </style>
diff --git a/src/views/auth/login/index.vue b/src/views/auth/login/index.vue
index 5c9add8..0242f5c 100644
--- a/src/views/auth/login/index.vue
+++ b/src/views/auth/login/index.vue
@@ -9,7 +9,7 @@
             {{ isDark ? '&#xe6b5;' : '&#xe725;' }}
           </i>
         </div> -->
-        <ElDropdown @command="changeLanguage" popper-class="langDropDownStyle">
+        <!-- <ElDropdown @command="changeLanguage" popper-class="langDropDownStyle">
           <div class="btn language-btn">
             <i class="iconfont-sys icon-language">&#xe611;</i>
           </div>
@@ -26,7 +26,7 @@
               </div>
             </ElDropdownMenu>
           </template>
-        </ElDropdown>
+        </ElDropdown> -->
       </div>
       <div class="header">
         <ArtLogo class="icon" />
diff --git a/src/views/crmpc/customer/Add.vue b/src/views/crmpc/customer/Add.vue
index 1feecaf..708a1c3 100644
--- a/src/views/crmpc/customer/Add.vue
+++ b/src/views/crmpc/customer/Add.vue
@@ -40,7 +40,7 @@
             <el-input v-model="form.contacts" placeholder="请输入客户名称" />
           </el-form-item>
           <el-form-item label="客户性别" prop="sex">
-            <el-radio-group v-model="form.sex" style="justify-content: flex-end; width: 100%">
+            <el-radio-group v-model="form.sex">
               <el-radio label="0">未知</el-radio>
               <el-radio label="1">男</el-radio>
               <el-radio label="2">女</el-radio>
diff --git a/src/views/crmpc/customer/Edit.vue b/src/views/crmpc/customer/Edit.vue
index beb81fd..c5a7a88 100644
--- a/src/views/crmpc/customer/Edit.vue
+++ b/src/views/crmpc/customer/Edit.vue
@@ -40,7 +40,7 @@
             <el-input v-model="form.contacts" placeholder="请输入客户名称" />
           </el-form-item>
           <el-form-item label="客户性别" prop="sex">
-            <el-radio-group v-model="form.sex" style="justify-content: flex-end; width: 100%">
+            <el-radio-group v-model="form.sex">
               <el-radio :label="0">未知</el-radio>
               <el-radio :label="1">男</el-radio>
               <el-radio :label="2">女</el-radio>
diff --git a/src/views/crmpc/customer/index.vue b/src/views/crmpc/customer/index.vue
index 21d630c..38079af 100644
--- a/src/views/crmpc/customer/index.vue
+++ b/src/views/crmpc/customer/index.vue
@@ -106,11 +106,20 @@
               <el-link
                 type="primary"
                 underline="never"
+                style="margin-right: 8px"
                 @click="goAddFollow(scope.row)"
                 v-if="hasAuth('crm_customer@follow_add')"
               >
                 <i class="iconfont-sys">&#xe6bf;</i> 添加跟进
               </el-link>
+              <el-link
+                type="danger"
+                underline="never"
+                @click="delectfn(scope.row)"
+                v-if="hasAuth('crm_customer@follow_delete')"
+              >
+                <i class="iconfont-sys">&#xe6d4;</i> 删除
+              </el-link>
             </template>
           </el-table-column>
         </template>
@@ -197,11 +206,11 @@
   // 处理表格分页变化
   const handleSizeChange = (newPageSize: number) => {
     pagination.pageSize = newPageSize
-    // getWorkList()
+    gettableList()
   }
   const handleCurrentChange = (newCurrentPage: number) => {
     pagination.currentPage = newCurrentPage
-    // getWorkList()
+    gettableList()
   }
   function statusClass(status: any) {
     if (status === 0) return 'status-following'
@@ -235,6 +244,23 @@
     pagination.currentPage = 1
     gettableList()
   }
+  //删除
+  const delectfn = (row: any) => {
+    ElMessageBox.confirm('确定要删除此用户吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    })
+      .then(async () => {
+        const res = await CrmService.getcustomerdelete({ id: row.id })
+        ElMessage.success(res?.message || '提交成功！')
+        gettableList()
+        // 你可以在这里调用接口或做后续处理
+      })
+      .catch(() => {
+        // 用户点击了取消
+      })
+  }
 </script>
 
 <style scoped lang="scss">
@@ -243,7 +269,9 @@
     color: #333;
     font-weight: bold;
   }
-
+  :deep(.el-table__empty-block) {
+    height: 300px !important;
+  }
   :deep(.el-table__body tr.custom-table-row td) {
     border-bottom: 1px solid #f7f9fa !important;
     border-right: 1px solid #f7f9fa !important;
diff --git a/src/views/system/user-center/index.vue b/src/views/system/user-center/index.vue
index 7b3c3c3..e6515ec 100644
--- a/src/views/system/user-center/index.vue
+++ b/src/views/system/user-center/index.vue
@@ -11,7 +11,7 @@
             "
           />
           <h2 class="name">{{ userInfo.name }}</h2>
-          <p class="des">ID:{{ userInfo.id }}</p>
+          <p class="des">sn:{{ userInfo.sn }}</p>
           <div class="outer-info">
             <div class="info-row">
               <span class="info-label">电 话：</span>
@@ -67,7 +67,7 @@
                 <el-input v-model="form.name" :disabled="!isEdit" />
               </ElFormItem>
               <ElFormItem label="性别" prop="sex" class="right-input">
-                <ElSelect v-model="form.sex" placeholder="Select" :disabled="!isEdit">
+                <ElSelect v-model="form.sex" placeholder="未知" :disabled="!isEdit">
                   <ElOption
                     v-for="item in options"
                     :key="item.value"
@@ -141,7 +141,7 @@
                       class="qrcode-img"
                     />
                     <span v-else class="qrcode-upload-text">
-                      <img :src="imageUrl" class="qrcode-img" />
+                      <img :src="imageUrls" class="qrcode-img" />
                     </span>
                   </div>
                 </el-upload>
@@ -213,6 +213,7 @@
   interface CustomerInfo {
     [key: string]: any
   }
+  const imageUrls = ref(imageUrl)
   const imageUrlavatar = ref('')
   const socialize_pic_full = ref('')
   const countryOptions = ref<any>()
@@ -263,6 +264,10 @@
     // })
 
     const options = [
+      {
+        value: '',
+        label: '未知'
+      },
       {
         value: '1',
         label: '男'
@@ -309,6 +314,8 @@
     function handleUploadavatarqrcode(response: any) {
       // 假设返回图片地址字段为 response.url 或 response.data.url
       socialize_pic_full.value = response.url || (response.data && response.data.file_url) || ''
+      imageUrls.value = response.url || (response.data && response.data.file_url) || ''
+      
       // 如需同步到 form.picture
       form.value.socialize_pic = response.url || (response.data && response.data.file_name) || ''
     }
diff --git a/src/views/work/myOrder/index.vue b/src/views/work/myOrder/index.vue
index 1fdf57c..3b2fd0a 100644
--- a/src/views/work/myOrder/index.vue
+++ b/src/views/work/myOrder/index.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="page-content">
     <div v-if="!isMobile">
-    
       <ElRow>
         <!-- <ElCol :xs="24" :sm="12" :lg="6">
           <ElInput placeholder="工单编号"></ElInput>
@@ -9,23 +8,33 @@
         <div style="width: 12px"></div>
         <ElCol :xs="24" :sm="12" :lg="6" class="el-col2">
           <!-- <ElButton v-ripple>搜索</ElButton> -->
-          <ElButton v-if="hasAuth('work_order_self@add')" @click="showDialog('add')" v-ripple>新增</ElButton>
+          <ElButton v-if="hasAuth('work_order_self@add')" @click="showDialog('add')" v-ripple>
+            新增
+          </ElButton>
         </ElCol>
       </ElRow>
 
-      <ArtTable ref="tableRef" row-key="id" :loading="loading" :data="tableData" :currentPage="pagination.currentPage"
-        :pageSize="pagination.pageSize" :total="pagination.total" @size-change="handleSizeChange"
-        @current-change="handleCurrentChange">
+      <ArtTable
+        ref="tableRef"
+        row-key="id"
+        :loading="loading"
+        :data="tableData"
+        :currentPage="pagination.currentPage"
+        :pageSize="pagination.pageSize"
+        :total="pagination.total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      >
         <template #default>
           <ElTableColumn label="工单编号" prop="code" />
           <ElTableColumn label="问题分类" prop="categorie_id">
             <template #default="scope">
-              <div v-html="scope.row.categorie?scope.row.categorie.name:''"></div>
+              <div v-html="scope.row.categorie ? scope.row.categorie.name : ''"></div>
             </template>
           </ElTableColumn>
           <ElTableColumn label="问题描述" prop="content">
             <template #default="scope">
-              <div class="multi-line-ellipsis"  v-html="scope.row.content"></div>
+              <div class="multi-line-ellipsis" v-html="scope.row.content"></div>
             </template>
           </ElTableColumn>
           <ElTableColumn label="状态" prop="status">
@@ -40,9 +49,27 @@
           <ElTableColumn fixed="right" label="操作" width="240px">
             <template #default="scope">
               <ElRow>
-                <el-button v-if="scope.row.status == 1&&hasAuth('work_order_self@edit')" link @click="showDialog('edit', scope.row)"> 编辑 </el-button>
-                <el-button v-if="hasAuth('work_order_self@status')" link @click="statusEdit(scope.row)"> 状态编辑 </el-button>
-                <el-button v-if="hasAuth('work_order_self@conversation_list')" link @click="openChat(scope.row)"> 查看/回复 </el-button>
+                <el-button
+                  v-if="scope.row.status == 1 && hasAuth('work_order_self@edit')"
+                  link
+                  @click="showDialog('edit', scope.row)"
+                >
+                  编辑
+                </el-button>
+                <el-button
+                  v-if="hasAuth('work_order_self@status')"
+                  link
+                  @click="statusEdit(scope.row)"
+                >
+                  状态编辑
+                </el-button>
+                <el-button
+                  v-if="hasAuth('work_order_self@conversation_list')"
+                  link
+                  @click="openChat(scope.row)"
+                >
+                  查看/回复
+                </el-button>
                 <!-- <el-button link @click="deleteRole()"> 删除 </el-button> -->
               </ElRow>
             </template>
@@ -50,8 +77,13 @@
         </template>
       </ArtTable>
 
-      <ElDialog v-model="dialogVisible" :title="dialogType === 'add' ? '新增' : '编辑'" width="60%" align-center>
-        <ElForm ref="formRef" :model="form" label-width="160px">
+      <ElDialog
+        v-model="dialogVisible"
+        :title="dialogType === 'add' ? '新增' : '编辑'"
+        width="60%"
+        align-center
+      >
+        <ElForm ref="formRef" :model="form" label-width="120px" style="padding-right: 30px">
           <ElFormItem label="问题分类" prop="categorie_id">
             <ElSelect v-model="form.categorie_id">
               <ElOption v-for="type in categorieSelectList" :key="type.id" :value="type.id" :label="type.name" />
@@ -63,28 +95,64 @@
             <ArtWangEditor class="el-top" v-model="editorHtml" />
           </ElFormItem>
           <ElFormItem label="上传附件" prop="attachment">
-            <ElUpload 
-              v-model:file-list="fileList" 
-              class="upload-demo" 
-              :action="actionImageUplode" 
+            <ElUpload
+              v-model:file-list="fileList"
+              class="upload-demo"
+              :action="actionImageUplode"
+              :headers="uploadHeaders"
+              multiple
+              :limit="3"
+              :on-exceed="handleExceed"
+            >
+              <el-button type="primary" :disabled="fileList.length >= 3">上传附件</el-button>
+            </ElUpload>
+            <!-- <ElUpload
+              v-model:file-list="fileList"
+              class="upload-demo"
+              :action="actionImageUplode"
               :on-success="handleUploadSuccess"
               :headers="uploadHeaders"
-              multiple 
-              :limit="3">
-              <el-button type="primary">Click to upload</el-button>
-            </ElUpload>
+              multiple
+              :limit="3"
+            >
+              <el-button type="primary">上传附件</el-button>
+            </ElUpload> -->
+          </ElFormItem>
+          <ElFormItem label="" prop="">
             <!-- 附件预览区 -->
-            <div class="attachment-preview" v-if="fileList.length">
-              <div class="attachment-list">
+            <div class="attachment-preview">
+              <div v-if="fileList.length" class="attachment-list">
                 <div v-for="(file, idx) in fileList" :key="file.name" class="attachment-item">
                   <template v-if="/\.(jpg|jpeg|png|gif|webp|bmp)$/i.test(file.name)">
-                    <img :src="file.file_url?file.file_url:file.response.data.file_url" :alt="file.name" class="attachment-thumb" @click="handleImageClick(imageList.findIndex(url => url === file.file_url?file.file_url:file.response.data.file_url))" />
+                    <img
+                      :src="file.file_url ? file.file_url : file.response.data.file_url"
+                      :alt="file.name"
+                      class="attachment-thumb"
+                      @click="
+                        handleImageClick(
+                          imageList.findIndex((url) =>
+                            url === file.file_url ? file.file_url : file.response.data.file_url
+                          )
+                        )
+                      "
+                    />
                   </template>
                   <template v-else-if="/\.(mp4|webm|ogg)$/i.test(file.name)">
-                    <video :src="file.file_url?file.file_url:file.response.data.file_url" controls class="attachment-thumb" @click.prevent="handleVideoClick(file.file_url?file.file_url:file.response.data.file_url)"></video>
+                    <video
+                      :src="file.file_url ? file.file_url : file.response.data.file_url"
+                      controls
+                      class="attachment-thumb"
+                      @click.prevent="
+                        handleVideoClick(file.file_url ? file.file_url : file.response.data.file_url)
+                      "
+                    ></video>
                   </template>
                   <template v-else>
-                    <a :href="file.file_url?file.file_url:file.response.data.file_url" target="_blank">{{ file.name }}</a>
+                    <a
+                      :href="file.file_url ? file.file_url : file.response.data.file_url"
+                      target="_blank"
+                      >{{ file.name }}</a
+                    >
                   </template>
                   <div class="attachment-filename">{{ file.name }}</div>
                 </div>
@@ -171,517 +239,522 @@
 </template>
 
 <script setup lang="ts">
-import { ElMessage, ElMessageBox } from 'element-plus'
-import type { FormInstance } from 'element-plus'
-import { Order } from '@/mock/temp/formData'
-import { WorkService } from '@/api/workApi'
-import { ElImageViewer } from 'element-plus'
-import { useAuth } from "@/composables/useAuth";
-import { useUserStore } from '@/store/modules/user'
-import { useUploadHeaders } from '@/composables/useUploadHeaders'
-const { uploadHeaders } = useUploadHeaders()
-const { info } = useUserStore()
-const userid = info.user.id
-const { hasAuth } = useAuth();
-defineOptions({ name: 'Order' })
-let actionImageUplode = `${import.meta.env.VITE_API_URL}/ticket/upload`
-const loading = ref(false)
-const editorHtml = ref('') // 编辑器内容
-const dialogVisible = ref(false)
-const dialogVisiblestatus = ref(false)
-const typeList = ref<any[]>([])
-const formRef = ref<FormInstance>()
-const { width } = useWindowSize()
-const isMobile = computed(() => width.value < 500)
-// 抽屉显示状态
-const isDrawerVisible = ref(false)
-import meAvatar from '@/assets/img/avatar/avatar5.webp'
-import aiAvatar from '@/assets/img/avatar/avatar10.webp'
-// 消息相关数据
-const messages = ref<any[]>([])
-const messageText = ref('')
-// 滚动到底部
-const messageContainer = ref<HTMLElement | null>(null)
-const scrollToBottom = () => {
-  setTimeout(() => {
-    if (messageContainer.value) {
-      messageContainer.value.scrollTop = messageContainer.value.scrollHeight
-    }
-  }, 100)
-}
-const openChat = (row: any) => {
-  isDrawerVisible.value = true
-  getConversationList(row.id)
-}
-
-const closeChat = () => {
-  isDrawerVisible.value = false
-}
-//获取状态 下拉框 getStatus
-const statusList = ref<any>()
-const getstatusList = async () => {
-  try {
-    // 这里调用获取品牌列表的接口
-    const response = await WorkService.getStatus()
-    statusList.value = response || []
-  } catch (error) { }
-}
-//获取工单分类
-const categorieSelectList = ref<any>()
-const getcategorieSelectList = async () => {
-  try {
-    // 这里调用获取品牌列表的接口
-    const response = await WorkService.getcategorieselect()
-    categorieSelectList.value = response || []
-  } catch (error) { }
-}
-
-
-
-const fileList = ref<any[]>([])
-const form = reactive<Order>({
-  id: '',
-  categorie_id: '',
-  content: '',
-  attachment: []
-})
-const pagination = reactive({
-  currentPage: 1,
-  pageSize: 10,
-  total: 0
-})
-const paginationmsg = reactive({
-  currentPage: 1,
-  pageSize: 10,
-  total: 0
-})
-// 表格数据
-const tableData = ref<any[]>([])
-
-// 表格实例引用
-const tableRef = ref()
-
-onMounted(() => {
-  getWorkList()
-})
-
-// 获取列表数据
-const getWorkList = async () => {
-  loading.value = true
-  try {
-    const { currentPage, pageSize } = pagination
-
-    const { data, current, size, total } = await WorkService.getWorkselfList({
-      current: currentPage,
-      size: pageSize
-    })
-    tableData.value = data.map((item: any, index: number) => ({
-      ...item
-    }))
-    Object.assign(pagination, { currentPage: current, pageSize: size, total })
-  } catch (error) {
-    console.error('获取用户列表失败:', error)
-  } finally {
-    loading.value = false
-  }
-}
-
-//获取工单记录 getconversationList
-const ticket_id =ref()
-const getConversationList = async (id:any) => {
-  loading.value = true
-  try {
-    const { currentPage, pageSize } = paginationmsg
-    ticket_id.value = id
-    const { data, current, size, total } = await WorkService.getconversationList({
-      current: currentPage,
-      size: pageSize,
-      ticket_id: id
-    })
-    messages.value = data.map((item: any, index: number) => ({
-      ...item
-    }))
-    Object.assign(paginationmsg, { currentPage: current, pageSize: size, total })
-  } catch (error) {
-    console.error('获取用户列表失败:', error)
-  } finally {
-    loading.value = false
-  }
-}
-// 发送工单记录消息
-const sendMessage = async () => {
-  const text = messageText.value.trim()
-  const ids = ticket_id.value
-  if (!text) return
-  
-  const { message } = await WorkService.conversationAdd({
-    content: text,
-    ticket_id: ids,
-  })
-  ElMessage.success(message)
-  messageText.value = ''
-  getConversationList(ids)
-  scrollToBottom()
-}    
-
-
-const dialogType = ref('add')
-
-const showDialog = (type: string, row?: any) => {
-  dialogVisible.value = true
-  dialogType.value = type
-  getcategorieSelectList()
-  if (type === 'edit' && row) {
-    form.id = row.id
-    form.categorie_id = row.categorie_id
-    form.content = row.content
-    editorHtml.value = row.content
-    // 回显附件
-    fileList.value = (row.attachments || []).map((item: { original_name: any; storage_path_full: any }) => ({
-      name: item.original_name,
-      file_url: item.storage_path_full,
-      status: 'success',
-      response: { data: item }
-    }))
-    // 如果你有 uploadedFiles 也要同步
-    uploadedFiles.value = row.attachments || []
-  } else {
-    // 新增时清空表单和上传文件
-    form.categorie_id = ''
-    form.content = ''
-    editorHtml.value = ''
-    fileList.value = []
-    uploadedFiles.value = []
-  }
-}
-
-const statusform = reactive({
-  id: '',
-  status: '',
-  msg: ''
-})
-
-const statusEdit = (row: any) => {
-  getstatusList()
-  dialogVisiblestatus.value = true
-  statusform.id = row.id
-}
-const deleteRole = () => {
-  ElMessageBox.confirm('确定删除该角色吗？', '删除确认', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'error'
-  }).then(() => {
-    ElMessage.success('删除成功')
-  })
-}
-const delCodeTrim = (content: string): string => {
-  return content.replace(/(\s*)<\/code>/g, '</code>')
-}
-//添加工单
-
-const uploadedFiles = ref<any[]>([])
-const handleUploadSuccess = (response: any, uploadFile: any, uploadFiles: any[]) => {
-  // 只处理上传成功的文件
-  uploadedFiles.value = uploadFiles.filter(item => item.status === 'success').map(item => {
-      const data = item.response?.data
-      if (data) {
-        return {
-          id: data.id?data.id:'',
-          original_name: data.original_name,
-          storage_path: data.storage_path?data.storage_path:data.file_name
-        }
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  import type { FormInstance } from 'element-plus'
+  import { Order } from '@/mock/temp/formData'
+  import { WorkService } from '@/api/workApi'
+  import { ElImageViewer } from 'element-plus'
+  import { useAuth } from "@/composables/useAuth";
+  import { useUserStore } from '@/store/modules/user'
+  import { useUploadHeaders } from '@/composables/useUploadHeaders'
+  const { uploadHeaders } = useUploadHeaders()
+  const { info } = useUserStore()
+  const userid = info.user.id
+  const { hasAuth } = useAuth();
+  defineOptions({ name: 'Order' })
+  let actionImageUplode = `${import.meta.env.VITE_API_URL}/ticket/upload`
+  const loading = ref(false)
+  const editorHtml = ref('') // 编辑器内容
+  const dialogVisible = ref(false)
+  const dialogVisiblestatus = ref(false)
+  const typeList = ref<any[]>([])
+  const formRef = ref<FormInstance>()
+  const { width } = useWindowSize()
+  const isMobile = computed(() => width.value < 500)
+  // 抽屉显示状态
+  const isDrawerVisible = ref(false)
+  import meAvatar from '@/assets/img/avatar/avatar5.webp'
+  import aiAvatar from '@/assets/img/avatar/avatar10.webp'
+  // 消息相关数据
+  const messages = ref<any[]>([])
+  const messageText = ref('')
+  // 滚动到底部
+  const messageContainer = ref<HTMLElement | null>(null)
+  const scrollToBottom = () => {
+    setTimeout(() => {
+      if (messageContainer.value) {
+        messageContainer.value.scrollTop = messageContainer.value.scrollHeight
       }
-      return null
-    })
-    .filter(Boolean)
-}
-const handleSubmit = async (formEl: FormInstance | undefined) => {
-  const { categorie_id} = form
-  editorHtml.value = delCodeTrim(editorHtml.value)
-  if(dialogType.value === 'add'){
-    const { message } = await WorkService.WorkAdd({
-      content: editorHtml.value,
-      categorie_id: categorie_id,
-      attachment:uploadedFiles.value
-    })
-    ElMessage.success(message)
-    dialogVisible.value = false
+    }, 100)
+  }
+  const openChat = (row: any) => {
+    isDrawerVisible.value = true
+    getConversationList(row.id)
+  }
+
+  const closeChat = () => {
+    isDrawerVisible.value = false
+  }
+  //获取状态 下拉框 getStatus
+  const statusList = ref<any>()
+  const getstatusList = async (id: any) => {
+    try {
+      // 这里调用获取品牌列表的接口
+      const response = await WorkService.getStatus({ id: id })
+      statusList.value = response || []
+    } catch (error) { }
+  }
+  //获取工单分类
+  const categorieSelectList = ref<any>()
+  const getcategorieSelectList = async () => {
+    try {
+      // 这里调用获取品牌列表的接口
+      const response = await WorkService.getcategorieselect()
+      categorieSelectList.value = response || []
+    } catch (error) { }
+  }
+
+
+
+  const fileList = ref<any[]>([])
+  const form = reactive<Order>({
+    id: '',
+    categorie_id: '',
+    content: '',
+    attachment: []
+  })
+  const pagination = reactive({
+    currentPage: 1,
+    pageSize: 10,
+    total: 0
+  })
+  const paginationmsg = reactive({
+    currentPage: 1,
+    pageSize: 10,
+    total: 0
+  })
+  // 表格数据
+  const tableData = ref<any[]>([])
+
+  // 表格实例引用
+  const tableRef = ref()
+
+  onMounted(() => {
     getWorkList()
-  }else{
-    const { message } = await WorkService.Workedit({
-      id:form.id,
-      content: editorHtml.value,
-      categorie_id: categorie_id,
-      attachment:uploadedFiles.value
+  })
+
+  // 获取列表数据
+  const getWorkList = async () => {
+    loading.value = true
+    try {
+      const { currentPage, pageSize } = pagination
+
+      const { data, current, size, total } = await WorkService.getWorkselfList({
+        current: currentPage,
+        size: pageSize
+      })
+      tableData.value = data.map((item: any, index: number) => ({
+        ...item
+      }))
+      Object.assign(pagination, { currentPage: current, pageSize: size, total })
+    } catch (error) {
+      console.error('获取用户列表失败:', error)
+    } finally {
+      loading.value = false
+    }
+  }
+
+  //获取工单记录 getconversationList
+  const ticket_id =ref()
+  const getConversationList = async (id:any) => {
+    loading.value = true
+    try {
+      const { currentPage, pageSize } = paginationmsg
+      ticket_id.value = id
+      const { data, current, size, total } = await WorkService.getconversationList({
+        current: currentPage,
+        size: pageSize,
+        ticket_id: id
+      })
+      messages.value = data.map((item: any, index: number) => ({
+        ...item
+      }))
+      Object.assign(paginationmsg, { currentPage: current, pageSize: size, total })
+    } catch (error) {
+      console.error('获取用户列表失败:', error)
+    } finally {
+      loading.value = false
+    }
+  }
+  // 发送工单记录消息
+  const sendMessage = async () => {
+    const text = messageText.value.trim()
+    const ids = ticket_id.value
+    if (!text) return
+    
+    const { message } = await WorkService.conversationAdd({
+      content: text,
+      ticket_id: ids,
     })
     ElMessage.success(message)
-    dialogVisible.value = false
+    messageText.value = ''
+    getConversationList(ids)
+    scrollToBottom()
+  }    
+
+
+  const dialogType = ref('add')
+
+  const showDialog = (type: string, row?: any) => {
+    dialogVisible.value = true
+    dialogType.value = type
+    getcategorieSelectList()
+    if (type === 'edit' && row) {
+      form.id = row.id
+      form.categorie_id = row.categorie_id
+      form.content = row.content
+      editorHtml.value = row.content
+      // 回显附件
+      fileList.value = (row.attachments || []).map((item: { original_name: any; storage_path_full: any }) => ({
+        name: item.original_name,
+        file_url: item.storage_path_full,
+        status: 'success',
+        response: { data: item }
+      }))
+      // 如果你有 uploadedFiles 也要同步
+      uploadedFiles.value = row.attachments || []
+    } else {
+      // 新增时清空表单和上传文件
+      form.categorie_id = ''
+      form.content = ''
+      editorHtml.value = ''
+      fileList.value = []
+      uploadedFiles.value = []
+    }
+  }
+
+  const statusform = reactive({
+    id: '',
+    status: '',
+    msg: ''
+  })
+
+  const statusEdit = (row: any) => {
+    getstatusList(row.id)
+    dialogVisiblestatus.value = true
+    statusform.id = row.id
+  }
+  const deleteRole = () => {
+    ElMessageBox.confirm('确定删除该角色吗？', '删除确认', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'error'
+    }).then(() => {
+      ElMessage.success('删除成功')
+    })
+  }
+  const delCodeTrim = (content: string): string => {
+    return content.replace(/(\s*)<\/code>/g, '</code>')
+  }
+  //添加工单
+  const handleExceed = () => {
+    ElMessage.warning('最多上传3个文件')
+  }
+  const uploadedFiles = ref<any[]>([])
+  const getupfiledata = () => {
+    uploadedFiles.value = fileList.value
+      .filter((item) => item.status === 'success')
+      .map((item) => {
+        const data = item.response?.data
+        if (data) {
+          return {
+            id: data.id ? data.id : '',
+            original_name: data.original_name,
+            storage_path: data.storage_path ? data.storage_path : data.file_name
+          }
+        }
+        return null
+      })
+      .filter(Boolean)
+  }
+  const handleSubmit = async (formEl: FormInstance | undefined) => {
+    getupfiledata()
+    const { categorie_id} = form
+    editorHtml.value = delCodeTrim(editorHtml.value)
+    console.log(uploadedFiles.value)
+    if(dialogType.value === 'add'){
+      const { message } = await WorkService.WorkAdd({
+        content: editorHtml.value,
+        categorie_id: categorie_id,
+        attachment:uploadedFiles.value
+      })
+      ElMessage.success(message)
+      dialogVisible.value = false
+      getWorkList()
+    }else{
+      const { message } = await WorkService.Workedit({
+        id:form.id,
+        content: editorHtml.value,
+        categorie_id: categorie_id,
+        attachment:uploadedFiles.value
+      })
+      ElMessage.success(message)
+      dialogVisible.value = false
+      getWorkList()
+    }
+    
+
+  }
+  // 处理表格分页变化
+  const handleSizeChange = (newPageSize: number) => {
+    pagination.pageSize = newPageSize
     getWorkList()
   }
-  
 
-}
-// 处理表格分页变化
-const handleSizeChange = (newPageSize: number) => {
-  pagination.pageSize = newPageSize
-  getWorkList()
-}
+  const handleCurrentChange = (newCurrentPage: number) => {
+    pagination.currentPage = newCurrentPage
+    getWorkList()
+  }
+  //修改状态
+  const statusSubmit = async () => {
+    // loading.value = true
+    const { msg, status, id } = statusform
+    const { message } = await WorkService.Workstatus({
+      id,
+      msg,
+      status
+    })
+    ElMessage.success(message)
+    dialogVisiblestatus.value = false
+    getWorkList()
+  }
 
-const handleCurrentChange = (newCurrentPage: number) => {
-  pagination.currentPage = newCurrentPage
-  getWorkList()
-}
-//修改状态
-const statusSubmit = async () => {
-  // loading.value = true
-  const { msg, status, id } = statusform
-  const { message } = await WorkService.Workstatus({
-    id,
-    msg,
-    status
-  })
-  ElMessage.success(message)
-  dialogVisiblestatus.value = false
-  getWorkList()
-}
-
-// 图片预览相关
-const imageViewerVisible = ref(false)
-const imageViewerIndex = ref(0)
-const imageList = computed(() => fileList.value.filter(file => /\.(jpg|jpeg|png|gif|webp|bmp)$/i.test(file.name)).map(file => file.file_url?file.file_url:file.response.data.file_url))
-function handleImageClick(idx: number) {
-  imageViewerIndex.value = idx
-  imageViewerVisible.value = true
-}
-// 视频预览相关
-const videoDialogVisible = ref(false)
-const currentVideoUrl = ref('')
-function handleVideoClick(url: string) {
-  currentVideoUrl.value = url
-  videoDialogVisible.value = true
-}
+  // 图片预览相关
+  const imageViewerVisible = ref(false)
+  const imageViewerIndex = ref(0)
+  const imageList = computed(() => fileList.value.filter(file => /\.(jpg|jpeg|png|gif|webp|bmp)$/i.test(file.name)).map(file => file.file_url?file.file_url:file.response.data.file_url))
+  function handleImageClick(idx: number) {
+    imageViewerIndex.value = idx
+    imageViewerVisible.value = true
+  }
+  // 视频预览相关
+  const videoDialogVisible = ref(false)
+  const currentVideoUrl = ref('')
+  function handleVideoClick(url: string) {
+    currentVideoUrl.value = url
+    videoDialogVisible.value = true
+  }
 </script>
 
 <style lang="scss" scoped>
-:deep(.el-table__empty-block) {
-      height: 100% !important;
-      min-height: 200px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-.multi-line-ellipsis {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  word-break: break-all;
-}
-.page-content {
-  .svg-icon {
-    width: 1.8em;
-    height: 1.8em;
-    overflow: hidden;
-    vertical-align: -8px;
-    fill: currentcolor;
-  }
-}
-
-.header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 20px;
-
-  .header-left {
-    .name {
-      font-size: 16px;
-      font-weight: 500;
-    }
-  }
-
-  .header-right {
-    .icon-close {
-      cursor: pointer;
-    }
-  }
-}
-
-.chat-container {
-  display: flex;
-  flex-direction: column;
-  height: calc(100% - 70px);
-
-  .chat-messages {
-    flex: 1;
-    padding: 30px 16px;
-    overflow-y: auto;
-    border-top: 1px solid var(--el-border-color-lighter);
-
-    &::-webkit-scrollbar {
-      width: 5px !important;
-    }
-
-    .message-item {
-      display: flex;
-      flex-direction: row;
-      gap: 8px;
-      align-items: flex-start;
-      width: 100%;
-      margin-bottom: 30px;
-
-      .message-text {
-        font-size: 14px;
-        color: var(--art-gray-900);
-        border-radius: 6px;
-      }
-
-      &.message-left {
-        justify-content: flex-start;
-
-        .message-content {
-          align-items: flex-start;
-
-          .message-info {
-            flex-direction: row;
-          }
-
-          .message-text {
-            background-color: #f8f5ff;
-          }
-        }
-      }
-
-      &.message-right {
-        flex-direction: row-reverse;
-
-        .message-content {
-          align-items: flex-end;
-
-          .message-info {
-            flex-direction: row-reverse;
-          }
-
-          .message-text {
-            background-color: #e9f3ff;
-          }
-        }
-      }
-
-      .message-avatar {
-        flex-shrink: 0;
-      }
-
-      .message-content {
+  :deep(.el-table__empty-block) {
+        height: 100% !important;
+        min-height: 200px;
         display: flex;
-        flex-direction: column;
-        max-width: 70%;
+        align-items: center;
+        justify-content: center;
+      }
+  .multi-line-ellipsis {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-break: break-all;
+  }
+  .page-content {
+    .svg-icon {
+      width: 1.8em;
+      height: 1.8em;
+      overflow: hidden;
+      vertical-align: -8px;
+      fill: currentcolor;
+    }
+  }
 
-        .message-info {
-          display: flex;
-          gap: 8px;
-          margin-bottom: 4px;
-          font-size: 12px;
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 20px;
 
-          .message-time {
-            color: var(--el-text-color-secondary);
-          }
+    .header-left {
+      .name {
+        font-size: 16px;
+        font-weight: 500;
+      }
+    }
 
-          .sender-name {
-            font-weight: 500;
-          }
-        }
+    .header-right {
+      .icon-close {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .chat-container {
+    display: flex;
+    flex-direction: column;
+    height: calc(100% - 70px);
+
+    .chat-messages {
+      flex: 1;
+      padding: 30px 16px;
+      overflow-y: auto;
+      border-top: 1px solid var(--el-border-color-lighter);
+
+      &::-webkit-scrollbar {
+        width: 5px !important;
+      }
+
+      .message-item {
+        display: flex;
+        flex-direction: row;
+        gap: 8px;
+        align-items: flex-start;
+        width: 100%;
+        margin-bottom: 30px;
 
         .message-text {
-          padding: 10px 14px;
-          line-height: 1.4;
+          font-size: 14px;
+          color: var(--art-gray-900);
+          border-radius: 6px;
         }
-      }
-    }
-  }
 
-  .chat-input {
-    padding: 16px 16px 0;
-
-    .input-actions {
-      display: flex;
-      gap: 8px;
-      padding: 8px 0;
-    }
-
-    .chat-input-actions {
-      display: flex;
-      align-items: center; // 修正为单数
-      justify-content: right;
-      margin-top: 12px;
-
-      // 确保发送按钮与输入框对齐
-      el-button {
-        min-width: 80px;
-      }
-    }
-  }
-}
-
-.dark {
-  .chat-container {
-    .chat-messages {
-      .message-item {
         &.message-left {
-          .message-text {
-            background-color: #232323 !important;
+          justify-content: flex-start;
+
+          .message-content {
+            align-items: flex-start;
+
+            .message-info {
+              flex-direction: row;
+            }
+
+            .message-text {
+              background-color: #f8f5ff;
+            }
           }
         }
 
         &.message-right {
+          flex-direction: row-reverse;
+
+          .message-content {
+            align-items: flex-end;
+
+            .message-info {
+              flex-direction: row-reverse;
+            }
+
+            .message-text {
+              background-color: #e9f3ff;
+            }
+          }
+        }
+
+        .message-avatar {
+          flex-shrink: 0;
+        }
+
+        .message-content {
+          display: flex;
+          flex-direction: column;
+          max-width: 70%;
+
+          .message-info {
+            display: flex;
+            gap: 8px;
+            margin-bottom: 4px;
+            font-size: 12px;
+
+            .message-time {
+              color: var(--el-text-color-secondary);
+            }
+
+            .sender-name {
+              font-weight: 500;
+            }
+          }
+
           .message-text {
-            background-color: #182331 !important;
+            padding: 10px 14px;
+            line-height: 1.4;
+          }
+        }
+      }
+    }
+
+    .chat-input {
+      padding: 16px 16px 0;
+
+      .input-actions {
+        display: flex;
+        gap: 8px;
+        padding: 8px 0;
+      }
+
+      .chat-input-actions {
+        display: flex;
+        align-items: center; // 修正为单数
+        justify-content: right;
+        margin-top: 12px;
+
+        // 确保发送按钮与输入框对齐
+        el-button {
+          min-width: 80px;
+        }
+      }
+    }
+  }
+
+  .dark {
+    .chat-container {
+      .chat-messages {
+        .message-item {
+          &.message-left {
+            .message-text {
+              background-color: #232323 !important;
+            }
+          }
+
+          &.message-right {
+            .message-text {
+              background-color: #182331 !important;
+            }
           }
         }
       }
     }
   }
-}
 
-.attachment-preview {
-  margin-top: 12px;
-  .attachment-list {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 16px;
-  }
-  .attachment-item {
-    width: 130px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    background: #fafbfc;
-    border-radius: 8px;
-    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
-    padding: 10px 8px 6px 8px;
-    transition: box-shadow 0.2s, transform 0.2s;
-    cursor: pointer;
-    &:hover {
-      box-shadow: 0 4px 16px rgba(0,0,0,0.10);
-      transform: translateY(-2px) scale(1.03);
+  .attachment-preview {
+    margin-top: 12px;
+    .attachment-list {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 16px;
+    }
+    .attachment-item {
+      width: 130px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      background: #fafbfc;
+      border-radius: 8px;
+      box-shadow: 0 1px 4px rgba(0,0,0,0.04);
+      padding: 10px 8px 6px 8px;
+      transition: box-shadow 0.2s, transform 0.2s;
+      cursor: pointer;
+      &:hover {
+        box-shadow: 0 4px 16px rgba(0,0,0,0.10);
+        transform: translateY(-2px) scale(1.03);
+      }
+    }
+    .attachment-thumb {
+      max-width: 110px;
+      max-height: 90px;
+      border-radius: 4px;
+      border: 1px solid #eee;
+      margin-bottom: 6px;
+      object-fit: cover;
+      background: #fff;
+    }
+    .attachment-filename {
+      font-size: 12px;
+      color: #666;
+      text-align: center;
+      word-break: break-all;
+      margin-top: 2px;
     }
   }
-  .attachment-thumb {
-    max-width: 110px;
-    max-height: 90px;
-    border-radius: 4px;
-    border: 1px solid #eee;
-    margin-bottom: 6px;
-    object-fit: cover;
-    background: #fff;
-  }
-  .attachment-filename {
-    font-size: 12px;
-    color: #666;
-    text-align: center;
-    word-break: break-all;
-    margin-top: 2px;
-  }
-}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/work/order/index.vue b/src/views/work/order/index.vue
index 8e6e55c..764cc1b 100644
--- a/src/views/work/order/index.vue
+++ b/src/views/work/order/index.vue
@@ -50,7 +50,7 @@
       </ArtTable>
 
       <ElDialog v-model="dialogVisible" :title="dialogType === 'add' ? '新增' : '编辑'" width="60%" align-center>
-        <ElForm ref="formRef" :model="form" label-width="160px">
+        <ElForm ref="formRef" :model="form" label-width="120px" style="padding-right: 30px">
           <ElFormItem label="问题分类" prop="categorie_id">
             <ElSelect v-model="form.categorie_id">
               <ElOption v-for="type in categorieSelectList" :key="type.id" :value="type.id" :label="type.name" />
@@ -62,16 +62,20 @@
             <ArtWangEditor class="el-top" v-model="editorHtml" />
           </ElFormItem>
           <ElFormItem label="上传附件" prop="attachment">
-            <ElUpload 
-              v-model:file-list="fileList" 
-              class="upload-demo" 
-              :action="actionImageUplode" 
+            <ElUpload
+              v-model:file-list="fileList"
+              class="upload-demo"
+              :action="actionImageUplode"
               :on-success="handleUploadSuccess"
               :headers="uploadHeaders"
-              multiple 
-              :limit="3">
+              multiple
+              :limit="3"
+              :on-exceed="handleExceed"
+            >
               <el-button type="primary">上传</el-button>
             </ElUpload>
+          </ElFormItem>
+          <ElFormItem label="" prop="">
             <!-- 附件预览区 -->
             <div class="attachment-preview" v-if="fileList.length">
               <div class="attachment-list">
@@ -113,8 +117,17 @@
           <!-- 聊天消息区域 -->
           <div class="chat-messages" ref="messageContainer">
             <template v-for="(message, index) in messages" :key="index">
-              <div :class="['message-item', String(message.user_id) === String(userid) ? 'message-right' : 'message-left']">
-                <el-avatar :size="32" :src="String(message.user_id) === String(userid) ? meAvatar : aiAvatar" class="message-avatar" />
+              <div
+                :class="[
+                  'message-item',
+                  String(message.user_id) === String(userid) ? 'message-right' : 'message-left'
+                ]"
+              >
+                <el-avatar
+                  :size="32"
+                  :src="String(message.user_id) === String(userid) ? meAvatar : aiAvatar"
+                  class="message-avatar"
+                />
                 <div class="message-content">
                   <div class="message-info">
                     <span class="sender-name">{{ message.user_id }}</span>
@@ -125,9 +138,15 @@
               </div>
             </template>
           </div>
-          <div class="chat-input"  v-if="hasAuth('work_order@conversation_add')">
-            <el-input v-model="messageText" type="textarea" :rows="3" placeholder="输入消息" resize="none"
-              @keyup.enter.prevent="sendMessage" />
+          <div class="chat-input" v-if="hasAuth('work_order@conversation_add')">
+            <el-input
+              v-model="messageText"
+              type="textarea"
+              :rows="3"
+              placeholder="输入消息"
+              resize="none"
+              @keyup.enter.prevent="sendMessage"
+            />
             <ElInput v-model="ticket_id" type="hidden" />
             <div class="chat-input-actions">
               <el-button type="primary" @click="sendMessage" v-ripple>发送</el-button>
@@ -224,7 +243,7 @@ const statusList = ref<any>()
 const getstatusList = async () => {
   try {
     // 这里调用获取品牌列表的接口
-    const response = await WorkService.getStatus()
+    const response = await WorkService.getStatus({})
     statusList.value = response || []
   } catch (error) { }
 }
@@ -381,7 +400,9 @@ const delCodeTrim = (content: string): string => {
   return content.replace(/(\s*)<\/code>/g, '</code>')
 }
 //添加工单
-
+const handleExceed = () => {
+  ElMessage.warning('最多上传3个文件')
+}
 const uploadedFiles = ref<any[]>([])
 const handleUploadSuccess = (response: any, uploadFile: any, uploadFiles: any[]) => {
   // 只处理上传成功的文件