Przeglądaj źródła

style(score/event): 优化表格列宽与布局

调整表格各列宽度适配内容展示,开启表格自适应布局与滚动条常驻,将操作列固定到右侧
huoyi 1 tydzień temu
rodzic
commit
20b9d27a95
1 zmienionych plików z 8 dodań i 8 usunięć
  1. 8 8
      src/views/score/event/index.vue

+ 8 - 8
src/views/score/event/index.vue

@@ -96,7 +96,7 @@
96 96
       <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" />
97 97
     </el-row>
98 98
 
99
-    <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange" style="width: 100%;"
99
+    <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange" style="width: 100%;" fit="true"
100 100
       :scrollbar-always-on="true">
101 101
       <el-table-column type="selection" width="55" align="center" resizable />
102 102
       <el-table-column label="配分层级" align="center" prop="org" width="110" resizable>
@@ -105,15 +105,15 @@
105 105
       <el-table-column label="事件时间" align="center" prop="eventTime" width="120" resizable>
106 106
         <template #default="{ row }">{{ parseTime(row.eventTime, '{y}-{m}-{d}') }}</template>
107 107
       </el-table-column>
108
-      <el-table-column label="维度" align="center" prop="dimensionName" width="110" resizable />
109
-      <el-table-column label="二级指标" align="center" prop="level2Name" min-width="150" show-overflow-tooltip resizable />
110
-      <el-table-column label="三级指标" align="center" prop="level3Name" min-width="170" show-overflow-tooltip resizable />
108
+      <el-table-column label="维度" align="center" prop="dimensionName" width="150" resizable />
109
+      <el-table-column label="二级指标" align="center" prop="level2Name" min-width="250" show-overflow-tooltip resizable />
110
+      <el-table-column label="三级指标" align="center" prop="level3Name" min-width="250" show-overflow-tooltip resizable />
111 111
       <el-table-column label="责任人" align="center" prop="personName" width="80" resizable />
112 112
       <el-table-column label="部门" align="center" prop="deptName" min-width="120" resizable />
113 113
       <el-table-column label="班组" align="center" prop="teamName" min-width="120" resizable />
114
-      <el-table-column label="区域" align="center" prop="regionalName" min-width="180" resizable />
114
+      <el-table-column label="区域" align="center" prop="regionalName" min-width="200" resizable />
115 115
       <el-table-column label="工作点" align="center" prop="channelName" min-width="100" resizable />
116
-      <el-table-column label="岗位" align="center" prop="postName" min-width="180" resizable />
116
+      <el-table-column label="岗位" align="center" prop="postName" min-width="190" resizable />
117 117
       <el-table-column label="基础分值" align="center" prop="scoreValue" width="90" resizable>
118 118
         <template #default="{ row }">
119 119
           <span :style="{ color: row.scoreValue > 0 ? '#67c23a' : row.scoreValue < 0 ? '#f56c6c' : '' }">
@@ -143,8 +143,8 @@
143 143
           </el-tag>
144 144
         </template>
145 145
       </el-table-column>
146
-      <el-table-column label="事件描述" min-width="200" align="center" prop="eventDesc" show-overflow-tooltip resizable />
147
-      <el-table-column label="操作" align="center" width="180" resizable>
146
+      <el-table-column label="事件描述" min-width="450" align="center" prop="eventDesc" show-overflow-tooltip resizable />
147
+      <el-table-column label="操作" align="center" width="180" resizable fixed="right">
148 148
         <template #default="{ row }">
149 149
           <el-button link type="primary" icon="Edit" @click="handleUpdate(row)"
150 150
             v-hasPermi="['score:event:edit']">修改</el-button>