修改工单

src/views/work/order/index.vue

@@ -18,12 +18,12 @@
         <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 v-html="scope.row.content"></div>
+            <div  class="multi-line-ellipsis" v-html="scope.row.content"></div>
           </template>
         </ElTableColumn>
         <ElTableColumn label="状态" prop="status">
@@ -111,8 +111,8 @@
         <!-- 聊天消息区域 -->
         <div class="chat-messages" ref="messageContainer">
           <template v-for="(message, index) in messages" :key="index">
-            <div :class="['message-item', message.isMe ? 'message-right' : 'message-left']">
-              <el-avatar :size="32" :src="message.isMe ? 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>
@@ -171,6 +171,7 @@ 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'
 const { hasAuth } = useAuth();
 defineOptions({ name: 'Order' })
 let actionImageUplode = `${import.meta.env.VITE_API_URL}/ticket/upload`
@@ -184,6 +185,9 @@ const { width } = useWindowSize()
 const isMobile = computed(() => width.value < 500)
 // 抽屉显示状态
 const isDrawerVisible = ref(false)
+const { info } = useUserStore()
+const userid = info.user.id
+console.log(userid)
 import meAvatar from '@/assets/img/avatar/avatar5.webp'
 import aiAvatar from '@/assets/img/avatar/avatar10.webp'
 // 消息相关数据
@@ -453,6 +457,13 @@ function handleVideoClick(url: string) {
 </script>
 
 <style lang="scss" scoped>
+.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;