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