test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Safari下字段名称显示过长问题

This commit is contained in:
shiziyuan9527 2020-06-09 14:59:15 +08:00
parent d46a622f82
commit 990076e74f
6 changed files with 24 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/business/components/api/home/ApiReportRecentList.vue
View File

@ -3,14 +3,14 @@
<template v-slot:header>
<span class="title">{{$t('api_report.title')}}</span>
</template>
<el-table :data="tableData" class="table-content" @row-click="link">
<el-table-column prop="name" :label="$t('commons.name')" width="150" show-overflow-tooltip/>
<el-table-column width="250" :label="$t('commons.create_time')">
<el-table :data="tableData" class="table-content ms-cell-tooltip" @row-click="link">
<el-table-column prop="name" :label="$t('commons.name')" show-overflow-tooltip/>
<el-table-column width="200" :label="$t('commons.create_time')">
<template v-slot:default="scope">
<span>{{ scope.row.createTime | timestampFormatDate }}</span>
</template>
</el-table-column>
<el-table-column width="250" :label="$t('commons.update_time')">
<el-table-column width="200" :label="$t('commons.update_time')">
<template v-slot:default="scope">
<span>{{ scope.row.updateTime | timestampFormatDate }}</span>
</template>

10
frontend/src/business/components/api/home/ApiTestRecentList.vue
View File

@ -3,15 +3,15 @@
<template v-slot:header>
<span class="title">{{$t('commons.test')}}</span>
</template>
<el-table :data="tableData" class="table-content" @row-click="link">
<el-table-column prop="name" :label="$t('commons.name')" width="150" show-overflow-tooltip/>
<el-table-column prop="projectName" :label="$t('load_test.project_name')" width="150" show-overflow-tooltip/>
<el-table-column width="250" :label="$t('commons.create_time')">
<el-table :data="tableData" class="table-content ms-cell-tooltip" @row-click="link">
<el-table-column prop="name" :label="$t('commons.name')" show-overflow-tooltip/>
<el-table-column prop="projectName" :label="$t('load_test.project_name')" show-overflow-tooltip/>
<el-table-column width="200" :label="$t('commons.create_time')">
<template v-slot:default="scope">
<span>{{ scope.row.createTime | timestampFormatDate }}</span>
</template>
</el-table-column>
<el-table-column width="250" :label="$t('commons.update_time')">
<el-table-column width="200" :label="$t('commons.update_time')">
<template v-slot:default="scope">
<span>{{ scope.row.updateTime | timestampFormatDate }}</span>
</template>

6
frontend/src/business/components/performance/home/PerformanceReportRecentList.vue
View File

@ -3,9 +3,9 @@
<template v-slot:header>
<span class="title">{{$t('api_report.title')}}</span>
</template>
<el-table :data="tableData" class="table-content" @row-click="link">
<el-table-column prop="name" :label="$t('commons.name')" width="150" show-overflow-tooltip/>
<el-table-column width="250" :label="$t('commons.create_time')">
<el-table :data="tableData" class="table-content ms-cell-tooltip" @row-click="link">
<el-table-column prop="name" :label="$t('commons.name')" show-overflow-tooltip/>
<el-table-column :label="$t('commons.create_time')" show-overflow-tooltip>
<template v-slot:default="scope">
<span>{{ scope.row.createTime | timestampFormatDate }}</span>
</template>

6
frontend/src/business/components/performance/home/PerformanceTestRecentList.vue
View File

@ -3,9 +3,9 @@
<template v-slot:header>
<span class="title">{{$t('commons.test')}}</span>
</template>
<el-table :data="tableData" class="table-content" @row-click="link">
<el-table-column prop="name" :label="$t('commons.name')" width="150" show-overflow-tooltip/>
<el-table-column prop="projectName" :label="$t('load_test.project_name')" width="150" show-overflow-tooltip/>
<el-table :data="tableData" class="table-content ms-cell-tooltip" @row-click="link">
<el-table-column prop="name" :label="$t('commons.name')" show-overflow-tooltip/>
<el-table-column prop="projectName" :label="$t('load_test.project_name')" show-overflow-tooltip/>
<el-table-column width="250" :label="$t('commons.create_time')">
<template v-slot:default="scope">
<span>{{ scope.row.createTime | timestampFormatDate }}</span>

4
frontend/src/business/components/project/MsProject.vue
View File

@ -6,8 +6,8 @@
<ms-table-header :is-tester-permission="true" :condition.sync="condition" @search="search" @create="create"
:create-tip="btnTips" :title="title"/>
</template>
<el-table @row-click="link" :data="items" style="width: 100%" @sort-change="sort">
<el-table-column prop="name" :label="$t('commons.name')" width="250" show-overflow-tooltip/>
<el-table @row-click="link" :data="items" style="width: 100%" @sort-change="sort" class="ms-cell-tooltip">
<el-table-column prop="name" :label="$t('commons.name')" show-overflow-tooltip/>
<el-table-column prop="description" :label="$t('commons.description')" show-overflow-tooltip/>
<!--<el-table-column prop="workspaceName" :label="$t('project.owning_workspace')"/>-->
<el-table-column

7
frontend/src/common/css/main.css
View File

@ -41,3 +41,10 @@ body {
.table-card > .el-card__body {
padding-top: 0;
}
/*处理 show-overflow-tooltip 在 Safari 无效
el-table-column 设置 width 后，此 css 无效
https://github.com/ElemeFE/element/issues/10308 */
.ms-cell-tooltip .cell.el-tooltip {
max-width: 90%;
}