Commit 09ba7a46154888d74bc0dc47f457947fe0e52953

Authored by ww
1 parent 4c2f5de9

fix: DEFECT-1157 修复所有页面存在有不适配黑暗模式的页面

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 #action="{ record }">
5 5 <TableAction
... ...
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
... ...