修改工单 客户等页面

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[]) => {
   // 只处理上传成功的文件