|
@@ -23,13 +23,9 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="box-content">
|
|
<div class="box-content">
|
|
|
<!-- 二三维信息 -->
|
|
<!-- 二三维信息 -->
|
|
|
- <!-- <gateDualSVG v-if="item.ndoorcount == '2'" :ref="`modelRef${index}`" :indexCode="index"></gateDualSVG>
|
|
|
|
|
- <gateSVG v-if="item.ndoorcount == '1'" :ref="`modelRef${index}`" :indexCode="index"></gateSVG> -->
|
|
|
|
|
- <!-- <component :ref="`modelRef${index}`" :indexCode="index"
|
|
|
|
|
- :is="getModelComponent(globalConfig.is2DModel, item.deviceType)" /> -->
|
|
|
|
|
- <gateDualSVG v-if="item.ndoorcount == '2'" :ref="(el) => setChildRef(el, index)" :indexCode="index">
|
|
|
|
|
|
|
+ <gateDualSVG v-if="item.ndoorcount == '2'" :ref="(el) => setChildRef(el, index)" :identify="index">
|
|
|
</gateDualSVG>
|
|
</gateDualSVG>
|
|
|
- <gateSVG v-if="item.ndoorcount == '1'" :ref="(el) => setChildRef(el, index)" :indexCode="index"></gateSVG>
|
|
|
|
|
|
|
+ <gateSVG v-if="item.ndoorcount == '1'" :ref="(el) => setChildRef(el, index)" :identify="index"></gateSVG>
|
|
|
</div>
|
|
</div>
|
|
|
<img src="@/assets/images/camera.png" alt="" @click="handlerCamera(item, index)" />
|
|
<img src="@/assets/images/camera.png" alt="" @click="handlerCamera(item, index)" />
|
|
|
</div>
|
|
</div>
|
|
@@ -58,15 +54,15 @@ import timeSetModal from './timeSetModal.vue';
|
|
|
import CameraModal from './cameraModal.vue';
|
|
import CameraModal from './cameraModal.vue';
|
|
|
import Modal from './Modal.vue';
|
|
import Modal from './Modal.vue';
|
|
|
import tipModal from './tipModal.vue'
|
|
import tipModal from './tipModal.vue'
|
|
|
-import gateDualSVG from './gateDualSVG.vue'
|
|
|
|
|
-import gateSVG from './gateSVG.vue'
|
|
|
|
|
|
|
+import gateDualSVG from './gateDualSVG.ssl.vue'
|
|
|
|
|
+import gateSVG from './gateSVG.ssl.vue'
|
|
|
import operationModal from './operationModal.vue'
|
|
import operationModal from './operationModal.vue'
|
|
|
import { useRouter } from 'vue-router';
|
|
import { useRouter } from 'vue-router';
|
|
|
import { devicecontrol, insertSyncRule, GetSyncRule } from '../airdoor.api'
|
|
import { devicecontrol, insertSyncRule, GetSyncRule } from '../airdoor.api'
|
|
|
// import { getModelComponent } from '../airdoor.data'
|
|
// import { getModelComponent } from '../airdoor.data'
|
|
|
import { useMessage } from '/@/hooks/web/useMessage';
|
|
import { useMessage } from '/@/hooks/web/useMessage';
|
|
|
import { SvgIcon } from '/@/components/Icon';
|
|
import { SvgIcon } from '/@/components/Icon';
|
|
|
-import { getDictItemsByCode } from '/@/utils/dict';
|
|
|
|
|
|
|
+// import { getDictItemsByCode } from '/@/utils/dict';
|
|
|
|
|
|
|
|
let props = defineProps({
|
|
let props = defineProps({
|
|
|
infoData: {
|
|
infoData: {
|
|
@@ -171,42 +167,16 @@ function handleCancelOperation(param) {
|
|
|
function monitorAnimation(selectData, index) {
|
|
function monitorAnimation(selectData, index) {
|
|
|
childRefs.value[index]?.animate?.(selectData.frontGateOpen == '1', selectData.midGateOpen == '1', selectData.rearGateOpen == '1');
|
|
childRefs.value[index]?.animate?.(selectData.frontGateOpen == '1', selectData.midGateOpen == '1', selectData.rearGateOpen == '1');
|
|
|
}
|
|
}
|
|
|
-function getInitSvg() {
|
|
|
|
|
- const dictCodes = getDictItemsByCode('gateStyle');
|
|
|
|
|
- console.log(dictCodes, 'dictCodes---')
|
|
|
|
|
- if (dictCodes && dictCodes.length > 0) {
|
|
|
|
|
- for (let i = 0; i < dictCodes.length; i++) {
|
|
|
|
|
- const dict = dictCodes[i];
|
|
|
|
|
- switch (dict.value) {
|
|
|
|
|
- case 'lijing':
|
|
|
|
|
-
|
|
|
|
|
- break;
|
|
|
|
|
- case 'xiejing':
|
|
|
|
|
-
|
|
|
|
|
- break;
|
|
|
|
|
- case 'lijing1':
|
|
|
|
|
-
|
|
|
|
|
- break;
|
|
|
|
|
- case 'lijing_3':
|
|
|
|
|
-
|
|
|
|
|
- break;
|
|
|
|
|
- case 'lijing_1':
|
|
|
|
|
-
|
|
|
|
|
- break;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- } else {
|
|
|
|
|
-
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
-}
|
|
|
|
|
|
|
+// function getInitSvg(param) {
|
|
|
|
|
+// // const dictCodes = getDictItemsByCode('gateStyle');
|
|
|
|
|
+// // console.log(dictCodes, 'dictCodes---')
|
|
|
|
|
+// }
|
|
|
|
|
|
|
|
|
|
|
|
|
watch(() => props.infoData, (newV, oldV) => {
|
|
watch(() => props.infoData, (newV, oldV) => {
|
|
|
console.log(newV, 'new---')
|
|
console.log(newV, 'new---')
|
|
|
infoDatas.value = newV
|
|
infoDatas.value = newV
|
|
|
if (newV.length) {
|
|
if (newV.length) {
|
|
|
- getInitSvg()
|
|
|
|
|
nextTick(() => {
|
|
nextTick(() => {
|
|
|
newV.forEach((el: any, index: number) => {
|
|
newV.forEach((el: any, index: number) => {
|
|
|
el = Object.assign(el, el.readData)
|
|
el = Object.assign(el, el.readData)
|