src/views/worksheet/aside/ListItem.vue

@@ -36,7 +36,7 @@ const popconfirmTarget: any = ref(null)
 const popconfirmRef: any = ref(null)
 
 function handleDismissTask() {
-  emit('dismisClick',  props.mouseOverTask.id)
+  emit('dismisClick', props.mouseOverTask.id)
   popconfirmRef.value[0]?.setShow(false); // 关闭 popconfirm
 }
 
@@ -69,21 +69,21 @@ onMounted(async () => {
       </div>
       <ul v-else class="list-item-detail">
         <li v-if="item.id === 'statshisText'">
-          审批状态：<span class="list-item-status" :class="listItem.statshisText === '通过'
+          审批状态：<n-ellipsis style="max-width: 170px"><span class="list-item-status" :class="listItem.statshisText === '通过'
             ? 'list-item-success'
             : listItem.statshisText === '不通过'
               ? 'list-item-error'
               : 'list-item-watting'
             ">{{ listItem.statshisText }}</span>
-        </li>
+          </n-ellipsis></li>
         <li v-else-if="item.id === 'createdate'">
-          提交时间：{{ format(listItem.createdate, "yyyy-MM-dd HH:mm:ss") }}
+          提交时间：<n-ellipsis style="max-width: 170px">{{ listItem.createdate && format(listItem.createdate, "yyyy-MM-dd HH:mm:ss") }}</n-ellipsis>
         </li>
         <li v-else-if="item.id === 'createTime'">
-          生成时间：{{ listItem.createTime && format(listItem.createTime, "yyyy-MM-dd HH:mm:ss") }}
+          生成时间：<n-ellipsis style="max-width: 170px">{{ listItem.createTime && format(listItem.createTime, "yyyy-MM-dd HH:mm:ss") }}</n-ellipsis>
         </li>
         <li v-else class="ellipsis" v-if="listItem[item.id]">
-          <span class="label">{{ item.name }}：</span>{{ listItem[item.id] }}
+          <span class="label">{{ item.name }}：</span><n-ellipsis style="max-width: 170px">{{ listItem[item.id] }}</n-ellipsis>
         </li>
       </ul>
     </div>
@@ -185,6 +185,5 @@ onMounted(async () => {
     position: absolute;
     bottom: 0px;
   }
-}
+}</style>
-</style>
 ../types