@@ -140,6 +140,10 @@ const props = defineProps({
type: Boolean,
default: false,
},
+ disabled: {
+ type: Boolean,
+ default: false,
+ }
});
const getBackgroundColor = (code: string | number) => {
@@ -160,6 +164,7 @@ const handleClick = () => {
.card {
width: 100%;
background-color: #fff;
+
.checked-icon {
position: absolute;
right: -22px;
@@ -190,16 +195,20 @@ const handleClick = () => {
position: relative;
border: 1px solid #e6e6e6;
overflow: hidden;
+ cursor: pointer;
&:hover {
- cursor: pointer;
box-shadow: 0 0 24px rgba(#000, 0.1);
-
.card-mask {
visibility: visible;
}
}
+ &.disabled {
+ filter: grayscale(100%);
+ cursor: not-allowed;
+ }
+
&.active {
position: relative;
border: 1px solid #2f54eb;
diff --git a/src/views/media/Device/Channel/index.vue b/src/views/media/Device/Channel/index.vue
index 5191a3a2..505b95b5 100644
--- a/src/views/media/Device/Channel/index.vue
+++ b/src/views/media/Device/Channel/index.vue
@@ -143,7 +143,6 @@
import ChannelApi from '@/api/media/channel';
import type { ActionsType } from '@/views/device/Instance/typings';
import { useMenuStore } from 'store/menu';
-import { message } from 'jetlinks-ui-components';
import Save from './Save.vue';
import Live from './Live/index.vue';
import Tree from './Tree/index.vue';
diff --git a/src/views/media/Device/Playback/timeLine.vue b/src/views/media/Device/Playback/timeLine.vue
index c10f1978..158ff045 100644
--- a/src/views/media/Device/Playback/timeLine.vue
+++ b/src/views/media/Device/Playback/timeLine.vue
@@ -33,7 +33,6 @@
+
\ No newline at end of file
diff --git a/src/views/rule-engine/Alarm/Configuration/index.vue b/src/views/rule-engine/Alarm/Configuration/index.vue
index 650621a8..0549c110 100644
--- a/src/views/rule-engine/Alarm/Configuration/index.vue
+++ b/src/views/rule-engine/Alarm/Configuration/index.vue
@@ -184,6 +184,7 @@
+