Commit 6e4088bf229e975fc03822df6b299ebc58e8b9c4

Authored by xp.Huang
2 parents af01f4c8 cdc92069

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