Browse Source

英文省略号

master_hella_20240701
yufei0306 4 months ago
parent
commit
af9c85832c
  1. 2
      src/components/TableDetail/src/TableDetail.vue
  2. 2
      src/components/XButton/src/ButtonBase.vue
  3. 2
      src/layout/components/Menu/src/components/useRenderMenuTitle.tsx
  4. 8
      src/styles/index.scss
  5. 2
      src/utils/disposition/defaultButtons.ts

2
src/components/TableDetail/src/TableDetail.vue

@ -1,7 +1,7 @@
<template>
<!-- 详情 -->
<div class="expandTable" :style="{width:width}" style="padding:10px"> <!-- 列表头部 -->
<Table style="width:100%;border:1px solid red"
<Table style="width:100%;"
:columns="detailAllSchemasRef.tableColumns"
:data="tableObjectRef.tableList"
:loading="tableObjectRef.loading"

2
src/components/XButton/src/ButtonBase.vue

@ -11,7 +11,7 @@
@click="buttonBaseClick(item.name, item, $event)"
>
<Icon v-if="item.icon" :icon="item.icon" class="mr-1px" />
{{ item.label }}
<span :style="{width:item.width+'px'||'auto'}" :class="[item.width?'ellipsis':'']">{{ item.label }}</span>
</el-button>
<!-- 设置按钮 -->
<el-popover

2
src/layout/components/Menu/src/components/useRenderMenuTitle.tsx

@ -9,7 +9,7 @@ export const useRenderMenuTitle = () => {
return icon ? (
<>
<Icon icon={meta.icon}></Icon>
<span class="v-menu__title">{t(`ts.${title}` as string).replace('ts.','')}</span>
<span class="v-menu__title ellipsis">{t(`ts.${title}` as string).replace('ts.','')}</span>
</>
) : (
<span class="v-menu__title">{t(`ts.${title}` as string).replace('ts.','')}</span>

8
src/styles/index.scss

@ -33,3 +33,11 @@
border-left-color: var(--el-color-primary);
}
}
.ellipsis{
overflow: hidden;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
}

2
src/utils/disposition/defaultButtons.ts

@ -552,6 +552,7 @@ export function mainListPlanUploadQualityReportBtn(option:any) {
name: 'mainPlanUploadQualityReport',
hide: false,
type: 'primary',
width:86,
color: '',
link: true, // 文本展现按钮
hasPermi: ''
@ -1013,6 +1014,7 @@ function __defaultBtnOption(option:any,specific:any){
hide:option && option.hide ? option.hide : specific.hide,
link:option && option.link ? option.link : specific.link,
hasPermi:option && option.hasPermi ? option.hasPermi : specific.hasPermi,
width:option && option.width ? option.width : specific.width,
...option
}
}

Loading…
Cancel
Save