Showing
4 changed files
with
23 additions
and
12 deletions
@@ -49,10 +49,10 @@ | @@ -49,10 +49,10 @@ | ||
49 | <script lang="ts"> | 49 | <script lang="ts"> |
50 | import { defineComponent, ref, computed, unref, getCurrentInstance, reactive } from 'vue'; | 50 | import { defineComponent, ref, computed, unref, getCurrentInstance, reactive } from 'vue'; |
51 | import { BasicModal, useModalInner } from '/@/components/Modal'; | 51 | import { BasicModal, useModalInner } from '/@/components/Modal'; |
52 | - import DeviceProfileStep1 from '/@/views/device/profile/step/DeviceProfileStep1.vue'; | ||
53 | - import DeviceProfileStep2 from '/@/views/device/profile/step/DeviceProfileStep2.vue'; | ||
54 | - import DeviceProfileStep3 from '/@/views/device/profile/step/DeviceProfileStep3.vue'; | ||
55 | - import DeviceProfileStep4 from '/@/views/device/profile/step/DeviceProfileStep4.vue'; | 52 | + import DeviceProfileStep1 from '/@/views/device/profiles/step/DeviceProfileStep1.vue'; |
53 | + import DeviceProfileStep2 from '/@/views/device/profiles/step/DeviceProfileStep2.vue'; | ||
54 | + import DeviceProfileStep3 from '/@/views/device/profiles/step/DeviceProfileStep3.vue'; | ||
55 | + import DeviceProfileStep4 from '/@/views/device/profiles/step/DeviceProfileStep4.vue'; | ||
56 | import { Steps } from 'ant-design-vue'; | 56 | import { Steps } from 'ant-design-vue'; |
57 | import { deviceConfigAddOrEdit, deviceConfigGetDetail } from '/@/api/device/deviceConfigApi'; | 57 | import { deviceConfigAddOrEdit, deviceConfigGetDetail } from '/@/api/device/deviceConfigApi'; |
58 | import { useMessage } from '/@/hooks/web/useMessage'; | 58 | import { useMessage } from '/@/hooks/web/useMessage'; |
1 | <template> | 1 | <template> |
2 | <div> | 2 | <div> |
3 | <BasicTable | 3 | <BasicTable |
4 | - class="devide-profile" | 4 | + class="devide-profiles" |
5 | @selection-change="useSelectionChange" | 5 | @selection-change="useSelectionChange" |
6 | @register="registerTable" | 6 | @register="registerTable" |
7 | :rowSelection="{ type: 'checkbox' }" | 7 | :rowSelection="{ type: 'checkbox' }" |
@@ -57,7 +57,7 @@ | @@ -57,7 +57,7 @@ | ||
57 | import { useMessage } from '/@/hooks/web/useMessage'; | 57 | import { useMessage } from '/@/hooks/web/useMessage'; |
58 | import { deviceConfigGetQuery, deviceConfigDelete } from '/@/api/device/deviceConfigApi'; | 58 | import { deviceConfigGetQuery, deviceConfigDelete } from '/@/api/device/deviceConfigApi'; |
59 | import { useModal } from '/@/components/Modal'; | 59 | import { useModal } from '/@/components/Modal'; |
60 | - import DeviceProfileModal from '/@/views/device/profile/DeviceProfileModal.vue'; | 60 | + import DeviceProfileModal from '/@/views/device/profiles/DeviceProfileModal.vue'; |
61 | import { ImpExcel, ExcelData } from '/@/components/Excel'; | 61 | import { ImpExcel, ExcelData } from '/@/components/Excel'; |
62 | // import { jsonToSheetXlsx, ExportModalResult } from '/@/components/Excel'; | 62 | // import { jsonToSheetXlsx, ExportModalResult } from '/@/components/Excel'; |
63 | 63 | ||
@@ -246,10 +246,10 @@ | @@ -246,10 +246,10 @@ | ||
246 | </script> | 246 | </script> |
247 | 247 | ||
248 | <style lang="css"> | 248 | <style lang="css"> |
249 | - .devide-profile .rowcolor { | 249 | + .devide-profiles .rowcolor { |
250 | color: red; | 250 | color: red; |
251 | } | 251 | } |
252 | - .devide-profile .rowcolor2 { | 252 | + .devide-profiles .rowcolor2 { |
253 | background: #a2c3e6; | 253 | background: #a2c3e6; |
254 | } | 254 | } |
255 | </style> | 255 | </style> |
@@ -20,13 +20,13 @@ | @@ -20,13 +20,13 @@ | ||
20 | label: '编辑', | 20 | label: '编辑', |
21 | icon: 'clarity:note-edit-line', | 21 | icon: 'clarity:note-edit-line', |
22 | onClick: handleEdit.bind(null, record), | 22 | onClick: handleEdit.bind(null, record), |
23 | - ifShow: isTenant, | 23 | + ifShow: isTenant || isCustomer, |
24 | }, | 24 | }, |
25 | { | 25 | { |
26 | label: '删除', | 26 | label: '删除', |
27 | icon: 'ant-design:delete-outlined', | 27 | icon: 'ant-design:delete-outlined', |
28 | color: 'error', | 28 | color: 'error', |
29 | - ifShow: isTenant, | 29 | + ifShow: isTenant || isCustomer, |
30 | popConfirm: { | 30 | popConfirm: { |
31 | title: '是否确认删除', | 31 | title: '是否确认删除', |
32 | confirm: handleDeleteOrBatchDelete.bind(null, record), | 32 | confirm: handleDeleteOrBatchDelete.bind(null, record), |
1 | import { BasicColumn, FormSchema } from '/@/components/Table'; | 1 | import { BasicColumn, FormSchema } from '/@/components/Table'; |
2 | import { transformTime } from '/@/hooks/web/useDateToLocaleString'; | 2 | import { transformTime } from '/@/hooks/web/useDateToLocaleString'; |
3 | +import { h } from 'vue'; | ||
3 | 4 | ||
4 | export const columns: BasicColumn[] = [ | 5 | export const columns: BasicColumn[] = [ |
5 | { | 6 | { |
@@ -58,13 +59,23 @@ export const formSchema: FormSchema[] = [ | @@ -58,13 +59,23 @@ export const formSchema: FormSchema[] = [ | ||
58 | field: 'isolatedTbRuleEngine', | 59 | field: 'isolatedTbRuleEngine', |
59 | label: '', | 60 | label: '', |
60 | component: 'Checkbox', | 61 | component: 'Checkbox', |
61 | - renderComponentContent: '隔离板芯容器的加工', | 62 | + renderComponentContent: () => { |
63 | + return h('span', {}, [ | ||
64 | + h('span', {}, '隔离板芯容器的加工'), | ||
65 | + h('span', { style: { color: 'grey' } }, '(每个独立租户需要单独的微服务)'), | ||
66 | + ]); | ||
67 | + }, | ||
62 | }, | 68 | }, |
63 | { | 69 | { |
64 | field: 'isolatedTbCore', | 70 | field: 'isolatedTbCore', |
65 | label: '', | 71 | label: '', |
66 | component: 'Checkbox', | 72 | component: 'Checkbox', |
67 | - renderComponentContent: '在独立的ThinngsBoard规则引擎中处理', | 73 | + renderComponentContent: () => { |
74 | + return h('span', {}, [ | ||
75 | + h('span', {}, '在独立的ThinngsBoard规则引擎中处理'), | ||
76 | + h('span', { style: { color: 'grey' } }, '(每个独立租户需要单独的微服务)'), | ||
77 | + ]); | ||
78 | + }, | ||
68 | }, | 79 | }, |
69 | { | 80 | { |
70 | field: 'description', | 81 | field: 'description', |