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> |