|
|
@@ -167,12 +167,14 @@
|
|
|
<!-- 卡片底部：文件名 -->
|
|
|
<div class="card-footer">
|
|
|
<div class="file-title">
|
|
|
- <span v-if="!inputCaseTitles.includes(file)" :title="file.filesTitle" class="title-text">
|
|
|
+ <div class="title-container" v-if="!inputCaseTitles.includes(file)">
|
|
|
+ <span :title="file.filesTitle" class="title-text">
|
|
|
{{ file.filesTitle }}
|
|
|
+ </span>
|
|
|
<el-icon color="#999" class="edit-title" @click="startEdit(file)">
|
|
|
- <EditPen />
|
|
|
+ <EditPen />
|
|
|
</el-icon>
|
|
|
- </span>
|
|
|
+ </div>
|
|
|
<template v-else>
|
|
|
<ElInput
|
|
|
v-model="file.filesTitle"
|
|
|
@@ -774,26 +776,31 @@ onUnmounted(() => {
|
|
|
position: relative;
|
|
|
width: 100%;
|
|
|
text-align: left;
|
|
|
+ .title-contain{
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
.title-text {
|
|
|
+ vertical-align: top;
|
|
|
display: inline-block;
|
|
|
- width: 90%;
|
|
|
+ max-width: 360px;
|
|
|
font-size: 14px;
|
|
|
font-weight: 500;
|
|
|
color: #303133;
|
|
|
text-align: left;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
word-break: break-all;
|
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
|
// .edit-title{
|
|
|
- // display: none;
|
|
|
- // position: absolute;
|
|
|
- // right: 0;
|
|
|
+ // vertical-align: top;
|
|
|
// }
|
|
|
.edit-input {
|
|
|
+ :deep(.el-input__inner){
|
|
|
+ height: 20px;
|
|
|
+ }
|
|
|
:deep(.el-input__wrapper) {
|
|
|
height: 20px;
|
|
|
}
|
