|
|
@@ -217,7 +217,7 @@
|
|
|
<el-table-column
|
|
|
prop="contractNumber"
|
|
|
label="合同段编号"
|
|
|
- width="100px"
|
|
|
+ width="140px"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
@@ -240,12 +240,12 @@
|
|
|
:key="key"
|
|
|
:content="item.contractName"
|
|
|
placement="top"
|
|
|
- :disabled="true"
|
|
|
+
|
|
|
>
|
|
|
<el-tag
|
|
|
size="small"
|
|
|
:type="item.contractType===1?'warning':item.contractType===2?'primary':'success'"
|
|
|
- class="custom-ellipse-tag1 ellipsis-tag1"
|
|
|
+ class="custom-ellipse-tag2 ellipsis-tag1"
|
|
|
|
|
|
>
|
|
|
{{item.contractName}}
|
|
|
@@ -976,6 +976,24 @@ export default {
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
}
|
|
|
+.custom-ellipse-tag2 {
|
|
|
+ max-width: 280px; /* 根据需要调整最大宽度 */
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ margin-right: 4px;
|
|
|
+ border-radius: 15px !important;
|
|
|
+ padding: 8px 8px !important;
|
|
|
+ margin-right: 8px !important;
|
|
|
+ margin-bottom: 4px;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ display: inline-flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ border: none !important;
|
|
|
+}
|
|
|
+
|
|
|
/* 确保 tooltip 的最大宽度 */
|
|
|
.el-tooltip__popper {
|
|
|
max-width: 300px;
|
