Commit 6e4088bf229e975fc03822df6b299ebc58e8b9c4
Merge branch 'ww' into 'main'
fix: system menu default folding && device list column setting device name is null See merge request huang/yun-teng-iot-front!328
Showing
6 changed files
with
75 additions
and
60 deletions
@@ -19,6 +19,7 @@ export const columns: BasicColumn[] = [ | @@ -19,6 +19,7 @@ export const columns: BasicColumn[] = [ | ||
19 | }, | 19 | }, |
20 | { | 20 | { |
21 | dataIndex: 'name', | 21 | dataIndex: 'name', |
22 | + title: '设备名称/设备SN', | ||
22 | width: 200, | 23 | width: 200, |
23 | align: 'left', | 24 | align: 'left', |
24 | slots: { customRender: 'name', title: 'deviceTitle' }, | 25 | slots: { customRender: 'name', title: 'deviceTitle' }, |
@@ -71,7 +71,7 @@ | @@ -71,7 +71,7 @@ | ||
71 | delMenu, | 71 | delMenu, |
72 | handleSuccess | 72 | handleSuccess |
73 | ); | 73 | ); |
74 | - const [registerTable, { reload, expandAll }] = useTable({ | 74 | + const [registerTable, { reload, collapseAll }] = useTable({ |
75 | title: t('routes.common.system.pageSystemTitleMenuList'), //'菜单列表' | 75 | title: t('routes.common.system.pageSystemTitleMenuList'), //'菜单列表' |
76 | api: getMenuList, //加载数据 | 76 | api: getMenuList, //加载数据 |
77 | columns, //加载列 | 77 | columns, //加载列 |
@@ -148,7 +148,7 @@ | @@ -148,7 +148,7 @@ | ||
148 | 148 | ||
149 | function onFetchSuccess() { | 149 | function onFetchSuccess() { |
150 | // 演示默认展开所有表项 | 150 | // 演示默认展开所有表项 |
151 | - nextTick(expandAll); | 151 | + nextTick(collapseAll); |
152 | } | 152 | } |
153 | 153 | ||
154 | return { | 154 | return { |
@@ -162,31 +162,34 @@ | @@ -162,31 +162,34 @@ | ||
162 | > | 162 | > |
163 | {{ props.value.name }} | 163 | {{ props.value.name }} |
164 | </div> | 164 | </div> |
165 | - <Tooltip | ||
166 | - placement="top" | ||
167 | - :title=" | ||
168 | - props.value?.updateTime | ||
169 | - ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
170 | - : '暂无更新时间' | ||
171 | - " | 165 | + |
166 | + <div | ||
167 | + class="text-xs text-center p-5" | ||
168 | + :style="{ | ||
169 | + fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }), | ||
170 | + color: '#999', | ||
171 | + }" | ||
172 | > | 172 | > |
173 | - <div | ||
174 | - class="text-xs text-center truncate p-5" | ||
175 | - :style="{ | ||
176 | - fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }), | ||
177 | - color: '#999', | ||
178 | - }" | 173 | + <Tooltip |
174 | + placement="top" | ||
175 | + :title=" | ||
176 | + props.value?.updateTime | ||
177 | + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
178 | + : '暂无更新时间' | ||
179 | + " | ||
179 | > | 180 | > |
180 | - <span class="mr-2">更新时间:</span> | ||
181 | - <span> | ||
182 | - {{ | ||
183 | - props.value?.updateTime | ||
184 | - ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
185 | - : '暂无更新时间' | ||
186 | - }} | ||
187 | - </span> | ||
188 | - </div> | ||
189 | - </Tooltip> | 181 | + <div class="truncate"> |
182 | + <span class="mr-2">更新时间:</span> | ||
183 | + <span> | ||
184 | + {{ | ||
185 | + props.value?.updateTime | ||
186 | + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
187 | + : '暂无更新时间' | ||
188 | + }} | ||
189 | + </span> | ||
190 | + </div> | ||
191 | + </Tooltip> | ||
192 | + </div> | ||
190 | </div> | 193 | </div> |
191 | </div> | 194 | </div> |
192 | </template> | 195 | </template> |
@@ -152,31 +152,34 @@ | @@ -152,31 +152,34 @@ | ||
152 | > | 152 | > |
153 | <span>{{ props.value.name || '电表' }}</span> | 153 | <span>{{ props.value.name || '电表' }}</span> |
154 | </div> | 154 | </div> |
155 | - <Tooltip | ||
156 | - placement="top" | ||
157 | - :title=" | ||
158 | - props.value?.updateTime | ||
159 | - ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
160 | - : '暂无更新时间' | ||
161 | - " | 155 | + |
156 | + <div | ||
157 | + class="text-center text-xs p-5" | ||
158 | + :style="{ | ||
159 | + fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 16 }), | ||
160 | + color: '#999', | ||
161 | + }" | ||
162 | > | 162 | > |
163 | - <div | ||
164 | - class="text-center text-xs truncate p-5" | ||
165 | - :style="{ | ||
166 | - fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 16 }), | ||
167 | - color: '#999', | ||
168 | - }" | 163 | + <Tooltip |
164 | + placement="top" | ||
165 | + :title=" | ||
166 | + props.value?.updateTime | ||
167 | + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
168 | + : '暂无更新时间' | ||
169 | + " | ||
169 | > | 170 | > |
170 | - <span class="mr-1">更新时间:</span> | ||
171 | - <span> | ||
172 | - {{ | ||
173 | - props.value?.updateTime | ||
174 | - ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
175 | - : '暂无更新时间' | ||
176 | - }} | ||
177 | - </span> | ||
178 | - </div> | ||
179 | - </Tooltip> | 171 | + <div class="truncate"> |
172 | + <span class="mr-1">更新时间:</span> | ||
173 | + <span> | ||
174 | + {{ | ||
175 | + props.value?.updateTime | ||
176 | + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
177 | + : '暂无更新时间' | ||
178 | + }} | ||
179 | + </span> | ||
180 | + </div> | ||
181 | + </Tooltip> | ||
182 | + </div> | ||
180 | </div> | 183 | </div> |
181 | <div></div> | 184 | <div></div> |
182 | </section> | 185 | </section> |
@@ -93,16 +93,17 @@ | @@ -93,16 +93,17 @@ | ||
93 | </div> | 93 | </div> |
94 | </div> | 94 | </div> |
95 | </div> | 95 | </div> |
96 | - <Tooltip | ||
97 | - v-if="getShowUpdate" | ||
98 | - placement="top" | ||
99 | - :title=" | ||
100 | - props.value?.updateTime | ||
101 | - ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
102 | - : '暂无更新时间' | ||
103 | - " | ||
104 | - > | ||
105 | - <div class="text-center text-xs truncate p-5" style="color: #999"> | 96 | + |
97 | + <div class="text-center text-xs truncate p-5" style="color: #999"> | ||
98 | + <Tooltip | ||
99 | + v-if="getShowUpdate" | ||
100 | + placement="top" | ||
101 | + :title=" | ||
102 | + props.value?.updateTime | ||
103 | + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
104 | + : '暂无更新时间' | ||
105 | + " | ||
106 | + > | ||
106 | <div | 107 | <div |
107 | :style="{ fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }) }" | 108 | :style="{ fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }) }" |
108 | class="truncate" | 109 | class="truncate" |
@@ -116,7 +117,7 @@ | @@ -116,7 +117,7 @@ | ||
116 | }} | 117 | }} |
117 | </span> | 118 | </span> |
118 | </div> | 119 | </div> |
119 | - </div> | ||
120 | - </Tooltip> | 120 | + </Tooltip> |
121 | + </div> | ||
121 | </div> | 122 | </div> |
122 | </template> | 123 | </template> |
@@ -60,6 +60,7 @@ | @@ -60,6 +60,7 @@ | ||
60 | showQuickJumper: true, | 60 | showQuickJumper: true, |
61 | pageSize, | 61 | pageSize, |
62 | current: page, | 62 | current: page, |
63 | + size: 'small', | ||
63 | total, | 64 | total, |
64 | showTotal: (total) => `总 ${total} 条`, | 65 | showTotal: (total) => `总 ${total} 条`, |
65 | onChange: pageChange, | 66 | onChange: pageChange, |
@@ -216,6 +217,7 @@ | @@ -216,6 +217,7 @@ | ||
216 | :pagination="paginationProp" | 217 | :pagination="paginationProp" |
217 | :data-source="dataBoardList" | 218 | :data-source="dataBoardList" |
218 | :grid="{ gutter: 20, column: 4, xs: 1, sm: 2, md: 2, lg: 3, xl: 3, xxl: 3 }" | 219 | :grid="{ gutter: 20, column: 4, xs: 1, sm: 2, md: 2, lg: 3, xl: 3, xxl: 3 }" |
220 | + class="data-board-list" | ||
219 | > | 221 | > |
220 | <template #renderItem="{ item }"> | 222 | <template #renderItem="{ item }"> |
221 | <ListItem> | 223 | <ListItem> |
@@ -309,4 +311,9 @@ | @@ -309,4 +311,9 @@ | ||
309 | } | 311 | } |
310 | } | 312 | } |
311 | } | 313 | } |
314 | + | ||
315 | + .data-board-list:deep(.ant-list-pagination) { | ||
316 | + padding: 10px; | ||
317 | + background-color: #fff; | ||
318 | + } | ||
312 | </style> | 319 | </style> |