fix: 样式
Showing
2 changed files
with
25 additions
and
10 deletions
| ... | @@ -248,6 +248,12 @@ | ... | @@ -248,6 +248,12 @@ |
| 248 | } | 248 | } |
| 249 | } | 249 | } |
| 250 | 250 | ||
| 251 | .el-select-v2-popper { | ||
| 252 | .el-select-dropdown__item { | ||
| 253 | padding: 0px 16px; | ||
| 254 | } | ||
| 255 | } | ||
| 256 | |||
| 251 | .el-select-dropdown__item { | 257 | .el-select-dropdown__item { |
| 252 | --el-text-color-regular: var(--el-color-regular); | 258 | --el-text-color-regular: var(--el-color-regular); |
| 253 | --el-fill-color-light: #f5f5f5; | 259 | --el-fill-color-light: #f5f5f5; | ... | ... |
| ... | @@ -548,11 +548,14 @@ const cntLabelMap = ref({ | ... | @@ -548,11 +548,14 @@ const cntLabelMap = ref({ |
| 548 | <div class="table_tool_wrap"> | 548 | <div class="table_tool_wrap"> |
| 549 | <div class="tools_btns"> | 549 | <div class="tools_btns"> |
| 550 | <el-button v-if="!isLook" type="primary" @click="batchConfirm">批量确认</el-button> | 550 | <el-button v-if="!isLook" type="primary" @click="batchConfirm">批量确认</el-button> |
| 551 | <div v-show="!sensitiveTableDataLoading" class="cnt-desc">{{ '表总数:' + changeNum(cntSumInfo.tableNum || 0, 0) + '张 字段总数:' | 551 | <div v-show="!sensitiveTableDataLoading" class="cnt-desc">{{'表总数:' + changeNum(cntSumInfo.tableNum || 0, 0) + |
| 552 | + changeNum(cntSumInfo.fieldNum || 0, 0) + '个 敏感表总数:' + | 552 | '张 字段总数:' |
| 553 | changeNum(cntSumInfo.sensitiveTableNum || 0, 0) + '张 敏感字段总数:' + changeNum(cntSumInfo.sensitiveFieldNum || 0, 0) + | 553 | + changeNum(cntSumInfo.fieldNum || 0, 0) + '个 敏感表总数:' + |
| 554 | '个,其中' + labelTypeList?.map(l => `${l.label}:${changeNum(cntSumInfo[cntLabelMap[l.value]] || 0, 0)}个`).join(' ') + ' 非敏感:' + changeNum(cntSumInfo['nonSensitiveNum'] || 0, 0) + '个' | 554 | changeNum(cntSumInfo.sensitiveTableNum || 0, 0) + '张 敏感字段总数:' + changeNum(cntSumInfo.sensitiveFieldNum || 0, |
| 555 | }}</div> | 555 | 0) + |
| 556 | '个,其中' + labelTypeList?.map(l => `${l.label}${changeNum(cntSumInfo[cntLabelMap[l.value]] || 0, | ||
| 557 | 0)}个`).join(',') + ',非敏感' + changeNum(cntSumInfo['nonSensitiveNum'] || 0, 0) + '个' | ||
| 558 | }}</div> | ||
| 556 | </div> | 559 | </div> |
| 557 | </div> | 560 | </div> |
| 558 | <div class="table_panel_wrap"> | 561 | <div class="table_panel_wrap"> |
| ... | @@ -586,13 +589,18 @@ const cntLabelMap = ref({ | ... | @@ -586,13 +589,18 @@ const cntLabelMap = ref({ |
| 586 | @popverBtnClick="handleLabelPopoverClick" /> | 589 | @popverBtnClick="handleLabelPopoverClick" /> |
| 587 | </template> | 590 | </template> |
| 588 | <template #default="scope"> | 591 | <template #default="scope"> |
| 589 | <el-select-v2 v-if="scope.row['isEdit']" v-model="scope.row['labelGuid']" filterable | 592 | <el-select-v2 v-if="scope.row['isEdit']" v-model="scope.row['labelGuid']" filterable popper-class="el-select-v2-popper" |
| 590 | :options="allDataLabelList" placeholder="请选择" clearable :props="{ value: 'guid', label: 'labelName' }" | 593 | :options="allDataLabelList" placeholder="请选择" clearable :props="{ value: 'guid', label: 'labelName' }" |
| 591 | @change="(val) => handleSelectChange(val, scope)" /> | 594 | @change="(val) => handleSelectChange(val, scope)"> |
| 595 | <template #default="{ item }"> | ||
| 596 | <ellipsis-tooltip :content="item.labelName ?? ''" class-name="w100f" | ||
| 597 | :refName="'tooltipOver' + item.guid"></ellipsis-tooltip> | ||
| 598 | </template> | ||
| 599 | </el-select-v2> | ||
| 592 | <span v-else>{{ scope.row["labelName"] || '--' }}</span> | 600 | <span v-else>{{ scope.row["labelName"] || '--' }}</span> |
| 593 | </template> | 601 | </template> |
| 594 | </el-table-column> | 602 | </el-table-column> |
| 595 | <el-table-column label="标签类型" prop="labelTypeName" class-name="filter-cell" width="120" align="left" | 603 | <el-table-column label="标签类型" prop="labelTypeName" class-name="filter-cell" width="130" align="left" |
| 596 | show-overflow-tooltip> | 604 | show-overflow-tooltip> |
| 597 | <template #header> | 605 | <template #header> |
| 598 | <span>标签类型</span> | 606 | <span>标签类型</span> |
| ... | @@ -619,7 +627,7 @@ const cntLabelMap = ref({ | ... | @@ -619,7 +627,7 @@ const cntLabelMap = ref({ |
| 619 | <span v-else>{{ '--' }}</span> | 627 | <span v-else>{{ '--' }}</span> |
| 620 | </template> | 628 | </template> |
| 621 | </el-table-column> | 629 | </el-table-column> |
| 622 | <el-table-column v-if="!isLook" label="操作" width="100px" align="left" fixed="right" show-overflow-tooltip> | 630 | <el-table-column v-if="!isLook" label="操作" width="90px" align="left" fixed="right" show-overflow-tooltip> |
| 623 | <template #default="scope"> | 631 | <template #default="scope"> |
| 624 | <span class="text_btn" v-if="!scope.row['isEdit']" @click="handleFieldClickEdit(scope)" | 632 | <span class="text_btn" v-if="!scope.row['isEdit']" @click="handleFieldClickEdit(scope)" |
| 625 | v-preReClick>编辑</span> | 633 | v-preReClick>编辑</span> |
| ... | @@ -648,9 +656,10 @@ const cntLabelMap = ref({ | ... | @@ -648,9 +656,10 @@ const cntLabelMap = ref({ |
| 648 | 656 | ||
| 649 | .table_tool_wrap { | 657 | .table_tool_wrap { |
| 650 | display: flex; | 658 | display: flex; |
| 651 | 659 | ||
| 652 | .cnt-desc { | 660 | .cnt-desc { |
| 653 | line-height: 21px; | 661 | line-height: 21px; |
| 662 | white-space: break-spaces; | ||
| 654 | } | 663 | } |
| 655 | } | 664 | } |
| 656 | 665 | ... | ... |
-
Please register or sign in to post a comment