Commit 74b39748c35a4297ded051049621f3a2995565a3
1 parent
dcd32505
perf: adjust history trend modal style
Showing
1 changed file
with
13 additions
and
8 deletions
@@ -90,15 +90,17 @@ | @@ -90,15 +90,17 @@ | ||
90 | rowProps: { | 90 | rowProps: { |
91 | gutter: 10, | 91 | gutter: 10, |
92 | }, | 92 | }, |
93 | + labelWidth: 120, | ||
93 | fieldMapToTime: [[SchemaFiled.DATE_RANGE, [SchemaFiled.START_TS, SchemaFiled.END_TS]]], | 94 | fieldMapToTime: [[SchemaFiled.DATE_RANGE, [SchemaFiled.START_TS, SchemaFiled.END_TS]]], |
95 | + submitButtonOptions: { | ||
96 | + loading: loading as unknown as boolean, | ||
97 | + }, | ||
94 | async submitFunc() { | 98 | async submitFunc() { |
95 | // 表单验证 | 99 | // 表单验证 |
96 | await method.validate(); | 100 | await method.validate(); |
97 | const value = method.getFieldsValue(); | 101 | const value = method.getFieldsValue(); |
98 | const searchParams = getSearchParams(value); | 102 | const searchParams = getSearchParams(value); |
99 | 103 | ||
100 | - console.log(value); | ||
101 | - | ||
102 | if (!hasDeviceAttr()) return; | 104 | if (!hasDeviceAttr()) return; |
103 | // 发送请求 | 105 | // 发送请求 |
104 | loading.value = true; | 106 | loading.value = true; |
@@ -204,16 +206,19 @@ | @@ -204,16 +206,19 @@ | ||
204 | </script> | 206 | </script> |
205 | 207 | ||
206 | <template> | 208 | <template> |
207 | - <BasicModal @register="registerModal" :destroy-on-close="true" width="70%"> | ||
208 | - <section class="flex flex-col p-4 h-full w-full min-w-7/10" style="color: #f0f2f5"> | ||
209 | - <section class="bg-white p-3"> | 209 | + <BasicModal @register="registerModal" :destroy-on-close="true" width="70%" title="历史趋势"> |
210 | + <section | ||
211 | + class="flex flex-col p-4 h-full w-full min-w-7/10" | ||
212 | + style="color: #f0f2f5; background-color: #f0f2f5" | ||
213 | + > | ||
214 | + <section class="bg-white my-3 p-2"> | ||
210 | <BasicForm @register="register" /> | 215 | <BasicForm @register="register" /> |
211 | </section> | 216 | </section> |
212 | - <section class="bg-white p-3"> | ||
213 | - <div v-show="isNull" ref="chartRef" :style="{ height: '400px', width: '100%' }"> | 217 | + <section class="bg-white p-3" style="min-hight: 350px"> |
218 | + <div v-show="isNull" ref="chartRef" :style="{ height: '350px', width: '100%' }"> | ||
214 | <Loading :loading="loading" :absolute="true" /> | 219 | <Loading :loading="loading" :absolute="true" /> |
215 | </div> | 220 | </div> |
216 | - <Empty v-show="!isNull" /> | 221 | + <Empty description="暂无数据,请选择设备查询" v-show="!isNull" /> |
217 | </section> | 222 | </section> |
218 | </section> | 223 | </section> |
219 | </BasicModal> | 224 | </BasicModal> |