Commit 09ba7a46154888d74bc0dc47f457947fe0e52953
1 parent
4c2f5de9
fix: DEFECT-1157 修复所有页面存在有不适配黑暗模式的页面
Showing
9 changed files
with
23 additions
and
25 deletions
1 | 1 | <template> |
2 | - <div style="background-color: #f0f2f5"> | |
2 | + <div class="bg-neutral-100 dark:text-gray-300 dark:bg-dark-700"> | |
3 | 3 | <BasicTable @register="registerTable"> |
4 | 4 | <template #tbDeviceName="{ record }"> |
5 | 5 | <div style="color: #619eff" class="cursor-pointer" @click="handleGetTbDeviceId(record)"> | ... | ... |
... | ... | @@ -53,7 +53,7 @@ |
53 | 53 | </script> |
54 | 54 | |
55 | 55 | <template> |
56 | - <BasicTable class="event-manage-table" @register="register"> | |
56 | + <BasicTable class="bg-neutral-100 dark:text-gray-300 dark:bg-dark-700" @register="register"> | |
57 | 57 | <template #outputParams="{ record }"> |
58 | 58 | <span class="cursor-pointer text-blue-500" @click="handleViewDetail(record)"> |
59 | 59 | <EyeOutlined class="svg:text-blue-500" /> |
... | ... | @@ -65,9 +65,3 @@ |
65 | 65 | <Input.TextArea v-model:value="outputData" :autosize="true" /> |
66 | 66 | </BasicModal> |
67 | 67 | </template> |
68 | - | |
69 | -<style lang="less" scoped> | |
70 | - .event-manage-table { | |
71 | - background-color: #f0f2f5; | |
72 | - } | |
73 | -</style> | ... | ... |
... | ... | @@ -230,15 +230,16 @@ |
230 | 230 | <template> |
231 | 231 | <PageWrapper |
232 | 232 | dense |
233 | - content-class="flex flex-col bg-transparent p-4" | |
234 | - :content-style="{ backgroundColor: '#F0F2F5' }" | |
233 | + content-class="flex flex-col bg-transparent p-4 bg-neutral-100 dark:text-gray-300 dark:bg-dark-700" | |
235 | 234 | > |
236 | - <section class="flex flex-col justify-between w-full bg-light-50 pt-3 mb-4"> | |
235 | + <section | |
236 | + class="flex flex-col justify-between w-full bg-light-50 pt-3 mb-4 dark:text-gray-300 dark:bg-dark-900" | |
237 | + > | |
237 | 238 | <div class="flex-auto"> |
238 | 239 | <BasicForm @register="registerForm" /> |
239 | 240 | </div> |
240 | 241 | </section> |
241 | - <section class="bg-light-50"> | |
242 | + <section class="bg-light-50 !dark:text-gray-300 !dark:bg-dark-900"> | |
242 | 243 | <div |
243 | 244 | v-show="mode === EnumTableCardMode.CARD" |
244 | 245 | class="flex h-70px items-center justify-end p-2" | ... | ... |
... | ... | @@ -102,7 +102,9 @@ |
102 | 102 | </script> |
103 | 103 | |
104 | 104 | <template> |
105 | - <PageWrapper class="bg-gray-100 device-task-list-container"> | |
105 | + <PageWrapper | |
106 | + class="bg-neutral-100 dark:text-gray-300 dark:bg-dark-700 device-task-list-container" | |
107 | + > | |
106 | 108 | <section |
107 | 109 | class="form-container bg-light-50 px-4 pt-4 mt-4 x dark:text-gray-300 dark:bg-dark-900" |
108 | 110 | > | ... | ... |
1 | 1 | <template> |
2 | - <BasicTable class="command-record-table" @register="registerTable"> | |
2 | + <BasicTable | |
3 | + class="bg-neutral-100 dark:text-gray-300 dark:bg-dark-700 p-4" | |
4 | + @register="registerTable" | |
5 | + > | |
3 | 6 | <template #toolbar> |
4 | 7 | <Space> |
5 | 8 | <Button type="primary" @click="openModal(true)">命令下发</Button> |
... | ... | @@ -91,10 +94,3 @@ |
91 | 94 | commonModalInfo('响应内容', jsonParams); |
92 | 95 | }; |
93 | 96 | </script> |
94 | - | |
95 | -<style lang="less" scoped> | |
96 | - .command-record-table { | |
97 | - background-color: #f0f2f5; | |
98 | - padding: 16px; | |
99 | - } | |
100 | -</style> | ... | ... |
... | ... | @@ -151,7 +151,7 @@ |
151 | 151 | </Tabs> |
152 | 152 | <template #footer> |
153 | 153 | <div |
154 | - class="absolute right-0 bottom-0 w-full border-t bg-light-50 border-t-gray-100 py-2 px-4 text-right" | |
154 | + class="absolute right-0 bottom-0 w-full border-t bg-light-50 dark:text-gray-300 dark:bg-dark-700 dark:border-t-gray-700 border-t-gray-100 py-2 px-4 text-right" | |
155 | 155 | > |
156 | 156 | <Button class="mr-2" @click="closeDrawer">取消</Button> |
157 | 157 | <Authority :value="OtaPermissionKey.UPDATE"> | ... | ... |
... | ... | @@ -118,7 +118,7 @@ |
118 | 118 | <template> |
119 | 119 | <PageWrapper class="task-center-container"> |
120 | 120 | <section |
121 | - class="bg-light-50 flex p-4 justify-between items-center x dark:text-gray-300 dark:bg-dark-900" | |
121 | + class="bg-light-50 flex p-4 justify-between items-center dark:text-gray-300 dark:bg-dark-900" | |
122 | 122 | > |
123 | 123 | <div class="text-2xl">任务中心</div> |
124 | 124 | <Authority :value="PermissionEnum.CREATE"> | ... | ... |
... | ... | @@ -333,7 +333,12 @@ |
333 | 333 | <h3 class="w-24 flex-shrink-0 text-right pr-2 my-4">选择数据源</h3> |
334 | 334 | |
335 | 335 | <section ref="formListEl"> |
336 | - <div v-for="item in dataSource" :data-id="item.id" :key="item.id" class="flex bg-light-50"> | |
336 | + <div | |
337 | + v-for="item in dataSource" | |
338 | + :data-id="item.id" | |
339 | + :key="item.id" | |
340 | + class="flex bg-neutral-100 dark:text-gray-300 dark:bg-dark-700" | |
341 | + > | |
337 | 342 | <div class="w-24 text-right flex justify-end" style="flex: 0 0 96px"> 选择设备 </div> |
338 | 343 | <div class="pl-2 flex-auto"> |
339 | 344 | <component | ... | ... |